@coorpacademy/components 11.40.15 → 11.40.17-react18.15

package/lib/molecule/multi-filter-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_filterChip","_filterCheckboxAndSearch","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_chip","_colors","_filterSwitch","_style","_propTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","uncappedMap","_map2","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","style","filterSeparator","buildFilters","filterOptions","type","options","buildAllSelectedFilterChips","selectedFilters","onRemoveSelectedFilter","selectedFiltersContainer","map","filterItem","label","handleClick","key","onClick","text","textColor","COLORS","neutral_500","backgroundColor","cm_grey_150","customIcon","customStyle","height","MultiFilterPanel","props","context","title","onClearAll","translate","GetTranslateFromContext","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","value","hasSelectedFilters","_size2","filters","isLastItem","Fragment","header","titleContainer","titleSize","_toString2","size","buttonContainer","hoverColor","primary_600","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Chip from '../../atom/chip';\nimport {COLORS} from '../../variables/colors';\nimport FilterSwitch from '../../organism/filter-switch';\nimport {FilterCheckboxAndSearchOptions} from '../../organism/filter-checkbox-and-search/props-types';\nimport {FilterChipOptionsProps} from '../../organism/filter-chip/prop-types';\nimport {FilterSwitchOptionsProps} from '../../organism/filter-switch/prop-types';\nimport style from './style.css';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\n\ntype SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions;\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    case 'switch':\n      return <FilterSwitch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst buildAllSelectedFilterChips = (\n  selectedFilters: SelectedFilter[],\n  onRemoveSelectedFilter: (label: string) => void\n) => {\n  return (\n    <div className={style.selectedFiltersContainer} data-testid=\"selected-filters-container\">\n      {selectedFilters.map((filterItem: SelectedFilter) => {\n        const {label} = filterItem;\n\n        function handleClick() {\n          return onRemoveSelectedFilter(label);\n        }\n\n        return (\n          <Chip\n            key={label}\n            onClick={handleClick}\n            text={label}\n            textColor={COLORS.neutral_500}\n            backgroundColor={COLORS.cm_grey_150}\n            customIcon={'xmark'}\n            customStyle={{height: '28px', padding: '4px 8px'}}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options, onRemoveSelectedFilter = false} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters: SelectedFilter[] = pipe(\n    map('options'),\n    flatMap('options'),\n    filter(filterOptions => filterOptions.selected || filterOptions.value === true)\n  )(options);\n  const hasSelectedFilters = size(allSelectedFilters) > 0;\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(size(allSelectedFilters))} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n              hoverColor={COLORS.primary_600}\n            />\n          </div>\n        ) : null}\n      </div>\n      {onRemoveSelectedFilter && hasSelectedFilters ? (\n        <>\n          <div>{buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)}</div>\n          {FilterSeparator}\n        </>\n      ) : null}\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_filterChip","_filterCheckboxAndSearch","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_chip","_colors","_filterSwitch","_filterRange","_style","_propTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","uncappedMap","_map2","convert","cap","FilterSeparator","createElement","className","style","filterSeparator","buildFilters","filterOptions","type","options","buildAllSelectedFilterChips","selectedFilters","onRemoveSelectedFilter","selectedFiltersContainer","map","filterItem","label","handleClick","key","onClick","text","textColor","COLORS","neutral_500","backgroundColor","cm_grey_150","customIcon","customStyle","height","padding","MultiFilterPanel","props","context","skin","primaryColor","_getOr2","cm_primary_blue","title","onClearAll","_noop2","translate","GetTranslateFromContext","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","value","hasSelectedFilters","_size2","filters","isLastItem","Fragment","header","titleContainer","titleSize","_toString2","size","color","buttonContainer","fontWeight","hoverColor","primary_600","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString, getOr, noop} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Chip from '../../atom/chip';\nimport {COLORS} from '../../variables/colors';\nimport FilterSwitch from '../../organism/filter-switch';\nimport FilterRange from '../../organism/filter-range';\nimport {FilterCheckboxAndSearchOptions} from '../../organism/filter-checkbox-and-search/props-types';\nimport {FilterChipOptionsProps} from '../../organism/filter-chip/prop-types';\nimport {FilterSwitchOptionsProps} from '../../organism/filter-switch/prop-types';\nimport {FilterRangeOptionsProps} from '../../organism/filter-range/prop-types';\nimport style from './style.css';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\n\ntype SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions\n  | FilterRangeOptionsProps;\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    case 'switch':\n      return <FilterSwitch {...options} />;\n    case 'range':\n      return <FilterRange {...options} />;\n  }\n};\n\nconst buildAllSelectedFilterChips = (\n  selectedFilters: SelectedFilter[],\n  onRemoveSelectedFilter: (filterItem: SelectedFilter) => void\n) => {\n  return (\n    <div className={style.selectedFiltersContainer} data-testid=\"selected-filters-container\">\n      {selectedFilters.map((filterItem: SelectedFilter) => {\n        const {label} = filterItem;\n        function handleClick() {\n          return onRemoveSelectedFilter(filterItem);\n        }\n\n        return (\n          <Chip\n            key={label}\n            onClick={handleClick}\n            text={label}\n            textColor={COLORS.neutral_500}\n            backgroundColor={COLORS.cm_grey_150}\n            customIcon={'xmark'}\n            customStyle={{height: '28px', padding: '4px 8px'}}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {title, onClearAll, options, onRemoveSelectedFilter = noop} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters: SelectedFilter[] = pipe(\n    map('options'),\n    flatMap('options'),\n    filter(filterOptions => filterOptions.selected || filterOptions.value === true)\n  )(options);\n  const hasSelectedFilters = size(allSelectedFilters) > 0;\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n  return (\n    <>\n      <div className={style.header}>\n        {hasSelectedFilters ? (\n          <div className={style.titleContainer}>\n            <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n            <Tag\n              label={toString(size(allSelectedFilters))}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          </div>\n        ) : null}\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0, color: primaryColor}}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n              hoverColor={COLORS.primary_600}\n            />\n          </div>\n        ) : null}\n      </div>\n      {hasSelectedFilters ? (\n        <>\n          <div>{buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)}</div>\n          {FilterSeparator}\n        </>\n      ) : null}\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -1,18 +1,19 @@
 import PropTypes from 'prop-types';
-import { FilterChipProps } from '../../organism/filter-chip/prop-types';
-import { FilterCheckboxAndSearchProps } from '../../organism/filter-checkbox-and-search/props-types';
-import { FilterSwitchProps } from '../../organism/filter-switch/prop-types';
+import { FilterChipOptionsProps, FilterChipProps } from '../../organism/filter-chip/prop-types';
+import { FilterCheckboxAndSearchOptions, FilterCheckboxAndSearchProps } from '../../organism/filter-checkbox-and-search/props-types';
+import { FilterSwitchOptionsProps, FilterSwitchProps } from '../../organism/filter-switch/prop-types';
+import { FilterRangeProps, FilterRangeOptionsProps } from '../../organism/filter-range/prop-types';
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
     onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
     onRemoveSelectedFilter: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+    options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 textColor: PropTypes.Requireable<string>;
@@ -20,7 +21,7 @@ declare const propTypes: {
                 icon: PropTypes.Requireable<string>;
                 customIcon: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
         }>>;
     }> | PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
@@ -28,14 +29,15 @@ declare const propTypes: {
             title: PropTypes.Requireable<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 ref: PropTypes.Requireable<string>;
                 count: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
+            emptySearchResult: PropTypes.Requireable<string>;
             searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 placeholder: PropTypes.Validator<string>;
@@ -56,15 +58,35 @@ declare const propTypes: {
             title: PropTypes.Validator<string>;
             titleAriaLabel: PropTypes.Requireable<string>;
             onClear: PropTypes.Validator<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Validator<string>;
                 value: PropTypes.Validator<boolean>;
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
                 theme: PropTypes.Validator<string>;
                 ariaLabel: PropTypes.Validator<string>;
-            }> | null | undefined)[]>;
+                id: PropTypes.Requireable<string>;
+            }>[]>;
         }>>;
-    }> | null | undefined> | null | undefined)[]>;
+    }> | PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        options: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            titleAriaLabel: PropTypes.Requireable<string>;
+            onClear: PropTypes.Validator<(...args: any[]) => any>;
+            options: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+                value: PropTypes.Requireable<number[]>;
+                minLabel: PropTypes.Requireable<string>;
+                maxLabel: PropTypes.Requireable<string>;
+                onChange: PropTypes.Validator<(...args: any[]) => any>;
+                theme: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
+    }>>[]>;
 };
 export declare type OptionsChipProps = {
     type: 'chip';
@@ -78,10 +100,15 @@ export declare type OptionsSwitchProps = {
     type: 'switch';
     options: FilterSwitchProps;
 };
-export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;
+export declare type OptionsRangeProps = {
+    type: 'range';
+    options: FilterRangeProps;
+};
+export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps | OptionsRangeProps;
+export declare type SelectedFilter = FilterChipOptionsProps | FilterSwitchOptionsProps | FilterCheckboxAndSearchOptions | FilterRangeOptionsProps;
 export declare type MultiFilterPanelProps = {
     title: string;
-    onRemoveSelectedFilter?: (label: string) => void;
+    onRemoveSelectedFilter?: (filterItem: SelectedFilter) => void;
     onClearAll: () => void;
     options: FilterOptionsProps[];
 };

package/lib/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAA8B,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAEjG,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE9F,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAC1B,sBAAsB,EACtB,eAAe,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAyC,EACvC,8BAA8B,EAC9B,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAA8B,EAC5B,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,yCAAyC,CAAC;AACjD,OAA6B,EAC3B,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kBAAkB,GAC1B,gBAAgB,GAChB,oBAAoB,GACpB,kBAAkB,GAClB,iBAAiB,CAAC;AAEtB,oBAAY,cAAc,GACtB,sBAAsB,GACtB,wBAAwB,GACxB,8BAA8B,GAC9B,uBAAuB,CAAC;AAE5B,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.js

@@ -6,6 +6,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = _interopRequireDefault(require("../../organism/filter-chip/prop-types"));
 var _propsTypes = _interopRequireDefault(require("../../organism/filter-checkbox-and-search/props-types"));
 var _propTypes3 = _interopRequireDefault(require("../../organism/filter-switch/prop-types"));
+var _propTypes4 = _interopRequireDefault(require("../../organism/filter-range/prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   title: _propTypes.default.string,
@@ -20,6 +21,9 @@ const propTypes = {
   }), _propTypes.default.shape({
     type: _propTypes.default.oneOf(['switch']),
     options: _propTypes.default.shape(_propTypes3.default)
+  }), _propTypes.default.shape({
+    type: _propTypes.default.oneOf(['range']),
+    options: _propTypes.default.shape(_propTypes4.default)
   })]))
 };
 var _default = exports.default = propTypes;

package/lib/molecule/multi-filter-panel/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","_propsTypes","_propTypes3","e","__esModule","default","propTypes","title","PropTypes","string","onClearAll","func","onRemoveSelectedFilter","options","arrayOf","oneOfType","shape","type","oneOf","filterChipProptypes","filterCheckboxAndSearchProptypes","filterSwitchProptypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\nimport filterSwitchProptypes, {FilterSwitchProps} from '../../organism/filter-switch/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  onRemoveSelectedFilter: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['switch']),\n        options: PropTypes.shape(filterSwitchProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type OptionsSwitchProps = {\n  type: 'switch';\n  options: FilterSwitchProps;\n};\n\nexport type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onRemoveSelectedFilter?: (label: string) => void;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAiG,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjG,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,UAAU,EAAEF,kBAAS,CAACG,IAAI;EAC1BC,sBAAsB,EAAEJ,kBAAS,CAACG,IAAI;EACtCE,OAAO,EAAEL,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACO,SAAS,CAAC,CAClBP,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACG,mBAAmB;EAC9C,CAAC,CAAC,EACFX,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACI,mBAAgC;EAC3D,CAAC,CAAC,EACFZ,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACK,mBAAqB;EAChD,CAAC,CAAC,CACH,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GA0BaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","_propsTypes","_propTypes3","_propTypes4","e","__esModule","default","propTypes","title","PropTypes","string","onClearAll","func","onRemoveSelectedFilter","options","arrayOf","oneOfType","shape","type","oneOf","filterChipProptypes","filterCheckboxAndSearchProptypes","filterSwitchProptypes","filterRangeProptypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {\n  FilterChipOptionsProps,\n  FilterChipProps\n} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchOptions,\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\nimport filterSwitchProptypes, {\n  FilterSwitchOptionsProps,\n  FilterSwitchProps\n} from '../../organism/filter-switch/prop-types';\nimport filterRangeProptypes, {\n  FilterRangeProps,\n  FilterRangeOptionsProps\n} from '../../organism/filter-range/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  onRemoveSelectedFilter: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['switch']),\n        options: PropTypes.shape(filterSwitchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['range']),\n        options: PropTypes.shape(filterRangeProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type OptionsSwitchProps = {\n  type: 'switch';\n  options: FilterSwitchProps;\n};\n\nexport type OptionsRangeProps = {\n  type: 'range';\n  options: FilterRangeProps;\n};\n\nexport type FilterOptionsProps =\n  | OptionsChipProps\n  | OptionsCheckboxProps\n  | OptionsSwitchProps\n  | OptionsRangeProps;\n\nexport type SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions\n  | FilterRangeOptionsProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onRemoveSelectedFilter?: (filterItem: SelectedFilter) => void;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAIA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAIA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAIA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAGgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,UAAU,EAAEF,kBAAS,CAACG,IAAI;EAC1BC,sBAAsB,EAAEJ,kBAAS,CAACG,IAAI;EACtCE,OAAO,EAAEL,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACO,SAAS,CAAC,CAClBP,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACG,mBAAmB;EAC9C,CAAC,CAAC,EACFX,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACI,mBAAgC;EAC3D,CAAC,CAAC,EACFZ,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACK,mBAAqB;EAChD,CAAC,CAAC,EACFb,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACM,mBAAoB;EAC/C,CAAC,CAAC,CACH,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAyCaC,SAAS","ignoreList":[]}

package/lib/molecule/news/index.d.ts

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

package/lib/molecule/news/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,6DA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/news/index.js"],"names":[],"mappings":";AAOA,mEA6CC"}

package/lib/molecule/notification-banner/index.d.ts

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

package/lib/molecule/notification-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,2EAsDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/notification-banner/index.js"],"names":[],"mappings":";AA8BA,iFAsDC"}

package/lib/molecule/pagination/index.d.ts

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

package/lib/molecule/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,qDAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pagination/index.js"],"names":[],"mappings":";AAKA,2DAgBC"}

package/lib/molecule/payment-form/index.d.ts

@@ -38,7 +38,7 @@ declare class PaymentForm extends React.Component<any, any, any> {
     cardExpiry: any;
     cardCvc: any;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/molecule/payment-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,sBA+DC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/payment-form/index.js"],"names":[],"mappings":";AAKA;IACE;;;;;;;;;;;;;;;;;MAiBE;IAEF;;MAEE;IAEF,wBAOC;IALC,YAAuF;IAiEzF;;aAGC;IAED;;aAGC;IAED;;aAGC;IAtBD,oBAOC;IAxDD,0BAgCC;IAZG,gBAA+D;IAC/D,gBAA+D;IAC/D,aAAyD;IAY7D,6BAaC;IA0BD,4BA+DC;CACF"}

package/lib/molecule/pdf/index.d.ts

@@ -1,5 +1,5 @@
 export default PDF;
-declare function PDF(props: any, context: any): JSX.Element;
+declare function PDF(props: any, context: any): React.JSX.Element;
 declare namespace PDF {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -32,5 +32,6 @@ declare namespace PDF {
         const onPlay: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/pdf/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,4DA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/pdf/index.js"],"names":[],"mappings":";AASA,kEA8BC"}

package/lib/molecule/playlist-card/index.d.ts

@@ -1,5 +1,5 @@
 export default PlaylistCard;
-declare function PlaylistCard(props: any, context: any): JSX.Element | null;
+declare function PlaylistCard(props: any, context: any): React.JSX.Element;
 declare namespace PlaylistCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -9,10 +9,10 @@ declare namespace PlaylistCard {
         const label: PropTypes.Requireable<string>;
         const title: PropTypes.Validator<string>;
         const progress: PropTypes.Requireable<number>;
-        const coverImages: PropTypes.Validator<(PropTypes.InferProps<{
+        const coverImages: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const locales: PropTypes.Requireable<PropTypes.InferProps<{
             playlistTag: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace PlaylistCard {
         export { locales_1 as locales };
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,4EAwCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-card/index.js"],"names":[],"mappings":";AASA,2EAwCC"}

package/lib/molecule/playlist-detail-cover/index.d.ts

@@ -2,15 +2,16 @@ export default PlaylistDetailCover;
 declare function PlaylistDetailCover({ images, className }: {
     images: any;
     className: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace PlaylistDetailCover {
     namespace propTypes {
-        const images: PropTypes.Validator<(PropTypes.InferProps<{
+        const images: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             image: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const className: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-detail-cover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;gBAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AASA;;;sBAoCC"}

package/lib/molecule/popin/index.d.ts

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

package/lib/molecule/popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,8DAgIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/popin/index.js"],"names":[],"mappings":";AAcA,oEAgIC"}

package/lib/molecule/privacy-policy-contact/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 export declare const ICONS: {
     arrow: any;
 };
 declare const PrivacyPolicyContact: {
-    ({ title, content }: Props): JSX.Element;
+    ({ title, content }: Props): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         content: import("prop-types").Requireable<string>;

package/lib/molecule/privacy-policy-contact/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/lib/molecule/product-card/index.d.ts

@@ -1,5 +1,5 @@
 export default ProductCard;
-declare function ProductCard(props: any, context: any): JSX.Element;
+declare function ProductCard(props: any, context: any): React.JSX.Element;
 declare namespace ProductCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -12,5 +12,6 @@ declare namespace ProductCard {
         const checkImage: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,oEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/product-card/index.js"],"names":[],"mappings":";AAMA,0EA0CC"}

package/lib/molecule/progress-bar/index.d.ts

@@ -1,5 +1,5 @@
 export default ProgressBar;
-declare function ProgressBar(props: any): JSX.Element;
+declare function ProgressBar(props: any): React.JSX.Element;
 declare namespace ProgressBar {
     namespace propTypes {
         const className: PropTypes.Requireable<string>;
@@ -8,10 +8,11 @@ declare namespace ProgressBar {
         const desc: PropTypes.Requireable<string>;
         const steps: PropTypes.Requireable<number>;
         const style: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const displayInfo: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,sDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-bar/index.js"],"names":[],"mappings":";AAMA,4DAqCC"}

package/lib/molecule/progress-wrapper/index.d.ts

@@ -6,7 +6,7 @@ declare function ProgressWrapper({ completedModules, mandatoryModules, title, su
     subtitle: any;
     progression: any;
     sections: any;
-}, context: any): JSX.Element;
+}, context: any): React.JSX.Element;
 declare namespace ProgressWrapper {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -17,12 +17,13 @@ declare namespace ProgressWrapper {
         const completedModules: PropTypes.Requireable<number>;
         const mandatoryModules: PropTypes.Requireable<number>;
         const progression: PropTypes.Requireable<number>;
-        const sections: PropTypes.Requireable<(PropTypes.InferProps<{
+        const sections: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             downloadUrl: PropTypes.Requireable<string>;
             stars: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;8BAsGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAgGA;;;;;;;oCAsGC"}

package/lib/molecule/questions/drop-down/index.d.ts

@@ -1,18 +1,19 @@
 export default DropDown;
-declare function DropDown(props: any): JSX.Element;
+declare function DropDown(props: any): React.JSX.Element;
 declare namespace DropDown {
     const propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        options: PropTypes.Requireable<(PropTypes.InferProps<{
+        options: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         theme: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         groupAriaLabel: PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/questions/drop-down/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,mDAcC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":[],"mappings":";AAMA,yDAcC"}

package/lib/molecule/questions/free-text/index.d.ts

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

package/lib/molecule/questions/free-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,uEAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.js"],"names":[],"mappings":";AAOA,6EAmDC"}

package/lib/molecule/questions/free-text/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Analytics } from '../../../variables/analytics';
 declare type QuestionType = 'basic' | 'template';
 interface Props {
@@ -10,6 +10,6 @@ interface Props {
     isDisabled?: boolean;
     value?: string;
 }
-declare const FreeText: (props: Props) => JSX.Element | null;
+declare const FreeText: (props: Props) => React.JSX.Element;
 export default FreeText;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/molecule/questions/free-text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,uBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAuB,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAK7E,aAAK,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CD,QAAA,MAAM,QAAQ,UAAW,KAAK,sBA2D7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/molecule/questions/free-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_reactNative","require","_react","_interopRequireWildcard","_templateContext","_analytics","_shadow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","createElement","View","style","TextInput","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: ViewStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["_reactNative","require","_react","_interopRequireWildcard","_templateContext","_analytics","_shadow","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","input","padding","spacing","tiny","borderColor","colors","gray","lightMedium","borderRadius","radius","regular","minWidth","marginHorizontal","paddingVertical","BOX_STYLE","backgroundColor","white","text","primary","color","medium","fontWeight","bold","fontSize","textAlign","spaced","fullWitdh","width","logEvent","eventName","analytics","questionType","id","FreeText","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","PLACEHOLDER_COLOR","fullWidth","testID","onChange","isDisabled","value","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","INPUT_FOCUS","handleBlur","INPUT_BLUR","useEffect","_stylesheet","createElement","View","style","TextInput","onFocus","onBlur","onChangeText","placeholder","typeHere","placeholderTextColor","editable","selectTextOnFocus","_default","exports"],"sources":["../../../../src/molecule/questions/free-text/index.native.tsx"],"sourcesContent":["import {View, StyleSheet, TextInput, ViewStyle, TextStyle} from 'react-native';\nimport React, {useState, useEffect, useCallback} from 'react';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../../variables/analytics';\nimport {Theme} from '../../../variables/theme.native';\nimport {BOX_STYLE} from '../../../variables/shadow';\nimport {Brand} from '../../../variables/brand.native';\n\ntype QuestionType = 'basic' | 'template';\n\ninterface Props {\n  fullWidth?: boolean;\n  testID: string;\n  questionType: QuestionType;\n  analytics?: Analytics;\n  onChange: (text: string) => void;\n  isDisabled?: boolean;\n  value?: string; // when value is undefined, TextInput acts as not controlled\n}\n\ntype StyleSheetType = {\n  input: ViewStyle;\n  text: TextStyle;\n  spaced: ViewStyle;\n  fullWitdh: ViewStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    input: {\n      padding: theme.spacing.tiny,\n      borderColor: theme.colors.gray.lightMedium,\n      borderRadius: theme.radius.regular,\n      minWidth: 175,\n      marginHorizontal: 12,\n      paddingVertical: 16,\n      ...BOX_STYLE,\n      backgroundColor: theme.colors.white\n    },\n    text: {\n      borderColor: brandTheme?.colors?.primary,\n      color: brandTheme?.colors?.primary || theme.colors.gray.medium,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.regular,\n      textAlign: 'center'\n    },\n    spaced: {\n      paddingVertical: theme.spacing.tiny\n    },\n    fullWitdh: {\n      width: '100%'\n    }\n  });\n\nconst logEvent = (eventName: string, analytics: Analytics, questionType: QuestionType) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: `question-input-text`,\n      questionType\n    });\n};\n\nconst FreeText = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme, translations} = templateContext;\n  const PLACEHOLDER_COLOR = theme.colors.gray.medium;\n\n  // ------------------------------------\n\n  const {\n    analytics,\n    questionType,\n    fullWidth = false,\n    testID,\n    onChange,\n    isDisabled = false,\n    value\n  } = props;\n\n  // ------------------------------------\n\n  const handleFocus = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_FOCUS, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  const handleBlur = useCallback(\n    () => analytics && logEvent(ANALYTICS_EVENT_TYPE.INPUT_BLUR, analytics, questionType),\n    [analytics, questionType]\n  );\n\n  // ------------------------------------\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={[styleSheet.spaced, fullWidth && styleSheet.fullWitdh]}>\n      <TextInput\n        style={[styleSheet.input, styleSheet.text]}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChangeText={onChange}\n        placeholder={translations.typeHere}\n        placeholderTextColor={PLACEHOLDER_COLOR}\n        value={value}\n        testID={testID}\n        editable={!isDisabled}\n        selectTextOnFocus={!isDisabled}\n      />\n    </View>\n  );\n};\n\nexport default FreeText;\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAAoD,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAsBpD,MAAMW,gBAAgB,GAAGA,CAACC,UAAiB,EAAEC,KAAY,KACvDC,uBAAU,CAACC,MAAM,CAAC;EAChB;EACAC,KAAK,EAAE;IACLC,OAAO,EAAEJ,KAAK,CAACK,OAAO,CAACC,IAAI;IAC3BC,WAAW,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAACC,WAAW;IAC1CC,YAAY,EAAEX,KAAK,CAACY,MAAM,CAACC,OAAO;IAClCC,QAAQ,EAAE,GAAG;IACbC,gBAAgB,EAAE,EAAE;IACpBC,eAAe,EAAE,EAAE;IACnB,GAAGC,iBAAS;IACZC,eAAe,EAAElB,KAAK,CAACQ,MAAM,CAACW;EAChC,CAAC;EACDC,IAAI,EAAE;IACJb,WAAW,EAAER,UAAU,EAAES,MAAM,EAAEa,OAAO;IACxCC,KAAK,EAAEvB,UAAU,EAAES,MAAM,EAAEa,OAAO,IAAIrB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAACc,MAAM;IAC9DC,UAAU,EAAExB,KAAK,CAACwB,UAAU,CAACC,IAAI;IACjCC,QAAQ,EAAE1B,KAAK,CAAC0B,QAAQ,CAACb,OAAO;IAChCc,SAAS,EAAE;EACb,CAAC;EACDC,MAAM,EAAE;IACNZ,eAAe,EAAEhB,KAAK,CAACK,OAAO,CAACC;EACjC,CAAC;EACDuB,SAAS,EAAE;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEJ,MAAMC,QAAQ,GAAGA,CAACC,SAAiB,EAAEC,SAAoB,EAAEC,YAA0B,KAAK;EACxFD,SAAS,IACPA,SAAS,CAACF,QAAQ,CAACC,SAAS,EAAE;IAC5BG,EAAE,EAAE,qBAAqB;IACzBD;EACF,CAAC,CAAC;AACN,CAAC;AAED,MAAME,QAAQ,GAAIC,KAAY,IAAK;EACjC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAAC3C,UAAU;IAAEC,KAAK;IAAE2C;EAAY,CAAC,GAAGL,eAAe;EACzD,MAAMM,iBAAiB,GAAG5C,KAAK,CAACQ,MAAM,CAACC,IAAI,CAACc,MAAM;;EAElD;;EAEA,MAAM;IACJU,SAAS;IACTC,YAAY;IACZW,SAAS,GAAG,KAAK;IACjBC,MAAM;IACNC,QAAQ;IACRC,UAAU,GAAG,KAAK;IAClBC;EACF,CAAC,GAAGZ,KAAK;;EAET;;EAEA,MAAMa,WAAW,GAAG,IAAAC,kBAAW,EAC7B,MAAMlB,SAAS,IAAIF,QAAQ,CAACqB,+BAAoB,CAACC,WAAW,EAAEpB,SAAS,EAAEC,YAAY,CAAC,EACtF,CAACD,SAAS,EAAEC,YAAY,CAC1B,CAAC;EAED,MAAMoB,UAAU,GAAG,IAAAH,kBAAW,EAC5B,MAAMlB,SAAS,IAAIF,QAAQ,CAACqB,+BAAoB,CAACG,UAAU,EAAEtB,SAAS,EAAEC,YAAY,CAAC,EACrF,CAACD,SAAS,EAAEC,YAAY,CAC1B,CAAC;;EAED;;EAEA,IAAAsB,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG3D,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDyC,aAAa,CAACgB,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC1D,UAAU,EAAEC,KAAK,CAAC,CAAC;;EAEvB;;EAEA,IAAI,CAACwC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACEnE,MAAA,CAAAW,OAAA,CAAA0E,aAAA,CAACvF,YAAA,CAAAwF,IAAI;IAACC,KAAK,EAAE,CAACpB,UAAU,CAACZ,MAAM,EAAEiB,SAAS,IAAIL,UAAU,CAACX,SAAS;EAAE,gBAClExD,MAAA,CAAAW,OAAA,CAAA0E,aAAA,CAACvF,YAAA,CAAA0F,SAAS;IACRD,KAAK,EAAE,CAACpB,UAAU,CAACrC,KAAK,EAAEqC,UAAU,CAACpB,IAAI,CAAE;IAC3C0C,OAAO,EAAEZ,WAAY;IACrBa,MAAM,EAAET,UAAW;IACnBU,YAAY,EAAEjB,QAAS;IACvBkB,WAAW,EAAEtB,YAAY,CAACuB,QAAS;IACnCC,oBAAoB,EAAEvB,iBAAkB;IACxCK,KAAK,EAAEA,KAAM;IACbH,MAAM,EAAEA,MAAO;IACfsB,QAAQ,EAAE,CAACpB,UAAW;IACtBqB,iBAAiB,EAAE,CAACrB;EAAW,CAChC,CACG,CAAC;AAEX,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAvF,OAAA,GAEaoD,QAAQ","ignoreList":[]}