@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/Dropdown/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","useState","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","useContext","BaseDropdownContext","width","theme","useTheme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","useMemo","makeStyles","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","clsx","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","withStyles","styles","name"],"sources":["../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","useState","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","useContext","BaseDropdownContext","width","theme","useTheme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","useMemo","makeStyles","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","clsx","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","withStyles","styles","name"],"sources":["../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}

package/dist/Dropdown/List/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _List.default;
   }
 });
-
 var _List = _interopRequireDefault(require("./List"));
 //# sourceMappingURL=index.js.map

package/dist/Dropdown/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Dropdown/List/index.js"],"sourcesContent":["export { default } from \"./List\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Dropdown/List/index.js"],"sourcesContent":["export { default } from \"./List\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Dropdown/List/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     rootList: {
@@ -41,7 +40,6 @@ var styles = function styles(theme) {
     dropdownListContainer: {}
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Dropdown/List/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"sources":["../../../src/Dropdown/List/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: \"100%\",\n    backgroundColor: theme.palette.atmo1,\n  },\n  listContainer: {\n    padding: theme.hvSpacing(\"sm\"),\n  },\n  searchContainer: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n  selection: {\n    width: \"100%\",\n  },\n  listBorderDown: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,QAAQ,EAAE;MACRC,KAAK,EAAE,MADC;MAERC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC;IAFvB,CADe;IAKzBC,aAAa,EAAE;MACbC,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADI,CALU;IAQzBC,eAAe,EAAE;MACfC,YAAY,EAAEV,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADC,CARQ;IAWzBG,kBAAkB,EAAE;MAClB;MACA,KAAK;QACHC,QAAQ,EAAE,UADP;QAEHC,MAAM,EAAE;MAFL,CAFa;MAMlB,kBAAkB;QAChBA,MAAM,EAAE;MADQ,CANA;MASlB;MACA,kBAAkB;QAChBA,MAAM,EAAE;MADQ;IAVA,CAXK;IAyBzBC,SAAS,EAAE;MACTZ,KAAK,EAAE;IADE,CAzBc;IA4BzBa,SAAS,EAAE;MACTb,KAAK,EAAE;IADE,CA5Bc;IA+BzBc,cAAc,EAAE,EA/BS;IAgCzBC,qBAAqB,EAAE;EAhCE,CAAZ;AAAA,CAAf;;eAmCelB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","backgroundColor","palette","atmo1","listContainer","padding","hvSpacing","searchContainer","marginBottom","selectAllContainer","position","zIndex","selectAll","selection","listBorderDown","dropdownListContainer"],"sources":["../../../src/Dropdown/List/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: \"100%\",\n    backgroundColor: theme.palette.atmo1,\n  },\n  listContainer: {\n    padding: theme.hvSpacing(\"sm\"),\n  },\n  searchContainer: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n  selection: {\n    width: \"100%\",\n  },\n  listBorderDown: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,QAAQ,EAAE;MACRC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,aAAa,EAAE;MACbC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC/B,CAAC;IACDC,eAAe,EAAE;MACfC,YAAY,EAAEV,KAAK,CAACQ,SAAS,CAAC,IAAI;IACpC,CAAC;IACDG,kBAAkB,EAAE;MAClB;MACA,GAAG,EAAE;QACHC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,gBAAgB,EAAE;QAChBA,MAAM,EAAE;MACV,CAAC;MACD;MACA,gBAAgB,EAAE;QAChBA,MAAM,EAAE;MACV;IACF,CAAC;IACDC,SAAS,EAAE;MACTZ,KAAK,EAAE;IACT,CAAC;IACDa,SAAS,EAAE;MACTb,KAAK,EAAE;IACT,CAAC;IACDc,cAAc,EAAE,CAAC,CAAC;IAClBC,qBAAqB,EAAE,CAAC;EAC1B,CAAC;AAAA,CAAC;AAAC,eAEYlB,MAAM;AAAA"}

package/dist/Dropdown/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Dropdown.default;
   }
 });
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 //# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Dropdown/index.js"],"sourcesContent":["export { default } from \"./Dropdown\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Dropdown/index.js"],"sourcesContent":["export { default } from \"./Dropdown\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Dropdown/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -59,7 +58,6 @@ var styles = function styles(theme) {
     dropdownListContainer: {}
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Dropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"sources":["../../src/Dropdown/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,YAAY,EAAE,CAFV;MAGJC,QAAQ,EAAE,UAHN;MAIJC,OAAO,EAAE,cAJL;MAKJ,wBAAwB;QACtBC,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC;MADC,CALpB;MAQJ,4BAA4B;QAC1BC,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAzC,CADoB;QAE1B,WAAW;UACTH,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAzC;QADG,CAFe;QAK1B,wBAAwB;UACtBH,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C,CADgB;UAEtB,WAAW;YACTL,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C;UADG;QAFW;MALE,CARxB;MAoBJ,yBAAyB;QACvBL,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C,CADiB;QAEvB,WAAW;UACTL,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C;QADG;MAFY;IApBrB,CADmB;IA4BzBC,QAAQ,EAAE;MACRb,KAAK,EAAE;IADC,CA5Be;IA+BzBc,QAAQ,EAAE,EA/Be;IAgCzBC,KAAK,EAAE,EAhCkB;IAkCzBC,cAAc,EAAE;MACdb,OAAO,EAAE,MADK;MAEdc,UAAU,EAAE;IAFE,CAlCS;IAsCzBC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELhB,OAAO,EAAE;IAFJ,CAtCkB;IA0CzBiB,WAAW,EAAE,EA1CY;IA2CzBC,KAAK,EAAE,EA3CkB;IA6CzBC,WAAW,EAAE,EA7CY;IA8CzBC,iBAAiB,EAAE;MACjBC,UAAU,YAAK1B,KAAK,CAACU,EAAN,CAASiB,OAAT,CAAiBC,EAAtB;IADO,CA9CM;IAiDzBC,cAAc,EAAE,EAjDS;IAkDzBC,qBAAqB,EAAE,EAlDE;IAmDzBC,kBAAkB,EAAE,EAnDK;IAoDzBC,qBAAqB,EAAE;EApDE,CAAZ;AAAA,CAAf;;eAuDejC,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"sources":["../../src/Dropdown/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,cAAc;MACvB,sBAAsB,EAAE;QACtBC,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACC;MACvB,CAAC;MACD,0BAA0B,EAAE;QAC1BC,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACI,QAAQ,CAACC,KAAK,CAAE;QACtD,SAAS,EAAE;UACTH,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACI,QAAQ,CAACC,KAAK;QACtD,CAAC;QACD,sBAAsB,EAAE;UACtBH,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAK,CAAE;UACxD,SAAS,EAAE;YACTL,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAK;UACxD;QACF;MACF,CAAC;MACD,uBAAuB,EAAE;QACvBL,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAK,CAAE;QACxD,SAAS,EAAE;UACTL,MAAM,sBAAeT,KAAK,CAACU,EAAE,CAACH,OAAO,CAACM,UAAU,CAACC,KAAK;QACxD;MACF;IACF,CAAC;IACDC,QAAQ,EAAE;MACRb,KAAK,EAAE;IACT,CAAC;IACDc,QAAQ,EAAE,CAAC,CAAC;IACZC,KAAK,EAAE,CAAC,CAAC;IAETC,cAAc,EAAE;MACdb,OAAO,EAAE,MAAM;MACfc,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBhB,OAAO,EAAE;IACX,CAAC;IACDiB,WAAW,EAAE,CAAC,CAAC;IACfC,KAAK,EAAE,CAAC,CAAC;IAETC,WAAW,EAAE,CAAC,CAAC;IACfC,iBAAiB,EAAE;MACjBC,UAAU,YAAK1B,KAAK,CAACU,EAAE,CAACiB,OAAO,CAACC,EAAE;IACpC,CAAC;IACDC,cAAc,EAAE,CAAC,CAAC;IAClBC,qBAAqB,EAAE,CAAC,CAAC;IACzBC,kBAAkB,EAAE,CAAC,CAAC;IACtBC,qBAAqB,EAAE,CAAC;EAC1B,CAAC;AAAA,CAAC;AAAC,eAEYjC,MAAM;AAAA"}

package/dist/Dropdown/utils.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasSelected = exports.getSelectionLabel = exports.getSelected = void 0;
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 /**
  * Filter selected elements.
  *
@@ -20,19 +17,18 @@ var getSelected = function getSelected(list) {
     return elem.selected;
   })) || [];
 };
+
 /**
  * Checks if any element of the list is selected.
  *
  * @param list
  * @returns {boolean}
  */
-
-
 exports.getSelected = getSelected;
-
 var hasSelected = function hasSelected(list) {
   return getSelected(list).length > 0;
 };
+
 /**
  * Gets the selection label according to selection.
  *
@@ -42,10 +38,7 @@ var hasSelected = function hasSelected(list) {
  *
  * @returns {Object} - the selection label
  */
-
-
 exports.hasSelected = hasSelected;
-
 var getSelectionLabel = function getSelectionLabel() {
   var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var labels = arguments.length > 1 ? arguments[1] : undefined;
@@ -56,18 +49,15 @@ var getSelectionLabel = function getSelectionLabel() {
   if (select) return {
     selected: select
   };
-
   if (multiSelect) {
     return {
       selected: selected.length,
       total: list.length
     };
   }
-
   return {
     selected: selected.length > 0 ? selected[0].label : placeholder
   };
 };
-
 exports.getSelectionLabel = getSelectionLabel;
 //# sourceMappingURL=utils.js.map

package/dist/Dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getSelected","list","filter","elem","selected","hasSelected","length","getSelectionLabel","labels","placeholder","multiSelect","select","total","label"],"sources":["../../src/Dropdown/utils.js"],"sourcesContent":["/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => list?.filter((elem) => elem.selected) || [];\n\n/**\n * Checks if any element of the list is selected.\n *\n * @param list\n * @returns {boolean}\n */\nconst hasSelected = (list) => getSelected(list).length > 0;\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiSelect - if \"true\" the label will have a different format\n *\n * @returns {Object} - the selection label\n */\nconst getSelectionLabel = (list = [], labels, placeholder, multiSelect) => {\n  const { select } = labels;\n  const selected = getSelected(list);\n\n  if (select) return { selected: select };\n\n  if (multiSelect) {\n    return {\n      selected: selected.length,\n      total: list.length,\n    };\n  }\n  return { selected: selected.length > 0 ? selected[0].label : placeholder };\n};\n\nexport { getSelectionLabel, getSelected, hasSelected };\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;EAAA,OAAU,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEC,MAAN,CAAa,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACC,QAAf;EAAA,CAAb,MAAyC,EAAnD;AAAA,CAApB;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACJ,IAAD;EAAA,OAAUD,WAAW,CAACC,IAAD,CAAX,CAAkBK,MAAlB,GAA2B,CAArC;AAAA,CAApB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAiD;EAAA,IAAhDN,IAAgD,uEAAzC,EAAyC;EAAA,IAArCO,MAAqC;EAAA,IAA7BC,WAA6B;EAAA,IAAhBC,WAAgB;EACzE,IAAQC,MAAR,GAAmBH,MAAnB,CAAQG,MAAR;EACA,IAAMP,QAAQ,GAAGJ,WAAW,CAACC,IAAD,CAA5B;EAEA,IAAIU,MAAJ,EAAY,OAAO;IAAEP,QAAQ,EAAEO;EAAZ,CAAP;;EAEZ,IAAID,WAAJ,EAAiB;IACf,OAAO;MACLN,QAAQ,EAAEA,QAAQ,CAACE,MADd;MAELM,KAAK,EAAEX,IAAI,CAACK;IAFP,CAAP;EAID;;EACD,OAAO;IAAEF,QAAQ,EAAEA,QAAQ,CAACE,MAAT,GAAkB,CAAlB,GAAsBF,QAAQ,CAAC,CAAD,CAAR,CAAYS,KAAlC,GAA0CJ;EAAtD,CAAP;AACD,CAbD"}
+{"version":3,"file":"utils.js","names":["getSelected","list","filter","elem","selected","hasSelected","length","getSelectionLabel","labels","placeholder","multiSelect","select","total","label"],"sources":["../../src/Dropdown/utils.js"],"sourcesContent":["/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => list?.filter((elem) => elem.selected) || [];\n\n/**\n * Checks if any element of the list is selected.\n *\n * @param list\n * @returns {boolean}\n */\nconst hasSelected = (list) => getSelected(list).length > 0;\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiSelect - if \"true\" the label will have a different format\n *\n * @returns {Object} - the selection label\n */\nconst getSelectionLabel = (list = [], labels, placeholder, multiSelect) => {\n  const { select } = labels;\n  const selected = getSelected(list);\n\n  if (select) return { selected: select };\n\n  if (multiSelect) {\n    return {\n      selected: selected.length,\n      total: list.length,\n    };\n  }\n  return { selected: selected.length > 0 ? selected[0].label : placeholder };\n};\n\nexport { getSelectionLabel, getSelected, hasSelected };\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAI;EAAA,OAAK,CAAAA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,MAAM,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACC,QAAQ;EAAA,EAAC,KAAI,EAAE;AAAA;;AAEzE;AACA;AACA;AACA;AACA;AACA;AALA;AAMA,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIJ,IAAI;EAAA,OAAKD,WAAW,CAACC,IAAI,CAAC,CAACK,MAAM,GAAG,CAAC;AAAA;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA;AASA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,GAAoD;EAAA,IAAhDN,IAAI,uEAAG,EAAE;EAAA,IAAEO,MAAM;EAAA,IAAEC,WAAW;EAAA,IAAEC,WAAW;EACpE,IAAQC,MAAM,GAAKH,MAAM,CAAjBG,MAAM;EACd,IAAMP,QAAQ,GAAGJ,WAAW,CAACC,IAAI,CAAC;EAElC,IAAIU,MAAM,EAAE,OAAO;IAAEP,QAAQ,EAAEO;EAAO,CAAC;EAEvC,IAAID,WAAW,EAAE;IACf,OAAO;MACLN,QAAQ,EAAEA,QAAQ,CAACE,MAAM;MACzBM,KAAK,EAAEX,IAAI,CAACK;IACd,CAAC;EACH;EACA,OAAO;IAAEF,QAAQ,EAAEA,QAAQ,CAACE,MAAM,GAAG,CAAC,GAAGF,QAAQ,CAAC,CAAC,CAAC,CAACS,KAAK,GAAGJ;EAAY,CAAC;AAC5E,CAAC;AAAC"}

package/dist/EmptyState/EmptyState.js

@@ -1,50 +1,29 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@mui/styles");
-
 var _Typography = _interopRequireDefault(require("../Typography"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "title", "message", "action", "icon"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var renderNode = function renderNode(node, className, variant) {
   return node && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
     component: "div",
@@ -53,19 +32,18 @@ var renderNode = function renderNode(node, className, variant) {
     children: node
   });
 };
+
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-
-
 var EmptyState = function EmptyState(props) {
   var classes = props.classes,
-      className = props.className,
-      title = props.title,
-      message = props.message,
-      action = props.action,
-      icon = props.icon,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    title = props.title,
+    message = props.message,
+    action = props.action,
+    icon = props.icon,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root)
   }, others), {}, {
@@ -81,13 +59,11 @@ var EmptyState = function EmptyState(props) {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the empty state component.
    */
@@ -96,67 +72,54 @@ process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
      * Styles applied to the component root class.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the component container class.
      */
     container: _propTypes.default.string,
-
     /**
      * Styles applied to the component container class, when there is no title or action.
      */
     containerMessageOnly: _propTypes.default.string,
-
     /**
      * Styles applied to the icon container class.
      */
     iconContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the text container class.
      */
     textContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the title container class.
      */
     titleContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the message container class.
      */
     messageContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the action message container class.
      */
     actionContainer: _propTypes.default.string
   }).isRequired,
-
   /**
    * The title to be shown.
    */
   title: _propTypes.default.node,
-
   /**
    * The message to be shown.
    */
   message: _propTypes.default.node.isRequired,
-
   /**
    * The action message to be shown.
    */
   action: _propTypes.default.node,
-
   /**
    *  Icon to be presented.
    */
   icon: _propTypes.default.element.isRequired
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvEmptyState"
 })(EmptyState);
-
 exports.default = _default;
 //# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","name"],"sources":["../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}
+{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","name"],"sources":["../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}

package/dist/EmptyState/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _EmptyState.default;
   }
 });
-
 var _EmptyState = _interopRequireDefault(require("./EmptyState"));
 //# sourceMappingURL=index.js.map

package/dist/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/EmptyState/index.js"],"sourcesContent":["export { default } from \"./EmptyState\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/EmptyState/index.js"],"sourcesContent":["export { default } from \"./EmptyState\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/EmptyState/styles.js

@@ -1,37 +1,23 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.string.link.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = function styles(theme) {
   var _containerMessageOnly, _textContainer;
-
   return {
     root: {
       width: "100%",
@@ -75,7 +61,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/EmptyState/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","display","justifyContent","container","flexDirection","breakpoints","only","alignItems","textAlign","containerMessageOnly","marginLeft","iconContainer","textContainer","background","maxWidth","overflow","fontFamily","hv","typography","up","hvSpacing","link","textDecoration","titleContainer","marginTop","marginBottom","spacing","sm","messageContainer","actionContainer"],"sources":["../../src/EmptyState/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  container: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n  },\n  containerMessageOnly: {\n    alignItems: \"center\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"row\",\n    },\n    \"& $textContainer\": {\n      marginLeft: 0,\n    },\n  },\n  iconContainer: {},\n  textContainer: {\n    background: \"transparent\",\n    maxWidth: \"510px\",\n    overflow: \"hidden\",\n    fontFamily: theme.hv.typography.fontFamily,\n    [theme.breakpoints.up(\"sm\")]: {\n      marginLeft: theme.hvSpacing(\"xs\"),\n    },\n    \"& a\": {\n      ...theme.hv.typography.link,\n      textDecoration: \"none\",\n    },\n  },\n  titleContainer: {\n    marginTop: 2,\n    marginBottom: theme.hv.spacing.sm,\n  },\n  messageContainer: {},\n  actionContainer: {\n    marginTop: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,MAAM,EAAE,MAFJ;MAGJC,OAAO,EAAE,MAHL;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAOzBC,SAAS;MACPF,OAAO,EAAE,MADF;MAEPG,aAAa,EAAE;IAFR,GAGNP,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHM,EAGyB;MAC9BF,aAAa,EAAE,QADe;MAE9BG,UAAU,EAAE,QAFkB;MAG9BC,SAAS,EAAE;IAHmB,CAHzB,CAPgB;IAgBzBC,oBAAoB;MAClBF,UAAU,EAAE;IADM,wDAEjBV,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAFiB,EAEc;MAC9BF,aAAa,EAAE;IADe,CAFd,wDAKlB,kBALkB,EAKE;MAClBM,UAAU,EAAE;IADM,CALF,yBAhBK;IAyBzBC,aAAa,EAAE,EAzBU;IA0BzBC,aAAa;MACXC,UAAU,EAAE,aADD;MAEXC,QAAQ,EAAE,OAFC;MAGXC,QAAQ,EAAE,QAHC;MAIXC,UAAU,EAAEnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBF;IAJrB,iDAKVnB,KAAK,CAACQ,WAAN,CAAkBc,EAAlB,CAAqB,IAArB,CALU,EAKmB;MAC5BT,UAAU,EAAEb,KAAK,CAACuB,SAAN,CAAgB,IAAhB;IADgB,CALnB,iDAQX,KARW,kCASNvB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBG,IATd;MAUTC,cAAc,EAAE;IAVP,oBA1BY;IAuCzBC,cAAc,EAAE;MACdC,SAAS,EAAE,CADG;MAEdC,YAAY,EAAE5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC;IAFjB,CAvCS;IA2CzBC,gBAAgB,EAAE,EA3CO;IA4CzBC,eAAe,EAAE;MACfL,SAAS,EAAE3B,KAAK,CAACuB,SAAN,CAAgB,IAAhB;IADI;EA5CQ,CAAZ;AAAA,CAAf;;eAiDexB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","display","justifyContent","container","flexDirection","breakpoints","only","alignItems","textAlign","containerMessageOnly","marginLeft","iconContainer","textContainer","background","maxWidth","overflow","fontFamily","hv","typography","up","hvSpacing","link","textDecoration","titleContainer","marginTop","marginBottom","spacing","sm","messageContainer","actionContainer"],"sources":["../../src/EmptyState/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  container: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n  },\n  containerMessageOnly: {\n    alignItems: \"center\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"row\",\n    },\n    \"& $textContainer\": {\n      marginLeft: 0,\n    },\n  },\n  iconContainer: {},\n  textContainer: {\n    background: \"transparent\",\n    maxWidth: \"510px\",\n    overflow: \"hidden\",\n    fontFamily: theme.hv.typography.fontFamily,\n    [theme.breakpoints.up(\"sm\")]: {\n      marginLeft: theme.hvSpacing(\"xs\"),\n    },\n    \"& a\": {\n      ...theme.hv.typography.link,\n      textDecoration: \"none\",\n    },\n  },\n  titleContainer: {\n    marginTop: 2,\n    marginBottom: theme.hv.spacing.sm,\n  },\n  messageContainer: {},\n  actionContainer: {\n    marginTop: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB,CAAC;IACDC,SAAS;MACPF,OAAO,EAAE,MAAM;MACfG,aAAa,EAAE;IAAK,GACnBP,KAAK,CAACQ,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,EAAG;MAC9BF,aAAa,EAAE,QAAQ;MACvBG,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE;IACb,CAAC,CACF;IACDC,oBAAoB;MAClBF,UAAU,EAAE;IAAQ,wDACnBV,KAAK,CAACQ,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC,EAAG;MAC9BF,aAAa,EAAE;IACjB,CAAC,wDACD,kBAAkB,EAAE;MAClBM,UAAU,EAAE;IACd,CAAC,yBACF;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,aAAa;MACXC,UAAU,EAAE,aAAa;MACzBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAEnB,KAAK,CAACoB,EAAE,CAACC,UAAU,CAACF;IAAU,iDACzCnB,KAAK,CAACQ,WAAW,CAACc,EAAE,CAAC,IAAI,CAAC,EAAG;MAC5BT,UAAU,EAAEb,KAAK,CAACuB,SAAS,CAAC,IAAI;IAClC,CAAC,iDACD,KAAK,kCACAvB,KAAK,CAACoB,EAAE,CAACC,UAAU,CAACG,IAAI;MAC3BC,cAAc,EAAE;IAAM,oBAEzB;IACDC,cAAc,EAAE;MACdC,SAAS,EAAE,CAAC;MACZC,YAAY,EAAE5B,KAAK,CAACoB,EAAE,CAACS,OAAO,CAACC;IACjC,CAAC;IACDC,gBAAgB,EAAE,CAAC,CAAC;IACpBC,eAAe,EAAE;MACfL,SAAS,EAAE3B,KAAK,CAACuB,SAAS,CAAC,IAAI;IACjC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYxB,MAAM;AAAA"}