npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.1 → 5.0.0-next.11 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.11

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 (1283) hide show

package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-~~child~~(2)\": {\n fill: theme.colors.atmo5,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","atmo5"],"mappings":";;;;;;;;;;;;;;;;;;;AASaA,MAAAA,2CACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA,EAGA,CAAE,KAAIC,gBAAmBC,aAAa;AAAA,IAEpC,CAAE,KAAID,gBAAmBE,SAAS;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,~~uBAAuB~~;AAAA,~~QACrBC~~,MAAMV,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i/DAAA;"}
1	+ {"version":3,"file":"BaseCheckBox.styles.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.atmo5,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","atmo5"],"mappings":";;;;;;;;;;;;;;;;;;;AASaA,MAAAA,2CACXC,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ;AAAAA,IACL;AAAA,EACF;AAAA,EAGA,CAAE,KAAIC,gBAAmBC,aAAa;AAAA,IAEpC,CAAE,KAAID,gBAAmBE,SAAS;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q/DAAA;"}

package/dist/esm/components/BaseDropdown/BaseDropdown.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import React__default, { useContext, useState, useCallback, useMemo } from "react";
 import { createPortal } from "react-dom";
 import clsx from "clsx";
@@ -7,7 +8,6 @@ import { StyledHeaderRoot, StyledSelection, StyledPlaceholder, StyledDropUpXS, S
 import { usePopper } from "react-popper";
 import { detectOverflow } from "@popperjs/core";
 import baseDropdownClasses from "./baseDropdownClasses.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvThemeContext } from "../../providers/ThemeProvider.js";
 import useForkRef from "../../hooks/useForkRef.js";
 import useUniqueId from "../../hooks/useUniqueId.js";
@@ -176,41 +176,32 @@ const HvBaseDropdown = ({
         ref: handleDropdownHeaderRef
       });
     }
-    return /* @__PURE__ */ jsxs(StyledHeaderRoot, {
-      id: setId(id, "header"),
-      className: clsx(baseDropdownClasses.header, classes == null ? void 0 : classes.header, disabled && clsx(baseDropdownClasses.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx(baseDropdownClasses.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx(baseDropdownClasses.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx(baseDropdownClasses.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx(baseDropdownClasses.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
-      $disabled: disabled,
-      $readOnly: readOnly,
-      $opened: isOpen,
-      $openedUp: isOpen && popperPlacement.includes("top"),
-      $openedDown: isOpen && popperPlacement.includes("bottom"),
-      role: ariaRole === "combobox" ? "textbox" : void 0,
-      style: disabled || readOnly ? {
-        pointerEvents: "none"
-      } : void 0,
-      "aria-controls": isOpen ? setId(elementId, "children-container") : void 0,
-      "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
-      "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
-      tabIndex: disabled ? -1 : 0,
-      ref: handleDropdownHeaderRef,
-      ...dropdownHeaderProps,
-      children: [/* @__PURE__ */ jsx(StyledSelection, {
-        className: clsx(baseDropdownClasses.selection, classes == null ? void 0 : classes.selection),
-        children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsx(StyledPlaceholder, {
-          className: clsx(baseDropdownClasses.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx(baseDropdownClasses.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
-          $disabled: disabled,
-          variant: "body",
-          children: placeholder
-        }) : placeholder
-      }), adornment || (isOpen ? /* @__PURE__ */ jsx(StyledDropUpXS, {
-        iconSize: "XS",
-        className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow)
-      }) : /* @__PURE__ */ jsx(StyledDropDownXS, {
-        iconSize: "XS",
-        className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow),
-        $disabled: disabled
-      }))]
-    });
+    return /* @__PURE__ */ jsxs(
+      StyledHeaderRoot,
+      {
+        id: setId(id, "header"),
+        className: clsx(baseDropdownClasses.header, classes == null ? void 0 : classes.header, disabled && clsx(baseDropdownClasses.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx(baseDropdownClasses.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx(baseDropdownClasses.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx(baseDropdownClasses.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx(baseDropdownClasses.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
+        $disabled: disabled,
+        $readOnly: readOnly,
+        $opened: isOpen,
+        $openedUp: isOpen && popperPlacement.includes("top"),
+        $openedDown: isOpen && popperPlacement.includes("bottom"),
+        role: ariaRole === "combobox" ? "textbox" : void 0,
+        style: disabled || readOnly ? {
+          pointerEvents: "none"
+        } : void 0,
+        "aria-controls": isOpen ? setId(elementId, "children-container") : void 0,
+        "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
+        "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ref: handleDropdownHeaderRef,
+        ...dropdownHeaderProps,
+        children: [
+          /* @__PURE__ */ jsx(StyledSelection, { className: clsx(baseDropdownClasses.selection, classes == null ? void 0 : classes.selection), children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsx(StyledPlaceholder, { className: clsx(baseDropdownClasses.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx(baseDropdownClasses.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), $disabled: disabled, variant: "body", children: placeholder }) : placeholder }),
+          adornment || (isOpen ? /* @__PURE__ */ jsx(StyledDropUpXS, { iconSize: "XS", className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow) }) : /* @__PURE__ */ jsx(StyledDropDownXS, { iconSize: "XS", className: clsx(baseDropdownClasses.arrow, classes == null ? void 0 : classes.arrow), $disabled: disabled }))
+        ]
+      }
+    );
   })();
   const containerComponent = (() => {
     const handleContainerKeyDown = (event) => {
@@ -234,67 +225,40 @@ const HvBaseDropdown = ({
         onToggle == null ? void 0 : onToggle(event, false);
       }
     };
-    const container = /* @__PURE__ */ jsx(StyledContainer, {
-      role: "tooltip",
-      ref: setPopperElement,
-      className: clsx(baseDropdownClasses.container, classes == null ? void 0 : classes.container),
-      style: popperStyles.popper,
-      ...attributes.popper,
-      children: /* @__PURE__ */ jsx(ClickAwayListener, {
-        onClickAway: handleOutside,
-        children: /* @__PURE__ */ jsxs("div", {
-          onKeyDown: handleContainerKeyDown,
-          children: [popperPlacement.includes("bottom") && /* @__PURE__ */ jsx(StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)),
-            $leftPosition: popperPlacement.includes("end"),
-            $openShadow: false,
-            $floatLeft: false,
-            $floatRight: false
-          }), /* @__PURE__ */ jsx(BaseDropdownContext.Provider, {
-            value: popperMaxSize,
-            children: /* @__PURE__ */ jsx(StyledPanel, {
-              id: setId(elementId, "children-container"),
-              className: clsx(baseDropdownClasses.panel, classes == null ? void 0 : classes.panel),
-              children
-            })
-          }), popperPlacement.includes("top") && /* @__PURE__ */ jsx(StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx(baseDropdownClasses.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)),
-            $leftPosition: false,
-            $openShadow: true,
-            $floatLeft: popperPlacement.includes("start"),
-            $floatRight: popperPlacement.includes("end")
-          })]
-        })
-      })
-    });
+    const container = /* @__PURE__ */ jsx(StyledContainer, { role: "tooltip", ref: setPopperElement, className: clsx(baseDropdownClasses.container, classes == null ? void 0 : classes.container), style: popperStyles.popper, ...attributes.popper, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleOutside, children: /* @__PURE__ */ jsxs("div", { onKeyDown: handleContainerKeyDown, children: [
+      popperPlacement.includes("bottom") && /* @__PURE__ */ jsx(StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)), $leftPosition: popperPlacement.includes("end"), $openShadow: false, $floatLeft: false, $floatRight: false }),
+      /* @__PURE__ */ jsx(BaseDropdownContext.Provider, { value: popperMaxSize, children: /* @__PURE__ */ jsx(StyledPanel, { id: setId(elementId, "children-container"), className: clsx(baseDropdownClasses.panel, classes == null ? void 0 : classes.panel), children }) }),
+      popperPlacement.includes("top") && /* @__PURE__ */ jsx(StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx(baseDropdownClasses.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx(baseDropdownClasses.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx(baseDropdownClasses.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)), $leftPosition: false, $openShadow: true, $floatLeft: popperPlacement.includes("start"), $floatRight: popperPlacement.includes("end") })
+    ] }) }) });
     if (disablePortal)
       return container;
     return createPortal(container, document.getElementById(rootId || "") || document.body);
   })();
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(baseDropdownClasses.root, classes == null ? void 0 : classes.root),
-    children: [/* @__PURE__ */ jsx(StyledAnchor, {
-      id,
-      role: ariaRole,
-      "aria-expanded": !!isOpen,
-      "aria-owns": isOpen ? setId(elementId, "children-container") : void 0,
-      className: clsx(className, baseDropdownClasses.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx(baseDropdownClasses.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
-      $disabled: disabled,
-      ...!readOnly && {
-        onKeyDown: handleToggle,
-        onClick: handleToggle
-      },
-      tabIndex: -1,
-      ...others,
-      children: headerComponent
-    }), isOpen && containerComponent]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(baseDropdownClasses.root, classes == null ? void 0 : classes.root), children: [
+    /* @__PURE__ */ jsx(
+      StyledAnchor,
+      {
+        id,
+        role: ariaRole,
+        "aria-expanded": !!isOpen,
+        "aria-owns": isOpen ? setId(elementId, "children-container") : void 0,
+        className: clsx(className, baseDropdownClasses.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx(baseDropdownClasses.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
+        $disabled: disabled,
+        ...!readOnly && {
+          onKeyDown: handleToggle,
+          onClick: handleToggle
+        },
+        tabIndex: -1,
+        ...others,
+        children: headerComponent
+      }
+    ),
+    isOpen && containerComponent
+  ] });
 };
 export {
   HvBaseDropdown

package/dist/esm/components/BaseDropdown/BaseDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n ClickAwayListener,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useUniqueId } from \"hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { getFirstAndLastFocus } from \"utils/focusableElementFinder\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledAnchor,\n StyledContainer,\n StyledDropDownXS,\n StyledDropUpXS,\n StyledExtension,\n StyledHeaderRoot,\n StyledPanel,\n StyledPlaceholder,\n StyledRoot,\n StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport { HvThemeContext } from \"providers\";\nimport baseDropdownClasses, {\n HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport type HvBaseDropdownProps = HvBaseProps<\n HTMLDivElement,\n { placeholder }\n> & {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: string \| React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: 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` 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 An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<any>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n};\n\nexport const HvBaseDropdown = ({\n id,\n className,\n classes,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded = false,\n disabled = false,\n readOnly = false,\n disablePortal = false,\n variableWidth = false,\n placement = \"right\",\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n}: HvBaseDropdownProps) => {\n const { rootId } = useContext(HvThemeContext);\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(null);\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n const bottom: PopperPlacementType =\n placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n if (onContainerCreation) onContainerCreation(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (width !== popperMaxSize?.width \|\| height !== popperMaxSize?.height) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers: any = useMemo(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement: bottom,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n let popperPlacement = \"bottom\";\n if (attributes.popper) {\n popperPlacement = attributes.popper[\"data-popper-placement\"];\n }\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKeypress(event, Tab)) {\n event.preventDefault();\n }\n\n // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n (key) => isKeypress(event, key) === false\n );\n\n const ignoredCombinations =\n (isKeypress(event, Esc) && !isOpen) \|\|\n (isKeypress(event, ArrowDown) && isOpen) \|\|\n (isKeypress(event, Tab) && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n const focusHeader = () => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n };\n setIsOpen(focusHeader());\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const headerComponent = (() => {\n if (component) {\n return React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n });\n }\n\n return (\n <StyledHeaderRoot\n id={setId(id, \"header\")}\n className={clsx(\n baseDropdownClasses.header,\n classes?.header,\n disabled &&\n clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n readOnly &&\n clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n isOpen &&\n popperPlacement.includes(\"top\") &&\n clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n isOpen &&\n popperPlacement.includes(\"bottom\") &&\n clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n )}\n $disabled={disabled}\n $readOnly={readOnly}\n $opened={isOpen}\n $openedUp={isOpen && popperPlacement.includes(\"top\")}\n $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n aria-controls={\n isOpen ? setId(elementId, \"children-container\") : undefined\n }\n aria-label={others[\"aria-label\"] ?? undefined}\n aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <StyledSelection\n className={clsx(baseDropdownClasses.selection, classes?.selection)}\n >\n {placeholder && typeof placeholder === \"string\" ? (\n <StyledPlaceholder\n className={clsx(\n baseDropdownClasses.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(\n baseDropdownClasses.selectionDisabled,\n classes?.selectionDisabled\n )\n )}\n $disabled={disabled}\n variant=\"body\"\n >\n {placeholder}\n </StyledPlaceholder>\n ) : (\n placeholder\n )}\n </StyledSelection>\n {adornment \|\|\n (isOpen ? (\n <StyledDropUpXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n />\n ) : (\n <StyledDropDownXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n $disabled={disabled}\n />\n ))}\n </StyledHeaderRoot>\n );\n })();\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n */\n const handleContainerKeyDown = (event) => {\n if (isKeypress(event, Esc)) {\n handleToggle(event);\n }\n if (isKeypress(event, Tab) && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside = (event) => {\n const isButtonClick = referenceElement?.contains(event.target);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <StyledContainer\n role=\"tooltip\"\n ref={setPopperElement}\n className={clsx(baseDropdownClasses.container, classes?.container)}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionLeftPosition,\n classes?.inputExtensionLeftPosition\n )\n )}\n $leftPosition={popperPlacement.includes(\"end\")}\n $openShadow={false}\n $floatLeft={false}\n $floatRight={false}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <StyledPanel\n id={setId(elementId, \"children-container\")}\n className={clsx(baseDropdownClasses.panel, classes?.panel)}\n >\n {children}\n </StyledPanel>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n baseDropdownClasses.inputExtensionOpenShadow,\n classes?.inputExtensionOpenShadow,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatRight,\n classes?.inputExtensionFloatRight\n ),\n popperPlacement.includes(\"start\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatLeft,\n classes?.inputExtensionFloatLeft\n )\n )}\n $leftPosition={false}\n $openShadow={true}\n $floatLeft={popperPlacement.includes(\"start\")}\n $floatRight={popperPlacement.includes(\"end\")}\n />\n )}\n </div>\n </ClickAwayListener>\n </StyledContainer>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n <StyledAnchor\n id={id}\n role={ariaRole}\n aria-expanded={!!isOpen}\n aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n className={clsx(\n className,\n baseDropdownClasses.anchor,\n classes?.anchor,\n disabled &&\n clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n )}\n $disabled={disabled}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerComponent}\n </StyledAnchor>\n {isOpen && containerComponent}\n </StyledRoot>\n );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useContext","HvThemeContext","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAM;AAAA,EAAEA;AAAAA,EAAKC;AAAAA,EAAOC;AAAAA,EAAKC;AAAAA,EAAOC;AAAU,IAAIC;AAyFvC,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,cAAc,CAAC;AAAA,EACfC,mBAAmBC;AAAAA,EACnBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACgB,MAAM;AACnB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,WAAWC,cAAc;AAEtC,QAAA,CAACC,QAAQC,SAAS,IAAIC,cAAcpB,UAAUqB,QAAQnB,eAAe,CAAC;AAE5E,QAAM,CAACoB,kBAAkBC,mBAAmB,IAAIC,SAC9C,IAAI;AAEN,QAAM,CAACC,eAAeC,gBAAgB,IAAIF,SAA6B,IAAI;AAC3E,QAAM,CAACG,eAAeC,gBAAgB,IAAIJ,SAGvC,CAAE,CAAA;AAEL,QAAMK,8BAA8BC,WAClCpB,uBACAT,2DAAqB8B,GAAG;AAEpBC,QAAAA,0BAA0BF,WAC9BP,qBACAM,2BAA2B;AAG7B,QAAMI,WAAWrC,SAASE,aAAa,OAAO,aAAaoC;AAErDC,QAAAA,YAAYC,YAAY5C,IAAI,gBAAgB;AAElD,QAAM6C,SACJ9B,aAAc,UAASA,cAAc,UAAU,UAAU;AAErD+B,QAAAA,iBAAiBhB,mBACnBA,qDAAkBiB,cAClB;AAEE,QAAA;AAAA,IAAEC,WAAWC,uBAAuB,CAAE;AAAA,OAAKC;AAAAA,EAC/ClC,IAAAA;AAEImC,QAAAA,gBAAgBC,YAAY,MAAM;AAClC/B,QAAAA;AAAqBA,0BAAoBY,aAAa;AAAA,EAAA,GACzD,CAACZ,qBAAqBY,aAAa,CAAC;AAEjCoB,QAAAA,kBAAkBD,YACtB,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AACzCA,UAAMC,OAAOC,OAAOC,QAAS,GAAEH,MAAMI,MAAMC,UAAUF;AAAAA,EACvD,GACA,CAAE,CAAA;AAGEG,QAAAA,wBAAwBR,YAC5B,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AACzCA,UAAMO,SAASL,OAAOM,MAAML,QAAS,GAClCH,MAAMO,SAASF,UAAkBZ;AAAAA,EAEtC,GACA,CAAE,CAAA;AAGEgB,QAAAA,yBAAyBX,YAC7B,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AAEnC,UAAA;AAAA,MAAEG;AAAAA,MAAOO;AAAAA,IAAAA,IAAWV,MAAMW,cAAcC;AAC9C,QAAIT,WAAUtB,+CAAesB,UAASO,YAAW7B,+CAAe6B,SAAQ;AACrD,uBAAA;AAAA,QAAEP;AAAAA,QAAOO;AAAAA,MAAAA,CAAQ;AAAA,IACpC;AAEAV,UAAMC,OAAOC,SAAS;AAAA,MACpB,GAAGF,MAAMC,OAAOC;AAAAA,MAChBW,UAAW,GAAEV;AAAAA,MACbW,WAAY,GAAEJ;AAAAA,IAAAA;AAAAA,EAChB,GAEF,CAAC7B,aAAa,CAAC;AAGXkC,QAAAA,oBAAoBjB,YACxB,CAAC;AAAA,IAAEE;AAAAA,IAAOgB;AAAAA,IAAMC;AAAAA,EAAAA,MAA0C;;AAClDC,UAAAA,WAAWC,eAAenB,OAAOiB,OAAO;AAE9C,UAAMG,MAAIpB,WAAMW,cAAcU,oBAApBrB,mBAAqCoB,MAAK;AACpD,UAAME,MAAItB,WAAMW,cAAcU,oBAApBrB,mBAAqCsB,MAAK;AAE9CC,UAAAA,cAAcvB,MAAMI,MAAMF,OAAOC;AACjCqB,UAAAA,eAAexB,MAAMI,MAAMF,OAAOQ;AAExC,UAAMe,gBAAgBzB,MAAMvC,UAAUiE,MAAM,GAAG,EAAE;AAE3CC,UAAAA,YAAYF,kBAAkB,SAAS,SAAS;AAChDG,UAAAA,aAAaH,kBAAkB,QAAQ,QAAQ;AAErDzB,UAAMW,cAAcK,QAAQ;AAAA,MAC1Bb,OAAOoB,cAAcL,SAASS,aAAaP;AAAAA,MAC3CV,QAAQc,eAAeN,SAASU,cAAcN;AAAAA,IAAAA;AAAAA,EAElD,GACA,CAAE,CAAA;AAGE5B,QAAAA,YAAiBmC,QACrB,MAAM,CACJ;AAAA,IACEb,MAAM;AAAA,IACNc,SAAS,CAACtE;AAAAA,IACVuE,OAAO;AAAA,IACPC,UAAU,CAAC,eAAe;AAAA,IAC1BC,IAAIlC;AAAAA,IACJmC,QAAQ5B;AAAAA,EAAAA,GAEV;AAAA,IACEU,MAAM;AAAA,IACNc,SAAS;AAAA,IACTC,OAAO;AAAA,IACPI,kBAAkB,CAAC,UAAU,mBAAmB,MAAM;AAAA,IACtDF,IAAIlB;AAAAA,EAAAA,GAEN;AAAA,IACEC,MAAM;AAAA,IACNc,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,UAAU,CAAC,SAAS;AAAA,IACpBC,IAAIxB;AAAAA,EAAAA,GAEN,GAAGd,oBAAoB,GAEzB,CACEoB,mBACAN,wBACAd,sBACAnC,eACAuC,iBACAO,qBAAqB,CACtB;AAGG,QAAA;AAAA,IAAEL,QAAQmC;AAAAA,IAAcC;AAAAA,EAAAA,IAAeC,UAC3C9D,kBACAG,eACA;AAAA,IACElB,WAAW8B;AAAAA,IACXG;AAAAA,IACAG;AAAAA,IACA,GAAGD;AAAAA,EAAAA,CACJ;AAGH,MAAI2C,kBAAkB;AACtB,MAAIF,WAAWnC,QAAQ;AACrBqC,sBAAkBF,WAAWnC,OAAO;AAAA,EACtC;AAEMsC,QAAAA,eAAe1C,YAClB2C,CAAU,UAAA;AACT,QAAIA,SAAS,CAACC,WAAWD,OAAOtG,GAAG,GAAG;AACpCsG,YAAME,eAAgB;AAAA,IACxB;AAGA,UAAMC,gBAAgB,CAACzG,KAAKC,OAAOC,KAAKE,WAAWD,KAAK,EAAEuG,MACvDC,CAAQJ,QAAAA,WAAWD,OAAOK,GAAG,MAAM,KAAK;AAG3C,UAAMC,sBACHL,WAAWD,OAAOpG,GAAG,KAAK,CAAC+B,UAC3BsE,WAAWD,OAAOlG,SAAS,KAAK6B,UAChCsE,WAAWD,OAAOtG,GAAG,KAAK,CAACiC;AAE9B,QAAIf,YAAYuF,iBAAiBG;AAAqB;AAEtD,UAAMC,UAAU,CAAC5E;AAGjB,UAAM6E,cAAcA,MAAM;AACxB,UAAI,CAACD,SAAS;AAGZxE,6DAAkB0E,MAAM;AAAA,UAAEC,eAAe;AAAA,QAAA;AAAA,MAC3C;AAEOH,aAAAA;AAAAA,IAAAA;AAET3E,cAAU4E,aAAa;AAEvBpF,yCAAW4E,OAAOO;AAAAA,EAAO,GAE3B,CAAC5E,QAAQf,UAAUgB,WAAWR,UAAUW,gBAAgB,CAAC;AAG3D,QAAM4E,mBAAmB,MAAM;;AAC7B,QAAIpG,WAAW;AACNqG,aAAAA,eAAMC,aAAatG,WAAiC;AAAA,QACzDiC,KAAKC;AAAAA,MAAAA,CACN;AAAA,IACH;AAEA,gCACGqE,kBAAgB;AAAA,MACf7G,IAAI8G,MAAM9G,IAAI,QAAQ;AAAA,MACtBC,WAAW8G,KACTC,oBAAoBC,QACpB/G,mCAAS+G,QACTtG,YACEoG,KAAKC,oBAAoBE,gBAAgBhH,mCAASgH,cAAc,GAClEtG,YACEmG,KAAKC,oBAAoBG,gBAAgBjH,mCAASiH,cAAc,GAClEzF,UAAUqF,KAAKC,oBAAoBI,YAAYlH,mCAASkH,UAAU,GAClE1F,UACEmE,gBAAgBwB,SAAS,KAAK,KAC9BN,KAAKC,oBAAoBM,cAAcpH,mCAASoH,YAAY,GAC9D5F,UACEmE,gBAAgBwB,SAAS,QAAQ,KACjCN,KAAKC,oBAAoBO,gBAAgBrH,mCAASqH,cAAc,CAAC;AAAA,MAErEC,WAAW7G;AAAAA,MACX8G,WAAW7G;AAAAA,MACX8G,SAAShG;AAAAA,MACTiG,WAAWjG,UAAUmE,gBAAgBwB,SAAS,KAAK;AAAA,MACnDO,aAAalG,UAAUmE,gBAAgBwB,SAAS,QAAQ;AAAA,MACxDjH,MAAMqC,aAAa,aAAa,YAAYC;AAAAA,MAC5CoB,OAAOnD,YAAYC,WAAW;AAAA,QAAEiH,eAAe;AAAA,MAAWnF,IAAAA;AAAAA,MAC1D,iBACEhB,SAASoF,MAAMnE,WAAW,oBAAoB,IAAID;AAAAA,MAEpD,eAAYpB,YAAO,kBAAPA,YAAwBoB;AAAAA,MACpC,oBAAiBpB,YAAO,uBAAPA,YAA6BoB;AAAAA,MAE9CoF,UAAUnH,WAAW,KAAK;AAAA,MAC1B4B,KAAKC;AAAAA,MAAwB,GACzB/B;AAAAA,MAAmBN,UAAA,CAEvB4H,oBAACC,iBAAe;AAAA,QACd/H,WAAW8G,KAAKC,oBAAoBiB,WAAW/H,mCAAS+H,SAAS;AAAA,QAAE9H,UAElEE,eAAe,OAAOA,gBAAgB,+BACpC6H,mBAAiB;AAAA,UAChBjI,WAAW8G,KACTC,oBAAoB3G,aACpBH,mCAASG,aACTM,YACEoG,KACEC,oBAAoBmB,mBACpBjI,mCAASiI,iBAAiB,CAC3B;AAAA,UAELX,WAAW7G;AAAAA,UACXyH,SAAQ;AAAA,UAAMjI,UAEbE;AAAAA,QAAW,CAAA,IAGdA;AAAAA,MACD,CAAA,GAEFE,cACEmB,6BACE2G,gBAAc;AAAA,QACbC,UAAS;AAAA,QACTrI,WAAW8G,KAAKC,oBAAoBuB,OAAOrI,mCAASqI,KAAK;AAAA,MAAA,CACzD,IAEFR,oBAACS,kBAAgB;AAAA,QACfF,UAAS;AAAA,QACTrI,WAAW8G,KAAKC,oBAAoBuB,OAAOrI,mCAASqI,KAAK;AAAA,QACzDf,WAAW7G;AAAAA,MAAS,CAAA,EAEtB;AAAA,IAAA,CACa;AAAA,EAAA;AAIvB,QAAM8H,sBAAsB,MAAM;AAIhC,UAAMC,yBAA0B3C,CAAU,UAAA;;AACpCC,UAAAA,WAAWD,OAAOpG,GAAG,GAAG;AAC1BmG,qBAAaC,KAAK;AAAA,MACpB;AACA,UAAIC,WAAWD,OAAOtG,GAAG,KAAK,CAACsG,MAAM4C,UAAU;AACvCC,cAAAA,YAAYC,qBAAqB5G,aAAa;AAChD6G,YAAAA,SAASC,mBAAkBH,uCAAWI,OAAM;AAC9CjD,gBAAME,eAAgB;AACtB2C,uDAAWK,UAAXL,mBAAkBpC;AAAAA,QACpB;AAAA,MACF;AAAA,IAAA;AAGF,UAAM0C,gBAAiBnD,CAAU,UAAA;AAC/B,YAAMoD,gBAAgBrH,qDAAkBsH,SAASrD,MAAMsD;AACvD,UAAI,CAACF,eAAe;AAClB/H,yDAAiB2E;AACjBpE,kBAAU,KAAK;AACfR,6CAAW4E,OAAO;AAAA,MACpB;AAAA,IAAA;AAGIuD,UAAAA,gCACHC,iBAAe;AAAA,MACdnJ,MAAK;AAAA,MACLmC,KAAKL;AAAAA,MACLjC,WAAW8G,KAAKC,oBAAoBsC,WAAWpJ,mCAASoJ,SAAS;AAAA,MACjExF,OAAO4B,aAAalC;AAAAA,MAAO,GACvBmC,WAAWnC;AAAAA,MAAMrD,8BAEpBqJ,mBAAiB;AAAA,QAACC,aAAaP;AAAAA,QAAc/I,+BAC5C,OAAA;AAAA,UAAKuJ,WAAWhB;AAAAA,UAAuBvI,UAAA,CACpC0F,gBAAgBwB,SAAS,QAAQ,yBAC/BsC,iBAAe;AAAA,YACd7F,OAAO;AAAA,cAAEL,OAAOX;AAAAA,YAAe;AAAA,YAC/B7C,WAAW8G,KACTC,oBAAoB4C,oBACpB1J,mCAAS0J,oBACT/D,gBAAgBwB,SAAS,KAAK,KAC5BN,KACEC,oBAAoB6C,4BACpB3J,mCAAS2J,0BAA0B,CACpC;AAAA,YAELC,eAAejE,gBAAgBwB,SAAS,KAAK;AAAA,YAC7C0C,aAAa;AAAA,YACbC,YAAY;AAAA,YACZC,aAAa;AAAA,UAAA,CAAM,GAGtBC,oBAAAA,oBAAoBC,UAAQ;AAAA,YAACC,OAAOjI;AAAAA,YAAchC,8BAChDkK,aAAW;AAAA,cACVrK,IAAI8G,MAAMnE,WAAW,oBAAoB;AAAA,cACzC1C,WAAW8G,KAAKC,oBAAoBsD,OAAOpK,mCAASoK,KAAK;AAAA,cAAEnK;AAAAA,YAAAA,CAElD;AAAA,UAAA,CAEkB,GAC9B0F,gBAAgBwB,SAAS,KAAK,yBAC5BsC,iBAAe;AAAA,YACd7F,OAAO;AAAA,cAAEL,OAAOX;AAAAA,YAAe;AAAA,YAC/B7C,WAAW8G,KACTC,oBAAoB4C,oBACpB1J,mCAAS0J,oBACT5C,oBAAoBuD,0BACpBrK,mCAASqK,0BACT1E,gBAAgBwB,SAAS,KAAK,KAC5BN,KACEC,oBAAoBwD,0BACpBtK,mCAASsK,wBAAwB,GAErC3E,gBAAgBwB,SAAS,OAAO,KAC9BN,KACEC,oBAAoByD,yBACpBvK,mCAASuK,uBAAuB,CACjC;AAAA,YAELX,eAAe;AAAA,YACfC,aAAa;AAAA,YACbC,YAAYnE,gBAAgBwB,SAAS,OAAO;AAAA,YAC5C4C,aAAapE,gBAAgBwB,SAAS,KAAK;AAAA,UAAA,CAE9C,CAAA;AAAA,QAAA,CAAA;AAAA,MAAA,CACG;AAAA,IAAA,CAGX;AAEGxG,QAAAA;AAAsByI,aAAAA;AAEnBoB,WAAAA,aACLpB,WACAR,SAAS6B,eAAepJ,UAAU,EAAE,KAAKuH,SAAS8B,IAAI;AAAA,EAAA;AAI1D,8BACGC,YAAU;AAAA,IAAC5K,WAAW8G,KAAKC,oBAAoB8D,MAAM5K,mCAAS4K,IAAI;AAAA,IAAE3K,UAAA,CACnE4H,oBAACgD,cAAY;AAAA,MACX/K;AAAAA,MACAI,MAAMqC;AAAAA,MACN,iBAAe,CAAC,CAACf;AAAAA,MACjB,aAAWA,SAASoF,MAAMnE,WAAW,oBAAoB,IAAID;AAAAA,MAC7DzC,WAAW8G,KACT9G,WACA+G,oBAAoBgE,QACpB9K,mCAAS8K,QACTrK,YACEoG,KAAKC,oBAAoBiE,cAAc/K,mCAAS+K,YAAY,CAAC;AAAA,MAEjEzD,WAAW7G;AAAAA,MAAS,GACf,CAACC,YAAY;AAAA,QAChB8I,WAAW5D;AAAAA,QACXoF,SAASpF;AAAAA,MACX;AAAA,MAEAgC,UAAU;AAAA,MAAG,GACTxG;AAAAA,MAAMnB,UAETuG;AAAAA,IAAAA,CACY,GACdhF,UAAU+G,kBAAkB;AAAA,EAAA,CAClB;AAEjB;"}
1	+ {"version":3,"file":"BaseDropdown.js","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n ClickAwayListener,\n PopperPlacementType,\n PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useUniqueId } from \"hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { getFirstAndLastFocus } from \"utils/focusableElementFinder\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledAnchor,\n StyledContainer,\n StyledDropDownXS,\n StyledDropUpXS,\n StyledExtension,\n StyledHeaderRoot,\n StyledPanel,\n StyledPlaceholder,\n StyledRoot,\n StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport { HvThemeContext } from \"providers\";\nimport baseDropdownClasses, {\n HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport type HvBaseDropdownProps = HvBaseProps<\n HTMLDivElement,\n { placeholder }\n> & {\n /*\n The role of the element that triggers the popup.\n \n Defaults to \"combobox\" if `component` and the default\n * \"textbox\" header is used, undefined otherwise.\n /\n role?: string;\n /\n Header placeholder.\n /\n placeholder?: string \| React.ReactNode;\n /\n If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n /\n disabled?: boolean;\n /\n If `true` the dropdown will be in read only mode, unable to be interacted.\n /\n readOnly?: 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` 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 An object containing props to be wired to the popper component.\n /\n popperProps?: Partial<PopperProps>;\n /\n Placement of the dropdown.\n /\n placement?: \"left\" \| \"right\";\n /\n Replacement for the header component.\n /\n component?: React.ReactNode;\n /\n Adornment to replace the default arrows.\n /\n adornment?: React.ReactNode;\n /\n When dropdown changes the expanded state.\n /\n onToggle?: (event: Event, open: boolean) => void;\n /\n When user click outside the open container.\n /\n onClickOutside?: (event: Event) => void;\n /\n Callback called when the dropdown is opened and ready,\n * commonly used to set focus to the content.\n /\n onContainerCreation?: (container: HTMLElement \| null) => void;\n /\n Attributes applied to the dropdown header element.\n /\n dropdownHeaderProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >;\n /\n Pass a ref to the dropdown header element.\n /\n dropdownHeaderRef?: React.Ref<any>;\n /\n A Jss Object used to override or extend the component styles applied.\n /\n classes?: HvBaseDropdownClasses;\n};\n\nexport const HvBaseDropdown = ({\n id,\n className,\n classes,\n children,\n role,\n placeholder,\n component,\n adornment,\n expanded,\n dropdownHeaderProps,\n defaultExpanded = false,\n disabled = false,\n readOnly = false,\n disablePortal = false,\n variableWidth = false,\n placement = \"right\",\n popperProps = {},\n dropdownHeaderRef: dropdownHeaderRefProp,\n onToggle,\n onClickOutside,\n onContainerCreation,\n ...others\n}: HvBaseDropdownProps) => {\n const { rootId } = useContext(HvThemeContext);\n\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const [referenceElement, setReferenceElement] = useState<HTMLElement \| null>(\n null\n );\n const [popperElement, setPopperElement] = useState<HTMLElement \| null>(null);\n const [popperMaxSize, setPopperMaxSize] = useState<{\n width?: number;\n height?: number;\n }>({});\n\n const handleDropdownHeaderRefProp = useForkRef(\n dropdownHeaderRefProp,\n dropdownHeaderProps?.ref\n );\n const handleDropdownHeaderRef = useForkRef(\n setReferenceElement,\n handleDropdownHeaderRefProp\n );\n\n const ariaRole = role \|\| (component == null ? \"combobox\" : undefined);\n\n const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n const bottom: PopperPlacementType =\n placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n const extensionWidth = referenceElement\n ? referenceElement?.offsetWidth\n : \"inherit\";\n\n const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n popperProps;\n\n const onFirstUpdate = useCallback(() => {\n if (onContainerCreation) onContainerCreation(popperElement);\n }, [onContainerCreation, popperElement]);\n\n const widthCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n []\n );\n\n const widthCalculatorEffect = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as any).offsetWidth\n }px`;\n },\n []\n );\n\n const applyMaxSizeCalculator = useCallback(\n ({ state }: ModifierArguments<Options>) => {\n // The `maxSize` modifier provides this data\n const { width, height } = state.modifiersData.maxSize;\n if (width !== popperMaxSize?.width \|\| height !== popperMaxSize?.height) {\n setPopperMaxSize({ width, height });\n }\n\n state.styles.popper = {\n ...state.styles.popper,\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n };\n },\n [popperMaxSize]\n );\n\n const maxSizeCalculator = useCallback(\n ({ state, name, options }: ModifierArguments<Options>) => {\n const overflow = detectOverflow(state, options);\n\n const x = state.modifiersData.preventOverflow?.x \|\| 0;\n const y = state.modifiersData.preventOverflow?.y \|\| 0;\n\n const popperWidth = state.rects.popper.width;\n const popperHeight = state.rects.popper.height;\n\n const basePlacement = state.placement.split(\"-\")[0];\n\n const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n state.modifiersData[name] = {\n width: popperWidth - overflow[widthProp] - x,\n height: popperHeight - overflow[heightProp] - y,\n };\n },\n []\n );\n\n const modifiers: any = useMemo(\n () => [\n {\n name: \"variableWidth\",\n enabled: !variableWidth,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: widthCalculator,\n effect: widthCalculatorEffect,\n },\n {\n name: \"maxSize\",\n enabled: true,\n phase: \"main\",\n requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n fn: maxSizeCalculator,\n },\n {\n name: \"applyMaxSize\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"maxSize\"],\n fn: applyMaxSizeCalculator,\n },\n ...popperPropsModifiers,\n ],\n [\n maxSizeCalculator,\n applyMaxSizeCalculator,\n popperPropsModifiers,\n variableWidth,\n widthCalculator,\n widthCalculatorEffect,\n ]\n );\n\n const { styles: popperStyles, attributes } = usePopper(\n referenceElement,\n popperElement,\n {\n placement: bottom,\n modifiers,\n onFirstUpdate,\n ...otherPopperProps,\n }\n );\n\n let popperPlacement = \"bottom\";\n if (attributes.popper) {\n popperPlacement = attributes.popper[\"data-popper-placement\"];\n }\n\n const handleToggle = useCallback(\n (event) => {\n if (event && !isKeypress(event, Tab)) {\n event.preventDefault();\n }\n\n // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n (key) => isKeypress(event, key) === false\n );\n\n const ignoredCombinations =\n (isKeypress(event, Esc) && !isOpen) \|\|\n (isKeypress(event, ArrowDown) && isOpen) \|\|\n (isKeypress(event, Tab) && !isOpen);\n\n if (disabled \|\| notControlKey \|\| ignoredCombinations) return;\n\n const newOpen = !isOpen;\n\n / If about to close focus on the header component. /\n const focusHeader = () => {\n if (!newOpen) {\n // Focus-ring won't be visible even if using the keyboard:\n // https://github.com/WICG/focus-visible/issues/88\n referenceElement?.focus({ preventScroll: true });\n }\n\n return newOpen;\n };\n setIsOpen(focusHeader());\n\n onToggle?.(event, newOpen);\n },\n [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n );\n\n const headerComponent = (() => {\n if (component) {\n return React.cloneElement(component as React.ReactElement, {\n ref: handleDropdownHeaderRef,\n });\n }\n\n return (\n <StyledHeaderRoot\n id={setId(id, \"header\")}\n className={clsx(\n baseDropdownClasses.header,\n classes?.header,\n disabled &&\n clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n readOnly &&\n clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n isOpen &&\n popperPlacement.includes(\"top\") &&\n clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n isOpen &&\n popperPlacement.includes(\"bottom\") &&\n clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n )}\n $disabled={disabled}\n $readOnly={readOnly}\n $opened={isOpen}\n $openedUp={isOpen && popperPlacement.includes(\"top\")}\n $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n style={disabled \|\| readOnly ? { pointerEvents: \"none\" } : undefined}\n aria-controls={\n isOpen ? setId(elementId, \"children-container\") : undefined\n }\n aria-label={others[\"aria-label\"] ?? undefined}\n aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n // Removes the element from the navigation sequence for keyboard focus if disabled\n tabIndex={disabled ? -1 : 0}\n ref={handleDropdownHeaderRef}\n {...dropdownHeaderProps}\n >\n <StyledSelection\n className={clsx(baseDropdownClasses.selection, classes?.selection)}\n >\n {placeholder && typeof placeholder === \"string\" ? (\n <StyledPlaceholder\n className={clsx(\n baseDropdownClasses.placeholder,\n classes?.placeholder,\n disabled &&\n clsx(\n baseDropdownClasses.selectionDisabled,\n classes?.selectionDisabled\n )\n )}\n $disabled={disabled}\n variant=\"body\"\n >\n {placeholder}\n </StyledPlaceholder>\n ) : (\n placeholder\n )}\n </StyledSelection>\n {adornment \|\|\n (isOpen ? (\n <StyledDropUpXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n />\n ) : (\n <StyledDropDownXS\n iconSize=\"XS\"\n className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n $disabled={disabled}\n />\n ))}\n </StyledHeaderRoot>\n );\n })();\n\n const containerComponent = (() => {\n /\n Handle keyboard inside children container.\n */\n const handleContainerKeyDown = (event) => {\n if (isKeypress(event, Esc)) {\n handleToggle(event);\n }\n if (isKeypress(event, Tab) && !event.shiftKey) {\n const focusList = getFirstAndLastFocus(popperElement);\n if (document.activeElement === focusList?.last) {\n event.preventDefault();\n focusList?.first?.focus();\n }\n }\n };\n\n const handleOutside = (event) => {\n const isButtonClick = referenceElement?.contains(event.target);\n if (!isButtonClick) {\n onClickOutside?.(event);\n setIsOpen(false);\n onToggle?.(event, false);\n }\n };\n\n const container = (\n <StyledContainer\n role=\"tooltip\"\n ref={setPopperElement}\n className={clsx(baseDropdownClasses.container, classes?.container)}\n style={popperStyles.popper}\n {...attributes.popper}\n >\n <ClickAwayListener onClickAway={handleOutside}>\n <div onKeyDown={handleContainerKeyDown}>\n {popperPlacement.includes(\"bottom\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionLeftPosition,\n classes?.inputExtensionLeftPosition\n )\n )}\n $leftPosition={popperPlacement.includes(\"end\")}\n $openShadow={false}\n $floatLeft={false}\n $floatRight={false}\n />\n )}\n <BaseDropdownContext.Provider value={popperMaxSize}>\n <StyledPanel\n id={setId(elementId, \"children-container\")}\n className={clsx(baseDropdownClasses.panel, classes?.panel)}\n >\n {children}\n </StyledPanel>\n </BaseDropdownContext.Provider>\n {popperPlacement.includes(\"top\") && (\n <StyledExtension\n style={{ width: extensionWidth }}\n className={clsx(\n baseDropdownClasses.inputExtensionOpen,\n classes?.inputExtensionOpen,\n baseDropdownClasses.inputExtensionOpenShadow,\n classes?.inputExtensionOpenShadow,\n popperPlacement.includes(\"end\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatRight,\n classes?.inputExtensionFloatRight\n ),\n popperPlacement.includes(\"start\") &&\n clsx(\n baseDropdownClasses.inputExtensionFloatLeft,\n classes?.inputExtensionFloatLeft\n )\n )}\n $leftPosition={false}\n $openShadow={true}\n $floatLeft={popperPlacement.includes(\"start\")}\n $floatRight={popperPlacement.includes(\"end\")}\n />\n )}\n </div>\n </ClickAwayListener>\n </StyledContainer>\n );\n\n if (disablePortal) return container;\n\n return createPortal(\n container,\n document.getElementById(rootId \|\| \"\") \|\| document.body\n );\n })();\n\n return (\n <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n <StyledAnchor\n id={id}\n role={ariaRole}\n aria-expanded={!!isOpen}\n aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n className={clsx(\n className,\n baseDropdownClasses.anchor,\n classes?.anchor,\n disabled &&\n clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n )}\n $disabled={disabled}\n {...(!readOnly && {\n onKeyDown: handleToggle,\n onClick: handleToggle,\n })}\n // Removes the element from the navigation sequence for keyboard focus\n tabIndex={-1}\n {...others}\n >\n {headerComponent}\n </StyledAnchor>\n {isOpen && containerComponent}\n </StyledRoot>\n );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useContext","HvThemeContext","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","root","anchor","rootDisabled","onKeyDown","onClick"],"mappings":"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"}

package/dist/esm/components/BaseInput/BaseInput.js CHANGED Viewed

@@ -1,11 +1,14 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import { StyledRoot, StyledInput, StyledInputBorderContainer } from "./BaseInput.styles.js";
 import clsx from "clsx";
 import baseInputClasses from "./baseInputClasses.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { css, Global } from "@emotion/react";
+import { theme } from "@hitachivantara/uikit-styles";
 import { buildFormElementPropsFromContext, buildAriaPropsFromContext } from "../Forms/FormElement/utils/FormUtils.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementDescriptorsContext } from "../Forms/FormElement/context/FormElementDescriptorsContext.js";
+const baseInputStyles = /* @__PURE__ */ css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', theme.colors.acce1, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiLi4vRm9ybXMvRm9ybUVsZW1lbnRcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5hY2NlMX0sXG4gIH0sXG5cbiAgLyogQ2xlYXJzIGlucHV0J3MgY2xlYXIgYW5kIHJldmVhbCBidXR0b25zIGZyb20gSUUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1jbGVhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LW1zLXJldmVhbFwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgd2lkdGg6IDAsXG4gICAgaGVpZ2h0OiAwLFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGJ1dHRvbiBmcm9tIENocm9tZSAqL1xuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtZGVjb3JhdGlvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1jYW5jZWwtYnV0dG9uXCI6IHsgZGlzcGxheTogXCJub25lXCIgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uXCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtZGVjb3JhdGlvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59YDtcblxuZXhwb3J0IHR5cGUgSHZCYXNlSW5wdXRQcm9wcyA9IE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+ICZcbiAgSHZCYXNlUHJvcHM8SFRNTERpdkVsZW1lbnQsIHsgb25DaGFuZ2UgfT4gJiB7XG4gICAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICAgIG5hbWU/OiBzdHJpbmc7XG4gICAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gY29udHJvbGxlZC4gKi9cbiAgICB2YWx1ZT86IHN0cmluZztcbiAgICAvKiogVGhlIGluaXRpYWwgdmFsdWUgb2YgdGhlIGlucHV0LCB3aGVuIHVuY29udHJvbGxlZC4gKi9cbiAgICBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gICAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIC8qKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgaXMgbm90IGVkaXRhYmxlLiAqL1xuICAgIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgICAvKiogSWYgdHJ1ZSwgdGhlIGlucHV0IGVsZW1lbnQgd2lsbCBiZSByZXF1aXJlZC4gKi9cbiAgICByZXF1aXJlZD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgICAqIGl0IHJlY2VpdmVzIHRoZSB2YWx1ZS4gSWYgYSBuZXcgdmFsdWUgc2hvdWxkIGJlIHByZXNlbnRlZCBpdCBtdXN0IHJldHVybmVkIGl0LiAqL1xuICAgIG9uQ2hhbmdlPzogKFxuICAgICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICAgIHZhbHVlOiBzdHJpbmdcbiAgICApID0+IHZvaWQ7XG4gICAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICAgIHR5cGU/OiBzdHJpbmc7XG4gICAgLyoqIExhYmVsIGluc2lkZSB0aGUgaW5wdXQgdXNlZCB0byBoZWxwIHVzZXIuICovXG4gICAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gICAgLyoqIElmIHRydWUsIGEgdGV4dGFyZWEgZWxlbWVudCB3aWxsIGJlIHJlbmRlcmVkLiAqL1xuICAgIG11bHRpbGluZT86IGJvb2xlYW47XG4gICAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gICAgcmVzaXphYmxlPzogYm9vbGVhbjtcbiAgICAvKiogRGVub3RlcyBpZiB0aGUgaW5wdXQgaXMgaW4gYW4gaW52YWxpZCBzdGF0ZS4gKi9cbiAgICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgICAvKiogQXR0cmlidXRlcyBhcHBsaWVkIHRvIHRoZSBpbnB1dCBlbGVtZW50LiAqL1xuICAgIGlucHV0UHJvcHM/OiBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcztcbiAgICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gICAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xuICB9O1xuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17YmFzZUlucHV0U3R5bGVzfSAvPlxuICAgICAgPFN0eWxlZFJvb3RcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsIGNsYXNzZXM/LmludmFsaWQpLFxuICAgICAgICAgIG11bHRpbGluZSAmJlxuICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlYWRPbmx5ICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICl9XG4gICAgICAgICRkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgJHJlc2l6YWJsZT17bXVsdGlsaW5lICYmIHJlc2l6YWJsZX1cbiAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbmFtZT17Zm9ybUVsZW1lbnRQcm9wcy5uYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEludmFsaWRcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RSZWFkT25seVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LCBjbGFzc2VzPy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgZm9jdXNlZDogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbXVsdGlsaW5lOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdE11bHRpbGluZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgaW5wdXQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSwgY2xhc3Nlcz8uaW5wdXRSZXNpemFibGUpLFxuICAgICAgICAgICAgICBkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLCBjbGFzc2VzPy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgcmVhZE9ubHkgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICAgICApLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgJHJlc2l6YWJsZT17IWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgcmVzaXphYmxlfVxuICAgICAgICAgICRkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAkcmVhZE9ubHk9eyEhcmVhZE9ubHl9XG4gICAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */");
 const HvBaseInput = ({
   classes,
   className = "",
@@ -34,48 +37,23 @@ const HvBaseInput = ({
   const onChangeHandler = (event) => {
     onChange == null ? void 0 : onChange(event, event.target.value);
   };
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(baseInputClasses.root, classes == null ? void 0 : classes.root, className, formElementProps.disabled && clsx(baseInputClasses.disabled, classes == null ? void 0 : classes.disabled), localInvalid && clsx(baseInputClasses.invalid, classes == null ? void 0 : classes.invalid), multiline && resizable && clsx(baseInputClasses.resizable, classes == null ? void 0 : classes.resizable), readOnly && clsx(baseInputClasses.readOnly, classes == null ? void 0 : classes.readOnly)),
-    $disabled: formElementProps.disabled,
-    $invalid: localInvalid,
-    $resizable: multiline && resizable,
-    $readOnly: !!readOnly,
-    children: [/* @__PURE__ */ jsx(StyledInput, {
-      id,
-      name: formElementProps.name,
-      value,
-      defaultValue,
-      type,
-      placeholder,
-      readOnly: !!formElementProps.readOnly,
-      disabled: formElementProps.disabled,
-      onChange: onChangeHandler,
-      className: clsx(localInvalid && baseInputClasses.inputRootInvalid, readOnly && baseInputClasses.inputRootReadOnly),
-      classes: {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Global, { styles: baseInputStyles }),
+    /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(baseInputClasses.root, classes == null ? void 0 : classes.root, className, formElementProps.disabled && clsx(baseInputClasses.disabled, classes == null ? void 0 : classes.disabled), localInvalid && clsx(baseInputClasses.invalid, classes == null ? void 0 : classes.invalid), multiline && resizable && clsx(baseInputClasses.resizable, classes == null ? void 0 : classes.resizable), readOnly && clsx(baseInputClasses.readOnly, classes == null ? void 0 : classes.readOnly)), $disabled: formElementProps.disabled, $invalid: localInvalid, $resizable: multiline && resizable, $readOnly: !!readOnly, children: [
+      /* @__PURE__ */ jsx(StyledInput, { id, name: formElementProps.name, value, defaultValue, type, placeholder, readOnly: !!formElementProps.readOnly, disabled: formElementProps.disabled, onChange: onChangeHandler, className: clsx(localInvalid && clsx(baseInputClasses.inputRootInvalid, classes == null ? void 0 : classes.inputRootInvalid), readOnly && clsx(baseInputClasses.inputRootReadOnly, classes == null ? void 0 : classes.inputRootReadOnly)), classes: {
         root: clsx(baseInputClasses.inputRoot, classes == null ? void 0 : classes.inputRoot),
         focused: clsx(baseInputClasses.inputRootFocused, classes == null ? void 0 : classes.inputRootFocused),
         disabled: clsx(baseInputClasses.inputRootDisabled, classes == null ? void 0 : classes.inputRootDisabled),
         multiline: clsx(baseInputClasses.inputRootMultiline, classes == null ? void 0 : classes.inputRootMultiline),
         input: clsx(baseInputClasses.input, classes == null ? void 0 : classes.input, !formElementProps.disabled && resizable && clsx(baseInputClasses.inputResizable, classes == null ? void 0 : classes.inputResizable), disabled && clsx(baseInputClasses.inputDisabled, classes == null ? void 0 : classes.inputDisabled), readOnly && clsx(baseInputClasses.inputReadOnly, classes == null ? void 0 : classes.readOnly))
-      },
-      inputProps: {
+      }, inputProps: {
         required: formElementProps.required,
         ...inputProps,
         ...ariaProps
-      },
-      inputRef,
-      multiline,
-      rows: 10,
-      $resizable: !formElementProps.disabled && resizable,
-      $disabled: !!disabled,
-      $readOnly: !!readOnly,
-      $invalid: localInvalid,
-      ...others
-    }), !multiline && /* @__PURE__ */ jsx(StyledInputBorderContainer, {
-      role: "presentation",
-      className: clsx(baseInputClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
-    })]
-  });
+      }, inputRef, multiline, rows: 10, $resizable: !formElementProps.disabled && resizable, $disabled: !!disabled, $readOnly: !!readOnly, $invalid: localInvalid, ...others }),
+      !multiline && /* @__PURE__ */ jsx(StyledInputBorderContainer, { role: "presentation", className: clsx(baseInputClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer) })
+    ] })
+  ] });
 };
 export {
   HvBaseInput

package/dist/esm/components/BaseInput/BaseInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledRoot,\n StyledInputBorderContainer,\n StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\"> &\n HvBaseProps<HTMLDivElement, { onChange }> & {\n /** The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\n /* The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: RefObject<HTMLElement>;\n /* A Jss Object used to override or extend the styles applied to the empty state component. /\n classes?: HvBaseInputClasses;\n };\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <StyledRoot\n className={clsx(\n baseInputClasses.root,\n classes?.root,\n className,\n formElementProps.disabled &&\n clsx(baseInputClasses.disabled, classes?.disabled),\n localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n multiline &&\n resizable &&\n clsx(baseInputClasses.resizable, classes?.resizable),\n readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n )}\n $disabled={formElementProps.disabled}\n $invalid={localInvalid}\n $resizable={multiline && resizable}\n $readOnly={!!readOnly}\n >\n <StyledInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={clsx(\n localInvalid && baseInputClasses.inputRootInvalid,\n readOnly && baseInputClasses.inputRootReadOnly\n )}\n classes={{\n root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n focused: clsx(\n baseInputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n disabled: clsx(\n baseInputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n multiline: clsx(\n baseInputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n input: clsx(\n baseInputClasses.input,\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n disabled &&\n clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n readOnly && clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n $resizable={!formElementProps.disabled && resizable}\n $disabled={!!disabled}\n $readOnly={!!readOnly}\n $invalid={localInvalid}\n {...others}\n />\n {!multiline && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n baseInputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","children","_jsx","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}
1	+ {"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n InputBaseComponentProps as MuiInputBaseComponentProps,\n InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledRoot,\n StyledInputBorderContainer,\n StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n buildFormElementPropsFromContext,\n buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\nimport clsx from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n \"input:-webkit-autofill\": {\n \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n \"-webkit-text-fill-color\": ${theme.colors.acce1},\n },\n\n /* Clears input's clear and reveal buttons from IE /\n \"input[type=search]::-ms-clear\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n \"input[type=search]::-ms-reveal\": {\n display: \"none\",\n width: 0,\n height: 0,\n },\n\n / Clears input's clear button from Chrome /\n \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n \"input[type=search]::-webkit-search-results-button\": {\n display: \"none\",\n },\n \"input[type=search]::-webkit-search-results-decoration\": {\n display: \"none\",\n },\n}`;\n\nexport type HvBaseInputProps = Omit<MuiInputProps, \"onChange\" \| \"classes\"> &\n HvBaseProps<HTMLDivElement, { onChange }> & {\n /* The input name. /\n name?: string;\n /* The value of the input, when controlled. /\n value?: string;\n /* The initial value of the input, when uncontrolled. /\n defaultValue?: string;\n /* If `true` the input is disabled. /\n disabled?: boolean;\n /* Indicates that the input is not editable. /\n readOnly?: boolean;\n /* If true, the input element will be required. /\n required?: boolean;\n /* The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it. /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>,\n value: string\n ) => void;\n /* The input type. /\n type?: string;\n /* Label inside the input used to help user. /\n placeholder?: string;\n /* If true, a textarea element will be rendered. /\n multiline?: boolean;\n /* If true and multiline is also true the textarea element will be resizable. /\n resizable?: boolean;\n /* Denotes if the input is in an invalid state. /\n invalid?: boolean;\n /* Attributes applied to the input element. /\n inputProps?: MuiInputBaseComponentProps;\n /* Allows passing a ref to the underlying input /\n inputRef?: RefObject<HTMLElement>;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBaseInputClasses;\n };\n\n/\n An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n classes,\n className = \"\",\n id,\n name,\n value,\n defaultValue,\n required,\n readOnly,\n disabled,\n onChange,\n type = \"text\",\n placeholder,\n multiline = false,\n resizable = false,\n invalid = false,\n inputRef,\n inputProps = {},\n ...others\n}: HvBaseInputProps) => {\n const formElementContext = useContext(HvFormElementContext);\n const formElementProps = buildFormElementPropsFromContext(\n name,\n disabled,\n readOnly,\n required,\n status,\n formElementContext\n );\n\n const localInvalid = invalid \|\| formElementProps.status === \"invalid\";\n\n const formElementDescriptorsContext = useContext(\n HvFormElementDescriptorsContext\n );\n const ariaProps = buildAriaPropsFromContext(\n inputProps,\n formElementDescriptorsContext,\n localInvalid,\n id\n );\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>\n ) => {\n onChange?.(event, event.target.value);\n };\n\n return (\n <>\n <Global styles={baseInputStyles} />\n <StyledRoot\n className={clsx(\n baseInputClasses.root,\n classes?.root,\n className,\n formElementProps.disabled &&\n clsx(baseInputClasses.disabled, classes?.disabled),\n localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n multiline &&\n resizable &&\n clsx(baseInputClasses.resizable, classes?.resizable),\n readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n )}\n $disabled={formElementProps.disabled}\n $invalid={localInvalid}\n $resizable={multiline && resizable}\n $readOnly={!!readOnly}\n >\n <StyledInput\n id={id}\n name={formElementProps.name}\n value={value}\n defaultValue={defaultValue}\n type={type}\n placeholder={placeholder}\n readOnly={!!formElementProps.readOnly}\n disabled={formElementProps.disabled}\n onChange={onChangeHandler}\n className={clsx(\n localInvalid &&\n clsx(\n baseInputClasses.inputRootInvalid,\n classes?.inputRootInvalid\n ),\n readOnly &&\n clsx(\n baseInputClasses.inputRootReadOnly,\n classes?.inputRootReadOnly\n )\n )}\n classes={{\n root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n focused: clsx(\n baseInputClasses.inputRootFocused,\n classes?.inputRootFocused\n ),\n disabled: clsx(\n baseInputClasses.inputRootDisabled,\n classes?.inputRootDisabled\n ),\n multiline: clsx(\n baseInputClasses.inputRootMultiline,\n classes?.inputRootMultiline\n ),\n input: clsx(\n baseInputClasses.input,\n classes?.input,\n !formElementProps.disabled &&\n resizable &&\n clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n disabled &&\n clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n readOnly &&\n clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n ),\n }}\n inputProps={{\n // Avoid the required attribute at the root node\n required: formElementProps.required,\n ...inputProps,\n ...ariaProps,\n }}\n inputRef={inputRef}\n multiline={multiline}\n rows={10}\n $resizable={!formElementProps.disabled && resizable}\n $disabled={!!disabled}\n $readOnly={!!readOnly}\n $invalid={localInvalid}\n {...others}\n />\n {!multiline && (\n <StyledInputBorderContainer\n role=\"presentation\"\n className={clsx(\n baseInputClasses.inputBorderContainer,\n classes?.inputBorderContainer\n )}\n />\n )}\n </StyledRoot>\n </>\n );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","acce1","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","baseInputClasses","root","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","inputBorderContainer"],"mappings":"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"}