npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.12 → 5.0.0-next.14 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (920) hide show

package/dist/cjs/components/Dropdown/Dropdown.cjs CHANGED Viewed

@@ -1,12 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const utils = require("./utils.cjs");
 const dropdownClasses = require("./dropdownClasses.cjs");
 const Dropdown_styles = require("./Dropdown.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const List = require("./List/List.cjs");
 const useLabels = require("../../hooks/useLabels.cjs");
@@ -152,10 +152,22 @@ const HvDropdown = (props) => {
   const buildHeaderLabel = () => {
     var _a, _b, _c, _d;
     const hasSelection = utils.getSelected(internalValues).length > 0;
-    return (labels == null ? void 0 : labels.select) || !multiSelect ? /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledTypography, { component: "div", $selectionDisabled: disabled, $isOpen: isOpen || hasSelection, variant: "body", className: clsx__default.default((_a = dropdownClasses.default) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_b = dropdownClasses.default) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), children: selectionLabel.selected }) : /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledTypography, { component: "div", $selectionDisabled: disabled, className: clsx__default.default((_c = dropdownClasses.default) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_d = dropdownClasses.default) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), variant: "body", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectionLabel.selected }),
-      ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`
-    ] });
+    return (labels == null ? void 0 : labels.select) || !multiSelect ? /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledTypography, {
+      component: "div",
+      $selectionDisabled: disabled,
+      $isOpen: isOpen || hasSelection,
+      variant: "body",
+      className: clsx__default.default((_a = dropdownClasses.default) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_b = dropdownClasses.default) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
+      children: selectionLabel.selected
+    }) : /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledTypography, {
+      component: "div",
+      $selectionDisabled: disabled,
+      className: clsx__default.default((_c = dropdownClasses.default) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_d = dropdownClasses.default) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
+      variant: "body",
+      children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
+        children: selectionLabel.selected
+      }), ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`]
+    });
   };
   const hasLabel = label != null;
   const hasDescription = description != null;
@@ -165,22 +177,86 @@ const HvDropdown = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledHvFormElement, { id, name, status: validationState, disabled, readOnly, required, className: clsx__default.default(className, dropdownClasses.default.root, classes == null ? void 0 : classes.root), $selectionDisabled: disabled, ...others, children: [
-    (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledLabelContainer, { className: clsx__default.default(dropdownClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer), children: [
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledLabel, { id: setId.setId(elementId, "label"), label, className: clsx__default.default(classes == null ? void 0 : classes.label, dropdownClasses.default.label) }),
-      hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { id: setId.setId(elementId, "description"), className: clsx__default.default(classes == null ? void 0 : classes.description, dropdownClasses.default.description), children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledDropdown, { id: setId.setId(id, "dropdown"), classes: {
-      root: clsx__default.default(classes == null ? void 0 : classes.dropdown, dropdownClasses.default.dropdown),
-      arrow: clsx__default.default(classes == null ? void 0 : classes.arrow, dropdownClasses.default.arrow),
-      header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
-      headerOpen: clsx__default.default(dropdownClasses.default.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
-    }, $dropdownHeaderInvalid: isStateInvalid, $readOnly: readOnly, expanded: isOpen, disabled, readOnly, disablePortal, placement, popperProps, placeholder: buildHeaderLabel(), onToggle: handleToggle, onClickOutside: handleClickOutside, onContainerCreation: setFocusToContent, role: "combobox", variableWidth, "aria-label": ariaLabel, "aria-labelledby": [label && setId.setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0, "aria-invalid": isStateInvalid ? true : void 0, "aria-errormessage": errorMessageId, "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0, onFocus, onBlur, dropdownHeaderRef, ...baseDropdownProps, children: /* @__PURE__ */ jsxRuntime.jsx(List.HvDropdownList, { id: setId.setId(elementId, "values"), classes: {
-      rootList: clsx__default.default(dropdownClasses.default.rootList, classes == null ? void 0 : classes.rootList),
-      dropdownListContainer: clsx__default.default(dropdownClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
-    }, values: internalValues, multiSelect, showSearch, onChange: handleSelection, onCancel: handleCancel, labels, notifyChangesOnFirstRender, hasTooltips, singleSelectionToggle, "aria-labelledby": hasLabel ? setId.setId(elementId, "label") : void 0, height, maxHeight, virtualized, ...listProps }) }),
-    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableBorder: true, className: clsx__default.default(dropdownClasses.default.error, classes == null ? void 0 : classes.error), children: validationMessage })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledHvFormElement, {
+    id,
+    name,
+    status: validationState,
+    disabled,
+    readOnly,
+    required,
+    className: clsx__default.default(className, dropdownClasses.default.root, classes == null ? void 0 : classes.root),
+    $selectionDisabled: disabled,
+    ...others,
+    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledLabelContainer, {
+      className: clsx__default.default(dropdownClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer),
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledLabel, {
+        id: setId.setId(elementId, "label"),
+        label,
+        className: clsx__default.default(classes == null ? void 0 : classes.label, dropdownClasses.default.label)
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
+        id: setId.setId(elementId, "description"),
+        className: clsx__default.default(classes == null ? void 0 : classes.description, dropdownClasses.default.description),
+        children: description
+      })]
+    }), /* @__PURE__ */ jsxRuntime.jsx(Dropdown_styles.StyledDropdown, {
+      id: setId.setId(id, "dropdown"),
+      classes: {
+        root: clsx__default.default(classes == null ? void 0 : classes.dropdown, dropdownClasses.default.dropdown),
+        arrow: clsx__default.default(classes == null ? void 0 : classes.arrow, dropdownClasses.default.arrow),
+        header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
+        headerOpen: clsx__default.default(dropdownClasses.default.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
+      },
+      $dropdownHeaderInvalid: isStateInvalid,
+      $readOnly: readOnly,
+      expanded: isOpen,
+      disabled,
+      readOnly,
+      disablePortal,
+      placement,
+      popperProps,
+      placeholder: buildHeaderLabel(),
+      onToggle: handleToggle,
+      onClickOutside: handleClickOutside,
+      onContainerCreation: setFocusToContent,
+      role: "combobox",
+      variableWidth,
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && setId.setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0,
+      "aria-invalid": isStateInvalid ? true : void 0,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      onFocus,
+      onBlur,
+      dropdownHeaderRef,
+      ...baseDropdownProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(List.HvDropdownList, {
+        id: setId.setId(elementId, "values"),
+        classes: {
+          rootList: clsx__default.default(dropdownClasses.default.rootList, classes == null ? void 0 : classes.rootList),
+          dropdownListContainer: clsx__default.default(dropdownClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+        },
+        values: internalValues,
+        multiSelect,
+        showSearch,
+        onChange: handleSelection,
+        onCancel: handleCancel,
+        labels,
+        notifyChangesOnFirstRender,
+        hasTooltips,
+        singleSelectionToggle,
+        "aria-labelledby": hasLabel ? setId.setId(elementId, "label") : void 0,
+        height,
+        maxHeight,
+        virtualized,
+        ...listProps
+      })
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
+      id: setId.setId(elementId, "error"),
+      disableBorder: true,
+      className: clsx__default.default(dropdownClasses.default.error, classes == null ? void 0 : classes.error),
+      children: validationMessage
+    })]
+  });
 };
 exports.HvDropdown = HvDropdown;
 //# sourceMappingURL=Dropdown.cjs.map

package/dist/cjs/components/Dropdown/Dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n StyledDropdown,\n StyledHvFormElement,\n StyledLabel,\n StyledLabelContainer,\n StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n HvBaseDropdownProps,\n HvInfoMessage,\n HvListValue,\n HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n /*\n Label for overwrite the default header behavior.\n /\n select?: string;\n /\n Label used for the All checkbox action.\n /\n selectAll?: string;\n /\n Cancel button label.\n /\n cancelLabel?: string;\n /\n Apply button label.\n /\n applyLabel?: string;\n /\n The label used in the middle of the multiSelection count.\n /\n multiSelectionConjunction?: string;\n /\n The label used in search.\n /\n searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" \| \"valid\" \| \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvDropdownClasses;\n /\n Id to be applied to the form element root node.\n /\n id?: string;\n /\n The form element name.\n /\n name?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: any;\n /\n @ignore\n /\n \"aria-label\"?: string;\n /\n @ignore\n /\n \"aria-labelledby\"?: string;\n /\n Provide additional descriptive text for the form element.\n /\n description?: any;\n /\n @ignore\n /\n \"aria-describedby\"?: string;\n /\n The placeholder value when nothing is selected.\n /\n placeholder?: string;\n\n /\n Indicates that the form element is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the form element is in read only mode.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvDropdownStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: any;\n /\n Identifies the element that provides an error message for the dropdown.\n \n Will only be used when the validation status is invalid.\n /\n \"aria-errormessage\"?: string;\n\n /\n The callback fired when the value changes.\n /\n onChange?: (selected: HvListValue \| HvListValue[] \| undefined) => void;\n\n /\n The list to be rendered by the dropdown.\n /\n values?: HvListValue[];\n /\n If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n /\n multiSelect?: boolean;\n /\n If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n /\n showSearch?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n If 'true' the dropdown will notify on the first render.\n /\n notifyChangesOnFirstRender?: boolean;\n /\n An object containing all the labels for the dropdown.\n /\n labels?: HvDropdownLabelsProps;\n /\n If `true` the dropdown will show tooltips when user mouseenter text in list\n /\n hasTooltips?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true`, selection can be toggled when single selection.\n /\n singleSelectionToggle?: boolean;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n\n /\n Callback called when the user cancels the changes.\n \n Called when the cancel button is used and when the user clicks outside the open container.\n \n @param {object} event The event source of the callback.\n /\n onCancel?: (event: Event) => void;\n /\n Callback called when dropdown changes the expanded state.\n \n @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n Callback called when the user clicks outside the open container.\n \n @param {object} event The event source of the callback.\n /\n onClickOutside?: (event: Event) => void;\n /\n @ignore\n /\n onFocus?: React.FocusEventHandler<any>;\n /\n @ignore\n /\n onBlur?: React.FocusEventHandler<any>;\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. 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 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 Extra props passed to the dropdown.\n /\n baseDropdownProps?: HvBaseDropdownProps;\n /\n Extra props passed to the list.\n /\n listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n select: undefined,\n selectAll: \"All\",\n cancelLabel: \"Cancel\",\n applyLabel: \"Apply\",\n searchPlaceholder: \"Search\",\n multiSelectionConjunction: \"/\",\n};\n\n/\n A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n /\nexport const HvDropdown = (props: HvDropdownProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n placeholder = \"Select...\",\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n onCancel,\n onToggle,\n onClickOutside,\n\n onFocus,\n onBlur,\n\n values,\n multiSelect = false,\n showSearch = false,\n expanded,\n defaultExpanded = false,\n notifyChangesOnFirstRender = false,\n labels: labelsProp,\n hasTooltips = false,\n disablePortal = false,\n singleSelectionToggle = true,\n placement,\n variableWidth = false,\n popperProps = {},\n height,\n maxHeight,\n virtualized = false,\n baseDropdownProps = {},\n listProps = {},\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [selectionLabel, setSelectionLabel] = useState(\n getSelectionLabel(labels, placeholder, multiSelect, values)\n );\n const [internalValues, setInternalValues] = useState(values);\n\n useEffect(() => {\n setInternalValues(values);\n }, [values]);\n\n useEffect(() => {\n setSelectionLabel(\n getSelectionLabel(labels, placeholder, multiSelect, values)\n );\n }, [labels, multiSelect, placeholder, values]);\n\n if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n // eslint-disable-next-line no-console\n console.error(\n \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n );\n }\n\n const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n const handleToggle = (_e, open) => {\n onToggle?.(_e, open);\n\n setIsOpen(open);\n\n if (!open) {\n // also run built-in validation when closing without changes\n // as the user \"touched\" the input\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required) {\n const hasSelection = getSelected(internalValues).length > 0;\n\n if (!hasSelection) {\n return \"invalid\";\n }\n }\n\n return \"valid\";\n });\n }\n };\n\n /\n Applies the selected values to the state\n \n @param {Array} listValues - An array containing the selected values.\n * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n /\n const handleSelection = (\n listValues,\n commitChanges,\n toggle,\n notifyChanges = true\n ) => {\n const selected = getSelected(listValues);\n\n if (commitChanges) {\n setInternalValues(listValues);\n setSelectionLabel(\n getSelectionLabel(labels, placeholder, multiSelect, listValues)\n );\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && selected.length === 0) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n }\n if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n if (toggle) {\n handleToggle(undefined, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n }\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = (evt) => {\n onCancel?.(evt);\n\n handleToggle(evt, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n };\n\n const handleClickOutside = (evt) => {\n onClickOutside?.(evt);\n onCancel?.(evt);\n };\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n return;\n }\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n const buildHeaderLabel = () => {\n const hasSelection = getSelected(internalValues).length > 0;\n return labels?.select \|\| !multiSelect ? (\n <StyledTypography\n component=\"div\"\n $selectionDisabled={disabled}\n $isOpen={isOpen \|\| hasSelection}\n variant=\"body\"\n className={clsx(\n dropdownClasses?.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n )}\n >\n {selectionLabel.selected}\n </StyledTypography>\n ) : (\n <StyledTypography\n component=\"div\"\n $selectionDisabled={disabled}\n className={clsx(\n dropdownClasses?.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n )}\n variant=\"body\"\n >\n <b>{selectionLabel.selected}</b>\n {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n </StyledTypography>\n );\n };\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledHvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n className={clsx(className, dropdownClasses.root, classes?.root)}\n $selectionDisabled={disabled}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(\n dropdownClasses.labelContainer,\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, dropdownClasses.label)}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(\n classes?.description,\n dropdownClasses.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledDropdown\n id={setId(id, \"dropdown\")}\n classes={{\n root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n header: clsx(\n dropdownClasses.dropdownHeader,\n classes?.dropdownHeader,\n isStateInvalid &&\n clsx(\n dropdownClasses.dropdownHeaderInvalid,\n classes?.dropdownHeaderInvalid\n )\n ),\n headerOpen: clsx(\n dropdownClasses.dropdownHeaderOpen,\n classes?.dropdownHeaderOpen\n ),\n }}\n $dropdownHeaderInvalid={isStateInvalid}\n $readOnly={readOnly}\n expanded={isOpen}\n disabled={disabled}\n readOnly={readOnly}\n disablePortal={disablePortal}\n placement={placement}\n popperProps={popperProps}\n placeholder={buildHeaderLabel()}\n onToggle={handleToggle}\n onClickOutside={handleClickOutside}\n onContainerCreation={setFocusToContent}\n role=\"combobox\"\n variableWidth={variableWidth}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n onFocus={onFocus}\n onBlur={onBlur}\n dropdownHeaderRef={dropdownHeaderRef}\n {...baseDropdownProps}\n >\n <HvDropdownList\n id={setId(elementId, \"values\")}\n classes={{\n rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n dropdownListContainer: clsx(\n dropdownClasses.dropdownListContainer,\n classes?.dropdownListContainer\n ),\n }}\n values={internalValues}\n multiSelect={multiSelect}\n showSearch={showSearch}\n onChange={handleSelection}\n onCancel={handleCancel}\n labels={labels}\n notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n hasTooltips={hasTooltips}\n singleSelectionToggle={singleSelectionToggle}\n aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n height={height}\n maxHeight={maxHeight}\n virtualized={virtualized}\n {...listProps}\n />\n </StyledDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(dropdownClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledHvFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","jsx","StyledTypography","clsx","dropdownClasses","selectionDisabled","jsxs","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n StyledDropdown,\n StyledHvFormElement,\n StyledLabel,\n StyledLabelContainer,\n StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n HvBaseDropdownProps,\n HvInfoMessage,\n HvListValue,\n HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n /*\n Label for overwrite the default header behavior.\n /\n select?: string;\n /\n Label used for the All checkbox action.\n /\n selectAll?: string;\n /\n Cancel button label.\n /\n cancelLabel?: string;\n /\n Apply button label.\n /\n applyLabel?: string;\n /\n The label used in the middle of the multiSelection count.\n /\n multiSelectionConjunction?: string;\n /\n The label used in search.\n /\n searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" \| \"valid\" \| \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n /\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvDropdownClasses;\n /\n Id to be applied to the form element root node.\n /\n id?: string;\n /\n The form element name.\n /\n name?: string;\n /\n The label of the form element.\n \n The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n /\n label?: any;\n /\n @ignore\n /\n \"aria-label\"?: string;\n /\n @ignore\n /\n \"aria-labelledby\"?: string;\n /\n Provide additional descriptive text for the form element.\n /\n description?: any;\n /\n @ignore\n /\n \"aria-describedby\"?: string;\n /\n The placeholder value when nothing is selected.\n /\n placeholder?: string;\n\n /\n Indicates that the form element is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the form element is in read only mode.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required on the form element.\n /\n required?: boolean;\n /\n The status of the form element.\n \n Valid is correct, invalid is incorrect and standBy means no validations have run.\n \n When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n /\n status?: HvDropdownStatus;\n /\n The error message to show when the validation status is \"invalid\".\n \n Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n /\n statusMessage?: any;\n /\n Identifies the element that provides an error message for the dropdown.\n \n Will only be used when the validation status is invalid.\n /\n \"aria-errormessage\"?: string;\n\n /\n The callback fired when the value changes.\n /\n onChange?: (selected: HvListValue \| HvListValue[] \| undefined) => void;\n\n /\n The list to be rendered by the dropdown.\n /\n values?: HvListValue[];\n /\n If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n /\n multiSelect?: boolean;\n /\n If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n /\n showSearch?: boolean;\n /\n If `true` the dropdown starts opened if `false` it starts closed.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n If 'true' the dropdown will notify on the first render.\n /\n notifyChangesOnFirstRender?: boolean;\n /\n An object containing all the labels for the dropdown.\n /\n labels?: HvDropdownLabelsProps;\n /\n If `true` the dropdown will show tooltips when user mouseenter text in list\n /\n hasTooltips?: boolean;\n /\n Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n /\n disablePortal?: boolean;\n /\n If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n * Defaults to `false`.\n /\n variableWidth?: boolean;\n /\n If `true`, selection can be toggled when single selection.\n /\n singleSelectionToggle?: boolean;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n\n /\n Callback called when the user cancels the changes.\n \n Called when the cancel button is used and when the user clicks outside the open container.\n \n @param {object} event The event source of the callback.\n /\n onCancel?: (event: Event) => void;\n /\n Callback called when dropdown changes the expanded state.\n \n @param {object} event The event source of the callback.\n * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n Callback called when the user clicks outside the open container.\n \n @param {object} event The event source of the callback.\n /\n onClickOutside?: (event: Event) => void;\n /\n @ignore\n /\n onFocus?: React.FocusEventHandler<any>;\n /\n @ignore\n /\n onBlur?: React.FocusEventHandler<any>;\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. 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 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 Extra props passed to the dropdown.\n /\n baseDropdownProps?: HvBaseDropdownProps;\n /\n Extra props passed to the list.\n /\n listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n select: undefined,\n selectAll: \"All\",\n cancelLabel: \"Cancel\",\n applyLabel: \"Apply\",\n searchPlaceholder: \"Search\",\n multiSelectionConjunction: \"/\",\n};\n\n/\n A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n /\nexport const HvDropdown = (props: HvDropdownProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n placeholder = \"Select...\",\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n onCancel,\n onToggle,\n onClickOutside,\n\n onFocus,\n onBlur,\n\n values,\n multiSelect = false,\n showSearch = false,\n expanded,\n defaultExpanded = false,\n notifyChangesOnFirstRender = false,\n labels: labelsProp,\n hasTooltips = false,\n disablePortal = false,\n singleSelectionToggle = true,\n placement,\n variableWidth = false,\n popperProps = {},\n height,\n maxHeight,\n virtualized = false,\n baseDropdownProps = {},\n listProps = {},\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdropdown\");\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n const [selectionLabel, setSelectionLabel] = useState(\n getSelectionLabel(labels, placeholder, multiSelect, values)\n );\n const [internalValues, setInternalValues] = useState(values);\n\n useEffect(() => {\n setInternalValues(values);\n }, [values]);\n\n useEffect(() => {\n setSelectionLabel(\n getSelectionLabel(labels, placeholder, multiSelect, values)\n );\n }, [labels, multiSelect, placeholder, values]);\n\n if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n // eslint-disable-next-line no-console\n console.error(\n \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n );\n }\n\n const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n const handleToggle = (_e, open) => {\n onToggle?.(_e, open);\n\n setIsOpen(open);\n\n if (!open) {\n // also run built-in validation when closing without changes\n // as the user \"touched\" the input\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required) {\n const hasSelection = getSelected(internalValues).length > 0;\n\n if (!hasSelection) {\n return \"invalid\";\n }\n }\n\n return \"valid\";\n });\n }\n };\n\n /\n Applies the selected values to the state\n \n @param {Array} listValues - An array containing the selected values.\n * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n /\n const handleSelection = (\n listValues,\n commitChanges,\n toggle,\n notifyChanges = true\n ) => {\n const selected = getSelected(listValues);\n\n if (commitChanges) {\n setInternalValues(listValues);\n setSelectionLabel(\n getSelectionLabel(labels, placeholder, multiSelect, listValues)\n );\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && selected.length === 0) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n }\n if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n if (toggle) {\n handleToggle(undefined, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n }\n };\n\n /\n Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = (evt) => {\n onCancel?.(evt);\n\n handleToggle(evt, false);\n\n // focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n dropdownHeaderRef.current?.focus({ preventScroll: true });\n };\n\n const handleClickOutside = (evt) => {\n onClickOutside?.(evt);\n onCancel?.(evt);\n };\n\n const setFocusToContent = (containerRef) => {\n const inputs = containerRef?.getElementsByTagName(\"input\");\n if (inputs?.length > 0) {\n inputs[0].focus();\n return;\n }\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n const buildHeaderLabel = () => {\n const hasSelection = getSelected(internalValues).length > 0;\n return labels?.select \|\| !multiSelect ? (\n <StyledTypography\n component=\"div\"\n $selectionDisabled={disabled}\n $isOpen={isOpen \|\| hasSelection}\n variant=\"body\"\n className={clsx(\n dropdownClasses?.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n )}\n >\n {selectionLabel.selected}\n </StyledTypography>\n ) : (\n <StyledTypography\n component=\"div\"\n $selectionDisabled={disabled}\n className={clsx(\n dropdownClasses?.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n )}\n variant=\"body\"\n >\n <b>{selectionLabel.selected}</b>\n {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n </StyledTypography>\n );\n };\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) \|\|\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledHvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n className={clsx(className, dropdownClasses.root, classes?.root)}\n $selectionDisabled={disabled}\n {...others}\n >\n {(hasLabel \|\| hasDescription) && (\n <StyledLabelContainer\n className={clsx(\n dropdownClasses.labelContainer,\n classes?.labelContainer\n )}\n >\n {hasLabel && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n label={label}\n className={clsx(classes?.label, dropdownClasses.label)}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage\n id={setId(elementId, \"description\")}\n className={clsx(\n classes?.description,\n dropdownClasses.description\n )}\n >\n {description}\n </HvInfoMessage>\n )}\n </StyledLabelContainer>\n )}\n <StyledDropdown\n id={setId(id, \"dropdown\")}\n classes={{\n root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n header: clsx(\n dropdownClasses.dropdownHeader,\n classes?.dropdownHeader,\n isStateInvalid &&\n clsx(\n dropdownClasses.dropdownHeaderInvalid,\n classes?.dropdownHeaderInvalid\n )\n ),\n headerOpen: clsx(\n dropdownClasses.dropdownHeaderOpen,\n classes?.dropdownHeaderOpen\n ),\n }}\n $dropdownHeaderInvalid={isStateInvalid}\n $readOnly={readOnly}\n expanded={isOpen}\n disabled={disabled}\n readOnly={readOnly}\n disablePortal={disablePortal}\n placement={placement}\n popperProps={popperProps}\n placeholder={buildHeaderLabel()}\n onToggle={handleToggle}\n onClickOutside={handleClickOutside}\n onContainerCreation={setFocusToContent}\n role=\"combobox\"\n variableWidth={variableWidth}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() \|\| undefined\n }\n onFocus={onFocus}\n onBlur={onBlur}\n dropdownHeaderRef={dropdownHeaderRef}\n {...baseDropdownProps}\n >\n <HvDropdownList\n id={setId(elementId, \"values\")}\n classes={{\n rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n dropdownListContainer: clsx(\n dropdownClasses.dropdownListContainer,\n classes?.dropdownListContainer\n ),\n }}\n values={internalValues}\n multiSelect={multiSelect}\n showSearch={showSearch}\n onChange={handleSelection}\n onCancel={handleCancel}\n labels={labels}\n notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n hasTooltips={hasTooltips}\n singleSelectionToggle={singleSelectionToggle}\n aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n height={height}\n maxHeight={maxHeight}\n virtualized={virtualized}\n {...listProps}\n />\n </StyledDropdown>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n disableBorder\n className={clsx(dropdownClasses.error, classes?.error)}\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledHvFormElement>\n );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/Dropdown/Dropdown.styles.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const dropdownClasses = require("./dropdownClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElement = require("../Forms/FormElement/FormElement.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const Label = require("../Forms/Label/Label.cjs");
@@ -43,7 +43,9 @@ const StyledHvFormElement = /* @__PURE__ */ _styled__default.default(FormElement
     color: uikitStyles.theme.dropdown.disabledColor
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VEcm9wZG93bixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0aW9uRGlzYWJsZWQgfTogeyAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bkb3duID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkJhc2VEcm9wZG93biB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZD86IGJvb2xlYW47XG4gICAgJHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlcn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5oZWFkZXJCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTR9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etta2py3"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "etta2py3",

package/dist/cjs/components/Dropdown/Dropdown.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvBaseDropdown,\n HvFormElement,\n HvLabel,\n HvTypography,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n HvFormElement,\n transientOptions\n)(({ $selectionDisabled }: { $selectionDisabled?: boolean }) => ({\n width: \"100%\",\n\n position: \"relative\",\n display: \"inline-block\",\n\n ...($selectionDisabled && {\n color: theme.dropdown.disabledColor,\n }),\n}));\n\nexport const StyledDropdown = styled(\n (props) => <HvBaseDropdown {...props} />,\n transientOptions\n)(\n ({\n $dropdownHeaderInvalid,\n $readOnly,\n }: {\n $dropdownHeaderInvalid?: boolean;\n $readOnly?: boolean;\n }) => ({\n width: \"100%\",\n borderRadius: 2,\n\n [`& .${dropdownClasses.dropdownHeader}`]: {\n border: theme.dropdown.headerBorder,\n \"&:hover\": {\n border: `1px solid ${theme.colors.acce4}`,\n },\n ...($dropdownHeaderInvalid && {\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n }),\n ...($readOnly && {\n border: theme.dropdown.readOnlyBorder,\n backgroundColor: theme.dropdown.readOnlyBackgroundColor,\n }),\n },\n\n [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {\n border: theme.dropdown.dropdownHeaderInvalidBorder,\n \"&:hover\": {\n border: theme.dropdown.dropdownHeaderInvalidBorder,\n },\n },\n\n [`& .${dropdownClasses.dropdownHeaderOpen}`]: {\n border: theme.dropdown.dropdownHeaderOpenBorder,\n \"&:hover\": {\n border: theme.dropdown.dropdownHeaderOpenBorder,\n },\n },\n })\n);\n\nexport const StyledLabelContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n paddingBottom: \"6px\",\n display: \"block\",\n});\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(\n ({\n $selectionDisabled,\n $isOpen,\n }: {\n $selectionDisabled?: boolean;\n $isOpen?: boolean;\n }) => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...(!$isOpen && {\n color: theme.dropdown.placeholderColor,\n }),\n ...($selectionDisabled && {\n lineHeight: theme.space.md,\n color: theme.dropdown.disabledColor,\n }),\n })\n);\n"],"names":["StyledHvFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","_styled","props","~~jsx~~","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","dropdownClasses","dropdownHeader","border","headerBorder","colors","acce4","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","dropdownHeaderOpen","dropdownHeaderOpenBorder","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledTypography","HvTypography","$isOpen","overflow","textOverflow","whiteSpace","placeholderColor","lineHeight","space","md"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWaA,MAAAA,+DACXC,YAAAA,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAqD,OAAO;AAAA,EAC/DC,OAAO;AAAA,EAEPC,UAAU;AAAA,EACVC,SAAS;AAAA,EAET,GAAIH,sBAAsB;AAAA,IACxBI,OAAOC,YAAAA,MAAMC,SAASC;AAAAA,EACxB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,izHAAA;AAEI,MAAMa,iBAAiBC,iCAAAA,QAC3BC,~~CAAU~~,~~UAAAC~~,2BAAAA,IAACC,aAAAA,~~qBAAmBF~~,~~UAASjB~~,QAAAC,IAAAC,~~aAAA~~,~~eAAAC,~~SAAA,~~CAAA,GAAA~~;AAAA,EAAAC,QAAA;AAAA,GACxCC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCe;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLb,OAAO;AAAA,EACPc,cAAc;AAAA,EAEd,CAAE,MAAKC,wBAAgBC,~~mBAAmB~~;AAAA,IACxCC,QAAQb,YAAAA,MAAMC,SAASa;AAAAA,IACvB,WAAW;AAAA,MACTD,QAAS,aAAYb,YAAAA,MAAMe,OAAOC;AAAAA,IACpC;AAAA,IACA,GAAIR,0BAA0B;AAAA,MAC5BK,QAAQ;AAAA,MACR,WAAW;AAAA,QACTA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,GAAIJ,aAAa;AAAA,MACfI,QAAQb,YAAAA,MAAMC,SAASgB;AAAAA,MACvBC,iBAAiBlB,YAAAA,MAAMC,SAASkB;AAAAA,IAClC;AAAA,EACF;AAAA,EAEA,CAAE,MAAKR,wBAAgBS,~~0BAA0B~~;AAAA,IAC/CP,QAAQb,YAAAA,MAAMC,SAASoB;AAAAA,IACvB,WAAW;AAAA,MACTR,QAAQb,YAAAA,MAAMC,SAASoB;AAAAA,IACzB;AAAA,EACF;AAAA,EAEA,CAAE,MAAKV,wBAAgBW,~~uBAAuB~~;AAAA,IAC5CT,QAAQb,YAAAA,MAAMC,SAASsB;AAAAA,IACvB,WAAW;AAAA,MACTV,QAAQb,YAAAA,MAAMC,SAASsB;AAAAA,IACzB;AAAA,EACF;AACF,IAAEnC,QAAAC,IAAAC,aACH,eAAA,KAAA,izHAAA;AAEM,MAAMkC,uBAA8BpB,iCAAA,QAAA,OAAKhB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmC,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG/C;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAO3C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmC,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGxC;AAEWG,MAAAA,4DACXC,WAAAA,cAAY7C,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAuC;AAIF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZ,GAAI,CAACH,WAAW;AAAA,IACdnC,OAAOC,YAAAA,MAAMC,SAASqC;AAAAA,EACxB;AAAA,EACA,GAAI3C,sBAAsB;AAAA,IACxB4C,YAAYvC,YAAAA,MAAMwC,MAAMC;AAAAA,IACxB1C,OAAOC,YAAAA,MAAMC,SAASC;AAAAA,EACxB;AACF,IAAEd,QAAAC,IAAAC,aACH,eAAA,KAAA,izHAAA;;;;;;"}
1	+ {"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvBaseDropdown,\n HvFormElement,\n HvLabel,\n HvTypography,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n HvFormElement,\n transientOptions\n)(({ $selectionDisabled }: { $selectionDisabled?: boolean }) => ({\n width: \"100%\",\n\n position: \"relative\",\n display: \"inline-block\",\n\n ...($selectionDisabled && {\n color: theme.dropdown.disabledColor,\n }),\n}));\n\nexport const StyledDropdown = styled(\n (props) => <HvBaseDropdown {...props} />,\n transientOptions\n)(\n ({\n $dropdownHeaderInvalid,\n $readOnly,\n }: {\n $dropdownHeaderInvalid?: boolean;\n $readOnly?: boolean;\n }) => ({\n width: \"100%\",\n borderRadius: 2,\n\n [`& .${dropdownClasses.dropdownHeader}`]: {\n border: theme.dropdown.headerBorder,\n \"&:hover\": {\n border: `1px solid ${theme.colors.acce4}`,\n },\n ...($dropdownHeaderInvalid && {\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n }),\n ...($readOnly && {\n border: theme.dropdown.readOnlyBorder,\n backgroundColor: theme.dropdown.readOnlyBackgroundColor,\n }),\n },\n\n [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {\n border: theme.dropdown.dropdownHeaderInvalidBorder,\n \"&:hover\": {\n border: theme.dropdown.dropdownHeaderInvalidBorder,\n },\n },\n\n [`& .${dropdownClasses.dropdownHeaderOpen}`]: {\n border: theme.dropdown.dropdownHeaderOpenBorder,\n \"&:hover\": {\n border: theme.dropdown.dropdownHeaderOpenBorder,\n },\n },\n })\n);\n\nexport const StyledLabelContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n paddingBottom: \"6px\",\n display: \"block\",\n});\n\nexport const StyledTypography = styled(\n HvTypography,\n transientOptions\n)(\n ({\n $selectionDisabled,\n $isOpen,\n }: {\n $selectionDisabled?: boolean;\n $isOpen?: boolean;\n }) => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n ...(!$isOpen && {\n color: theme.dropdown.placeholderColor,\n }),\n ...($selectionDisabled && {\n lineHeight: theme.space.md,\n color: theme.dropdown.disabledColor,\n }),\n })\n);\n"],"names":["StyledHvFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","_styled","props","_jsx","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","dropdownClasses","dropdownHeader","border","headerBorder","colors","acce4","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","dropdownHeaderOpen","dropdownHeaderOpenBorder","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledTypography","HvTypography","$isOpen","overflow","textOverflow","whiteSpace","placeholderColor","lineHeight","space","md"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,7 +101,16 @@ 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,
@@ -114,16 +123,32 @@ 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) {
@@ -136,23 +161,54 @@ 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: "primaryGhost", children: applyLabel }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { id: setId.setId(id, "actions-cancel"), onClick: onCancel, variant: "primaryGhost", 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 CHANGED Viewed

	@@ -1 +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=\"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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"}
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","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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"}