@e1011/es-kit 1.1.50 → 1.1.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/hooks/esm/index.css +306 -199
  2. package/dist/hooks/index.css +306 -199
  3. package/dist/lib/cjs/index.css +107 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  8. package/dist/lib/cjs/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  9. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  10. package/dist/lib/cjs/src/index.js +1 -1
  11. package/dist/lib/esm/index.css +107 -0
  12. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  13. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  14. package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  15. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  16. package/dist/lib/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  17. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  18. package/dist/lib/esm/src/index.js +1 -1
  19. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  20. package/dist/types/src/core/index.d.ts +0 -1
  21. package/dist/types/src/core/index.d.ts.map +1 -1
  22. package/dist/types/src/core/ui/components/atoms/index.d.ts +1 -0
  23. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  24. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +1 -1
  25. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -1
  26. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +1 -1
  27. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -1
  28. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts +12 -0
  29. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts.map +1 -0
  30. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts +2 -0
  31. package/dist/types/src/core/ui/components/atoms/toggle/index.d.ts.map +1 -0
  32. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts +13 -0
  33. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts.map +1 -0
  34. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts +5 -0
  35. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts.map +1 -0
  36. package/dist/types/src/core/ui/components/field/Field.d.ts +1 -0
  37. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  38. package/dist/types/src/core/ui/index.d.ts +1 -0
  39. package/dist/types/src/core/ui/index.d.ts.map +1 -1
  40. package/dist/types/src/core/ui/types/CommonProps.d.ts +4 -0
  41. package/dist/types/src/core/ui/types/CommonProps.d.ts.map +1 -1
  42. package/dist/types/src/core/ui/types/index.d.ts +2 -0
  43. package/dist/types/src/core/ui/types/index.d.ts.map +1 -0
  44. package/dist/ui/esm/index.css +107 -0
  45. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  46. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  47. package/dist/ui/esm/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  48. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  49. package/dist/ui/esm/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  50. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  51. package/dist/ui/esm/src/core/ui/index.js +1 -1
  52. package/dist/ui/index.css +107 -0
  53. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  54. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js +2 -0
  55. package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map +1 -0
  56. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js +2 -0
  57. package/dist/ui/src/core/ui/components/atoms/toggle/toggle.module.scss.js.map +1 -0
  58. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  59. package/dist/ui/src/core/ui/index.js +1 -1
  60. package/dist/utils/esm/index.css +306 -199
  61. package/dist/utils/index.css +306 -199
  62. package/package.json +1 -1
  63. package/dist/types/src/core/types/CommonProps.d.ts +0 -11
  64. package/dist/types/src/core/types/CommonProps.d.ts.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sources":["../../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n useId,\n forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n onChange?: (event: ChangeEvent) => void\n checked?: FieldProps['checked']\n disabled?: FieldProps['disabled']\n invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n id,\n checked = false,\n disabled = false,\n className = '',\n // TODO add eror styling for invalid\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n invalid,\n onChange,\n ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n const shadowId = useId()\n\n const styles = useMemo(\n () => classNames(\n classes.toggle,\n disabled && classes.disabled,\n className,\n ),\n [disabled, className],\n )\n\n const { dataProps, restProps } = useParseProps(props)\n\n return (\n <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n <input\n {...props}\n id={id ?? shadowId}\n ref={ref}\n role='switch'\n type='checkbox'\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n />\n <span className={classes.slider} />\n </label>\n )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","extends","role","type","default","slider","displayName","Toggle","memo"],"mappings":"2OA6BA,MAAMA,EAAkBC,EAAUA,YAAC,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,KACGC,GACSR,EACZ,MAAMS,EAAWC,EAAAA,QAEXC,EAASC,EAAOA,SACpB,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRX,GAAYU,EAAAA,QAAQV,SACpBC,IAEF,CAACD,EAAUC,KAGPW,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,GAE/C,OACEW,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASpB,GAAMO,EAAUJ,UAAWM,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,EAAAG,WACMhB,EAAK,CACTN,GAAIA,GAAMO,EACVR,IAAKA,EACLwB,KAAK,SACLC,KAAK,WACLtB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZY,MAAAC,cAAA,OAAA,CAAMf,UAAWS,EAAOa,QAACC,SACnB,IAIZ9B,EAAgB+B,YAAc,wBAEjBC,EAA0BC,EAAIA,KAAcjC,GAIzDgC,EAAOD,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"toggle-module_overflow-hidden__NxfFx","text-truncate":"toggle-module_text-truncate__Wg-Jx","text-nowrap":"toggle-module_text-nowrap__F9ld6","text-ellipsis":"toggle-module_text-ellipsis__ftYlg",toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};
2
+ //# sourceMappingURL=toggle.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n checked?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),a=require("./core/hooks/useThemePreference.js"),n=require("./core/hooks/useAnimation.js"),p=require("./core/hooks/useIntersectionObserver.js"),u=require("./core/hooks/useSetTimeout.js"),c=require("./core/utils/helpers/birthnumber.validator.js"),l=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),x=require("./core/utils/helpers/fileValidator.js"),m=require("./core/utils/helpers/date.js"),d=require("./core/utils/helpers/deviceInfo.js"),T=require("./core/utils/helpers/emailMatcher.js"),h=require("./core/utils/helpers/file.js"),g=require("./core/utils/helpers/objectOperations.js"),S=require("./core/utils/helpers/other.js"),j=require("./core/utils/helpers/textValueOperations.js"),y=require("./core/utils/helpers/valueOperations.js"),C=require("./core/utils/helpers/cancelableDelayedFunction.js"),v=require("./core/utils/helpers/ui.js"),q=require("./core/utils/helpers/text.js"),P=require("./core/utils/keyExtractor.js"),I=require("./core/utils/date.js"),b=require("./core/utils/webComponents/webComponent.utils.js"),f=require("./core/utils/appState/store/store.vanillajs.js"),A=require("./core/utils/appState/store/store.vanillajs.templates.js"),M=require("./core/utils/appState/store/useStore.react.js"),F=require("./core/utils/appState/peregrineMQ/peregrineMQ.js"),E=require("./core/utils/appState/peregrineMQ/peregrineMQ.types.js"),D=require("./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js"),L=require("./core/utils/appState/peregrineMQ/index.js"),z=require("./core/utils/appState/stateMachine/tiny-state-machine.base.js"),k=require("./core/constants/ui.constants.js"),B=require("./core/ui/utils/style.js"),N=require("./core/ui/components/container/layoutBox/LayoutBox.js"),O=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),V=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),R=require("./core/ui/components/container/CollapsibleContainer.js"),H=require("./core/ui/components/container/ResizableContainer.js"),w=require("./core/ui/components/error/ErrorBoundary.js"),Q=require("./core/ui/components/field/Field.js"),_=require("./core/ui/components/dividers/DividerLine.js"),W=require("./core/ui/components/icon/IconBase.js"),J=require("./core/ui/components/icon/Icon.js"),K=require("./core/ui/components/icon/IconWC.js"),G=require("./core/ui/components/atoms/button/Button.js"),U=require("./core/ui/components/atoms/text/Text.js"),X=require("./core/ui/components/atoms/text/Headline.js"),Z=require("./core/ui/components/atoms/text/Paragraph.js"),Y=require("./core/ui/components/atoms/text/Link.js"),$=require("./core/ui/components/atoms/text/anchor-link/AnchorLink.js"),ee=require("./core/ui/components/atoms/textAndContent/TextAndContent.js"),re=require("./core/ui/components/atoms/tag/Tag.js"),te=require("./core/ui/components/atoms/tag/tag.types.js"),oe=require("./core/ui/components/molecules/layouts/FlowLayout.js"),se=require("./core/ui/components/molecules/popover/PopoverLite.js"),ie=require("./core/ui/components/molecules/popover/Tooltip.js"),ae=require("./core/ui/components/molecules/popover/popover.types.js"),ne=require("./core/ui/components/molecules/popup/Popup.js"),pe=require("./core/ui/components/molecules/popup/popup.types.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.outsideClickHandler=t.outsideClickHandler,exports.useOutsideClick=t.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=s.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=a.getBaseThemes,exports.observeThemePreference=a.observeThemePreference,exports.setThemeClassNames=a.setThemeClassNames,exports.switchColorTheme=a.switchColorTheme,exports.updateColorTheme=a.updateColorTheme,exports.useThemePreference=a.useThemePreference,exports.useAnimation=n.useAnimation,exports.useIntersectionObserver=p.useIntersectionObserver,exports.useTimeoutFn=u.useTimeoutFn,exports.isBirthNumberValid=c.isBirthNumberValid,exports.getMatch=l.getMatch,exports.isValidFormat=l.isValidFormat,exports.isValidModulo11=l.isValidModulo11,exports.parse=l.parse,exports.regex=l.regex,exports.parseCSVdata=x.parseCSVdata,exports.validateCSVFile=x.validateCSVFile,exports.validateCSVlines=x.validateCSVlines,exports.validateJSONFile=x.validateJSONFile,exports.validateLineCellTrimmed=x.validateLineCellTrimmed,exports.validateLineNumColumns=x.validateLineNumColumns,exports.validateSDFFile=x.validateSDFFile,exports.DATE_FORMAT=m.DATE_FORMAT,exports.DATE_TIME_FORMAT=m.DATE_TIME_FORMAT,exports.formatDate=m.formatDate,exports.formatDateTime=m.formatDateTime,exports.formatDateToTimestamp=m.formatDateToTimestamp,exports.getDate=m.getDate,exports.getDeviceId=d.getDeviceId,exports.emailMatch=T.emailMatch,exports.emailMatcher=T.emailMatcher,exports.regexBuilder=T.regexBuilder,exports.cleanCsvLines=h.cleanCsvLines,exports.formatFilePath=h.formatFilePath,exports.arrayToObjectTree=g.arrayToObjectTree,exports.chunkArray=g.chunkArray,exports.duplicatesInArray=g.duplicatesInArray,exports.formatJsonString=g.formatJsonString,exports.formatObj=g.formatObj,exports.formatObj2=g.formatObj2,exports.AsyncFunctionTemplate=S.AsyncFunctionTemplate,exports.debounce=S.debounce,exports.delay=S.delay,exports.isFunctionAsync=S.isFunctionAsync,exports.memoize=S.memoize,exports.memoizeComplex=S.memoizeComplex,exports.memoizer=S.memoizer,exports.nestedTernary=S.nestedTernary,exports.escapeRegExp=j.escapeRegExp,exports.fileNameExt=j.fileNameExt,exports.findStringInText=j.findStringInText,exports.normalizeString=j.normalizeString,exports.removeWhitespaces=j.removeWhitespaces,exports.sanitizeId=j.sanitizeId,exports.sanitizePathId=j.sanitizePathId,exports.toLowerCase=j.toLowerCase,exports.toUpperCase=j.toUpperCase,exports.truncateText=j.truncateText,exports.Operation=y.Operation,exports.decrementValue=y.decrementValue,exports.incerementValue=y.incerementValue,exports.numberDefined=y.numberDefined,exports.numberOperation=y.numberOperation,exports.restrictNumberInLimits=y.restrictNumberInLimits,exports.setValue=y.setValue,exports.cancelableSetInterval=C.cancelableSetInterval,exports.cancelableSetTimeout=C.cancelableSetTimeout,exports.anchorClick=v.anchorClick,exports.classNames=v.classNames,exports.generateId=v.generateId,exports.mapSerReplacer=v.mapSerReplacer,exports.noop=v.noop,exports.parseProps=v.parseProps,exports.composeId=q.composeId,exports.defaultSanitizeConfig=q.defaultSanitizeConfig,exports.sanitizeHtml=q.sanitizeHtml,exports.keyExtractor=P.keyExtractor,exports.keyExtractorFunction=P.keyExtractorFunction,exports.dateRangeFormat=I.dateRangeFormat,exports.getDateTime=I.getDateTime,exports.getTimeFromNow=I.getTimeFromNow,exports.getTimeFromNowOriginal=I.getTimeFromNowOriginal,exports.getTimeTo=I.getTimeTo,exports.ced=b.ced,exports.createResolveAttribute=b.createResolveAttribute,exports.customElementDefine=b.customElementDefine,exports.resolveAttributes=b.resolveAttributes,exports.createStore=f.createStore,exports.createDataStore=A.createDataStore,exports.useStore=M.useStore,exports.useStoreApi=M.useStoreApi,exports.PeregrineMQ=F.PeregrineMQ,exports.PeregrineMQClearError=F.PeregrineMQClearError,exports.NON_EXISTENT_CHANNEL=E.NON_EXISTENT_CHANNEL,exports.usePeregrineMQ=D.usePeregrineMQ,exports.peregrineMQInstance=L.peregrineMQInstance,exports.TinyStateMachine=z.TinyStateMachine,exports.TinyStateMachineEvent=z.TinyStateMachineEvent,exports.TinyStateMachineEventType=z.TinyStateMachineEventType,exports.TinyStateMachineState=z.TinyStateMachineState,exports.createStates=z.createStates,exports.stateIterator=z.stateIterator,exports.Alerts=k.Alerts,exports.EventName=k.EventName,exports.KeyCode=k.KeyCode,exports.calculateColors=B.calculateColors,exports.calculatePercColor=B.calculatePercColor,exports.convertHex=B.convertHex,exports.convertRGB=B.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return B.defaultFontSize}}),exports.pxToRem=B.pxToRem,exports.resolveStyleValue=B.resolveStyleValue,exports.setDefaultFontSize=B.setDefaultFontSize,exports.toHex=B.toHex,exports.LayoutBox=N.LayoutBox,exports.LayoutDirection=O.LayoutDirection,exports.LazyComponent=V.LazyComponent,exports.PendingBoundary=V.PendingBoundary,exports.createLazyModule=V.createLazyModule,exports.createLazyModuleWithStore=V.createLazyModuleWithStore,exports.wrapPromise=V.wrapPromise,exports.CollapsibleContainer=R.CollapsibleContainer,exports.ResizableContainer=H.ResizableContainer,exports.DefaultErrorComponent=w.DefaultErrorComponent,exports.ErrorBoundary=w.ErrorBoundary,exports.Field=Q.Field,exports.Select=Q.Select,exports.setIconColor=Q.setIconColor,exports.setIconComponent=Q.setIconComponent,exports.DividerHorizontal=_.DividerHorizontal,exports.DividerLine=_.DividerLine,exports.DividerVertical=_.DividerVertical,exports.IconBase=W.IconBase,exports.Icon=J.Icon,exports.ESIcon=K.ESIcon,exports.ESIconBase=K.ESIconBase,exports.Button=G.Button,exports.IconButton=G.IconButton,exports.keys=G.keys,exports.Text=U.Text,exports.Headline=X.Headline,exports.HeadlineSecondary=X.HeadlineSecondary,exports.HeadlineTertiary=X.HeadlineTertiary,exports.Paragraph=Z.Paragraph,exports.ParagraphBold=Z.ParagraphBold,exports.ParagraphBoldSmall=Z.ParagraphBoldSmall,exports.ParagraphSmall=Z.ParagraphSmall,exports.Link=Y.Link,exports.AnchorLink=$.AnchorLink,exports.TextAndContent=ee.TextAndContent,exports.TextAndIcons=ee.TextAndIcons,exports.Tag=re.Tag,exports.TagVariant=te.TagVariant,exports.FlowLayout=oe.FlowLayout,exports.Popover=se.Popover,exports.Tooltip=ie.Tooltip,exports.PopoverPlacement=ae.PopoverPlacement,exports.Popup=ne.Popup,exports.PopupAnimateVariant=pe.PopupAnimateVariant;
1
+ "use strict";var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useOutsideClick.js"),o=require("./core/hooks/useResize.js"),s=require("./core/hooks/useClassNames.js"),i=require("./core/hooks/useParseProps.js"),a=require("./core/hooks/useThemePreference.js"),n=require("./core/hooks/useAnimation.js"),p=require("./core/hooks/useIntersectionObserver.js"),u=require("./core/hooks/useSetTimeout.js"),l=require("./core/utils/helpers/birthnumber.validator.js"),c=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),x=require("./core/utils/helpers/fileValidator.js"),m=require("./core/utils/helpers/date.js"),d=require("./core/utils/helpers/deviceInfo.js"),T=require("./core/utils/helpers/emailMatcher.js"),h=require("./core/utils/helpers/file.js"),g=require("./core/utils/helpers/objectOperations.js"),S=require("./core/utils/helpers/other.js"),j=require("./core/utils/helpers/textValueOperations.js"),y=require("./core/utils/helpers/valueOperations.js"),C=require("./core/utils/helpers/cancelableDelayedFunction.js"),v=require("./core/utils/helpers/ui.js"),q=require("./core/utils/helpers/text.js"),P=require("./core/utils/keyExtractor.js"),I=require("./core/utils/date.js"),b=require("./core/utils/webComponents/webComponent.utils.js"),f=require("./core/utils/appState/store/store.vanillajs.js"),A=require("./core/utils/appState/store/store.vanillajs.templates.js"),M=require("./core/utils/appState/store/useStore.react.js"),F=require("./core/utils/appState/peregrineMQ/peregrineMQ.js"),E=require("./core/utils/appState/peregrineMQ/peregrineMQ.types.js"),D=require("./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js"),L=require("./core/utils/appState/peregrineMQ/index.js"),z=require("./core/utils/appState/stateMachine/tiny-state-machine.base.js"),k=require("./core/constants/ui.constants.js"),B=require("./core/ui/utils/style.js"),N=require("./core/ui/components/container/layoutBox/LayoutBox.js"),O=require("./core/ui/components/container/layoutBox/layoutBox.types.js"),V=require("./core/ui/components/container/lazyComponent/LazyComponent.js"),R=require("./core/ui/components/container/CollapsibleContainer.js"),H=require("./core/ui/components/container/ResizableContainer.js"),w=require("./core/ui/components/error/ErrorBoundary.js"),Q=require("./core/ui/components/field/Field.js"),_=require("./core/ui/components/dividers/DividerLine.js"),W=require("./core/ui/components/icon/IconBase.js"),J=require("./core/ui/components/icon/Icon.js"),K=require("./core/ui/components/icon/IconWC.js"),G=require("./core/ui/components/atoms/button/Button.js"),U=require("./core/ui/components/atoms/text/Text.js"),X=require("./core/ui/components/atoms/text/Headline.js"),Z=require("./core/ui/components/atoms/text/Paragraph.js"),Y=require("./core/ui/components/atoms/text/Link.js"),$=require("./core/ui/components/atoms/text/anchor-link/AnchorLink.js"),ee=require("./core/ui/components/atoms/textAndContent/TextAndContent.js"),re=require("./core/ui/components/atoms/tag/Tag.js"),te=require("./core/ui/components/atoms/tag/tag.types.js"),oe=require("./core/ui/components/atoms/toggle/Toggle.js"),se=require("./core/ui/components/molecules/layouts/FlowLayout.js"),ie=require("./core/ui/components/molecules/popover/PopoverLite.js"),ae=require("./core/ui/components/molecules/popover/Tooltip.js"),ne=require("./core/ui/components/molecules/popover/popover.types.js"),pe=require("./core/ui/components/molecules/popup/Popup.js"),ue=require("./core/ui/components/molecules/popup/popup.types.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.outsideClickHandler=t.outsideClickHandler,exports.useOutsideClick=t.useOutsideClick,exports.useResize=o.useResize,exports.useClassNames=s.useClassNames,exports.useParseProps=i.useParseProps,exports.getBaseThemes=a.getBaseThemes,exports.observeThemePreference=a.observeThemePreference,exports.setThemeClassNames=a.setThemeClassNames,exports.switchColorTheme=a.switchColorTheme,exports.updateColorTheme=a.updateColorTheme,exports.useThemePreference=a.useThemePreference,exports.useAnimation=n.useAnimation,exports.useIntersectionObserver=p.useIntersectionObserver,exports.useTimeoutFn=u.useTimeoutFn,exports.isBirthNumberValid=l.isBirthNumberValid,exports.getMatch=c.getMatch,exports.isValidFormat=c.isValidFormat,exports.isValidModulo11=c.isValidModulo11,exports.parse=c.parse,exports.regex=c.regex,exports.parseCSVdata=x.parseCSVdata,exports.validateCSVFile=x.validateCSVFile,exports.validateCSVlines=x.validateCSVlines,exports.validateJSONFile=x.validateJSONFile,exports.validateLineCellTrimmed=x.validateLineCellTrimmed,exports.validateLineNumColumns=x.validateLineNumColumns,exports.validateSDFFile=x.validateSDFFile,exports.DATE_FORMAT=m.DATE_FORMAT,exports.DATE_TIME_FORMAT=m.DATE_TIME_FORMAT,exports.formatDate=m.formatDate,exports.formatDateTime=m.formatDateTime,exports.formatDateToTimestamp=m.formatDateToTimestamp,exports.getDate=m.getDate,exports.getDeviceId=d.getDeviceId,exports.emailMatch=T.emailMatch,exports.emailMatcher=T.emailMatcher,exports.regexBuilder=T.regexBuilder,exports.cleanCsvLines=h.cleanCsvLines,exports.formatFilePath=h.formatFilePath,exports.arrayToObjectTree=g.arrayToObjectTree,exports.chunkArray=g.chunkArray,exports.duplicatesInArray=g.duplicatesInArray,exports.formatJsonString=g.formatJsonString,exports.formatObj=g.formatObj,exports.formatObj2=g.formatObj2,exports.AsyncFunctionTemplate=S.AsyncFunctionTemplate,exports.debounce=S.debounce,exports.delay=S.delay,exports.isFunctionAsync=S.isFunctionAsync,exports.memoize=S.memoize,exports.memoizeComplex=S.memoizeComplex,exports.memoizer=S.memoizer,exports.nestedTernary=S.nestedTernary,exports.escapeRegExp=j.escapeRegExp,exports.fileNameExt=j.fileNameExt,exports.findStringInText=j.findStringInText,exports.normalizeString=j.normalizeString,exports.removeWhitespaces=j.removeWhitespaces,exports.sanitizeId=j.sanitizeId,exports.sanitizePathId=j.sanitizePathId,exports.toLowerCase=j.toLowerCase,exports.toUpperCase=j.toUpperCase,exports.truncateText=j.truncateText,exports.Operation=y.Operation,exports.decrementValue=y.decrementValue,exports.incerementValue=y.incerementValue,exports.numberDefined=y.numberDefined,exports.numberOperation=y.numberOperation,exports.restrictNumberInLimits=y.restrictNumberInLimits,exports.setValue=y.setValue,exports.cancelableSetInterval=C.cancelableSetInterval,exports.cancelableSetTimeout=C.cancelableSetTimeout,exports.anchorClick=v.anchorClick,exports.classNames=v.classNames,exports.generateId=v.generateId,exports.mapSerReplacer=v.mapSerReplacer,exports.noop=v.noop,exports.parseProps=v.parseProps,exports.composeId=q.composeId,exports.defaultSanitizeConfig=q.defaultSanitizeConfig,exports.sanitizeHtml=q.sanitizeHtml,exports.keyExtractor=P.keyExtractor,exports.keyExtractorFunction=P.keyExtractorFunction,exports.dateRangeFormat=I.dateRangeFormat,exports.getDateTime=I.getDateTime,exports.getTimeFromNow=I.getTimeFromNow,exports.getTimeFromNowOriginal=I.getTimeFromNowOriginal,exports.getTimeTo=I.getTimeTo,exports.ced=b.ced,exports.createResolveAttribute=b.createResolveAttribute,exports.customElementDefine=b.customElementDefine,exports.resolveAttributes=b.resolveAttributes,exports.createStore=f.createStore,exports.createDataStore=A.createDataStore,exports.useStore=M.useStore,exports.useStoreApi=M.useStoreApi,exports.PeregrineMQ=F.PeregrineMQ,exports.PeregrineMQClearError=F.PeregrineMQClearError,exports.NON_EXISTENT_CHANNEL=E.NON_EXISTENT_CHANNEL,exports.usePeregrineMQ=D.usePeregrineMQ,exports.peregrineMQInstance=L.peregrineMQInstance,exports.TinyStateMachine=z.TinyStateMachine,exports.TinyStateMachineEvent=z.TinyStateMachineEvent,exports.TinyStateMachineEventType=z.TinyStateMachineEventType,exports.TinyStateMachineState=z.TinyStateMachineState,exports.createStates=z.createStates,exports.stateIterator=z.stateIterator,exports.Alerts=k.Alerts,exports.EventName=k.EventName,exports.KeyCode=k.KeyCode,exports.calculateColors=B.calculateColors,exports.calculatePercColor=B.calculatePercColor,exports.convertHex=B.convertHex,exports.convertRGB=B.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return B.defaultFontSize}}),exports.pxToRem=B.pxToRem,exports.resolveStyleValue=B.resolveStyleValue,exports.setDefaultFontSize=B.setDefaultFontSize,exports.toHex=B.toHex,exports.LayoutBox=N.LayoutBox,exports.LayoutDirection=O.LayoutDirection,exports.LazyComponent=V.LazyComponent,exports.PendingBoundary=V.PendingBoundary,exports.createLazyModule=V.createLazyModule,exports.createLazyModuleWithStore=V.createLazyModuleWithStore,exports.wrapPromise=V.wrapPromise,exports.CollapsibleContainer=R.CollapsibleContainer,exports.ResizableContainer=H.ResizableContainer,exports.DefaultErrorComponent=w.DefaultErrorComponent,exports.ErrorBoundary=w.ErrorBoundary,exports.Field=Q.Field,exports.Select=Q.Select,exports.setIconColor=Q.setIconColor,exports.setIconComponent=Q.setIconComponent,exports.DividerHorizontal=_.DividerHorizontal,exports.DividerLine=_.DividerLine,exports.DividerVertical=_.DividerVertical,exports.IconBase=W.IconBase,exports.Icon=J.Icon,exports.ESIcon=K.ESIcon,exports.ESIconBase=K.ESIconBase,exports.Button=G.Button,exports.IconButton=G.IconButton,exports.keys=G.keys,exports.Text=U.Text,exports.Headline=X.Headline,exports.HeadlineSecondary=X.HeadlineSecondary,exports.HeadlineTertiary=X.HeadlineTertiary,exports.Paragraph=Z.Paragraph,exports.ParagraphBold=Z.ParagraphBold,exports.ParagraphBoldSmall=Z.ParagraphBoldSmall,exports.ParagraphSmall=Z.ParagraphSmall,exports.Link=Y.Link,exports.AnchorLink=$.AnchorLink,exports.TextAndContent=ee.TextAndContent,exports.TextAndIcons=ee.TextAndIcons,exports.Tag=re.Tag,exports.TagVariant=te.TagVariant,exports.Toggle=oe.Toggle,exports.FlowLayout=se.FlowLayout,exports.Popover=ie.Popover,exports.Tooltip=ae.Tooltip,exports.PopoverPlacement=ne.PopoverPlacement,exports.Popup=pe.Popup,exports.PopupAnimateVariant=ue.PopupAnimateVariant;
2
2
  //# sourceMappingURL=index.js.map
@@ -858,4 +858,111 @@
858
858
  background-color: #FD8F3E;
859
859
  border-color: #FD8F3E;
860
860
  color: #632E03;
861
+ }
862
+ :root {
863
+ --divider-line: #4a4b4b;
864
+ }
865
+
866
+ .toggle-module_overflow-hidden__NxfFx, .toggle-module_text-truncate__Wg-Jx {
867
+ overflow: hidden !important;
868
+ }
869
+
870
+ .toggle-module_text-nowrap__F9ld6, .toggle-module_text-truncate__Wg-Jx {
871
+ white-space: nowrap !important;
872
+ }
873
+
874
+ .toggle-module_text-ellipsis__ftYlg, .toggle-module_text-truncate__Wg-Jx {
875
+ text-overflow: ellipsis !important;
876
+ }
877
+
878
+ .toggle-module_toggle__p1Ep4 {
879
+ display: inline-block;
880
+ position: relative;
881
+ max-width: 48px;
882
+ max-height: 24px;
883
+ width: 48px;
884
+ height: 24px;
885
+ border-radius: 16px !important;
886
+ }
887
+ .toggle-module_toggle__p1Ep4 input {
888
+ opacity: 0;
889
+ width: 0;
890
+ height: 0;
891
+ }
892
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG {
893
+ box-sizing: border-box;
894
+ position: absolute;
895
+ cursor: pointer;
896
+ width: 48px;
897
+ height: 24px;
898
+ top: 0;
899
+ left: 0;
900
+ right: 0;
901
+ bottom: 0;
902
+ background-color: transparent;
903
+ border: 1px solid #F4F4F4;
904
+ transition: transform, background-color 0.4s ease;
905
+ border-radius: 16px;
906
+ }
907
+ .toggle-module_toggle__p1Ep4 .toggle-module_slider__2IVaG:before {
908
+ position: absolute;
909
+ content: "";
910
+ height: 20px;
911
+ width: 20px;
912
+ left: 1px;
913
+ bottom: 1px;
914
+ background-color: #F4F4F4;
915
+ transition: transform 0.4s ease;
916
+ border-radius: 50%;
917
+ }
918
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG {
919
+ background-color: #02B3E6;
920
+ border-color: #02B3E6;
921
+ }
922
+ .toggle-module_toggle__p1Ep4 input:focus + .toggle-module_slider__2IVaG {
923
+ box-shadow: 0 0 1px 1px #02B3E6;
924
+ }
925
+ .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
926
+ transform: translateX(24px);
927
+ }
928
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH {
929
+ opacity: 0.65;
930
+ }
931
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH input {
932
+ pointer-events: none;
933
+ }
934
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG {
935
+ cursor: not-allowed;
936
+ }
937
+ .toggle-module_toggle__p1Ep4.toggle-module_disabled__0nElH .toggle-module_slider__2IVaG:after {
938
+ content: " ";
939
+ z-index: -1;
940
+ display: block;
941
+ position: absolute;
942
+ height: 100%;
943
+ top: 0;
944
+ left: 0;
945
+ right: 0;
946
+ }
947
+
948
+ .theme-dark .toggle-module_toggle__p1Ep4 input:enabled + .toggle-module_slider__2IVaG:hover {
949
+ background-color: #003A4C;
950
+ }
951
+ .theme-dark .toggle-module_toggle__p1Ep4 input:checked:enabled + .toggle-module_slider__2IVaG:hover {
952
+ background-color: #07a7d5;
953
+ }
954
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG {
955
+ border-color: #02a1cf;
956
+ }
957
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:hover {
958
+ background-color: rgba(2, 179, 230, 0.05);
959
+ }
960
+ .theme-light .toggle-module_toggle__p1Ep4 input + .toggle-module_slider__2IVaG:before {
961
+ background-color: #02B3E6;
962
+ }
963
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:before {
964
+ background-color: #F4F4F4;
965
+ }
966
+ .theme-light .toggle-module_toggle__p1Ep4 input:checked + .toggle-module_slider__2IVaG:hover {
967
+ background-color: #07c6fd;
861
968
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as s,forwardRef as t,useId as a,useMemo as l}from"react";import r from"./toggle.module.scss.js";import{classNames as o}from"../../../../utils/helpers/ui.js";import{useParseProps as c}from"../../../../hooks/useParseProps.js";const i=t(((s,t)=>{let{id:i,checked:m=!1,disabled:d=!1,className:p="",invalid:n,onChange:g,...h}=s;const u=a(),b=l((()=>o(r.toggle,d&&r.disabled,p)),[d,p]),{dataProps:f,restProps:N}=c(h);return React.createElement("label",e({htmlFor:i??u,className:b},f,{style:N}),React.createElement("input",e({},h,{id:i??u,ref:t,role:"switch",type:"checkbox",disabled:d,checked:m,onChange:g})),React.createElement("span",{className:r.slider}))}));i.displayName="ToggleForwarded";const m=s(i);m.displayName="Toggle";export{m as Toggle};
2
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sources":["../../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n useId,\n forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n onChange?: (event: ChangeEvent) => void\n checked?: FieldProps['checked']\n disabled?: FieldProps['disabled']\n invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n id,\n checked = false,\n disabled = false,\n className = '',\n // TODO add eror styling for invalid\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n invalid,\n onChange,\n ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n const shadowId = useId()\n\n const styles = useMemo(\n () => classNames(\n classes.toggle,\n disabled && classes.disabled,\n className,\n ),\n [disabled, className],\n )\n\n const { dataProps, restProps } = useParseProps(props)\n\n return (\n <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n <input\n {...props}\n id={id ?? shadowId}\n ref={ref}\n role='switch'\n type='checkbox'\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n />\n <span className={classes.slider} />\n </label>\n )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","role","type","slider","displayName","Toggle","memo"],"mappings":"8TA6BA,MAAMA,EAAkBC,GAAW,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,KACGC,GACSR,EACZ,MAAMS,EAAWC,IAEXC,EAASC,GACb,IAAMC,EACJC,EAAQC,OACRX,GAAYU,EAAQV,SACpBC,IAEF,CAACD,EAAUC,KAGPW,UAAEA,EAASC,UAAEA,GAAcC,EAAcV,GAE/C,OACEW,MAAAC,cAAA,QAAAC,EAAA,CAAOC,QAASpB,GAAMO,EAAUJ,UAAWM,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,KACMb,EAAK,CACTN,GAAIA,GAAMO,EACVR,IAAKA,EACLuB,KAAK,SACLC,KAAK,WACLrB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZY,MAAAC,cAAA,OAAA,CAAMf,UAAWS,EAAQY,SACnB,IAIZ5B,EAAgB6B,YAAc,wBAEjBC,EAA0BC,EAAkB/B,GAIzD8B,EAAOD,YAAc"}
@@ -0,0 +1,2 @@
1
+ var e={"overflow-hidden":"toggle-module_overflow-hidden__NxfFx","text-truncate":"toggle-module_text-truncate__Wg-Jx","text-nowrap":"toggle-module_text-nowrap__F9ld6","text-ellipsis":"toggle-module_text-ellipsis__ftYlg",toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};export{e as default};
2
+ //# sourceMappingURL=toggle.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n checked?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{outsideClickHandler,useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{useClassNames}from"./core/hooks/useClassNames.js";export{useParseProps}from"./core/hooks/useParseProps.js";export{getBaseThemes,observeThemePreference,setThemeClassNames,switchColorTheme,updateColorTheme,useThemePreference}from"./core/hooks/useThemePreference.js";export{useAnimation}from"./core/hooks/useAnimation.js";export{useIntersectionObserver}from"./core/hooks/useIntersectionObserver.js";export{useTimeoutFn}from"./core/hooks/useSetTimeout.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,DATE_TIME_FORMAT,formatDate,formatDateTime,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./core/utils/helpers/objectOperations.js";export{AsyncFunctionTemplate,debounce,delay,isFunctionAsync,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./core/utils/helpers/cancelableDelayedFunction.js";export{anchorClick,classNames,generateId,mapSerReplacer,noop,parseProps}from"./core/utils/helpers/ui.js";export{composeId,defaultSanitizeConfig,sanitizeHtml}from"./core/utils/helpers/text.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./core/utils/webComponents/webComponent.utils.js";export{createStore}from"./core/utils/appState/store/store.vanillajs.js";export{createDataStore}from"./core/utils/appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./core/utils/appState/store/useStore.react.js";export{PeregrineMQ,PeregrineMQClearError}from"./core/utils/appState/peregrineMQ/peregrineMQ.js";export{NON_EXISTENT_CHANNEL}from"./core/utils/appState/peregrineMQ/peregrineMQ.types.js";export{usePeregrineMQ}from"./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js";export{peregrineMQInstance}from"./core/utils/appState/peregrineMQ/index.js";export{TinyStateMachine,TinyStateMachineEvent,TinyStateMachineEventType,TinyStateMachineState,createStates,stateIterator}from"./core/utils/appState/stateMachine/tiny-state-machine.base.js";export{Alerts,EventName,KeyCode}from"./core/constants/ui.constants.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{LayoutBox}from"./core/ui/components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./core/ui/components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./core/ui/components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./core/ui/components/container/CollapsibleContainer.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./core/ui/components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{ESIcon,ESIconBase}from"./core/ui/components/icon/IconWC.js";export{Button,IconButton,keys}from"./core/ui/components/atoms/button/Button.js";export{Text}from"./core/ui/components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./core/ui/components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./core/ui/components/atoms/text/Paragraph.js";export{Link}from"./core/ui/components/atoms/text/Link.js";export{AnchorLink}from"./core/ui/components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./core/ui/components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./core/ui/components/atoms/tag/Tag.js";export{TagVariant}from"./core/ui/components/atoms/tag/tag.types.js";export{FlowLayout}from"./core/ui/components/molecules/layouts/FlowLayout.js";export{Popover}from"./core/ui/components/molecules/popover/PopoverLite.js";export{Tooltip}from"./core/ui/components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./core/ui/components/molecules/popover/popover.types.js";export{Popup}from"./core/ui/components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./core/ui/components/molecules/popup/popup.types.js";
1
+ export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{outsideClickHandler,useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{useClassNames}from"./core/hooks/useClassNames.js";export{useParseProps}from"./core/hooks/useParseProps.js";export{getBaseThemes,observeThemePreference,setThemeClassNames,switchColorTheme,updateColorTheme,useThemePreference}from"./core/hooks/useThemePreference.js";export{useAnimation}from"./core/hooks/useAnimation.js";export{useIntersectionObserver}from"./core/hooks/useIntersectionObserver.js";export{useTimeoutFn}from"./core/hooks/useSetTimeout.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,DATE_TIME_FORMAT,formatDate,formatDateTime,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./core/utils/helpers/objectOperations.js";export{AsyncFunctionTemplate,debounce,delay,isFunctionAsync,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./core/utils/helpers/cancelableDelayedFunction.js";export{anchorClick,classNames,generateId,mapSerReplacer,noop,parseProps}from"./core/utils/helpers/ui.js";export{composeId,defaultSanitizeConfig,sanitizeHtml}from"./core/utils/helpers/text.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./core/utils/webComponents/webComponent.utils.js";export{createStore}from"./core/utils/appState/store/store.vanillajs.js";export{createDataStore}from"./core/utils/appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./core/utils/appState/store/useStore.react.js";export{PeregrineMQ,PeregrineMQClearError}from"./core/utils/appState/peregrineMQ/peregrineMQ.js";export{NON_EXISTENT_CHANNEL}from"./core/utils/appState/peregrineMQ/peregrineMQ.types.js";export{usePeregrineMQ}from"./core/utils/appState/peregrineMQ/usePeregrineMQ.react.js";export{peregrineMQInstance}from"./core/utils/appState/peregrineMQ/index.js";export{TinyStateMachine,TinyStateMachineEvent,TinyStateMachineEventType,TinyStateMachineState,createStates,stateIterator}from"./core/utils/appState/stateMachine/tiny-state-machine.base.js";export{Alerts,EventName,KeyCode}from"./core/constants/ui.constants.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{LayoutBox}from"./core/ui/components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./core/ui/components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./core/ui/components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./core/ui/components/container/CollapsibleContainer.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./core/ui/components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{ESIcon,ESIconBase}from"./core/ui/components/icon/IconWC.js";export{Button,IconButton,keys}from"./core/ui/components/atoms/button/Button.js";export{Text}from"./core/ui/components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./core/ui/components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./core/ui/components/atoms/text/Paragraph.js";export{Link}from"./core/ui/components/atoms/text/Link.js";export{AnchorLink}from"./core/ui/components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./core/ui/components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./core/ui/components/atoms/tag/Tag.js";export{TagVariant}from"./core/ui/components/atoms/tag/tag.types.js";export{Toggle}from"./core/ui/components/atoms/toggle/Toggle.js";export{FlowLayout}from"./core/ui/components/molecules/layouts/FlowLayout.js";export{Popover}from"./core/ui/components/molecules/popover/PopoverLite.js";export{Tooltip}from"./core/ui/components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./core/ui/components/molecules/popover/popover.types.js";export{Popup}from"./core/ui/components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./core/ui/components/molecules/popup/popup.types.js";
2
2
  //# sourceMappingURL=index.js.map