@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0-next.9

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const isNil = require("lodash/isNil");
 const List_styles = require("./List.styles.cjs");
 const utils = require("../utils.cjs");
 const listClasses = require("./listClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
 const setId = require("../../../utils/setId.cjs");
@@ -101,16 +101,7 @@ const HvDropdownList = ({
     }
     return str;
   };
-  const renderSearch = () => /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSearchContainer, {
-    className: clsx__default.default(listClasses.default.searchContainer, classes == null ? void 0 : classes.searchContainer),
-    children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
-      id: setId.setId(id, "search"),
-      type: "search",
-      value: searchStr,
-      placeholder: labels == null ? void 0 : labels.searchPlaceholder,
-      onChange: (event, str) => handleSearch(str)
-    })
-  });
+  const renderSearch = () => /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSearchContainer, { className: clsx__default.default(listClasses.default.searchContainer, classes == null ? void 0 : classes.searchContainer), children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "search"), type: "search", value: searchStr, placeholder: labels == null ? void 0 : labels.searchPlaceholder, onChange: (event, str) => handleSearch(str) }) });
   const handleSelectAll = () => {
     const newList = list.map((elem) => ({
       ...elem,
@@ -123,32 +114,16 @@ const HvDropdownList = ({
     const selectAll = labels == null ? void 0 : labels.selectAll;
     const multiSelectionConjunction = labels == null ? void 0 : labels.multiSelectionConjunction;
     const nbrSelected = utils.getSelected(list).length;
-    const defaultLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      component: "span",
-      children: nbrSelected > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-          children: nbrSelected
-        }), ` ${multiSelectionConjunction} ${list.length}`]
-      }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
-          children: selectAll
-        }), ` (${list.length})`]
-      })
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx__default.default(listClasses.default.selectAllContainer, classes == null ? void 0 : classes.selectAllContainer),
-      children: /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
-        id: setId.setId(id, "select-all"),
-        label: defaultLabel,
-        onChange: () => handleSelectAll(),
-        classes: {
-          container: clsx__default.default(listClasses.default.selection, classes == null ? void 0 : classes.selection)
-        },
-        className: clsx__default.default(listClasses.default.selectAll, classes == null ? void 0 : classes.selectAll),
-        indeterminate: anySelected && !allSelected,
-        checked: allSelected
-      })
-    });
+    const defaultLabel = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: nbrSelected > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: nbrSelected }),
+      ` ${multiSelectionConjunction} ${list.length}`
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectAll }),
+      ` (${list.length})`
+    ] }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(listClasses.default.selectAllContainer, classes == null ? void 0 : classes.selectAllContainer), children: /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { id: setId.setId(id, "select-all"), label: defaultLabel, onChange: () => handleSelectAll(), classes: {
+      container: clsx__default.default(listClasses.default.selection, classes == null ? void 0 : classes.selection)
+    }, className: clsx__default.default(listClasses.default.selectAll, classes == null ? void 0 : classes.selectAll), indeterminate: anySelected && !allSelected, checked: allSelected }) });
   };
   const onSelection = (listValues) => {
     if (!multiSelect) {
@@ -161,54 +136,23 @@ const HvDropdownList = ({
   const renderActions = () => {
     const applyLabel = labels == null ? void 0 : labels.applyLabel;
     const cancelLabel = labels == null ? void 0 : labels.cancelLabel;
-    return /* @__PURE__ */ jsxRuntime.jsxs(ActionBar.HvActionBar, {
-      id: setId.setId(id, "actions"),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        id: setId.setId(id, "actions-apply"),
-        onClick: () => onChange(cleanHidden(list), true, true, true),
-        variant: "ghost",
-        children: applyLabel
-      }), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        id: setId.setId(id, "actions-cancel"),
-        onClick: onCancel,
-        variant: "ghost",
-        children: cancelLabel
-      })]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(ActionBar.HvActionBar, { id: setId.setId(id, "actions"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: setId.setId(id, "actions-apply"), onClick: () => onChange(cleanHidden(list), true, true, true), variant: "primaryGhost", children: applyLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: setId.setId(id, "actions-cancel"), onClick: onCancel, variant: "primaryGhost", children: cancelLabel })
+    ] });
   };
   const showList = valuesExist(values);
-  return /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledRootList, {
-    className: clsx__default.default(listClasses.default.rootList, classes == null ? void 0 : classes.rootList),
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx__default.default(listClasses.default.listBorderDown, classes == null ? void 0 : classes.listBorderDown)
-    }), /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledListContainer, {
-      className: clsx__default.default(listClasses.default.listContainer, classes == null ? void 0 : classes.listContainer),
-      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledList, {
-        id: setId.setId(id, "list"),
-        classes: {
-          root: clsx__default.default(listClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
-        },
-        $dropdownHeight: dropdownHeight,
-        $maxHeight: maxHeight,
-        $virtualized: virtualized,
-        $height: height,
-        $width: width,
-        values: list,
-        multiSelect,
-        useSelector: multiSelect,
-        showSelectAll: false,
-        onChange: onSelection,
-        labels: newLabels,
-        hasTooltips,
-        selectable: true,
-        condensed: true,
-        singleSelectionToggle,
-        height: dropdownHeight,
-        virtualized,
-        ...others
-      })]
-    }), showList && multiSelect ? renderActions() : null]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledRootList, { className: clsx__default.default(listClasses.default.rootList, classes == null ? void 0 : classes.rootList), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(listClasses.default.listBorderDown, classes == null ? void 0 : classes.listBorderDown) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledListContainer, { className: clsx__default.default(listClasses.default.listContainer, classes == null ? void 0 : classes.listContainer), children: [
+      showSearch && renderSearch(),
+      showList && multiSelect && renderSelectAll(),
+      showList && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledList, { id: setId.setId(id, "list"), classes: {
+        root: clsx__default.default(listClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+      }, $dropdownHeight: dropdownHeight, $maxHeight: maxHeight, $virtualized: virtualized, $height: height, $width: width, values: list, multiSelect, useSelector: multiSelect, showSelectAll: false, onChange: onSelection, labels: newLabels, hasTooltips, selectable: true, condensed: true, singleSelectionToggle, height: dropdownHeight, virtualized, ...others })
+    ] }),
+    showList && multiSelect ? renderActions() : null
+  ] });
 };
 exports.HvDropdownList = HvDropdownList;
 //# sourceMappingURL=List.cjs.map

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

@@ -1 +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=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"actions-cancel\")}\n          onClick={onCancel}\n          variant=\"ghost\"\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","className","clsx","dropdownListClasses","searchContainer","children","HvInput","setId","type","placeholder","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","component","_jsxs","_Fragment","selectAllContainer","HvCheckBox","container","selection","indeterminate","checked","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","onClick","variant","showList","StyledRootList","rootList","listBorderDown","StyledListContainer","listContainer","StyledList","root","dropdownListContainer","$dropdownHeight","$maxHeight","$virtualized","$height","$width","useSelector","showSelectAll","selectable","condensed"],"mappings":"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"}
+{"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

@@ -1,9 +1,9 @@
 "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 jsxRuntime = require("@emotion/react/jsx-runtime");
 const List = require("../../List/List.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -49,9 +49,7 @@ const StyledSearchContainer = /* @__PURE__ */ _styled__default.default("div", pr
 })({
   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({}, {
+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",

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

@@ -1 +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,CAAUC,UAAAA,2BAAAA,IAACC,KAAAA,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAItB,QAAAC,IAAAC,4BAAAuB,SAAA,IAAA;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;;;;;"}
+{"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/EmptyState/EmptyState.cjs

@@ -1,12 +1,12 @@
 "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 jsxRuntime = require("@emotion/react/jsx-runtime");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -15,12 +15,7 @@ const HvEmptyState = (props) => {
     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 renderNode = (type, variant, node, className2) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, { $type: type, variant, className: className2, children: node });
   const {
     action,
     icon,
@@ -30,23 +25,14 @@ const HvEmptyState = (props) => {
     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))]
-      })]
-    })
-  });
+  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

@@ -1 +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","StyledTypography","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","$breakpoints","breakpoints","$messageOnly","_jsx","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;AAEXC,QAAAA,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,uCACGE,oCAAgB;AAAA,IAACC,OAAOL;AAAAA,IAAMC;AAAAA,IAAkBE,WAAWA;AAAAA,IAAUG,UACnEJ;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEK;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASR;AAAAA,OAAcS;AAAAA,EAAWnB,IAAAA;AAExE,wCACGoB,kBAAAA,YAAU;AAAA,IACTV,WAAWW,cAAKX,QAAAA,WAAWY,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdd,WAAWW,cACTC,QAAAA,0BAAkBG,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,cAAAA,QACEC,0BAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B;AAAA,MAELC,cAAcvB,SAASwB;AAAAA,MACvBC,cAAc,CAAC,EAAEZ,WAAW,EAAED,SAASF;AAAAA,MAASD,WAEhDiB,2BAAAA,IAAA,OAAA;AAAA,QACEpB,WAAWW,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAEDE;AAAAA,MAAAA,CACG,GACNiB,2BAAAA,KAACC,uCAAmB;AAAA,QAClBN,cAAcvB,SAASwB;AAAAA,QACvBlB,WAAWW,cAAAA,QACTC,kBAAAA,QAAkBY,eAClBhB,mCAASgB,aAAa;AAAA,QACtBrB,UAEDP,CAAAA,WACC,SACAL,2CAAakC,WAAWC,cACxBpB,OACAK,cAAKC,QAAAA,kBAAAA,QAAkBe,gBAAgBnB,mCAASmB,cAAc,CAAC,GAEhE/B,WACC,WACA,QACAW,SACAI,cAAAA,QAAKC,0BAAkBgB,kBAAkBpB,mCAASoB,gBAAgB,CAAC,GAEpEhC,WACC,UACA,QACAQ,QACAO,cAAAA,QAAKC,kBAAkBiB,QAAAA,iBAAiBrB,mCAASqB,eAAe,CAAC,CAClE;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}
+{"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/FileUploader/DropZone/DropZone.cjs

@@ -1,5 +1,6 @@
 "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");
@@ -7,7 +8,6 @@ const accept = require("attr-accept");
 const DropZone_styles = require("./DropZone.styles.cjs");
 const clsx = require("clsx");
 const utils = require("../utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const withId = require("../../../hocs/withId.cjs");
 const setId = require("../../../utils/setId.cjs");
 const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
@@ -57,112 +57,63 @@ const HvDropZone = withId.default(({
     });
     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();
+  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);
         }
-      },
-      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 = "";
         }
-      },
-      onKeyDown: (e) => {
+      }, onChange: () => {
         var _a;
-        if (keyCheck.isKeypress(e, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(e, 32)) {
-          (_a = inputRef.current) == null ? void 0 : _a.click();
+        if (!disabled && ((_a = inputRef.current) == null ? void 0 : _a.files)) {
+          onChangeHandler(inputRef.current.files);
         }
-      },
-      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}`
-              })]
-            })
-          })]
-        })
-      })]
-    })]
-  });
+      }, 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