@descope/flow-components 2.0.38 → 2.0.40

package/.github/workflows/release.yml

@@ -1,44 +0,0 @@
-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

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

package/.prettierrc

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

package/.storybook/main.js

@@ -1,23 +0,0 @@
-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

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

package/.storybook/preview-head.html

@@ -1,29 +0,0 @@
-<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

@@ -1,44 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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/babel.config.js

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

package/jest.config.js

@@ -1,33 +0,0 @@
-const { pathsToModuleNameMapper } = require('ts-jest');
-const { compilerOptions } = require('./tsconfig.json');
-
-module.exports = {
-	// Automatically clear mock calls, instances, contexts and results before every test
-	clearMocks: true,
-
-	collectCoverage: true,
-	coverageDirectory: 'coverage',
-	collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}'],
-
-	// A set of global variables that need to be available in all test environments
-	globals: {
-		'ts-jest': {
-			tsconfig: 'tsconfig.json'
-		}
-	},
-
-	preset: 'ts-jest',
-	testEnvironment: 'jsdom',
-	moduleDirectories: ['node_modules', 'src'],
-
-	testTimeout: 2000,
-
-	transform: {
-		'\\.[jt]sx?$': 'babel-jest'
-	},
-	roots: ['src', 'test'],
-	setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-	snapshotFormat: {
-		escapeString: true
-	}
-};

package/jest.setup.js

@@ -1,2 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import '@testing-library/jest-dom';

package/renovate.json

@@ -1,4 +0,0 @@
-{
-	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
-	"extends": ["local>descope/renovate-config"]
-}

package/rollup.config.mjs

@@ -1,47 +0,0 @@
-import typescript from '@rollup/plugin-typescript';
-import del from 'rollup-plugin-delete';
-import autoExternal from 'rollup-plugin-auto-external';
-import dts from 'rollup-plugin-dts';
-
-import packageJson from './package.json' assert { type: 'json' };
-
-export default [
-	{
-		input: 'src/index.ts',
-		output: {
-			file: packageJson.module,
-			format: 'esm',
-			interop: 'compat'
-		},
-		plugins: [
-			autoExternal(),
-			del({ targets: 'dist' }),
-			typescript({
-				rootDir: './src'
-			})
-		]
-	},
-	{
-		input: 'src/index.ts',
-		output: {
-			file: packageJson.main,
-			format: 'cjs',
-			interop: 'compat'
-		},
-		plugins: [
-			autoExternal(),
-			typescript({
-				rootDir: './src'
-			})
-		]
-	},
-	{
-		input: './dist/dts/index.d.ts',
-		output: [{ file: packageJson.types, format: 'esm' }],
-		plugins: [
-			dts(),
-			del({ hook: 'buildEnd', targets: ['./dist/dts', './dist/cjs/dts'] })
-			//   cjsPackage(),
-		]
-	}
-];

package/src/Boolean/Boolean.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { Checkbox } from '../Checkbox';
-import { Switch } from '../Switch';
-
-type BooleanType = { type: 'switch' | 'checkbox' };
-
-type Props = React.ComponentProps<typeof Checkbox> &
-	React.ComponentProps<typeof Switch> &
-	BooleanType;
-
-const Boolean = React.forwardRef<HTMLInputElement, Props>(
-	({ type, ...props }, ref) => {
-		switch (type) {
-			case 'checkbox':
-				return <Checkbox {...props} ref={ref} />;
-			case 'switch':
-				return <Switch {...props} ref={ref} />;
-			default:
-				return null;
-		}
-	}
-);
-
-export default Boolean;

package/src/Boolean/index.ts

@@ -1 +0,0 @@
-export { default as Boolean } from './Boolean';

package/src/Button/Button.tsx

@@ -1,49 +0,0 @@
-import React, { useMemo } from 'react';
-// eslint-disable-next-line import/no-namespace
-import * as icons from '../icons';
-
-type Props = JSX.IntrinsicElements['button'] & {
-	variant?: string;
-	color?: string;
-	size?: string;
-	loading?: boolean;
-	startIcon?: string;
-	startIconColorText?: boolean;
-	'full-width'?: boolean;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-button': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLButtonElement>,
-				HTMLButtonElement
-			> & { mode: string };
-		}
-	}
-}
-
-const Button = React.forwardRef<
-	HTMLButtonElement,
-	JSX.IntrinsicElements['button'] & Props
->(({ children, startIcon, startIconColorText, color, ...props }, ref) => {
-	const icon = useMemo(
-		() => icons[startIcon]?.({ noColor: startIconColorText }),
-		[startIcon, startIconColorText]
-	);
-
-	return (
-		<descope-button {...props} mode={color} ref={ref}>
-			{icon}
-			{children}
-		</descope-button>
-	);
-});
-
-Button.defaultProps = {
-	size: 'md',
-	variant: 'contained',
-	color: 'primary'
-};
-
-export default Button;

package/src/Button/index.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/src/Checkbox/Checkbox.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-checkbox': DescopeInputProps;
-		}
-	}
-}
-
-const Checkbox = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-checkbox {...props} ref={ref} />
-);
-
-export default Checkbox;

package/src/Checkbox/index.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/src/Code/Code.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { DescopeInputProps } from '../types';
-
-type Props = {
-	digits?: number;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-passcode': DescopeInputProps & Props;
-		}
-	}
-}
-
-const Code = React.forwardRef<HTMLInputElement, DescopeInputProps & Props>(
-	(props, ref) => <descope-passcode ref={ref} {...props} />
-);
-
-export default Code;

package/src/Code/index.ts

@@ -1 +0,0 @@
-export { default as Code } from './Code';

package/src/Container/Container.tsx

@@ -1,111 +0,0 @@
-import React from 'react';
-import { FlexAlignment } from '../types';
-
-type Never<T extends Record<string, any>> = { [K in keyof T]: never };
-
-type SpaceBetween =
-	| '0'
-	| '0.5'
-	| '1'
-	| '1.5'
-	| '2'
-	| '2.5'
-	| '3'
-	| '3.5'
-	| '4'
-	| '5'
-	| '6'
-	| '7'
-	| '8'
-	| '9'
-	| '10'
-	| '11'
-	| '12'
-	| '14'
-	| '16'
-	| '20'
-	| '24'
-	| '28'
-	| '32';
-
-type Flex = {
-	align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-	justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-	spaceBetween: SpaceBetween;
-};
-
-type ContainerAlignment = {
-	'horizontal-alignment'?: FlexAlignment | 'space-between';
-	'vertical-alignment'?: FlexAlignment;
-	'space-between'?: 'sm' | 'md' | 'lg';
-};
-
-type Props = {
-	direction?: 'row' | 'column';
-	shadow?: 'md' | 'lg' | 'xl' | '2xl';
-	'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-	paddingX?: string;
-	paddingY?: string;
-	background?: string;
-	width?: string;
-} & ((Flex & Never<ContainerAlignment>) | (ContainerAlignment & Never<Flex>));
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-container': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLElement>,
-				HTMLElement
-			>;
-		}
-	}
-}
-
-const justifyContent = {
-	start: 'flex-start',
-	center: 'center',
-	end: 'flex-end',
-	between: 'space-between',
-	around: 'space-around',
-	evenly: 'space-evenly'
-};
-
-const Container = React.forwardRef<
-	HTMLDivElement,
-	Props & React.HTMLAttributes<HTMLDivElement>
->(
-	(
-		{
-			background,
-			justify,
-			paddingX = '0',
-			paddingY = '0',
-			shadow,
-			width,
-			align,
-			spaceBetween,
-			...props
-		},
-		ref
-	) => {
-		const mergedProps = {
-			...props,
-			shadow,
-			'st-horizontal-padding': `${Number.parseInt(paddingX, 10) / 4}rem`,
-			'st-vertical-padding': `${Number.parseInt(paddingY, 10) / 4}rem`,
-			'st-align-items': align,
-			'st-justify-content': justifyContent[justify],
-			'st-background-color': background,
-			'st-width': width,
-			'st-gap': spaceBetween && `${Number.parseInt(spaceBetween, 10) / 4}rem`
-		};
-		// eslint-disable-next-line react/jsx-props-no-spreading
-		return <descope-container {...mergedProps} ref={ref} />;
-	}
-);
-
-Container.defaultProps = {
-	direction: 'row'
-};
-
-export default Container;

package/src/Container/index.ts

@@ -1 +0,0 @@
-export { default as Container } from './Container';

package/src/CssVarImage/CssVarImage.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import { twMerge } from 'tailwind-merge';
-
-type Props = {
-	varName: string;
-	fallback?: string;
-	width?: number;
-	height?: number;
-	className?: string;
-};
-
-const CssVarImage = React.forwardRef<
-	HTMLDivElement,
-	Props & React.HTMLAttributes<HTMLImageElement>
->(({ className, width, height, varName, fallback = '', style }, ref) => {
-	const divClasses = twMerge(
-		className,
-		'shrink-0',
-		'pointer-events-none',
-		'object-contain',
-		'max-w-full'
-	);
-
-	return (
-		<div
-			className={divClasses}
-			ref={ref}
-			style={{
-				...style,
-				content: `var(--${varName}, ${fallback})`,
-				width: width || 'initial',
-				height: height || 'initial'
-			}}
-		/>
-	);
-});
-
-export default CssVarImage;

package/src/CssVarImage/index.ts

@@ -1 +0,0 @@
-export { default as CssVarImage } from './CssVarImage';

package/src/Divider/Divider.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Mode, TypographyVariants } from '../types';
-
-type Props = {
-	vertical?: boolean;
-	italic?: boolean;
-	variant?: TypographyVariants;
-	mode?: Mode;
-	children?: JSX.Element;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-divider': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLDivElement>,
-				HTMLDivElement
-			> &
-				Omit<Props, 'children'>;
-		}
-	}
-}
-
-const Divider = React.forwardRef<
-	HTMLDivElement,
-	Omit<JSX.IntrinsicElements['div'], 'size'> & Props
->(({ children, ...restProps }, ref) => (
-	<descope-divider {...restProps} ref={ref}>
-		{children}
-	</descope-divider>
-));
-
-export default Divider;

package/src/Divider/index.ts

@@ -1 +0,0 @@
-export { default as Divider } from './Divider';

package/src/EmailField/EmailField.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { DescopeInputProps } from '../types';
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-email-field': DescopeInputProps;
-		}
-	}
-}
-
-const EmailField = React.forwardRef<HTMLInputElement, DescopeInputProps>(
-	(props, ref) => <descope-email-field {...props} ref={ref} />
-);
-
-EmailField.defaultProps = {
-	size: 'md'
-};
-
-export default EmailField;

package/src/EmailField/index.ts

@@ -1 +0,0 @@
-export { default as EmailField } from './EmailField';

package/src/Image/Image.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-
-type Props = {
-	width?: number;
-	height?: number;
-};
-
-declare global {
-	namespace JSX {
-		interface IntrinsicElements {
-			'descope-image': React.DetailedHTMLProps<
-				React.HTMLAttributes<HTMLImageElement>,
-				HTMLImageElement
-			> &
-				Props;
-		}
-	}
-}
-
-const Image = React.forwardRef<
-	HTMLImageElement,
-	Props & React.HTMLAttributes<HTMLImageElement>
->(({ width, height, ...restProps }, ref) => (
-	<descope-image
-		{...restProps}
-		ref={ref}
-		st-width={`${width}px`}
-		st-height={`${height}px`}
-	/>
-));
-
-export default Image;

package/src/Image/index.ts

@@ -1 +0,0 @@
-export { default as Image } from './Image';