@descope/flow-components 2.0.38

package/.eslintrc

@@ -0,0 +1,119 @@
+{
+	"env": {
+		"browser": true,
+		"es2021": true
+	},
+	"extends": [
+		"airbnb",
+		"airbnb-typescript",
+		"plugin:import/typescript",
+		"prettier",
+		"plugin:testing-library/react",
+		"plugin:jest-dom/recommended"
+	],
+	"parser": "@typescript-eslint/parser",
+	"ignorePatterns": [
+		".eslintrc",
+		"jest.config.js",
+		"babel.config.js",
+		"build/*",
+		"dist/*",
+		"webpack.config.js",
+		"bundle/*",
+		"coverage/*",
+		"testUtils/*"
+	],
+	"parserOptions": {
+		"ecmaFeatures": {
+			"jsx": true
+		},
+		"ecmaVersion": "latest",
+		"sourceType": "module",
+		"project": "./tsconfig.json"
+	},
+	"plugins": [
+		"react",
+		"@typescript-eslint",
+		"prettier",
+		"testing-library",
+		"import",
+		"prefer-arrow",
+		"jest-dom",
+		"jest",
+		"jest-formatting",
+		"no-only-tests"
+	],
+	"settings": {
+		"import/parsers": {
+			"@typescript-eslint/parser": [".ts", ".tsx"]
+		},
+		"import/resolver": {
+			"typescript": {
+				"alwaysTryTypes": true
+			}
+		}
+	},
+	"rules": {
+		"no-tabs": ["error", { "allowIndentationTabs": true }],
+		"@typescript-eslint/indent": ["off"],
+		"react/jsx-indent": [2, "tab"],
+		"quotes": [
+			"error",
+			"single",
+			{ "avoidEscape": true, "allowTemplateLiterals": true }
+		],
+		"@typescript-eslint/quotes": [
+			"error",
+			"single",
+			{ "avoidEscape": true, "allowTemplateLiterals": true }
+		],
+		"@typescript-eslint/comma-dangle": ["off"],
+		"comma-dangle": ["off"],
+		"react/function-component-definition": [
+			2,
+			{
+				"namedComponents": "arrow-function",
+				"unnamedComponents": "arrow-function"
+			}
+		],
+		"import/prefer-default-export": ["off"],
+		"react/prop-types": ["off"],
+		"react/require-default-props": ["off"],
+		"react/jsx-props-no-spreading": ["off"],
+		"prefer-arrow/prefer-arrow-functions": [
+			2,
+			{
+				"disallowPrototype": true,
+				"singleReturnOnly": false,
+				"classPropertiesAllowed": false
+			}
+		],
+		"no-console": 2,
+		"no-only-tests/no-only-tests": 2,
+		"no-warning-comments": 2,
+		"import/no-unresolved": 2,
+		"import/named": 2,
+		"import/no-relative-packages": 2,
+		"import/no-cycle": 2,
+		"import/newline-after-import": 2,
+		"import/no-namespace": 2,
+		"import/no-duplicates": 2,
+		"import/first": 2,
+		"import/exports-last": 0,
+		"import/no-absolute-path": 2,
+		"import/no-dynamic-require": 2,
+		"import/no-self-import": 2,
+		"import/no-useless-path-segments": 2,
+		"import/no-extraneous-dependencies": [
+			2,
+			{
+				"devDependencies": [
+					"**/*.test.*",
+					"**/*.spec.*",
+					"**/testUtils/**",
+					"jest.config.ts"
+				]
+			}
+		]
+	}
+}

package/.github/actions/setup/action.yml

@@ -0,0 +1,42 @@
+name: Setup
+description: Setup
+inputs:
+  node_version:
+    description: Node version to use
+    required: true
+  repo-token:
+    description: Repo token to use
+    required: true
+runs:
+  using: composite
+  steps:
+    - name: Setup Node.js 🔠
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ inputs.node_version }}
+
+    - name: Cache node modules 💸
+      uses: actions/cache@v3
+      env:
+        cache-name: cache-node-modules
+      with:
+        # npm cache files are stored in `~/.npm` on Linux/macOS
+        path: ~/.npm
+        key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          ${{ runner.os }}-build-${{ env.cache-name }}-
+          ${{ runner.os }}-build-
+          ${{ runner.os }}-
+
+    - name: Install Dependencies 🪛
+      shell: bash
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      run: npm ci --ignore-scripts
+      env:
+        CI: true
+        # `npm rebuild` will run all those post-install scripts for us.
+    - run: npm rebuild && npm run prepare --if-present
+      shell: bash
+      env:
+        CI: true

package/.github/workflows/ci.yml

@@ -0,0 +1,105 @@
+name: 🎛️ CI
+
+on: [push]
+
+env:
+  NODE_VERSION: 18.2
+
+jobs:
+  build:
+    name: 👷 Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: https://npm.pkg.github.com/
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+      # `npm rebuild` will run all those post-install scripts for us.
+      - run: npm rebuild && npm run prepare --if-present
+      - name: Building
+        run: npm run build
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+
+  lint:
+    name: 🪥 Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: https://npm.pkg.github.com/
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+      # `npm rebuild` will run all those post-install scripts for us.
+      - run: npm rebuild && npm run prepare --if-present
+      - name: Linting
+        run: npm run lint
+
+  testing:
+    name: 👔 Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: https://npm.pkg.github.com/
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+      # `npm rebuild` will run all those post-install scripts for us.
+      - run: npm rebuild && npm run prepare --if-present
+      - name: Testing
+        run: npm run test
+      # - name: Coverage check
+      # uses: devmasx/coverage-check-action@v1.2.0
+      # with:
+      #   type: lcov
+      #   min_coverage: 95
+      #   result_path: coverage/lcov.info
+      #   token: ${{ github.token }}
+
+  license-validation:
+    name: 🪪 License Validation
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: https://npm.pkg.github.com/
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+      # `npm rebuild` will run all those post-install scripts for us.
+      - run: npm rebuild && npm run prepare --if-present
+      - name: License validation
+        shell: bash
+        run: echo no validation

package/.github/workflows/publish.yml

@@ -0,0 +1,41 @@
+name: 📢 publish
+
+on:
+  create:
+    tags:
+      - 'release/**'
+  push:
+
+env:
+  NODE_VERSION: 18.2
+
+jobs:
+  publish:
+    name: 📢 Publish
+    permissions:
+      packages: write
+      contents: read
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          registry-url: https://registry.npmjs.org/
+      # Skip post-install scripts here, as a malicious
+      # script could steal NODE_AUTH_TOKEN.
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_READ_ORG }}
+      # `npm rebuild` will run all those post-install scripts for us.
+      - run: npm run build
+      - run: npm rebuild && npm run prepare --if-present
+
+      - name: Publish to NPM Package Registry
+        run: npm publish --access=public
+        env:
+          CI: true
+          NODE_AUTH_TOKEN: ${{ secrets.CI_NPM_REGISTRY }}

package/.github/workflows/release.yml

@@ -0,0 +1,44 @@
+name: 👊 Bump Version & Release
+
+on:
+  push:
+    branches:
+      - init
+
+jobs:
+  bump-version:
+    name: 👊 Bump Version & Release
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+          ref: ${{ github.ref }}
+      - name: cat package.json
+        run: |
+          cat ./package.json
+          git config user.name "Descope"
+          git config user.email "107609351+descope[bot]@users.noreply.github.com"
+
+      - name: Get token
+        id: get_token
+        uses: tibdex/github-app-token@v1
+        with:
+          private_key: ${{ secrets.APP_PEM }}
+          app_id: ${{ secrets.APP_ID }}
+
+      - name: Automated Version Bump
+        id: version-bump
+        uses: phips28/gh-action-bump-version@master
+        with:
+          tag-prefix: release/v
+        env:
+          GITHUB_TOKEN: ${{ steps.get_token.outputs.token }}
+      - name: cat package.json
+        run: cat ./package.json
+      - name: Output Step
+        env:
+          NEW_TAG: ${{ steps.version-bump.outputs.newTag }}
+        run: echo "new tag $NEW_TAG"

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm run format-lint

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+	"tabWidth": 2,
+	"useTabs": true,
+	"semi": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 80
+}

package/.storybook/main.js

@@ -0,0 +1,23 @@
+module.exports = {
+	stories: [
+		'../stories/**/*.stories.mdx',
+		'../stories/**/*.stories.@(js|jsx|ts|tsx)'
+	],
+	addons: [
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		'storybook-addon-themes',
+		{
+			name: '@storybook/addon-postcss',
+			options: {
+				postcssLoaderOptions: {
+					implementation: require('postcss')
+				}
+			}
+		}
+	],
+	framework: '@storybook/react',
+	core: {
+		builder: '@storybook/builder-webpack5'
+	}
+};

package/.storybook/manager.js

@@ -0,0 +1,10 @@
+import { addons } from '@storybook/addons';
+import { create } from '@storybook/theming';
+
+addons.setConfig({
+	panelPosition: 'right',
+	enableShortcuts: false,
+	sidebar: {
+		showRoots: true
+	}
+});

package/.storybook/preview-head.html

@@ -0,0 +1,29 @@
+<script>
+	// Handle theme changes
+
+	// Since the storybook-addon-themes addon sets class, and daisyUI uses data-theme,
+	// we have to do some custom handling. Theme changes occur in preview.js and set
+	// a local storage value. We will listen to changes to this value and update
+	// the data-theme attribute on the storybook preview iframe
+
+	// Get/use initial or default values
+	const defaultTheme = 'light';
+	let cachedTheme = window.localStorage.getItem('wcui-theme') ?? defaultTheme;
+	document.documentElement.setAttribute('data-theme', cachedTheme);
+
+	// Listen for changes to localstorage
+	window.addEventListener('storage', () => {
+		let theme = window.localStorage.getItem('wcui-theme');
+		if (theme !== cachedTheme) {
+			// Update data-theme attribute
+			document.documentElement.setAttribute(
+				'data-theme',
+				theme ?? defaultTheme
+			);
+			// update theme variable to the new theme
+			cachedTheme = theme || defaultTheme;
+		}
+	});
+</script>
+
+<style></style>

package/.storybook/preview.js

@@ -0,0 +1,44 @@
+import {
+	themeToStyle,
+	defaultTheme,
+	componentsThemeManager
+} from '@descope/web-components-ui';
+
+const style = document.createElement('style');
+style.id = 'gen';
+const lightTheme = themeToStyle(defaultTheme, 'light');
+// todo: fix dark theme
+const darkTheme = themeToStyle(defaultTheme, 'dark');
+
+style.innerHTML = lightTheme.globals + darkTheme.globals;
+document.head.append(style);
+componentsThemeManager.themes = {
+	light: lightTheme.components,
+	dark: darkTheme.components
+};
+
+export const parameters = {
+	actions: { argTypesRegex: '^on[A-Z].*' },
+	controls: {
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/
+		}
+	},
+	themes: {
+		default: 'light',
+		onChange: (theme) => {
+			if (theme) {
+				window.localStorage.setItem('wcui-theme', theme.class);
+				document.body.setAttribute('data-theme', theme.class);
+				componentsThemeManager.currentThemeName = theme;
+			} else {
+				window.localStorage.removeItem('wcui-theme');
+			}
+		},
+		list: [
+			{ name: 'light', class: 'light', color: '#fff' },
+			{ name: 'dark', class: 'dark', color: '#000' }
+		]
+	}
+};

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Descope
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,20 @@
+# flow-components
+
+A React CSS only UI library based on [DaisyUI](https://daisyui.com/)
+This library provides a collection of components with which users can build login pages by the page editor
+
+## Quick start
+
+In order to run this project run
+
+```script
+npm i
+```
+
+and
+
+```script
+npm run storybook
+```
+
+.

package/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+	presets: [
+		['@babel/preset-env', { targets: { node: 'current' } }],
+		'@babel/preset-react',
+		'@babel/preset-typescript'
+	]
+};