@coorpacademy/components 11.40.22-slider.21 → 11.40.23

package/lib/atom/input-checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export default InputCheckbox;
-declare function InputCheckbox(props: any): React.JSX.Element;
+declare function InputCheckbox(props: any): JSX.Element;
 declare namespace InputCheckbox {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -14,6 +14,5 @@ declare namespace InputCheckbox {
         const titleStyle: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,8DAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,wDAwDC"}

package/lib/atom/input-color/index.d.ts

@@ -1,5 +1,5 @@
 export default InputColor;
-declare function InputColor(props: any): React.JSX.Element;
+declare function InputColor(props: any): JSX.Element;
 declare namespace InputColor {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -13,6 +13,5 @@ declare namespace InputColor {
         const modified: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-color/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-color/index.js"],"names":[],"mappings":";AAMA,2DAsCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-color/index.js"],"names":[],"mappings":";AAMA,qDAsCC"}

package/lib/atom/input-doublestep/index.d.ts

@@ -1,7 +1,7 @@
 export default InputDoublestep;
 declare class InputDoublestep extends React.Component<any, any, any> {
     static propTypes: {
-        description?: PropTypes.Requireable<string>;
+        description?: PropTypes.Requireable<string> | undefined;
         toggleValue: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         onOpenConfirmation: PropTypes.Requireable<(...args: any[]) => any>;
@@ -14,7 +14,7 @@ declare class InputDoublestep extends React.Component<any, any, any> {
     };
     handleToggle(): void;
     handleOnClick(e: any): any;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/atom/input-doublestep/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";AAwGA;IACE;;;;;;;MAOE;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,4BAuCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-doublestep/index.js"],"names":[],"mappings":";AAwGA;IACE;;;;;;;MAOE;IAEF,sCAOC;IALC;;MAEC;IAKH,qBAQC;IAED,2BAKC;IAED,sBAuCC;CACF"}

package/lib/atom/input-file-draggable/index.d.ts

@@ -7,32 +7,32 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
     uploadLabel: any;
     loading: any;
     modified: any;
-    disabled?: boolean;
-    disableHoverTooltip?: boolean;
+    disabled?: boolean | undefined;
+    disableHoverTooltip?: boolean | undefined;
     onChange: any;
-    onReset?: any;
+    onReset?: null | undefined;
     name: any;
     labelLink: any;
     labelButtonLink: any;
     hrefLink: any;
-    filesTypes?: string;
-    error?: string;
+    filesTypes?: string | undefined;
+    error?: string | undefined;
     buttonAriaLabel: any;
     errorButtonLabel: any;
     pdfButtonLabel: any;
     pdfButtonAriaLabel: any;
-    filesNumber?: number;
-    multiple?: boolean;
-    required?: boolean;
+    filesNumber?: number | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
     onClick: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace InputFileDraggable {
     const propTypes: {
         disableHoverTooltip: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
-        filesTypes: (props: any, propName: any, componentName: any) => Error;
+        filesTypes: (props: any, propName: any, componentName: any) => Error | null;
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
@@ -56,6 +56,5 @@ declare namespace InputFileDraggable {
         multiple: PropTypes.Requireable<boolean>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-file-draggable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;sBA+GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;gBA+GC"}

package/lib/atom/input-html/index.d.ts

@@ -1,5 +1,5 @@
 export default InputHtml;
-declare function InputHtml(props: any, legacyContext: any): React.JSX.Element;
+declare function InputHtml(props: any, legacyContext: any): JSX.Element;
 declare namespace InputHtml {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -34,6 +34,5 @@ declare namespace InputHtml {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-html/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAYA,8EA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/index.js"],"names":[],"mappings":";AAYA,wEA4DC"}

package/lib/atom/input-html/input-preview.d.ts

@@ -1,5 +1,5 @@
 export default InputPreview;
-declare function InputPreview(props: any, context: any): React.JSX.Element;
+declare function InputPreview(props: any, context: any): JSX.Element;
 declare namespace InputPreview {
     namespace propTypes {
         const text: PropTypes.Validator<string>;
@@ -11,6 +11,5 @@ declare namespace InputPreview {
         const className: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=input-preview.d.ts.map

package/lib/atom/input-html/input-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,2EAqBC"}
+{"version":3,"file":"input-preview.d.ts","sourceRoot":"","sources":["../../../src/atom/input-html/input-preview.js"],"names":[],"mappings":";AAKA,qEAqBC"}

package/lib/atom/input-readonly/index.d.ts

@@ -1,5 +1,5 @@
 export default InputReadonly;
-declare function InputReadonly(props: any): React.JSX.Element;
+declare function InputReadonly(props: any): JSX.Element;
 declare namespace InputReadonly {
     namespace propTypes {
         const title: PropTypes.Validator<string>;
@@ -7,6 +7,5 @@ declare namespace InputReadonly {
         const description: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-readonly/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-readonly/index.js"],"names":[],"mappings":";AAIA,8DAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-readonly/index.js"],"names":[],"mappings":";AAIA,wDAUC"}

package/lib/atom/input-search/index.d.ts

@@ -1,5 +1,5 @@
 export default Search;
-declare function Search(props: any, context: any): React.JSX.Element;
+declare function Search(props: any, context: any): JSX.Element;
 declare namespace Search {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -38,6 +38,5 @@ declare namespace Search {
         const searchIconAriaLabel: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAsCA,qEAsHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAsCA,+DAsHC"}

package/lib/atom/input-select/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WebContextValues } from '../provider/web-context';
 import type { InputSelectProps } from './types';
 declare const InputSelect: {
-    (props: InputSelectProps, context: WebContextValues): React.JSX.Element;
+    (props: InputSelectProps, context: WebContextValues): JSX.Element;
     propTypes: {
         options: import("prop-types").Validator<Required<import("prop-types").InferProps<{
             value: import("prop-types").Validator<string>;

package/lib/atom/input-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHtE,CAAC;AAMF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-select/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAGzD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAK9C,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HtE,CAAC;AAMF,eAAe,WAAW,CAAC"}

package/lib/atom/input-select/index.js

@@ -89,12 +89,12 @@ const InputSelect = (props, context) => {
       [_style.default.open]: open
     })
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.wrapper, className),
-    "aria-label": ariaLabel
+    className: (0, _classnames.default)(_style.default.wrapper, className)
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: _style.default.display,
     onClick: handleToggle,
+    "aria-label": ariaLabel,
     "aria-haspopup": "listbox",
     "aria-expanded": open,
     "aria-controls": open ? `${componentId}-listbox` : undefined,

package/lib/atom/input-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFontawesome","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","GetSkinFromContext","primaryColor","_get2","open","setOpen","useState","wrapperRef","useRef","componentId","toLowerCase","replace","handleToggle","useCallback","o","handleOnOptionClick","optionValue","React","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","classnames","style","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","FontAwesomeIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n  const {\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    className,\n    'aria-label': ariaLabel,\n    iconClosed = 'chevron-down',\n    selectedIcon = 'circle-check',\n    'button-data-testid': buttonDataTestId = 'select-input'\n  } = props;\n  const skin = GetSkinFromContext(context);\n  const primaryColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const componentId = `${COMPONENT_ID}-${\n    placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n  }`;\n\n  const handleToggle = useCallback(() => {\n    setOpen(o => !o);\n  }, []);\n\n  const handleOnOptionClick = useCallback(\n    (optionValue: string) => {\n      onChange(optionValue);\n      setOpen(false);\n    },\n    [onChange]\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const selectedOption = options.find(opt => opt.value === value);\n\n  const renderOption = (option: InputSelectProps['options'][0]) => {\n    function handleClick() {\n      handleOnOptionClick(option.value);\n    }\n\n    const isSelected = option.value === value;\n\n    return (\n      <li\n        key={option.value}\n        className={classnames(style.option, isSelected && style.selected)}\n        role=\"option\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n        data-testid={`option-${option.value}`}\n        data-name={option['data-name']}\n      >\n        <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n        <span className={style.optionIcon}>{option.icon}</span>\n        <span className={style.optionLabel}>{option.label}</span>\n        {isSelected ? (\n          <span className={style.checkIcon}>\n            <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n          </span>\n        ) : null}\n      </li>\n    );\n  };\n\n  const shouldBeScrollable = options.length > 6;\n\n  return (\n    <div className={style.container} ref={wrapperRef}>\n      <div\n        style={{\n          boxShadow: open\n            ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n            : `0 0 0 2px ${primaryColor}`\n        }}\n        className={classnames(style.outerWrapper, {\n          [style.open]: open\n        })}\n      />\n      <div className={classnames(style.wrapper, className)} aria-label={ariaLabel}>\n        <button\n          type=\"button\"\n          className={style.display}\n          onClick={handleToggle}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? `${componentId}-listbox` : undefined}\n          id={componentId}\n          data-testid={buttonDataTestId}\n        >\n          <div className={style.content}>\n            <span className={style.label}>{placeholder}</span>\n            {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n          </div>\n          <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n            <FontAwesomeIcon\n              className={classnames(style.icon, {[style.rotated]: open})}\n              icon={iconClosed as IconName}\n            />\n          </span>\n        </button>\n      </div>\n      {open ? (\n        <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n          <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n            {options.map(renderOption)}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFontawesome","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENT_ID","InputSelect","props","context","options","value","onChange","placeholder","className","ariaLabel","iconClosed","selectedIcon","buttonDataTestId","skin","GetSkinFromContext","primaryColor","_get2","open","setOpen","useState","wrapperRef","useRef","componentId","toLowerCase","replace","handleToggle","useCallback","o","handleOnOptionClick","optionValue","React","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedOption","find","opt","renderOption","option","handleClick","isSelected","createElement","key","classnames","style","selected","role","onClick","backgroundOption","backgroundColor","optionIcon","icon","optionLabel","label","checkIcon","FontAwesomeIcon","color","shouldBeScrollable","length","container","ref","boxShadow","outerWrapper","wrapper","type","display","undefined","id","content","iconWrapper","rotated","menuWrapper","showFade","menu","map","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/input-select/index.tsx"],"sourcesContent":["import React, {useState, useRef, useCallback} from 'react';\nimport classnames from 'classnames';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {IconName} from '@fortawesome/fontawesome-svg-core';\nimport {get} from 'lodash/fp';\nimport {WebContextValues} from '../provider/web-context';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport style from './style.css';\nimport type {InputSelectProps} from './types';\nimport propTypes from './types';\n\nconst COMPONENT_ID = 'input-select';\n\nconst InputSelect = (props: InputSelectProps, context: WebContextValues) => {\n  const {\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    className,\n    'aria-label': ariaLabel,\n    iconClosed = 'chevron-down',\n    selectedIcon = 'circle-check',\n    'button-data-testid': buttonDataTestId = 'select-input'\n  } = props;\n  const skin = GetSkinFromContext(context);\n  const primaryColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const componentId = `${COMPONENT_ID}-${\n    placeholder?.toLowerCase().replace(/\\s+/g, '-') || 'default'\n  }`;\n\n  const handleToggle = useCallback(() => {\n    setOpen(o => !o);\n  }, []);\n\n  const handleOnOptionClick = useCallback(\n    (optionValue: string) => {\n      onChange(optionValue);\n      setOpen(false);\n    },\n    [onChange]\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!wrapperRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open]);\n\n  const selectedOption = options.find(opt => opt.value === value);\n\n  const renderOption = (option: InputSelectProps['options'][0]) => {\n    function handleClick() {\n      handleOnOptionClick(option.value);\n    }\n\n    const isSelected = option.value === value;\n\n    return (\n      <li\n        key={option.value}\n        className={classnames(style.option, isSelected && style.selected)}\n        role=\"option\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n        data-testid={`option-${option.value}`}\n        data-name={option['data-name']}\n      >\n        <div className={style.backgroundOption} style={{backgroundColor: primaryColor}} />\n        <span className={style.optionIcon}>{option.icon}</span>\n        <span className={style.optionLabel}>{option.label}</span>\n        {isSelected ? (\n          <span className={style.checkIcon}>\n            <FontAwesomeIcon icon={selectedIcon as IconName} color={primaryColor} />\n          </span>\n        ) : null}\n      </li>\n    );\n  };\n\n  const shouldBeScrollable = options.length > 6;\n\n  return (\n    <div className={style.container} ref={wrapperRef}>\n      <div\n        style={{\n          boxShadow: open\n            ? `0 0 0 2px white, 0 0 0 4px${primaryColor}`\n            : `0 0 0 2px ${primaryColor}`\n        }}\n        className={classnames(style.outerWrapper, {\n          [style.open]: open\n        })}\n      />\n      <div className={classnames(style.wrapper, className)}>\n        <button\n          type=\"button\"\n          className={style.display}\n          onClick={handleToggle}\n          aria-label={ariaLabel}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? `${componentId}-listbox` : undefined}\n          id={componentId}\n          data-testid={buttonDataTestId}\n        >\n          <div className={style.content}>\n            <span className={style.label}>{placeholder}</span>\n            {selectedOption ? <span className={style.value}>{selectedOption.label}</span> : null}\n          </div>\n          <span className={classnames(style.iconWrapper, {[style.open]: open})}>\n            <FontAwesomeIcon\n              className={classnames(style.icon, {[style.rotated]: open})}\n              icon={iconClosed as IconName}\n            />\n          </span>\n        </button>\n      </div>\n      {open ? (\n        <div className={classnames(style.menuWrapper, {[style.showFade]: shouldBeScrollable})}>\n          <ul id={`${componentId}-listbox`} className={style.menu} role=\"listbox\">\n            {options.map(renderOption)}\n          </ul>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nInputSelect.propTypes = propTypes;\nInputSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default InputSelect;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/input-switch/index.d.ts

@@ -1,5 +1,5 @@
 export default InputSwitch;
-declare function InputSwitch(props: any, context: any): React.JSX.Element;
+declare function InputSwitch(props: any, context: any): JSX.Element;
 declare namespace InputSwitch {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -43,6 +43,5 @@ declare namespace InputSwitch {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAUA,0EAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAUA,oEAwGC"}

package/lib/atom/input-text/index.d.ts

@@ -1,5 +1,5 @@
 export default InputText;
-declare function InputText(props: any): React.JSX.Element;
+declare function InputText(props: any): JSX.Element;
 declare namespace InputText {
     const propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
@@ -22,6 +22,5 @@ declare namespace InputText {
         inputColor: PropTypes.Requireable<boolean>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,0DA+FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA+FC"}

package/lib/atom/input-text-with-title/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextWithTitle;
-declare function InputTextWithTitle(props: any): React.JSX.Element;
+declare function InputTextWithTitle(props: any): JSX.Element;
 declare namespace InputTextWithTitle {
     const propTypes: {
         inputText: PropTypes.Requireable<PropTypes.InferProps<{
@@ -28,6 +28,5 @@ declare namespace InputTextWithTitle {
         'data-name': PropTypes.Requireable<string>;
     };
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-text-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,mEAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text-with-title/index.js"],"names":[],"mappings":";AAKA,6DAYC"}

package/lib/atom/input-text-with-title/index.js

@@ -18,6 +18,7 @@ const InputTextWithTitle = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "data-name": dataName,
+    role: "group",
     "aria-label": ariaLabel
   }, title ? /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.title

package/lib/atom/input-text-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputText","_style","e","__esModule","default","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","style","smallInputText","defaultInputText","createElement","className","container","propTypes","process","env","NODE_ENV","PropTypes","shape","InputText","theme","string","_default","exports"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGC,cAAK,CAACC,cAAc,GAAGD,cAAK,CAACE,gBAAgB;EAEjG,oBACEnB,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,cAAK,CAACK,SAAU;IAAC,aAAWT,QAAS;IAAC,cAAYC;EAAU,GACzEF,KAAK,gBAAGZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEJ,cAAK,CAACL;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEN;EAAe,gBAC7Bf,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,UAAA,CAAAI,OAAS,EAAKG,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bf,SAAS,EAAEgB,kBAAS,CAACC,KAAK,CAAC;IACzB,GAAGC,kBAAS,CAACN,SAAS;IACtBO,KAAK,EAAEH,kBAAS,CAACI,MAAM;IACvBf,IAAI,EAAEW,kBAAS,CAACI;EAClB,CAAC,CAAC;EACFnB,KAAK,EAAEe,kBAAS,CAACI,MAAM;EACvB,YAAY,EAAEJ,kBAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,kBAAS,CAACI;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GACaC,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputText","_style","e","__esModule","default","InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","style","smallInputText","defaultInputText","createElement","className","container","role","propTypes","process","env","NODE_ENV","PropTypes","shape","InputText","theme","string","_default","exports"],"sources":["../../../src/atom/input-text-with-title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n  const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n  return (\n    <div className={style.container} data-name={dataName} role=\"group\" aria-label={ariaLabel}>\n      {title ? <span className={style.title}>{title}</span> : null}\n      <div className={inputTextClass}>\n        <InputText {...inputText} />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTitle.propTypes = {\n  inputText: PropTypes.shape({\n    ...InputText.propTypes,\n    theme: PropTypes.string,\n    size: PropTypes.string\n  }),\n  title: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,SAAS;IAAEC,KAAK;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChF,MAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAI,KAAK,OAAO,GAAGC,cAAK,CAACC,cAAc,GAAGD,cAAK,CAACE,gBAAgB;EAEjG,oBACEnB,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,cAAK,CAACK,SAAU;IAAC,aAAWT,QAAS;IAACU,IAAI,EAAC,OAAO;IAAC,cAAYT;EAAU,GACtFF,KAAK,gBAAGZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEJ,cAAK,CAACL;EAAM,GAAEA,KAAY,CAAC,GAAG,IAAI,eAC5DZ,MAAA,CAAAQ,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEN;EAAe,gBAC7Bf,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAChB,UAAA,CAAAI,OAAS,EAAKG,SAAY,CACxB,CACF,CAAC;AAEV,CAAC;AAEDF,kBAAkB,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7BhB,SAAS,EAAEiB,kBAAS,CAACC,KAAK,CAAC;IACzB,GAAGC,kBAAS,CAACN,SAAS;IACtBO,KAAK,EAAEH,kBAAS,CAACI,MAAM;IACvBhB,IAAI,EAAEY,kBAAS,CAACI;EAClB,CAAC,CAAC;EACFpB,KAAK,EAAEgB,kBAAS,CAACI,MAAM;EACvB,YAAY,EAAEJ,kBAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,kBAAS,CAACI;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GACaC,kBAAkB","ignoreList":[]}

package/lib/atom/input-textarea/index.d.ts

@@ -1,5 +1,5 @@
 export default InputTextarea;
-declare function InputTextarea(props: any): React.JSX.Element;
+declare function InputTextarea(props: any): JSX.Element;
 declare namespace InputTextarea {
     namespace propTypes {
         const placeholder: PropTypes.Requireable<string>;
@@ -17,6 +17,5 @@ declare namespace InputTextarea {
         const valid: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/input-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,8DA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}

package/lib/atom/label/index.d.ts

@@ -1,14 +1,13 @@
 export default Label;
 declare function Label({ children, innerHtml }: {
     children: any;
-    innerHtml?: boolean;
-}): React.JSX.Element;
+    innerHtml?: boolean | undefined;
+}): JSX.Element;
 declare namespace Label {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const innerHtml: PropTypes.Requireable<boolean>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;sBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/label/index.js"],"names":[],"mappings":";AAMA;;;gBAMC"}

package/lib/atom/life/index.d.ts

@@ -1,5 +1,5 @@
 export default Life;
-declare function Life(props: any, context: any): React.JSX.Element;
+declare function Life(props: any, context: any): JSX.Element | null;
 declare namespace Life {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -40,6 +40,5 @@ declare namespace Life {
         const style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/life/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,mEAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/life/index.js"],"names":[],"mappings":";AAuBA,oEAkFC"}

package/lib/atom/link/index.d.ts

@@ -1,5 +1,5 @@
 export default Link;
-declare function Link(props: any, legacyContext: any): React.JSX.Element;
+declare function Link(props: any, legacyContext: any): JSX.Element;
 declare namespace Link {
     const propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -47,6 +47,5 @@ declare namespace Link {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,yEA2EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA2EC"}

package/lib/atom/loader/index.d.ts

@@ -1,14 +1,13 @@
 export default Loader;
 declare function Loader({ className, theme }: {
     className: any;
-    theme?: string;
-}): React.JSX.Element;
+    theme?: string | undefined;
+}): JSX.Element;
 declare namespace Loader {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.js"],"names":[],"mappings":";AAMA;;;sBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.js"],"names":[],"mappings":";AAMA;;;gBAiBC"}

package/lib/atom/loader/index.native.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { ColorValue } from 'react-native';
 export declare type Props = {
     color?: ColorValue;
     height?: number;
     readyToHide: boolean;
 };
-declare const Loader: (props: Props) => React.JSX.Element;
+declare const Loader: (props: Props) => JSX.Element | null;
 export default Loader;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/loader/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAyK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/loader/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA0C,UAAU,EAAC,MAAM,cAAc,CAAC;AAoCjF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAKF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAsK3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/loader/index.native.js

@@ -96,11 +96,7 @@ const Loader = props => {
       useNativeDriver: false,
       easing: _reactNative.Easing.inOut(_reactNative.Easing.sin)
     })]))]);
-
-    // Start animation in next tick to avoid React 18 frozen object error
-    setTimeout(() => {
-      _animation.start();
-    }, 0);
+    _animation.start();
     return () => {
       _animation.stop();
     };

package/lib/atom/loader/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_reactNativeAnimation","require","_react","_interopRequireWildcard","_reactNative","_templateContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","Easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","createElement","View","style","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX","_default","exports"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    // Start animation in next tick to avoid React 18 frozen object error\n    setTimeout(() => {\n      _animation.start();\n    }, 0);\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_reactNativeAnimation","require","_react","_interopRequireWildcard","_reactNative","_templateContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","Easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","createElement","View","style","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX","_default","exports"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/lottie-wrapper/index.d.ts

@@ -1,9 +1,8 @@
 export function fetchAndLoadAnimation(_lottie: any, _fetch: any, animationSrc: any, containerRef: any, loop: any, animationClassnames: any, hideOnTransparent: any, autoplay: any): Promise<any>;
 export default LottieWrapper;
-declare function LottieWrapper(props: any): React.JSX.Element;
+declare function LottieWrapper(props: any): JSX.Element;
 declare namespace LottieWrapper {
     export { propTypes };
 }
-import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map