@coorpacademy/components 11.40.14-alpha.9 → 11.40.14-react18.80

package/es/organism/filter-checkbox-and-search/index.js

@@ -2,10 +2,8 @@ import _toString from "lodash/fp/toString";
 import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _isEmpty from "lodash/fp/isEmpty";
-import _getOr from "lodash/fp/getOr";
 import _filter from "lodash/fp/filter";
 import React, { useCallback, useMemo, useState } from 'react';
-import { convert } from 'css-color-function';
 import Title from '../../atom/title';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
@@ -33,10 +31,6 @@ const CHECKBOX_TITLE_STYLE = {
 };
 const INITIAL_VISIBLE_OPTIONS = 5;
 const FilterCheckboxAndSearch = (props, context) => {
-  const {
-    skin
-  } = context;
-  const primaryColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     title,
     titleAriaLabel,
@@ -71,11 +65,7 @@ const FilterCheckboxAndSearch = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
-    size: "S",
-    customStyle: {
-      color: primaryColor,
-      backgroundColor: convert(`color(${primaryColor} lightness(92%))`)
-    }
+    size: "S"
   }) : null), hasSelectedFilters ? /*#__PURE__*/React.createElement("div", {
     className: style.clearButtonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -130,8 +120,7 @@ const FilterCheckboxAndSearch = (props, context) => {
 };
 FilterCheckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 FilterCheckboxAndSearch.contextTypes = {
-  translate: Provider.childContextTypes.translate,
-  skin: Provider.childContextTypes.skin
+  translate: Provider.childContextTypes.translate
 };
 export default FilterCheckboxAndSearch;
 //# sourceMappingURL=index.js.map

package/es/organism/filter-checkbox-and-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","convert","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","Search","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","skin","primaryColor","_getOr","cm_primary_blue","title","titleAriaLabel","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","ariaLabel","label","_toString","type","size","customStyle","color","backgroundColor","clearButtonContainer","onClick","hoverColor","cm_grey_700","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, getOr, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n  fontSize: '14px',\n  fontWeight: '600',\n  fontFamily: 'Gilroy',\n  padding: '0'\n};\nconst CHECKBOX_TITLE_STYLE = {\n  marginRight: '16px',\n  fontSize: '14px',\n  fontFamily: 'Gilroy',\n  fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCheckboxAndSearch = (\n  props: FilterCheckboxAndSearchProps,\n  context: WebContextValues\n) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {title, titleAriaLabel, searchOptions, onClear, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const [showMore, setShowMore] = useState(false);\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n\n  const handleShowMore = useCallback(() => {\n    setShowMore(!showMore);\n  }, [showMore]);\n\n  const visibleOptions = useMemo(() => {\n    return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n  }, [options, showMore]);\n\n  return (\n    <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n      <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n        <div\n          className={style.titleAndTagWrapper}\n          data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n        >\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.clearButtonContainer}>\n            <ButtonLink\n              label={translate('clear')}\n              type=\"text\"\n              data-testid=\"filter-checkbox-and-search-clear-button\"\n              onClick={onClear}\n              customStyle={CLEAR_BUTTON_STYLE}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      {searchOptions ? (\n        <div className={style.search}>\n          <Search {...searchOptions} />\n        </div>\n      ) : null}\n      <div\n        data-testid=\"filter-checkbox-and-search-options-container\"\n        className={style.optionsContainer}\n      >\n        {isEmpty(visibleOptions) ? (\n          <p\n            className={style.emptySearchResult}\n            data-testid=\"filter-checkbox-and-search-empty-message\"\n          >\n            No results... Try adjusting your search.\n          </p>\n        ) : (\n          visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n            <div\n              key={value}\n              className={style.optionRow}\n              data-testid={`filter-checkbox-and-search-option-row-${index}`}\n            >\n              <CheckboxWithTitle\n                key={value}\n                title={label}\n                onChange={onClick}\n                name={label}\n                checked={selected}\n                customStyle={CHECKBOX_TITLE_STYLE}\n              />\n              <p className={style.optionCount}>{count}</p>\n            </div>\n          ))\n        )}\n      </div>\n      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\n        <ButtonLink\n          label={showMore ? translate('Show less') : translate('Show more')}\n          type=\"text\"\n          icon={{\n            position: 'right',\n            faIcon: {\n              name: showMore ? 'chevron-up' : 'chevron-down',\n              size: 16,\n              color: COLORS.cm_grey_500\n            }\n          }}\n          customStyle={SHOW_BUTTON_STYLE}\n          onClick={handleShowMore}\n          data-testid=\"filter-checkbox-and-search-show-button\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","Search","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","titleAriaLabel","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","ariaLabel","label","_toString","type","size","clearButtonContainer","onClick","customStyle","hoverColor","cm_grey_700","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n  fontSize: '14px',\n  fontWeight: '600',\n  fontFamily: 'Gilroy',\n  padding: '0'\n};\nconst CHECKBOX_TITLE_STYLE = {\n  marginRight: '16px',\n  fontSize: '14px',\n  fontFamily: 'Gilroy',\n  fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCheckboxAndSearch = (\n  props: FilterCheckboxAndSearchProps,\n  context: WebContextValues\n) => {\n  const {title, titleAriaLabel, searchOptions, onClear, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const [showMore, setShowMore] = useState(false);\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n\n  const handleShowMore = useCallback(() => {\n    setShowMore(!showMore);\n  }, [showMore]);\n\n  const visibleOptions = useMemo(() => {\n    return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n  }, [options, showMore]);\n\n  return (\n    <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n      <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n        <div\n          className={style.titleAndTagWrapper}\n          data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n        >\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.clearButtonContainer}>\n            <ButtonLink\n              label={translate('clear')}\n              type=\"text\"\n              data-testid=\"filter-checkbox-and-search-clear-button\"\n              onClick={onClear}\n              customStyle={CLEAR_BUTTON_STYLE}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      {searchOptions ? (\n        <div className={style.search}>\n          <Search {...searchOptions} />\n        </div>\n      ) : null}\n      <div\n        data-testid=\"filter-checkbox-and-search-options-container\"\n        className={style.optionsContainer}\n      >\n        {isEmpty(visibleOptions) ? (\n          <p\n            className={style.emptySearchResult}\n            data-testid=\"filter-checkbox-and-search-empty-message\"\n          >\n            No results... Try adjusting your search.\n          </p>\n        ) : (\n          visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n            <div\n              key={value}\n              className={style.optionRow}\n              data-testid={`filter-checkbox-and-search-option-row-${index}`}\n            >\n              <CheckboxWithTitle\n                key={value}\n                title={label}\n                onChange={onClick}\n                name={label}\n                checked={selected}\n                customStyle={CHECKBOX_TITLE_STYLE}\n              />\n              <p className={style.optionCount}>{count}</p>\n            </div>\n          ))\n        )}\n      </div>\n      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\n        <ButtonLink\n          label={showMore ? translate('Show less') : translate('Show more')}\n          type=\"text\"\n          icon={{\n            position: 'right',\n            faIcon: {\n              name: showMore ? 'chevron-up' : 'chevron-down',\n              size: 16,\n              color: COLORS.cm_grey_500\n            }\n          }}\n          customStyle={SHOW_BUTTON_STYLE}\n          onClick={handleShowMore}\n          data-testid=\"filter-checkbox-and-search-show-button\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/filter-checkbox-and-search/props-types.d.ts

@@ -3,14 +3,14 @@ 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)[]>;
+    }>[]>;
     searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
         value: PropTypes.Requireable<string>;
         placeholder: PropTypes.Validator<string>;

package/es/organism/filter-chip/index.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { FilterChipProps } from './prop-types';
 declare const FilterChip: {
-    (props: FilterChipProps, context: WebContextValues): JSX.Element;
+    (props: FilterChipProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        options: import("prop-types").Requireable<import("prop-types").InferProps<{
             label: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
             textColor: import("prop-types").Requireable<string>;
@@ -15,31 +15,10 @@ declare const FilterChip: {
             icon: import("prop-types").Requireable<string>;
             customIcon: import("prop-types").Requireable<string>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
+        }>[]>;
     };
     contextTypes: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
-        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
-            common: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            images: import("prop-types").Requireable<import("prop-types").InferProps<{
-                'logo-mobile': import("prop-types").Requireable<any>;
-                logo: import("prop-types").Requireable<any>;
-                'logo-email': import("prop-types").Requireable<any>;
-                login: import("prop-types").Requireable<any>;
-            }>>;
-            icons: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            mod: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            courses: import("prop-types").Requireable<any[]>;
-            texts: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
     };
 };
 export default FilterChip;

package/es/organism/filter-chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGxD,QAAA,MAAM,UAAU;YAAW,eAAe,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DpE,CAAC;AASF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGxD,QAAA,MAAM,UAAU;YAAW,eAAe,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;CAiDpE,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/es/organism/filter-chip/index.js

@@ -2,10 +2,8 @@ import _toString from "lodash/fp/toString";
 import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
-import _getOr from "lodash/fp/getOr";
 import _filter from "lodash/fp/filter";
 import React from 'react';
-import { convert } from 'css-color-function';
 import Chip from '../../atom/chip';
 import Title from '../../atom/title';
 import Tag from '../../atom/tag';
@@ -15,10 +13,6 @@ import { COLORS } from '../../variables/colors';
 import propTypes from './prop-types';
 import style from './style.css';
 const FilterChip = (props, context) => {
-  const {
-    skin
-  } = context;
-  const primaryColor = _getOr(COLORS.cm_grey_700, 'common.primary', skin);
   const {
     options,
     titleAriaLabel,
@@ -40,11 +34,7 @@ const FilterChip = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
-    size: "S",
-    customStyle: {
-      color: primaryColor,
-      backgroundColor: convert(`color(${primaryColor} lightness(92%))`)
-    }
+    size: "S"
   }) : null), hasSelectedFilters ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -77,7 +67,6 @@ const FilterChip = (props, context) => {
       text: label,
       textColor: textColor,
       key: label,
-      backgroundColor: "skin",
       selected: selected,
       onClick: handleClick,
       customIcon: customIcon
@@ -86,8 +75,7 @@ const FilterChip = (props, context) => {
 };
 FilterChip.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 FilterChip.contextTypes = {
-  translate: Provider.childContextTypes.translate,
-  skin: Provider.childContextTypes.skin
+  translate: Provider.childContextTypes.translate
 };
 export default FilterChip;
 //# sourceMappingURL=index.js.map

package/es/organism/filter-chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","convert","Chip","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterChip","props","context","skin","primaryColor","_getOr","cm_grey_700","options","titleAriaLabel","title","onClear","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","translate","createElement","Fragment","className","header","titleContainer","ariaLabel","label","_toString","type","size","customStyle","color","backgroundColor","buttonContainer","fontWeight","padding","onClick","hoverColor","optionsContainer","_map","icon","textColor","customIcon","handleClick","leftIcon","text","key","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, getOr, map, pipe, size, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_grey_700, 'common.primary', skin);\n  const {options, titleAriaLabel, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, textColor, type, selected, customIcon}) => {\n          function handleClick() {\n            onClick(type);\n          }\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              textColor={textColor}\n              key={label}\n              backgroundColor=\"skin\"\n              selected={selected}\n              onClick={handleClick}\n              customIcon={customIcon}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Chip","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterChip","props","context","options","titleAriaLabel","title","onClear","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","translate","createElement","Fragment","className","header","titleContainer","ariaLabel","label","_toString","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","_map","icon","textColor","customIcon","handleClick","leftIcon","text","key","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, map, pipe, size, toString} from 'lodash/fp';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {options, titleAriaLabel, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, textColor, type, selected, customIcon}) => {\n          function handleClick() {\n            onClick(type);\n          }\n\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              textColor={textColor}\n              key={label}\n              selected={selected}\n              onClick={handleClick}\n              customIcon={customIcon}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/filter-chip/prop-types.d.ts

@@ -3,7 +3,7 @@ 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>;
         type: PropTypes.Requireable<string>;
         textColor: PropTypes.Requireable<string>;
@@ -11,7 +11,7 @@ declare const propTypes: {
         icon: PropTypes.Requireable<string>;
         customIcon: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }> | null | undefined)[]>;
+    }>[]>;
 };
 export declare type FilterChipOptionsProps = {
     label: string;

package/es/organism/filter-switch/index.d.ts

@@ -1,44 +1,22 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { FilterSwitchProps } from './prop-types';
 declare const FilterSwitch: {
-    (props: FilterSwitchProps, context: WebContextValues): JSX.Element;
+    (props: FilterSwitchProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Validator<string>;
         titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Validator<(...args: any[]) => any>;
-        options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        options: import("prop-types").Requireable<import("prop-types").InferProps<{
             label: import("prop-types").Validator<string>;
             value: import("prop-types").Validator<boolean>;
             onChange: import("prop-types").Validator<(...args: any[]) => any>;
             theme: import("prop-types").Validator<string>;
             ariaLabel: import("prop-types").Validator<string>;
-            id: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     };
     contextTypes: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
-        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
-            common: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            images: import("prop-types").Requireable<import("prop-types").InferProps<{
-                'logo-mobile': import("prop-types").Requireable<any>;
-                logo: import("prop-types").Requireable<any>;
-                'logo-email': import("prop-types").Requireable<any>;
-                login: import("prop-types").Requireable<any>;
-            }>>;
-            icons: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            mod: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-            courses: import("prop-types").Requireable<any[]>;
-            texts: import("prop-types").Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
     };
 };
 export default FilterSwitch;

package/es/organism/filter-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,YAAY;YAAW,iBAAiB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExE,CAAC;AASF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,YAAY;YAAW,iBAAiB,WAAW,gBAAgB;;;;;;;;;;;;;;;;CA+CxE,CAAC;AAQF,eAAe,YAAY,CAAC"}

package/es/organism/filter-switch/index.js

@@ -1,10 +1,8 @@
 import _toString from "lodash/fp/toString";
-import _getOr from "lodash/fp/getOr";
 import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _filter from "lodash/fp/filter";
 import React from 'react';
-import { convert } from 'css-color-function';
 import Title from '../../atom/title';
 import InputSwitch from '../../atom/input-switch';
 import Tag from '../../atom/tag';
@@ -14,10 +12,6 @@ import { COLORS } from '../../variables/colors';
 import propTypes from './prop-types';
 import style from './style.css';
 const FilterSwitch = (props, context) => {
-  const {
-    skin
-  } = context;
-  const primaryColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     title,
     titleAriaLabel,
@@ -39,11 +33,7 @@ const FilterSwitch = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
-    size: "S",
-    customStyle: {
-      color: primaryColor,
-      backgroundColor: convert(`color(${primaryColor} lightness(92%))`)
-    }
+    size: "S"
   }) : null), hasSelectedFilters ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -64,16 +54,12 @@ const FilterSwitch = (props, context) => {
       label,
       value,
       onChange,
-      ariaLabel,
-      id
+      ariaLabel
     } = optionItem;
-    // Use provided id or generate fallback id
-    const switchId = id || `filter-switch-${label.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')}`;
     return /*#__PURE__*/React.createElement("div", {
       key: label,
       className: style.switchOption
     }, /*#__PURE__*/React.createElement(InputSwitch, {
-      id: switchId,
       title: label,
       value: value,
       theme: 'newMooc',
@@ -84,8 +70,7 @@ const FilterSwitch = (props, context) => {
 };
 FilterSwitch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 FilterSwitch.contextTypes = {
-  translate: Provider.childContextTypes.translate,
-  skin: Provider.childContextTypes.skin
+  translate: Provider.childContextTypes.translate
 };
 export default FilterSwitch;
 //# sourceMappingURL=index.js.map

package/es/organism/filter-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","convert","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","skin","primaryColor","_getOr","cm_primary_blue","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","customStyle","color","backgroundColor","buttonContainer","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","id","switchId","toLowerCase","replace","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, getOr, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel, id} = optionItem;\n          // Use provided id or generate fallback id\n          const switchId =\n            id ||\n            `filter-switch-${label\n              .toLowerCase()\n              .replace(/\\s+/g, '-')\n              .replace(/[^a-z0-9-]/g, '')}`;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                id={switchId}\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel} = optionItem;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterSwitch;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AAErE,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAA2B,cAAc;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAwB,EAAEC,OAAyB,KAAK;EAC5E,MAAM;IAACC,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACvD,MAAMM,oBAAoB,GAAGC,KAAA,CAAKC,OAAA,CAAO;IAACC,KAAK,EAAE;EAAI,CAAC,CAAC,EAAAC,KAAM,CAAC,CAACL,OAAO,CAAC;EACvE,MAAMM,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EACnD,MAAMM,SAAS,GAAGjB,uBAAuB,CAACM,OAAO,CAAC;EAElD,oBACEZ,KAAA,CAAAwB,aAAA,2BACExB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACiB;EAAO,gBAC3B1B,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACkB;EAAe,gBACnC3B,KAAA,CAAAwB,aAAA,CAACvB,KAAK;IAACY,KAAK,EAAEA,KAAM;IAACe,SAAS,EAAEd;EAAe,CAAE,CAAC,EACjDQ,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA,CAACrB,GAAG;IAAC0B,KAAK,EAAEC,SAAA,CAASb,oBAAoB,CAAE;IAACc,IAAI,EAAC,MAAM;IAACC,IAAI,EAAC;EAAG,CAAE,CAAC,GACjE,IACD,CAAC,EACLV,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACwB;EAAgB,gBACpCjC,KAAA,CAAAwB,aAAA,CAACpB,UAAU;IACT8B,WAAW,EAAE;MAACC,UAAU,EAAE,QAAQ;MAAEC,OAAO,EAAE;IAAC,CAAE;IAChDP,KAAK,EAAEN,SAAS,CAAC,OAAO,CAAE;IAC1BQ,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrCM,OAAO,EAAEtB,OAAQ;IACjBuB,UAAU,EAAE/B,MAAM,CAACgC;EAAY,CAChC,CACE,CAAC,GACJ,IACD,CAAC,eACNvC,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAAC+B;EAAiB,GACpCxB,OAAO,CAACyB,GAAG,CAACC,UAAU,IAAI;IACzB,MAAM;MAACb,KAAK;MAAET,KAAK;MAAEuB,QAAQ;MAAEf;IAAS,CAAC,GAAGc,UAAU;IACtD,oBACE1C,KAAA,CAAAwB,aAAA;MAAKoB,GAAG,EAAEf,KAAM;MAACJ,SAAS,EAAEhB,KAAK,CAACoC;IAAa,gBAC7C7C,KAAA,CAAAwB,aAAA,CAACtB,WAAW;MACVW,KAAK,EAAEgB,KAAM;MACbT,KAAK,EAAEA,KAAM;MACb0B,KAAK,EAAE,SAAU;MACjBH,QAAQ,EAAEA,QAAS;MACnB,cAAYf;IAAU,CACvB,CACE,CAAC;EAEV,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAEDlB,YAAY,CAACF,SAAS,GAAAuC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzC,SAAS;AAElCE,YAAY,CAACwC,YAAY,GAAG;EAC1B3B,SAAS,EAAElB,QAAQ,CAAC8C,iBAAiB,CAAC5B;AACxC,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}

package/es/organism/filter-switch/prop-types.d.ts

@@ -3,14 +3,13 @@ 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>;
-        id: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
 };
 export declare type FilterSwitchOptionsProps = {
     label: string;
@@ -18,7 +17,6 @@ export declare type FilterSwitchOptionsProps = {
     onChange: (value: string) => void;
     theme: string;
     ariaLabel: string;
-    id?: string;
 };
 export declare type FilterSwitchProps = {
     title: string;

package/es/organism/filter-switch/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;CAad,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/filter-switch/prop-types.js

@@ -8,8 +8,7 @@ const propTypes = {
     value: PropTypes.bool.isRequired,
     onChange: PropTypes.func.isRequired,
     theme: PropTypes.string.isRequired,
-    ariaLabel: PropTypes.string.isRequired,
-    id: PropTypes.string
+    ariaLabel: PropTypes.string.isRequired
   }))
 };
 export default propTypes;

package/es/organism/filter-switch/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel","id"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired,\n      id: PropTypes.string\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n  id?: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC,UAAU;IACtCa,EAAE,EAAEjB,SAAS,CAACG;EAChB,CAAC,CACH;AACF,CAAC;AAkBD,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC;EAC9B,CAAC,CACH;AACF,CAAC;AAiBD,eAAeH,SAAS","ignoreList":[]}

package/es/organism/get-the-app/index.d.ts

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

package/es/organism/get-the-app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAwIA,kEA2EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/get-the-app/index.js"],"names":[],"mappings":";AAwIA,wEA2EC"}

package/es/organism/grid-list/index.d.ts

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

package/es/organism/grid-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/grid-list/index.js"],"names":[],"mappings":";AAIA;;gBAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/grid-list/index.js"],"names":[],"mappings":";AAIA;;sBAEC"}

package/es/organism/header/index.d.ts

@@ -1,15 +1,16 @@
 export default Header;
-declare function Header(props: any): JSX.Element;
+declare function Header(props: any): React.JSX.Element;
 declare namespace Header {
     namespace propTypes {
         const href: PropTypes.Requireable<string>;
-        const menuItems: PropTypes.Requireable<(PropTypes.InferProps<{
+        const menuItems: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const src: PropTypes.Requireable<NonNullable<string | {
             [x: string]: any;
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/organism/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header/index.js"],"names":[],"mappings":";AAOA,iDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header/index.js"],"names":[],"mappings":";AAOA,uDAeC"}

package/es/organism/header-v2/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { GestureResponderEvent } from 'react-native';
 export interface Props {
     onSearchPress: (event: GestureResponderEvent) => void;
@@ -6,6 +6,6 @@ export interface Props {
     onLogoLongPress: (event: GestureResponderEvent) => void;
 }
 export declare const HEADER_HEIGHT = 67;
-declare const Header: (props: Props) => JSX.Element | null;
+declare const Header: (props: Props) => React.JSX.Element;
 export default Header;
 //# sourceMappingURL=index.native.d.ts.map

package/es/organism/header-v2/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/header-v2/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,aAAa,KAAK,CAAC;AA0ChC,QAAA,MAAM,MAAM,UAAW,KAAK,uBAyD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/header-v2/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,MAAM,WAAW,KAAK;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,aAAa,KAAK,CAAC;AA0ChC,QAAA,MAAM,MAAM,UAAW,KAAK,sBAyD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/organism/header-with-actions/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { HeaderWithActionsProps } from './types';
 declare const HeaderWithActions: {
-    (props: HeaderWithActionsProps): JSX.Element | null;
+    (props: HeaderWithActionsProps): React.JSX.Element;
     propTypes: {
         closeButton: import("prop-types").Requireable<import("prop-types").InferProps<{
             'aria-label': import("prop-types").Requireable<string>;
@@ -17,22 +17,22 @@ declare const HeaderWithActions: {
             display: import("prop-types").Validator<boolean>;
             label: import("prop-types").Requireable<string>;
         }>>>;
-        actionButtons: import("prop-types").Validator<(import("prop-types").InferProps<{
+        actionButtons: import("prop-types").Validator<import("prop-types").InferProps<{
             type: import("prop-types").Validator<string>;
             label: import("prop-types").Validator<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
             disabled: import("prop-types").Requireable<boolean>;
             iconName: import("prop-types").Requireable<string>;
             iconColor: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         bulletPointMenuButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-            buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+            buttons: import("prop-types").Validator<import("prop-types").InferProps<{
                 dataName: import("prop-types").Requireable<string>;
                 label: import("prop-types").Validator<string>;
                 iconName: import("prop-types").Validator<string>;
                 iconColor: import("prop-types").Validator<string>;
                 onClick: import("prop-types").Validator<(...args: any[]) => any>;
-            }> | null | undefined)[]>;
+            }>[]>;
             buttonAriaLabel: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Validator<boolean>;
         }>>;