@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/components/Dropdown/List/List.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId } from \"utils\";\nimport {\n  HvActionBar,\n  HvButton,\n  HvCheckBox,\n  HvInput,\n  HvListValue,\n  HvTypography,\n} from \"components\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\nimport {\n  StyledList,\n  StyledListContainer,\n  StyledRootList,\n  StyledSearchContainer,\n} from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport { HvDropdownLabelsProps } from \"../Dropdown\";\nimport dropdownListClasses, { HvDropdownListClasses } from \"./listClasses\";\n\nexport type HvDropdownListProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvDropdownListClasses;\n  /**\n   * The list to be rendered.\n   */\n  values?: HvListValue[];\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect?: boolean;\n  /**\n   * If true renders the search component.\n   */\n  showSearch?: boolean;\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: any;\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: any;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\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?: number;\n  /**\n   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight?: 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?: boolean;\n};\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: HvListValue[]) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst: HvListValue[]) =>\n  lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nexport const HvDropdownList = ({\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  maxHeight,\n  virtualized = false,\n  ...others\n}: HvDropdownListProps) => {\n  const [searchStr, setSearchStr] = useState<string>(\"\");\n  const [list, setList] = useState<HvListValue[]>(clone(values));\n  const [allSelected, setAllSelected] = useState<boolean>(false);\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n  const { width, height } = useContext(BaseDropdownContext);\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: HvListValue[]) => {\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  }, [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: string) => {\n    const results = list\n      ? list.filter(\n          ({\n            searchValue,\n            label,\n            value,\n          }: {\n            searchValue?: any;\n            label?: any;\n            value?: any;\n          }) => {\n            let stringValue = \"\";\n            if (\n              typeof searchValue === \"string\" ||\n              searchValue instanceof String\n            ) {\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        )\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    <StyledSearchContainer\n      className={clsx(\n        dropdownListClasses.searchContainer,\n        classes?.searchContainer\n      )}\n    >\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    </StyledSearchContainer>\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 = labels?.selectAll;\n    const multiSelectionConjunction = labels?.multiSelectionConjunction;\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\n        className={clsx(\n          dropdownListClasses.selectAllContainer,\n          classes?.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{\n            container: clsx(dropdownListClasses.selection, classes?.selection),\n          }}\n          className={clsx(dropdownListClasses.selectAll, 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 = labels?.applyLabel;\n    const cancelLabel = labels?.cancelLabel;\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          variant=\"primaryGhost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"actions-cancel\")}\n          onClick={onCancel}\n          variant=\"primaryGhost\"\n        >\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  return (\n    <StyledRootList\n      className={clsx(dropdownListClasses.rootList, classes?.rootList)}\n    >\n      <div\n        className={clsx(\n          dropdownListClasses.listBorderDown,\n          classes?.listBorderDown\n        )}\n      />\n      <StyledListContainer\n        className={clsx(\n          dropdownListClasses.listContainer,\n          classes?.listContainer\n        )}\n      >\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <StyledList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                dropdownListClasses.dropdownListContainer,\n                classes?.dropdownListContainer\n              ),\n            }}\n            $dropdownHeight={dropdownHeight}\n            $maxHeight={maxHeight}\n            $virtualized={virtualized}\n            $height={height}\n            $width={width}\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      </StyledListContainer>\n      {showList && multiSelect ? renderActions() : null}\n    </StyledRootList>\n  );\n};\n"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","HvDropdownList","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","searchStr","setSearchStr","useState","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","useContext","BaseDropdownContext","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","jsx","StyledSearchContainer","clsx","dropdownListClasses","searchContainer","HvInput","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","jsxs","Fragment","selectAllContainer","HvCheckBox","container","selection","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","showList","StyledRootList","rootList","listBorderDown","StyledListContainer","listContainer","StyledList","root","dropdownListContainer"],"mappings":"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"}

package/dist/cjs/components/Dropdown/List/List.styles.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../../utils/transientOptions.cjs");
+const List = require("../../List/List.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRootList = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu3"
+} : {
+  target: "e3xsfwu3",
+  label: "StyledRootList"
+})({
+  width: "100%",
+  backgroundColor: uikitStyles.theme.dropdown.listBackgroundColor,
+  border: uikitStyles.theme.dropdown.listBorder,
+  borderTop: "none",
+  borderRadius: uikitStyles.theme.dropdown.listBorderRadius
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledListContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu2"
+} : {
+  target: "e3xsfwu2",
+  label: "StyledListContainer"
+})({
+  padding: uikitStyles.theme.dropdown.listContainerPadding
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledSearchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu1"
+} : {
+  target: "e3xsfwu1",
+  label: "StyledSearchContainer"
+})({
+  marginBottom: uikitStyles.theme.dropdown.searchContainerMargin
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclRvcDogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledList = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(List.HvList, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e3xsfwu0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e3xsfwu0",
+  label: "StyledList"
+}, transientOptions.transientOptions))(({
+  $dropdownHeight,
+  $virtualized,
+  $height,
+  $width,
+  $maxHeight
+}) => ({
+  maxWidth: $width,
+  maxHeight: $maxHeight != null ? $maxHeight : `calc(${$height}px - 32px - ${uikitStyles.theme.space.xs} - ${uikitStyles.theme.space.sm})`,
+  overflow: "auto",
+  padding: 5,
+  ...$dropdownHeight && {
+    height: $dropdownHeight
+  },
+  ...$virtualized && {
+    maxWidth: "inherit",
+    maxHeight: "inherit",
+    overflow: "inherit",
+    padding: 0
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290TGlzdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5saXN0QmFja2dyb3VuZENvbG9yLFxuICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXIsXG4gIGJvcmRlclRvcDogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlclJhZGl1cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZMaXN0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+exports.StyledList = StyledList;
+exports.StyledListContainer = StyledListContainer;
+exports.StyledRootList = StyledRootList;
+exports.StyledSearchContainer = StyledSearchContainer;
+//# sourceMappingURL=List.styles.cjs.map

package/dist/cjs/components/Dropdown/List/List.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.styles.cjs","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({\n  width: \"100%\",\n  backgroundColor: theme.dropdown.listBackgroundColor,\n  border: theme.dropdown.listBorder,\n  borderTop: \"none\",\n  borderRadius: theme.dropdown.listBorderRadius,\n});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  (props) => <HvList {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","_styled","process","env","NODE_ENV","target","label","width","backgroundColor","theme","dropdown","listBackgroundColor","border","listBorder","borderTop","borderRadius","listBorderRadius","StyledListContainer","padding","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","props","jsx","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,iBAAwBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CC,OAAO;AAAA,EACPC,iBAAiBC,YAAAA,MAAMC,SAASC;AAAAA,EAChCC,QAAQH,YAAAA,MAAMC,SAASG;AAAAA,EACvBC,WAAW;AAAA,EACXC,cAAcN,YAAAA,MAAMC,SAASM;AAC/B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yEAAA;AAEK,MAAMa,sBAA6BhB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CY,SAAST,YAAAA,MAAMC,SAASS;AAC1B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yEAAA;AAEK,MAAMgB,wBAA+BnB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDe,cAAcZ,YAAAA,MAAMC,SAASY;AAC/B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,izEAAA;AAEK,MAAMmB,aAAatB,iCAAAA,QACvBuB,CAAU,UAAAC,2BAAAA,IAACC,KAAAA,aAAWF,UAAStB,QAAAC,IAAAC,aAAA,eAAAuB,SAAA,CAAA,GAAA;AAAA,EAAAtB,QAAA;AAAA,GAChCuB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAtB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBsB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,kCACC,QAAOF,sBAAsBtB,kBAAM2B,MAAMC,QAAQ5B,YAAAA,MAAM2B,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVrB,SAAS;AAAA,EAET,GAAIW,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVrB,SAAS;AAAA,EACX;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,izEAAA;;;;;"}

package/dist/cjs/components/Dropdown/List/listClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["rootList", "dropdownListContainer", "searchContainer", "listBorderDown", "listContainer", "selectAllContainer", "selection", "selectAll"];
+const dropdownListClasses = classes.getClasses(classKeys, "HvDropdownList");
+const dropdownListClasses$1 = dropdownListClasses;
+exports.default = dropdownListClasses$1;
+//# sourceMappingURL=listClasses.cjs.map

package/dist/cjs/components/Dropdown/List/listClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"listClasses.cjs","sources":["../../../../../src/components/Dropdown/List/listClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropdownListClasses = {\n  rootList?: string;\n  dropdownListContainer?: string;\n  searchContainer?: string;\n  listBorderDown?: string;\n  listContainer?: string;\n  selectAllContainer?: string;\n  selection?: string;\n  selectAll?: string;\n};\n\nconst classKeys: string[] = [\n  \"rootList\",\n  \"dropdownListContainer\",\n  \"searchContainer\",\n  \"listBorderDown\",\n  \"listContainer\",\n  \"selectAllContainer\",\n  \"selection\",\n  \"selectAll\",\n];\n\nconst dropdownListClasses = getClasses<HvDropdownListClasses>(\n  classKeys,\n  \"HvDropdownList\"\n);\n\nexport default dropdownListClasses;\n"],"names":["classKeys","dropdownListClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,YACA,yBACA,mBACA,kBACA,iBACA,sBACA,aACA,WAAW;AAGb,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}

package/dist/cjs/components/Dropdown/dropdownClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "rootList", "dropdownListContainer"];
+const dropdownClasses = classes.getClasses(classKeys, "HvDropdown");
+const dropdownClasses$1 = dropdownClasses;
+exports.default = dropdownClasses$1;
+//# sourceMappingURL=dropdownClasses.cjs.map

package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownClasses.cjs","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n  dropdownListContainer?: string;\n  rootList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"rootList\",\n  \"dropdownListContainer\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,YACA,uBAAuB;AAGzB,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}

package/dist/cjs/components/Dropdown/utils.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const getSelected = (list) => (list == null ? void 0 : list.filter((elem) => elem.selected)) || [];
+const getSelectionLabel = (labels, placeholder, multiSelect, list = []) => {
+  const {
+    select
+  } = labels;
+  const selected = getSelected(list);
+  if (select)
+    return {
+      selected: select
+    };
+  if (multiSelect) {
+    return {
+      selected: selected.length,
+      total: list.length
+    };
+  }
+  return {
+    selected: selected.length > 0 ? selected[0].label : placeholder
+  };
+};
+exports.getSelected = getSelected;
+exports.getSelectionLabel = getSelectionLabel;
+//# sourceMappingURL=utils.cjs.map

package/dist/cjs/components/Dropdown/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Dropdown/utils.tsx"],"sourcesContent":["import { HvListValue } from \"components\";\n\n/**\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 = (\n  labels,\n  placeholder,\n  multiSelect,\n  list: HvListValue[] = []\n) => {\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"],"names":["getSelected","list","filter","elem","selected","getSelectionLabel","labels","placeholder","multiSelect","select","length","total","label"],"mappings":";;AAQMA,MAAAA,cAAeC,WAASA,6BAAMC,OAAQC,UAASA,KAAKC,cAAa,CAAE;AAmBzE,MAAMC,oBAAoBA,CACxBC,QACAC,aACAC,aACAP,OAAsB,CAAA,MACnB;AACG,QAAA;AAAA,IAAEQ;AAAAA,EAAWH,IAAAA;AACbF,QAAAA,WAAWJ,YAAYC,IAAI;AAE7BQ,MAAAA;AAAe,WAAA;AAAA,MAAEL,UAAUK;AAAAA,IAAAA;AAE/B,MAAID,aAAa;AACR,WAAA;AAAA,MACLJ,UAAUA,SAASM;AAAAA,MACnBC,OAAOV,KAAKS;AAAAA,IAAAA;AAAAA,EAEhB;AACO,SAAA;AAAA,IAAEN,UAAUA,SAASM,SAAS,IAAIN,SAAS,GAAGQ,QAAQL;AAAAA,EAAAA;AAC/D;;;"}

package/dist/cjs/components/EmptyState/EmptyState.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const styles = require("@mui/material/styles");
+const clsx = require("clsx");
+const React = require("react");
+const emptyStateClasses = require("./emptyStateClasses.cjs");
+const EmptyState_styles = require("./EmptyState.styles.cjs");
+require("@hitachivantara/uikit-styles");
+const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvEmptyState = (props) => {
+  const {
+    activeTheme
+  } = React.useContext(ThemeProvider.HvThemeContext);
+  const muiTheme = styles.useTheme();
+  const renderNode = (type, variant, node, className2) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, { $type: type, variant, className: className2, children: node });
+  const {
+    action,
+    icon,
+    title,
+    message,
+    classes,
+    className,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledRoot, { className: clsx__default.default(className, emptyStateClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledContainer, { className: clsx__default.default(emptyStateClasses.default.container, classes == null ? void 0 : classes.container, !!(message && !(title || action)) && clsx__default.default(emptyStateClasses.default.containerMessageOnly, classes == null ? void 0 : classes.containerMessageOnly)), $breakpoints: muiTheme.breakpoints, $messageOnly: !!(message && !(title || action)), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(emptyStateClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledTextContainer, { $breakpoints: muiTheme.breakpoints, className: clsx__default.default(emptyStateClasses.default.textContainer, classes == null ? void 0 : classes.textContainer), children: [
+      renderNode("title", activeTheme == null ? void 0 : activeTheme.emptyState.titleVariant, title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer)),
+      renderNode("message", "body", message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer)),
+      renderNode("action", "body", action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer))
+    ] })
+  ] }) });
+};
+exports.HvEmptyState = HvEmptyState;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/cjs/components/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport { HvTypographyProps } from \"components\";\nimport { HvThemeContext } from \"index\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","renderNode","type","variant","node","className","jsx","StyledTypography","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","breakpoints","iconContainer","jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;;;;AA8BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,MAAAA,WAAWC,cAAAA,cAAc;AAEjD,QAAMC,WAAWC,OAAAA;AAEjB,QAAMC,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,QACGE,+BAAAC,kBAAAA,kBAAA,EAAiB,OAAOL,MAAM,SAAkB,WAAWG,YACzDD,UACH,KAAA,CAAA;AAGE,QAAA;AAAA,IAAEI;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASP;AAAAA,OAAcQ;AAAAA,EAAWlB,IAAAA;AAExE,wCACGmB,8BACC,EAAA,WAAWC,cAAAA,QAAKV,WAAWW,kBAAAA,QAAkBC,MAAML,mCAASK,IAAI,GAC5DJ,GAAAA,QAEJ,0CAACK,mCACC,EAAA,WAAWH,cAAAA,QACTC,kBAAkBG,QAAAA,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,sBACEC,0BAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B,GAEL,cAAcrB,SAASsB,aACvB,cAAc,CAAC,EAAEV,WAAW,EAAED,SAASF,UAEvC,UAAA;AAAA,IAACF,2BAAAA,IAAA,OAAA,EACC,WAAWS,cACTC,QAAAA,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa,GAGvBb,UACH,KAAA,CAAA;AAAA,IACAc,2BAAAA,KAACC,kBAAAA,qBACC,EAAA,cAAczB,SAASsB,aACvB,WAAWN,cAAAA,QACTC,kBAAkBS,QAAAA,eAClBb,mCAASa,aAAa,GAGvBxB,UAAAA;AAAAA,MACC,WAAA,SACAL,2CAAa8B,WAAWC,cACxBjB,OACAK,sBAAKC,0BAAkBY,gBAAgBhB,mCAASgB,cAAc,CAAC;AAAA,MAEhE3B,WACC,WACA,QACAU,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBa,kBAAkBjB,mCAASiB,gBAAgB,CAAC;AAAA,MAEpE5B,WACC,UACA,QACAO,QACAO,cAAAA,QAAKC,kBAAAA,QAAkBc,iBAAiBlB,mCAASkB,eAAe,CAAC;AAAA,IAAA,GAErE;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const emptyStateClasses = require("./emptyStateClasses.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1r2ohw13"
+} : {
+  target: "e1r2ohw13",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zcbaso",
+  styles: "width:100%;height:100%;display:flex;justify-content:center"
+} : {
+  name: "zcbaso",
+  styles: "width:100%;height:100%;display:flex;justify-content:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1r2ohw12"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1r2ohw12",
+  label: "StyledContainer"
+}, transientOptions.transientOptions))(({
+  $messageOnly,
+  $breakpoints
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  [$breakpoints.only("xs")]: {
+    flexDirection: "column",
+    alignItems: "center",
+    textAlign: "center"
+  },
+  ...$messageOnly && {
+    alignItems: "center",
+    [$breakpoints.only("xs")]: {
+      flexDirection: "row"
+    },
+    [`& .${emptyStateClasses.default.textContainer}`]: {
+      marginLeft: 0
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIGFzIE11aUJyZWFrcG9pbnRzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBlbXB0eVN0YXRlQ2xhc3NlcyBmcm9tIFwiLi9lbXB0eVN0YXRlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG1lc3NhZ2VPbmx5LFxuICAgICRicmVha3BvaW50cyxcbiAgfToge1xuICAgICRtZXNzYWdlT25seTogYm9vbGVhbjtcbiAgICAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgWyRicmVha3BvaW50cy5vbmx5KFwieHNcIildOiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICB9LFxuICAgIC4uLigkbWVzc2FnZU9ubHkgJiYge1xuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgfSxcbiAgICAgIFtgJiAuJHtlbXB0eVN0YXRlQ2xhc3Nlcy50ZXh0Q29udGFpbmVyfWBdOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIG1heFdpZHRoOiBcIjUxMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBbJGJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJiBhXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBcInRpdGxlXCIgfCBcIm1lc3NhZ2VcIiB8IFwiYWN0aW9uXCIgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcInRpdGxlXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuZW1wdHlTdGF0ZS50aXRsZU1hcmdpblRvcCxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbiAgLi4uKCR0eXBlID09PSBcImFjdGlvblwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+const StyledTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1r2ohw11"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1r2ohw11",
+  label: "StyledTextContainer"
+}, transientOptions.transientOptions))(({
+  $breakpoints
+}) => ({
+  background: "transparent",
+  maxWidth: "510px",
+  overflow: "hidden",
+  [$breakpoints.up("sm")]: {
+    marginLeft: uikitStyles.theme.space.xs
+  },
+  "& a": {
+    color: uikitStyles.theme.colors.acce2,
+    textDecoration: "none"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
+const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1r2ohw10"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1r2ohw10",
+  label: "StyledTypography"
+}, transientOptions.transientOptions))(({
+  $type
+}) => ({
+  ...$type === "title" && {
+    marginTop: uikitStyles.theme.emptyState.titleMarginTop,
+    marginBottom: uikitStyles.theme.space.sm
+  },
+  ...$type === "action" && {
+    marginTop: uikitStyles.theme.space.sm
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZW1wdHlTdGF0ZUNsYXNzZXMgZnJvbSBcIi4vZW1wdHlTdGF0ZUNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRtZXNzYWdlT25seSxcbiAgICAkYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICAkbWVzc2FnZU9ubHk6IGJvb2xlYW47XG4gICAgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIFskYnJlYWtwb2ludHMub25seShcInhzXCIpXToge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgfSxcbiAgICAuLi4oJG1lc3NhZ2VPbmx5ICYmIHtcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBbJGJyZWFrcG9pbnRzLm9ubHkoXCJ4c1wiKV06IHtcbiAgICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIH0sXG4gICAgICBbYCYgLiR7ZW1wdHlTdGF0ZUNsYXNzZXMudGV4dENvbnRhaW5lcn1gXToge1xuICAgICAgICBtYXJnaW5MZWZ0OiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXhXaWR0aDogXCI1MTBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgWyRicmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiYgYVwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogXCJ0aXRsZVwiIHwgXCJtZXNzYWdlXCIgfCBcImFjdGlvblwiIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJ0aXRsZVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmVtcHR5U3RhdGUudGl0bGVNYXJnaW5Ub3AsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSksXG59KSk7XG4iXX0= */");
+exports.StyledContainer = StyledContainer;
+exports.StyledRoot = StyledRoot;
+exports.StyledTextContainer = StyledTextContainer;
+exports.StyledTypography = StyledTypography;
+//# sourceMappingURL=EmptyState.styles.cjs.map

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport emptyStateClasses from \"./emptyStateClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $messageOnly,\n    $breakpoints,\n  }: {\n    $messageOnly: boolean;\n    $breakpoints: MuiBreakpoints;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"row\",\n    [$breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n    ...($messageOnly && {\n      alignItems: \"center\",\n      [$breakpoints.only(\"xs\")]: {\n        flexDirection: \"row\",\n      },\n      [`& .${emptyStateClasses.textContainer}`]: {\n        marginLeft: 0,\n      },\n    }),\n  })\n);\n\nexport const StyledTextContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  background: \"transparent\",\n  maxWidth: \"510px\",\n  overflow: \"hidden\",\n  [$breakpoints.up(\"sm\")]: {\n    marginLeft: theme.space.xs,\n  },\n  \"& a\": {\n    color: theme.colors.acce2,\n    textDecoration: \"none\",\n  },\n}));\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: \"title\" | \"message\" | \"action\" }) => ({\n  ...($type === \"title\" && {\n    marginTop: theme.emptyState.titleMarginTop,\n    marginBottom: theme.space.sm,\n  }),\n  ...($type === \"action\" && {\n    marginTop: theme.space.sm,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","_extends","transientOptions","$messageOnly","$breakpoints","display","flexDirection","only","alignItems","textAlign","emptyStateClasses","textContainer","marginLeft","StyledTextContainer","background","maxWidth","overflow","up","theme","space","xs","color","colors","acce2","textDecoration","StyledTypography","HvTypography","$type","marginTop","emptyState","titleMarginTop","marginBottom","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKrC;AAEWC,MAAAA,2DACX,OAAKV,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,eAAe;AAAA,EACf,CAACF,aAAaG,KAAK,IAAI,IAAI;AAAA,IACzBD,eAAe;AAAA,IACfE,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACA,GAAIN,gBAAgB;AAAA,IAClBK,YAAY;AAAA,IACZ,CAACJ,aAAaG,KAAK,IAAI,IAAI;AAAA,MACzBD,eAAe;AAAA,IACjB;AAAA,IACA,CAAE,MAAKI,0BAAkBC,kBAAkB;AAAA,MACzCC,YAAY;AAAA,IACd;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,i4FAAA;AAEYqB,MAAAA,+DACX,OAAKvB,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACLS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDU,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,UAAU;AAAA,EACV,CAACZ,aAAaa,GAAG,IAAI,IAAI;AAAA,IACvBL,YAAYM,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACLC,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AACF,IAAElC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4FAAA;AAEUiC,MAAAA,4DACXC,WAAAA,cAAYpC,QAAAC,IAAAC,4BAAAS,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,GACZS,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAR,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBQ,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEyB;AAAiD,OAAO;AAAA,EAC3D,GAAIA,UAAU,WAAW;AAAA,IACvBC,WAAWV,YAAAA,MAAMW,WAAWC;AAAAA,IAC5BC,cAAcb,YAAAA,MAAMC,MAAMa;AAAAA,EAC5B;AAAA,EACA,GAAIL,UAAU,YAAY;AAAA,IACxBC,WAAWV,YAAAA,MAAMC,MAAMa;AAAAA,EACzB;AACF,IAAE1C,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4FAAA;;;;;"}

package/dist/cjs/components/EmptyState/emptyStateClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "container", "containerMessageOnly", "iconContainer", "titleContainer", "textContainer", "messageContainer", "actionContainer"];
+const emptyStateClasses = classes.getClasses(classKeys, "HvEmptyState");
+const emptyStateClasses$1 = emptyStateClasses;
+exports.default = emptyStateClasses$1;
+//# sourceMappingURL=emptyStateClasses.cjs.map

package/dist/cjs/components/EmptyState/emptyStateClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyStateClasses.cjs","sources":["../../../../src/components/EmptyState/emptyStateClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvEmptyStateClasses = {\n  root?: string;\n  container?: string;\n  containerMessageOnly?: string;\n  iconContainer?: string;\n  titleContainer?: string;\n  textContainer?: string;\n  messageContainer?: string;\n  actionContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"containerMessageOnly\",\n  \"iconContainer\",\n  \"titleContainer\",\n  \"textContainer\",\n  \"messageContainer\",\n  \"actionContainer\",\n];\n\nconst emptyStateClasses = getClasses<HvEmptyStateClasses>(\n  classKeys,\n  \"HvEmptyState\"\n);\n\nexport default emptyStateClasses;\n"],"names":["classKeys","emptyStateClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,aACA,wBACA,iBACA,kBACA,iBACA,oBACA,iBAAiB;AAGnB,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const dropZoneClasses = require("./dropZoneClasses.cjs");
+const React = require("react");
+const lodash = require("lodash");
+const accept = require("attr-accept");
+const DropZone_styles = require("./DropZone.styles.cjs");
+const clsx = require("clsx");
+const utils = require("../utils.cjs");
+const withId = require("../../../hocs/withId.cjs");
+const setId = require("../../../utils/setId.cjs");
+const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const accept__default = /* @__PURE__ */ _interopDefault(accept);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvDropZone = withId.default(({
+  id,
+  classes,
+  labels,
+  acceptedFiles,
+  maxFileSize,
+  inputProps,
+  hideLabels,
+  multiple = true,
+  disabled = false,
+  onFilesAdded
+}) => {
+  const [dragState, setDrag] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const leaveDropArea = () => {
+    setDrag(false);
+  };
+  const enterDropArea = () => {
+    setDrag(true);
+  };
+  const onChangeHandler = (filesList) => {
+    const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);
+    const newFiles = [];
+    filesToProcess.forEach((file) => {
+      const newFile = file;
+      const isSizeAllowed = file.size <= maxFileSize;
+      const isFileAccepted = !acceptedFiles.length || acceptedFiles.indexOf(file.type.split("/")[1]) > -1 || acceptedFiles.some((acceptExtension) => accept__default.default({
+        name: file.name,
+        type: file.type
+      }, acceptExtension));
+      if (!isFileAccepted) {
+        newFile.errorMessage = labels == null ? void 0 : labels.fileTypeError;
+        newFile.status = "fail";
+      } else if (!isSizeAllowed) {
+        newFile.errorMessage = labels == null ? void 0 : labels.fileSizeError;
+        newFile.status = "fail";
+      }
+      newFile.id = lodash.uniqueId("uploaded-file-data-");
+      newFiles.push(newFile);
+    });
+    onFilesAdded == null ? void 0 : onFilesAdded(newFiles);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideLabels && /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneLabelsGroup, { id, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabelsGroup, dropZoneClasses.default.dropZoneLabelsGroup), "aria-label": "File Dropzone", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledLabel, { id: setId.setId(id, "input-file-label"), htmlFor: setId.setId(id, "input-file"), label: labels == null ? void 0 : labels.dropzone, className: clsx__default.default(classes == null ? void 0 : classes.dropZoneLabel, dropZoneClasses.default.dropZoneLabel), $disabled: disabled }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledInfoMessage, { $disabled: disabled, id: setId.setId(id, "description"), children: [
+        Number.isInteger(maxFileSize) && `${labels == null ? void 0 : labels.sizeWarning} ${utils.convertUnits(maxFileSize)}`,
+        (labels == null ? void 0 : labels.acceptedFiles) && labels.acceptedFiles,
+        !(labels == null ? void 0 : labels.acceptedFiles) && acceptedFiles.length > 0 && `\xA0(${acceptedFiles.join(", ")})`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDropZoneContainer, { id: setId.setId(id, "button"), className: clsx__default.default(classes == null ? void 0 : classes.dropZoneContainer, dropZoneClasses.default.dropZoneContainer, dragState && clsx__default.default(classes == null ? void 0 : classes.dragAction, dropZoneClasses.default.dragAction), disabled && clsx__default.default(classes == null ? void 0 : classes.dropZoneContainerDisabled, dropZoneClasses.default.dropZoneContainerDisabled)), $drag: dragState, $disabled: disabled, role: "button", tabIndex: 0, onDragEnter: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDragLeave: leaveDropArea, onDropCapture: leaveDropArea, onDragOver: (event) => {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, onDrop: (event) => {
+      if (!disabled) {
+        const {
+          files
+        } = event.dataTransfer;
+        if (multiple === true || files.length === 1) {
+          event.stopPropagation();
+          event.preventDefault();
+          onChangeHandler(files);
+        }
+      }
+    }, onKeyDown: (e) => {
+      var _a;
+      if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
+        (_a = inputRef.current) == null ? void 0 : _a.click();
+      }
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledInput, { id: setId.setId(id, "input-file"), tabIndex: -1, className: clsx__default.default(classes == null ? void 0 : classes.inputArea, dropZoneClasses.default.inputArea), type: "file", multiple, disabled, title: !disabled ? `${labels == null ? void 0 : labels.drag}\xA0${labels == null ? void 0 : labels.selectFiles}` : "", onClick: () => {
+        if (inputRef.current) {
+          inputRef.current.value = "";
+        }
+      }, onChange: () => {
+        var _a;
+        if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
+          onChangeHandler(inputRef.current.files);
+        }
+      }, ref: inputRef, accept: acceptedFiles.join(","), ...inputProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropArea, { className: clsx__default.default(classes == null ? void 0 : classes.dropArea, dropZoneClasses.default.dropArea), children: dragState ? /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabel, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: labels == null ? void 0 : labels.dropFiles }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaIcon, { iconSize: "M", className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaIcon, dropZoneClasses.default.dropZoneAreaIcon), color: disabled ? "atmo5" : "acce1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledDropAreaLabels, { className: clsx__default.default(classes == null ? void 0 : classes.dropZoneAreaLabels, dropZoneClasses.default.dropZoneAreaLabels), children: /* @__PURE__ */ jsxRuntime.jsxs(DropZone_styles.StyledDragText, { className: clsx__default.default(classes == null ? void 0 : classes.dragText, dropZoneClasses.default.dragText), children: [
+          labels == null ? void 0 : labels.drag,
+          /* @__PURE__ */ jsxRuntime.jsx(DropZone_styles.StyledSelectedFilesText, { className: clsx__default.default(classes == null ? void 0 : classes.selectFilesText, dropZoneClasses.default.selectFilesText), children: `\xA0${labels == null ? void 0 : labels.selectFiles}` })
+        ] }) })
+      ] }) })
+    ] })
+  ] });
+});
+exports.HvDropZone = HvDropZone;
+//# sourceMappingURL=DropZone.cjs.map

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import { HvFileData, HvFilesAddedEvent } from \"../File\";\nimport dropZoneClasses, { HvDropZoneClasses } from \"./dropZoneClasses\";\nimport React, { useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash\";\nimport accept from \"attr-accept\";\nimport {\n  StyledDragText,\n  StyledDropArea,\n  StyledDropAreaIcon,\n  StyledDropAreaLabel,\n  StyledDropAreaLabels,\n  StyledDropZoneContainer,\n  StyledDropZoneLabelsGroup,\n  StyledInfoMessage,\n  StyledInput,\n  StyledLabel,\n  StyledSelectedFilesText,\n} from \"./DropZone.styles\";\nimport clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { convertUnits } from \"../utils\";\nimport { withId } from \"hocs\";\n\nexport type HvDropZoneLabels = {\n  /**\n   * Extensions of the accepted file types\n   */\n  acceptedFiles?: string;\n  /**\n   * Dropzone area label.\n   */\n  dropzone?: string;\n  /**\n   * Size file warning label.\n   */\n  sizeWarning?: string;\n  /**\n   * Size file warning label.\n   */\n  drag?: string;\n  /**\n   * Size file warning label.\n   */\n  selectFiles?: string;\n  /**\n   * Theming sheet used to style components\n   * */\n  dropFiles?: string;\n  /**\n   * Message to display when file size is greater than allowed\n   * */\n  fileSizeError?: string;\n  /**\n   * Message to display when file type is greater than allowed\n   * */\n  fileTypeError?: string;\n};\n\nexport type HvDropZoneProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Labels to present in FileUploader.\n   */\n  labels?: HvDropZoneLabels;\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple?: boolean;\n  /**\n   * If the input is disabled or not\n   */\n  disabled?: boolean;\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: string[];\n  /**\n   * Max upload size\n   * */\n  maxFileSize: number;\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded?: HvFilesAddedEvent;\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvDropZoneClasses;\n};\n\nexport const HvDropZone = withId(\n  ({\n    id,\n    classes,\n    labels,\n    acceptedFiles,\n    maxFileSize,\n    inputProps,\n    hideLabels,\n    multiple = true,\n    disabled = false,\n    onFilesAdded,\n  }: HvDropZoneProps) => {\n    const [dragState, setDrag] = useState<boolean>(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const leaveDropArea = () => {\n      setDrag(false);\n    };\n\n    const enterDropArea = () => {\n      setDrag(true);\n    };\n\n    const onChangeHandler = (filesList: FileList) => {\n      const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n      const newFiles: HvFileData[] = [];\n\n      filesToProcess.forEach((file: File) => {\n        const newFile: HvFileData = file;\n\n        const isSizeAllowed = file.size <= maxFileSize;\n        const isFileAccepted =\n          !acceptedFiles.length ||\n          acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n          acceptedFiles.some((acceptExtension) =>\n            accept({ name: file.name, type: file.type }, acceptExtension)\n          );\n\n        if (!isFileAccepted) {\n          newFile.errorMessage = labels?.fileTypeError;\n          newFile.status = \"fail\";\n        } else if (!isSizeAllowed) {\n          newFile.errorMessage = labels?.fileSizeError;\n          newFile.status = \"fail\";\n        }\n\n        newFile.id = uniqueId(\"uploaded-file-data-\");\n        newFiles.push(newFile);\n      });\n\n      onFilesAdded?.(newFiles);\n    };\n\n    return (\n      <>\n        {!hideLabels && (\n          <StyledDropZoneLabelsGroup\n            id={id}\n            className={clsx(\n              classes?.dropZoneLabelsGroup,\n              dropZoneClasses.dropZoneLabelsGroup\n            )}\n            aria-label=\"File Dropzone\"\n          >\n            <StyledLabel\n              id={setId(id, \"input-file-label\")}\n              htmlFor={setId(id, \"input-file\")}\n              label={labels?.dropzone}\n              className={clsx(\n                classes?.dropZoneLabel,\n                dropZoneClasses.dropZoneLabel\n              )}\n              $disabled={disabled}\n            />\n            <StyledInfoMessage\n              $disabled={disabled}\n              id={setId(id, \"description\")}\n            >\n              {Number.isInteger(maxFileSize) &&\n                `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n              {labels?.acceptedFiles && labels.acceptedFiles}\n              {!labels?.acceptedFiles &&\n                acceptedFiles.length > 0 &&\n                `\\u00A0(${acceptedFiles.join(\", \")})`}\n            </StyledInfoMessage>\n          </StyledDropZoneLabelsGroup>\n        )}\n        <StyledDropZoneContainer\n          id={setId(id, \"button\")}\n          className={clsx(\n            classes?.dropZoneContainer,\n            dropZoneClasses.dropZoneContainer,\n            dragState && clsx(classes?.dragAction, dropZoneClasses.dragAction),\n            disabled &&\n              clsx(\n                classes?.dropZoneContainerDisabled,\n                dropZoneClasses.dropZoneContainerDisabled\n              )\n          )}\n          $drag={dragState}\n          $disabled={disabled}\n          role=\"button\"\n          tabIndex={0}\n          onDragEnter={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDragLeave={leaveDropArea}\n          onDropCapture={leaveDropArea}\n          onDragOver={(event) => {\n            if (!disabled) {\n              enterDropArea();\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onDrop={(event) => {\n            if (!disabled) {\n              const { files } = event.dataTransfer;\n              if (multiple === true || files.length === 1) {\n                event.stopPropagation();\n                event.preventDefault();\n                onChangeHandler(files);\n              }\n            }\n          }}\n          onKeyDown={(e) => {\n            if (isKeypress(e, keyboardCodes.Enter) || isKeypress(e, 32)) {\n              inputRef.current?.click();\n            }\n          }}\n        >\n          <StyledInput\n            id={setId(id, \"input-file\")}\n            tabIndex={-1}\n            className={clsx(classes?.inputArea, dropZoneClasses.inputArea)}\n            type=\"file\"\n            multiple={multiple}\n            disabled={disabled}\n            title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n            onClick={() => {\n              if (inputRef.current) {\n                inputRef.current.value = \"\";\n              }\n            }}\n            onChange={() => {\n              if (!disabled && inputRef.current?.files) {\n                onChangeHandler(inputRef.current.files);\n              }\n            }}\n            ref={inputRef}\n            accept={acceptedFiles.join(\",\")}\n            {...inputProps}\n          />\n          <StyledDropArea\n            className={clsx(classes?.dropArea, dropZoneClasses.dropArea)}\n          >\n            {dragState ? (\n              <StyledDropAreaLabel\n                className={clsx(\n                  classes?.dropZoneAreaLabels,\n                  dropZoneClasses.dropZoneAreaLabels\n                )}\n              >\n                <StyledDragText\n                  className={clsx(classes?.dragText, dropZoneClasses.dragText)}\n                >\n                  {labels?.dropFiles}\n                </StyledDragText>\n              </StyledDropAreaLabel>\n            ) : (\n              <>\n                <StyledDropAreaIcon\n                  iconSize=\"M\"\n                  className={clsx(\n                    classes?.dropZoneAreaIcon,\n                    dropZoneClasses.dropZoneAreaIcon\n                  )}\n                  color={disabled ? \"atmo5\" : \"acce1\"}\n                />\n                <StyledDropAreaLabels\n                  className={clsx(\n                    classes?.dropZoneAreaLabels,\n                    dropZoneClasses.dropZoneAreaLabels\n                  )}\n                >\n                  <StyledDragText\n                    className={clsx(\n                      classes?.dragText,\n                      dropZoneClasses.dragText\n                    )}\n                  >\n                    {labels?.drag}\n                    <StyledSelectedFilesText\n                      className={clsx(\n                        classes?.selectFilesText,\n                        dropZoneClasses.selectFilesText\n                      )}\n                    >{`\\xa0${labels?.selectFiles}`}</StyledSelectedFilesText>\n                  </StyledDragText>\n                </StyledDropAreaLabels>\n              </>\n            )}\n          </StyledDropArea>\n        </StyledDropZoneContainer>\n      </>\n    );\n  }\n);\n"],"names":["HvDropZone","withId","id","classes","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","jsxs","Fragment","StyledDropZoneLabelsGroup","clsx","dropZoneLabelsGroup","dropZoneClasses","jsx","StyledLabel","setId","dropzone","dropZoneLabel","StyledInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","StyledDropZoneContainer","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","keyboardCodes","Enter","current","click","StyledInput","inputArea","drag","selectFiles","value","StyledDropArea","dropArea","StyledDropAreaLabel","dropZoneAreaLabels","StyledDragText","dragText","dropFiles","StyledDropAreaIcon","dropZoneAreaIcon","StyledDropAreaLabels","StyledSelectedFilesText","selectFilesText"],"mappings":"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"}