pull master

.github/workflows/build-status.yml

@@ -18,4 +18,5 @@ jobs:
       - name: npm install, run test
         run: |
           npm install
-          npm t
+          npm run lint
+          npm run test:coverage

.github/workflows/npm-publish.yml

@@ -13,7 +13,8 @@ jobs:
         with:
           node-version: 16.x
       - run: npm install
-      - run: npm test
+      - run: npm run lint
+      - run: npm run test:coverage
 
   publish-npm:
     needs: build
@@ -38,7 +39,50 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
         with:
-          node-version: 14
+          node-version: 16.x
       - run: bash ./scripts/release-notes.sh
         env:
           RELEASE_SLACK_WEBHOOK_URL: ${{secrets.RELEASE_SLACK_WEBHOOK_URL}}
+
+  build-and-deploy-storybooks:
+    needs: publish-npm
+    runs-on: ubuntu-latest
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    concurrency:
+      group: "pages"
+
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Build docs Storybooks
+        run: | 
+          npm install
+          npm run storybook-web-docs
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload entire repository
+          path: './docs/'
+          name: docs
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
+        with:
+          artifact_name: 'docs'
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/publish-docs.yml

@@ -0,0 +1,46 @@
+name: publish-docs
+
+on: workflow_dispatch
+
+jobs:
+  build-and-deploy-storybooks:
+    runs-on: ubuntu-latest
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    concurrency:
+      group: "pages"
+
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Build docs Storybooks
+        run: | 
+          npm install
+          npm run storybook-web-docs
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload entire repository
+          path: './docs/'
+          name: docs
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
+        with:
+          artifact_name: 'docs'
+          github-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -67,4 +67,5 @@ coverage
 dist/
 
 # Static storybook page
-.storybook_static
+.storybook_static
+.docs

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run lint
+npx lint-staged && npm run lint

.ondevice/storybook.requires.js

@@ -1,62 +1,64 @@
 /* do not change this file, it is auto generated by storybook. */
 
 import {
-  configure,
-  addDecorator,
-  addParameters,
-  addArgsEnhancer,
-  clearDecorators,
-} from "@storybook/react-native";
+	configure,
+	addDecorator,
+	addParameters,
+	addArgsEnhancer,
+	clearDecorators,
+} from '@storybook/react-native';
 
 global.STORIES = [
-  {
-    titlePrefix: "",
-    directory: "./storybook/stories",
-    files: "**/*.stories.?(ts|tsx|js|jsx)",
-    importPathMatcher:
-      "^\\.[\\\\/](?:storybook\\/stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(?:ts|tsx|js|jsx)?)$",
-  },
+	{
+		titlePrefix: '',
+		directory: './storybook/stories',
+		files: '**/*.stories.?(ts|tsx|js|jsx)',
+		importPathMatcher:
+			'^\\.[\\\\/](?:storybook\\/stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(?:ts|tsx|js|jsx)?)$',
+	},
 ];
 
-import "@storybook/addon-ondevice-actions/register";
-import "@storybook/addon-ondevice-controls/register";
+import '@storybook/addon-ondevice-actions/register';
+import '@storybook/addon-ondevice-controls/register';
 
-import { argsEnhancers } from "@storybook/addon-actions/dist/modern/preset/addArgs";
+import {argsEnhancers} from '@storybook/addon-actions/dist/modern/preset/addArgs';
 
-import { decorators, parameters } from "./preview";
+import {decorators, parameters} from './preview';
 
 if (decorators) {
-  if (__DEV__) {
-    // stops the warning from showing on every HMR
-    require("react-native").LogBox.ignoreLogs([
-      "`clearDecorators` is deprecated and will be removed in Storybook 7.0",
-    ]);
-  }
-  // workaround for global decorators getting infinitely applied on HMR, see https://github.com/storybookjs/react-native/issues/185
-  clearDecorators();
-  decorators.forEach((decorator) => addDecorator(decorator));
+	if (__DEV__) {
+		// stops the warning from showing on every HMR
+		require('react-native').LogBox.ignoreLogs([
+			'`clearDecorators` is deprecated and will be removed in Storybook 7.0',
+		]);
+	}
+	// workaround for global decorators getting infinitely applied on HMR, see https://github.com/storybookjs/react-native/issues/185
+	clearDecorators();
+	decorators.forEach((decorator) => addDecorator(decorator));
 }
 
 if (parameters) {
-  addParameters(parameters);
+	addParameters(parameters);
 }
 
 try {
-  argsEnhancers.forEach((enhancer) => addArgsEnhancer(enhancer));
+	argsEnhancers.forEach((enhancer) => addArgsEnhancer(enhancer));
 } catch {}
 
 const getStories = () => {
-  return {
-    "./storybook/stories/Avatar/Avatar.stories.js": require("../storybook/stories/Avatar/Avatar.stories.js"),
-    "./storybook/stories/CheckBox/CheckBox.stories.js": require("../storybook/stories/CheckBox/CheckBox.stories.js"),
-    "./storybook/stories/Image/Image.stories.js": require("../storybook/stories/Image/Image.stories.js"),
-    "./storybook/stories/Input/Input.stories.js": require("../storybook/stories/Input/Input.stories.js"),
-    "./storybook/stories/Loading/Loading.stories.js": require("../storybook/stories/Loading/Loading.stories.js"),
-    "./storybook/stories/Select/Select.stories.js": require("../storybook/stories/Select/Select.stories.js"),
-    "./storybook/stories/StatusChip/StatusChip.stories.js": require("../storybook/stories/StatusChip/StatusChip.stories.js"),
-    "./storybook/stories/Svg/Svg.stories.js": require("../storybook/stories/Svg/Svg.stories.js"),
-    "./storybook/stories/Text/Text.stories.js": require("../storybook/stories/Text/Text.stories.js"),
-  };
+	return {
+		'./storybook/stories/Avatar/Avatar.stories.js': require('../storybook/stories/Avatar/Avatar.stories.js'),
+		'./storybook/stories/CheckBox/CheckBox.stories.js': require('../storybook/stories/CheckBox/CheckBox.stories.js'),
+		'./storybook/stories/DesignStystem/Colors.stories.js': require('../storybook/stories/DesignStystem/Colors.stories.js'),
+		'./storybook/stories/Image/Image.stories.js': require('../storybook/stories/Image/Image.stories.js'),
+		'./storybook/stories/Input/Input.stories.js': require('../storybook/stories/Input/Input.stories.js'),
+		'./storybook/stories/Loading/Loading.stories.js': require('../storybook/stories/Loading/Loading.stories.js'),
+		'./storybook/stories/Select/Select.stories.js': require('../storybook/stories/Select/Select.stories.js'),
+		'./storybook/stories/LoadingFullScreen/LoadingFullScreen.stories.js': require('../storybook/stories/LoadingFullScreen/LoadingFullScreen.stories.js'),
+		'./storybook/stories/StatusChip/StatusChip.stories.js': require('../storybook/stories/StatusChip/StatusChip.stories.js'),
+		'./storybook/stories/Svg/Svg.stories.js': require('../storybook/stories/Svg/Svg.stories.js'),
+		'./storybook/stories/Text/Text.stories.js': require('../storybook/stories/Text/Text.stories.js'),
+	};
 };
 
 configure(getStories, module, false);

.storybook/manager.js

@@ -0,0 +1,6 @@
+import {addons} from '@storybook/addons';
+import yourTheme from './theme';
+
+addons.setConfig({
+	theme: yourTheme,
+});

.storybook/preview-head.html

@@ -0,0 +1,9 @@
+<!-- .storybook/preview-head.html -->
+
+<!-- Pull in static files served from your Static directory or the internet -->
+<!-- Example: `main.js|ts` is configured with staticDirs: ['../public'] and your font is located in the `fonts` directory inside your `public` directory -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
+
+<!-- Or you can load custom head-tag JavaScript: -->

.storybook/preview.js

@@ -1,6 +1,10 @@
 import React from 'react';
 import CenterView from '../storybook/decorators/CenterView';
 
+export const parameters = {
+	viewMode: 'docs',
+};
+
 export const decorators = [
 	(Story) => (
 		<CenterView>

.storybook/theme.js

@@ -0,0 +1,11 @@
+import {create} from '@storybook/theming';
+
+export default create({
+	base: 'light',
+	brandTitle: 'Janis UI apps',
+	brandUrl: 'https://janis.im',
+	brandImage: 'https://app.janis.in/static/media/janis-logo-base.0cc15e53.svg',
+	brandTarget: 'https://janis.im',
+	fontBase: '"Roboto", sans-serif',
+	fontCode: 'Roboto',
+});

CHANGELOG.MD → CHANGELOG.md

@@ -7,6 +7,27 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.0.3] - 2023-08-24
+
+### Fixed
+
+- Fixed script to publish slack message
+
+## [1.0.2] - 2023-08-23
+
+### Fixed
+
+- Fixed action publish for npm
+- Fixed import example of component in the readme file
+
+## [1.0.1] - 2023-08-23
+
+### Fixed
+
+- Fixed command lint in github action
+
+## [1.0.0] - 2023-08-23
+
 ### Added
 
 - Added config for typescript
@@ -21,17 +42,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Added component Status Chip
 - Added component Input
 - Added readme
-
-### Changed
-
-- Changed version from react to 17.0.2 and react native to 0.67 and made compatibility for react 18 and react native 0.71
-- Changed version of storybook
-
-### Fixed
-
-- Fixed export components
-- Fixed an error when localy linking the package with a react native app
-
-### Removed
-
-- Removed standard version package and setup
+- Added github action to deploy storybooks docs
+- Added component LoadingFullScreen

README.md

@@ -22,11 +22,13 @@ A quick example of how to import a component and start using **@janiscommerce/ui
 ```sh
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Avatar from '@janiscommerce/ui-native/Avatar';
+import {Avatar} from '@janiscommerce/ui-native';
 
 function App() {
   return <Avatar size="sm" placeholder="Janis" bgColor="#2979FF" />;
 }
 
 ReactDOM.render(<App />, document.querySelector('#app'));
 ```
+
+[Documentation](https://janis-commerce.github.io/ui-native)