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

package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs

@@ -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 clsx = require("clsx");
 const LeftControl_styles = require("./LeftControl.styles.cjs");
 const React = require("react");
 const ControlsContext = require("../context/ControlsContext.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const leftControlClasses = require("./leftControlClasses.cjs");
 const Input = require("../../Input/Input.cjs");
 const setId = require("../../../utils/setId.cjs");
@@ -28,10 +28,18 @@ const HvLeftControl = ({
     onSearch == null ? void 0 : onSearch(e, value);
     onSearchHandler == null ? void 0 : onSearchHandler(value);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(LeftControl_styles.StyledRoot, { id, className: clsx__default.default(className, leftControlClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
-    !hideSearch && /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "search-input"), type: "search", placeholder, onChange: (e, value) => onChangeFilter(e, value), ...searchProps }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(LeftControl_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, leftControlClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [!hideSearch && /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+      id: setId.setId(id, "search-input"),
+      type: "search",
+      placeholder,
+      onChange: (e, value) => onChangeFilter(e, value),
+      ...searchProps
+    }), children]
+  });
 };
 exports.HvLeftControl = HvLeftControl;
 //# sourceMappingURL=LeftControl.cjs.map

package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LeftControl.cjs","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSearch?: boolean;\n  /** placeholder of the input */\n  placeholder?: string;\n  /** Callback called when a search action occurs */\n  onSearch?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Extra props passed to input */\n  searchProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}: HvLeftControlProps) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, leftControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSearch && (\n        <HvInput\n          id={setId(id, \"search-input\")}\n          type=\"search\"\n          placeholder={placeholder}\n          onChange={(e, value) => onChangeFilter(e, value)}\n          {...searchProps}\n        />\n      )}\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","jsxs","StyledRoot","clsx","leftControlClasses","root","HvInput","setId"],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,SACGC,2BAAA,KAAAC,mBAAA,YAAA,EACC,IACA,WAAWC,cAAAA,QAAKf,WAAWgB,mBAAAA,QAAmBC,MAAMlB,mCAASkB,IAAI,GAC7DX,GAAAA,QAEH,UAAA;AAAA,IAACF,CAAAA,6CACCc,MAAAA,SACC,EAAA,IAAIC,MAAAA,MAAMrB,IAAI,cAAc,GAC5B,MAAK,UACL,aACA,UAAU,CAACa,GAAGC,UAAUF,eAAeC,GAAGC,KAAK,GAC/C,GAAIP,aAEP;AAAA,IACAJ;AAAAA,EACH,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"LeftControl.cjs","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot } from \"./LeftControl.styles\";\nimport { leftControlClasses, HvLeftControlClasses } from \".\";\nimport { HvInput, HvInputProps } from \"components\";\nimport { useContext } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvLeftControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSearch?: boolean;\n  /** placeholder of the input */\n  placeholder?: string;\n  /** Callback called when a search action occurs */\n  onSearch?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Extra props passed to input */\n  searchProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLeftControlClasses;\n};\n\nexport const HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}: HvLeftControlProps) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, leftControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSearch && (\n        <HvInput\n          id={setId(id, \"search-input\")}\n          type=\"search\"\n          placeholder={placeholder}\n          onChange={(e, value) => onChangeFilter(e, value)}\n          {...searchProps}\n        />\n      )}\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","useContext","HvControlsContext","onChangeFilter","e","value","StyledRoot","clsx","leftControlClasses","root","HvInput","setId","type","onChange"],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEH,UAAUI;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE5DC,QAAAA,iBAAiBA,CAACC,GAAGC,UAAU;AACnCT,yCAAWQ,GAAGC;AACdL,uDAAkBK;AAAAA,EAAK;AAGzB,yCACGC,mBAAAA,YAAU;AAAA,IACTf;AAAAA,IACAE,WAAWc,cAAKd,QAAAA,WAAWe,mBAAmBC,QAAAA,MAAMjB,mCAASiB,IAAI;AAAA,IAAE,GAC/DV;AAAAA,IAAML,WAET,CAACG,6CACCa,MAAAA,SAAO;AAAA,MACNnB,IAAIoB,MAAAA,MAAMpB,IAAI,cAAc;AAAA,MAC5BqB,MAAK;AAAA,MACLjB;AAAAA,MACAkB,UAAUA,CAACT,GAAGC,UAAUF,eAAeC,GAAGC,KAAK;AAAA,MAAE,GAC7CP;AAAAA,IAAW,CAAA,GAGlBJ,QAAQ;AAAA,EAAA,CACE;AAEjB;;"}

package/dist/cjs/components/Controls/LeftControl/LeftControl.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);

package/dist/cjs/components/Controls/RightControl/RightControl.cjs

@@ -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 clsx = require("clsx");
 const RightControl_styles = require("./RightControl.styles.cjs");
 const React = require("react");
 const ControlsContext = require("../context/ControlsContext.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const rightControlClasses = require("./rightControlClasses.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -32,7 +32,19 @@ const HvRightControl = ({
       selected: prevValue.id === value.id
     })));
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledRoot, { id, className: clsx__default.default(className, rightControlClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledDropdown, { id: setId.setId(id, "sort-by-dropdown"), values: dropDownValues, className: clsx__default.default(rightControlClasses.default.sortDropdown, classes == null ? void 0 : classes.sortDropdown), onChange: handleChangeSort, singleSelectionToggle: false, ...sortProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, rightControlClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(RightControl_styles.StyledDropdown, {
+      id: setId.setId(id, "sort-by-dropdown"),
+      values: dropDownValues,
+      className: clsx__default.default(rightControlClasses.default.sortDropdown, classes == null ? void 0 : classes.sortDropdown),
+      onChange: handleChangeSort,
+      singleSelectionToggle: false,
+      ...sortProps
+    })
+  });
 };
 exports.HvRightControl = HvRightControl;
 //# sourceMappingURL=RightControl.cjs.map

package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightControl.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n  accessor: string;\n  desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSortBy?: boolean;\n  /** options for the dropdown to sort */\n  values?: HvRightListControls[];\n  /** Callback called when a sort action occurs */\n  onSort?: (selected: HvRightListControls | undefined) => void;\n  /** Extra props passed to dropdown */\n  sortProps?: HvDropdownProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}: HvRightControlProps) => {\n  const [dropDownValues, setDropdownValues] = useState(values);\n\n  const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n  const handleChangeSort = (value) => {\n    onSort?.(value);\n    onSortHandler?.(value);\n    // this should be changed when dropdown changes his \"values\" behavior\n    setDropdownValues((prevValues) =>\n      prevValues?.map((prevValue) => ({\n        ...prevValue,\n        selected: prevValue.id === value.id,\n      }))\n    );\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, rightControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSortBy && (\n        <StyledDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={clsx(\n            rightControlClasses.sortDropdown,\n            classes?.sortDropdown\n          )}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","StyledDropdown","setId","sortDropdown"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,KACGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,eAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,wCACGqB,oBACC,YAAA,EAAA,IACA,WAAWC,sBAAKpB,WAAWqB,oBAAAA,QAAoBC,MAAMvB,mCAASuB,IAAI,GAC9DhB,GAAAA,QAEH,UAACF,CAAAA,6CACCmB,oBACC,gBAAA,EAAA,IAAIC,MAAM1B,MAAAA,IAAI,kBAAkB,GAChC,QAAQS,gBACR,WAAWa,sBACTC,oBAAoBI,QAAAA,cACpB1B,mCAAS0B,YAAY,GAEvB,UAAUZ,kBACV,uBAAuB,OACvB,GAAIR,WAEP,EACH,CAAA;AAEJ;;"}
+{"version":3,"file":"RightControl.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport { rightControlClasses, HvRightControlClasses } from \".\";\nimport { HvDropdownProps, HvListValue } from \"components\";\nimport { useContext, useState } from \"react\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport { setId } from \"utils\";\n\nexport type HvRightListControls = HvListValue & {\n  accessor: string;\n  desc: boolean;\n};\n\nexport type HvRightControlProps = HvBaseProps & {\n  /** if `true` the hide sort by dropdown is not rendered */\n  hideSortBy?: boolean;\n  /** options for the dropdown to sort */\n  values?: HvRightListControls[];\n  /** Callback called when a sort action occurs */\n  onSort?: (selected: HvRightListControls | undefined) => void;\n  /** Extra props passed to dropdown */\n  sortProps?: HvDropdownProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvRightControlClasses;\n};\n\nexport const HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}: HvRightControlProps) => {\n  const [dropDownValues, setDropdownValues] = useState(values);\n\n  const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n  const handleChangeSort = (value) => {\n    onSort?.(value);\n    onSortHandler?.(value);\n    // this should be changed when dropdown changes his \"values\" behavior\n    setDropdownValues((prevValues) =>\n      prevValues?.map((prevValue) => ({\n        ...prevValue,\n        selected: prevValue.id === value.id,\n      }))\n    );\n  };\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, rightControlClasses.root, classes?.root)}\n      {...others}\n    >\n      {!hideSortBy && (\n        <StyledDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={clsx(\n            rightControlClasses.sortDropdown,\n            classes?.sortDropdown\n          )}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","_jsx","StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,eAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,gBAAAA,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,wCACGqB,oBAAAA,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,cAAKpB,QAAAA,WAAWqB,oBAAoBC,QAAAA,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,UAET,CAACG,cACAmB,2BAAAA,IAACC,oCAAc;AAAA,MACb1B,IAAI2B,MAAAA,MAAM3B,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,cAAAA,QACTC,oBAAAA,QAAoBK,cACpB3B,mCAAS2B,YAAY;AAAA,MAEvBC,UAAUd;AAAAA,MACVe,uBAAuB;AAAA,MAAM,GACzBvB;AAAAA,IAAAA,CAAS;AAAA,EAAA,CAGN;AAEjB;;"}

package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs

@@ -1,7 +1,7 @@
 "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 jsxRuntime = require("@emotion/react/jsx-runtime");
 const Dropdown = require("../../Dropdown/Dropdown.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -22,7 +22,9 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Dropdown.HvDropdown, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e16dy5r70"
 } : {
   target: "e16dy5r70",

package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightControl.styles.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n  minWidth: 200,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","props","jsx","HvDropdown"],"mappings":";;;;;;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEWC,MAAAA,iBAAyBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,SAAAA,YAAA,EAAeF,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;;;"}
+{"version":3,"file":"RightControl.styles.cjs","sources":["../../../../../src/components/Controls/RightControl/RightControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvDropdown } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  gap: 10,\n});\n\nexport const StyledDropdown = styled((props) => <HvDropdown {...props} />)({\n  minWidth: 200,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropdown","props","_jsx","HvDropdown"],"mappings":";;;;;;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,iBAAiBX,iCAAAA,QAAQY,CAAUC,UAAAA,2BAAAA,IAACC,SAAAA,YAAU;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExE;;;"}

package/dist/cjs/components/Dialog/Actions/Actions.cjs

@@ -1,22 +1,28 @@
 "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 clsx = require("clsx");
 const Actions_styles = require("./Actions.styles.cjs");
 const actionsClasses = require("./actionsClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvActions = ({
+const HvDialogActions = ({
   classes,
   className,
   children,
   fullscreen = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledActions, { className, classes: {
-    root: clsx__default.default(actionsClasses.default.root, classes == null ? void 0 : classes.root, fullscreen && clsx__default.default(actionsClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
-    spacing: clsx__default.default(actionsClasses.default.spacing, classes == null ? void 0 : classes.spacing)
-  }, $fullscreen: fullscreen, ...others, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledActions, {
+    className,
+    classes: {
+      root: clsx__default.default(actionsClasses.default.root, classes == null ? void 0 : classes.root, fullscreen && clsx__default.default(actionsClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
+      spacing: clsx__default.default(actionsClasses.default.spacing, classes == null ? void 0 : classes.spacing)
+    },
+    $fullscreen: fullscreen,
+    ...others,
+    children
+  });
 };
-exports.HvActions = HvActions;
+exports.HvDialogActions = HvDialogActions;
 //# sourceMappingURL=Actions.cjs.map

package/dist/cjs/components/Dialog/Actions/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","jsx","StyledActions","root","clsx","dialogActionClasses","spacing"],"mappings":";;;;;;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AAElB,SAAAC,+BAACC,eAAAA,eACC,EAAA,WACA,SAAS;AAAA,IACPC,MAAMC,cAAAA,QACJC,eAAAA,QAAoBF,MACpBP,mCAASO,MACTJ,cACEK,cAAAA,QAAKC,eAAAA,QAAoBN,YAAYH,mCAASG,UAAU,CAAC;AAAA,IAE7DO,SAASF,cAAAA,QAAKC,eAAAA,QAAoBC,SAASV,mCAASU,OAAO;AAAA,EAE7D,GAAA,aAAaP,YACTC,GAAAA,QAEHF,SACH,CAAA;AAEJ;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvDialogActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvDialogActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvDialogActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvDialogActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;;;;;AAaO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AAC1B,wCACGC,eAAAA,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,cAAAA,QACJC,eAAAA,QAAoBF,MACpBN,mCAASM,MACTH,cACEI,cAAAA,QAAKC,eAAAA,QAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,cAAAA,QAAKC,eAAAA,QAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;;"}

package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const DialogActions = require("@mui/material/DialogActions");

package/dist/cjs/components/Dialog/Content/Content.cjs

@@ -1,20 +1,25 @@
 "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 MuiDialogContent = require("@mui/material/DialogContent");
 const clsx = require("clsx");
 const Content_styles = require("./Content.styles.cjs");
 const contentClasses = require("./contentClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiDialogContent__default = /* @__PURE__ */ _interopDefault(MuiDialogContent);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvContent = ({
+const HvDialogContent = ({
   classes,
   className,
   children,
   indentContent = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledTypography, { component: MuiDialogContent__default.default, className: clsx__default.default(className, contentClasses.default.root, classes == null ? void 0 : classes.root, !!indentContent && clsx__default.default(contentClasses.default.textContent, classes == null ? void 0 : classes.textContent)), $indentContent: indentContent, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledTypography, {
+    component: MuiDialogContent__default.default,
+    className: clsx__default.default(className, contentClasses.default.root, classes == null ? void 0 : classes.root, !!indentContent && clsx__default.default(contentClasses.default.textContent, classes == null ? void 0 : classes.textContent)),
+    $indentContent: indentContent,
+    children
+  });
 };
-exports.HvContent = HvContent;
+exports.HvDialogContent = HvDialogContent;
 //# sourceMappingURL=Content.cjs.map

package/dist/cjs/components/Dialog/Content/Content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvContentProps) => {\n  return (\n    <StyledTypography\n      component={MuiDialogContent}\n      className={clsx(\n        className,\n        dialogContentClasses.root,\n        classes?.root,\n        !!indentContent &&\n          clsx(dialogContentClasses.textContent, classes?.textContent)\n      )}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvContent","classes","className","children","indentContent","jsx","StyledTypography","MuiDialogContent","clsx","dialogContentClasses","root","textContent"],"mappings":";;;;;;;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AAElB,SAAAC,+BAACC,eAAAA,oBACC,WAAWC,0BAAAA,SACX,WAAWC,cAAAA,QACTN,WACAO,uBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,cAAAA,QAAKC,eAAAA,QAAqBE,aAAaV,mCAASU,WAAW,CAAC,GAEhE,gBAAgBP,eAEfD,SACH,CAAA;AAEJ;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvDialogContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvDialogContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvDialogContentProps) => {\n  return (\n    <StyledTypography\n      component={MuiDialogContent}\n      className={clsx(\n        className,\n        dialogContentClasses.root,\n        classes?.root,\n        !!indentContent &&\n          clsx(dialogContentClasses.textContent, classes?.textContent)\n      )}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvDialogContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;;;;;;AAeO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AAC1B,wCACGC,eAAAA,kBAAgB;AAAA,IACfC,WAAWC,0BAAAA;AAAAA,IACXL,WAAWM,cAAAA,QACTN,WACAO,eAAAA,QAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,cAAKC,QAAAA,eAAAA,QAAqBE,aAAaV,mCAASU,WAAW,CAAC;AAAA,IAEhEC,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;;"}

package/dist/cjs/components/Dialog/Content/Content.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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");

package/dist/cjs/components/Dialog/Dialog.cjs

@@ -1,18 +1,18 @@
 "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 MuiDialog = require("@mui/material/Dialog");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const lodash = require("lodash");
+const isNil = require("lodash/isNil");
 const Dialog_styles = require("./Dialog.styles.cjs");
-const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const dialogClasses = require("./dialogClasses.cjs");
-const css = require("@emotion/css");
+const react = require("@emotion/react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const withTooltip = require("../../hocs/withTooltip.cjs");
-const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const useTheme = require("../../hooks/useTheme.cjs");
 const setId = require("../../utils/setId.cjs");
 const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
 const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
@@ -20,9 +20,7 @@ const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const MuiDialog__default = /* @__PURE__ */ _interopDefault(MuiDialog);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const HvDialog = ({
   classes,
   className,
@@ -41,7 +39,7 @@ const HvDialog = ({
     activeTheme,
     selectedMode,
     rootId
-  } = React.useContext(ThemeProvider.HvThemeContext);
+  } = useTheme.useTheme();
   const focusableQueue = React.useRef({
     first: void 0,
     last: void 0
@@ -60,7 +58,7 @@ const HvDialog = ({
         first: focusableList[1],
         last: focusableList[focusableList.length - 2]
       };
-      if (lodash.isNil(firstFocusable))
+      if (isNil__default.default(firstFocusable))
         focusableList[1].focus();
       else {
         const element = firstFocusable && document.getElementById(firstFocusable);
@@ -75,7 +73,7 @@ const HvDialog = ({
   }, [firstFocusable]);
   const keyDownHandler = (event) => {
     var _a, _b;
-    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab) && !lodash.isNil(event.target) && !lodash.isNil(focusableQueue)) {
+    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab) && !isNil__default.default(event.target) && !isNil__default.default(focusableQueue)) {
       if (event.shiftKey && event.target === focusableQueue.current.first) {
         (_a = focusableQueue.current.last) == null ? void 0 : _a.focus();
         event.preventDefault();
@@ -94,45 +92,70 @@ const HvDialog = ({
       }
     }
   };
-  const closeButtonDisplay = () => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, { role: "presentation" });
+  const closeButtonDisplay = () => /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
+    role: "presentation"
+  });
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip.default(closeButtonDisplay, buttonTitle, "top", null, null, null) : closeButtonDisplay;
-  return /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, { container: document.getElementById(rootId || "") || document.body, className: clsx__default.default(dialogClasses.default.root, classes == null ? void 0 : classes.root, className), id, ref: measuredRef, open, fullScreen: fullscreen, onClose: (event, reason) => wrappedClose(event, void 0, reason), onKeyDown: keyDownHandler, fullWidth: true, maxWidth: false, slots: {
-    backdrop: (backdropProps) => {
-      var _a;
-      return /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledBackdrop, { open, onClick: (event) => wrappedClose(event), $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4, ...backdropProps });
-    }
-  }, classes: {
-    container: /* @__PURE__ */ css.css(process.env.NODE_ENV === "production" ? {
-      name: "bjn8wh",
-      styles: "position:relative"
-    } : {
-      name: "p4e9kp-container",
-      styles: "position:relative;label:container;",
-      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUs0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgTXVpRGlhbG9nLCB7IERpYWxvZ1Byb3BzIGFzIE11aURpYWxvZ1Byb3BzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nXCI7XG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGlzTmlsIH0gZnJvbSBcImxvZGFzaFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IFN0eWxlZEJhY2tkcm9wLCBTdHlsZWRDbG9zZSwgU3R5bGVkUGFwZXIgfSBmcm9tIFwiLi9EaWFsb2cuc3R5bGVzXCI7XG5pbXBvcnQgeyBnZXRGb2N1c2FibGVMaXN0IH0gZnJvbSBcInV0aWxzL2ZvY3VzYWJsZUVsZW1lbnRGaW5kZXJcIjtcbmltcG9ydCB7IGlzS2V5cHJlc3MsIGtleWJvYXJkQ29kZXMsIHNldElkIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lQ29udGV4dCB9IGZyb20gXCJwcm92aWRlcnNcIjtcbmltcG9ydCB7IHdpdGhUb29sdGlwIH0gZnJvbSBcImhvY3NcIjtcbmltcG9ydCBkaWFsb2dDbGFzc2VzLCB7IEh2RGlhbG9nQ2xhc3NlcyB9IGZyb20gXCIuL2RpYWxvZ0NsYXNzZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IHR5cGUgSHZEaWFsb2dQcm9wcyA9IE9taXQ8TXVpRGlhbG9nUHJvcHMsIFwiZnVsbFNjcmVlblwiIHwgXCJjbGFzc2VzXCI+ICZcbiAgSHZCYXNlUHJvcHMgJiB7XG4gICAgLyoqIElkIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3Qgbm9kZS4gKi9cbiAgICBpZD86IHN0cmluZztcbiAgICAvKiogQ3VycmVudCBzdGF0ZSBvZiB0aGUgRGlhbG9nLiAqL1xuICAgIG9wZW4/OiBib29sZWFuO1xuICAgIC8qKiBGdW5jdGlvbiBleGVjdXRlZCBvbiBjbG9zZS4gKi9cbiAgICBvbkNsb3NlPzogKFxuICAgICAgZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50LFxuICAgICAgcmVhc29uPzogXCJlc2NhcGVLZXlEb3duXCIgfCBcImJhY2tkcm9wQ2xpY2tcIlxuICAgICkgPT4gdm9pZDtcbiAgICAvKiogRWxlbWVudCBpZCB0aGF0IHNob3VsZCBiZSBmb2N1cyB3aGVuIHRoZSBEaWFsb2cgb3BlbnMuICovXG4gICAgZmlyc3RGb2N1c2FibGU/OiBzdHJpbmc7XG4gICAgLyoqIFRpdGxlIGZvciB0aGUgYnV0dG9uIGNsb3NlLiAqL1xuICAgIGJ1dHRvblRpdGxlPzogc3RyaW5nO1xuICAgIC8qKiBTZXQgdGhlIGRpYWxvZyB0byBmdWxsc2NyZWVuIG1vZGUuICovXG4gICAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG4gICAgLyoqIFByZXZlbnQgY2xvc2luZyB0aGUgZGlhbG9nIHdoZW4gY2xpY2tpbmcgb24gdGhlIGJhY2tkcm9wLiAqL1xuICAgIGRpc2FibGVCYWNrZHJvcENsaWNrPzogYm9vbGVhbjtcbiAgICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICAgIGNsYXNzZXM/OiBIdkRpYWxvZ0NsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkRpYWxvZyA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBvcGVuID0gZmFsc2UsXG4gIG9uQ2xvc2UsXG4gIGZpcnN0Rm9jdXNhYmxlLFxuICBidXR0b25UaXRsZSA9IFwiQ2xvc2VcIixcbiAgZnVsbHNjcmVlbiA9IGZhbHNlLFxuICBkaXNhYmxlQmFja2Ryb3BDbGljayA9IGZhbHNlLFxuICAuLi5vdGhlcnNcbn06IEh2RGlhbG9nUHJvcHMpID0+IHtcbiAgZGVsZXRlIChvdGhlcnMgYXMgYW55KS5mdWxsU2NyZWVuO1xuXG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSwgcm9vdElkIH0gPSB1c2VDb250ZXh0KEh2VGhlbWVDb250ZXh0KTtcblxuICBjb25zdCBmb2N1c2FibGVRdWV1ZSA9IHVzZVJlZjx7XG4gICAgZmlyc3Q/OiBIVE1MRWxlbWVudDtcbiAgICBsYXN0PzogSFRNTEVsZW1lbnQ7XG4gIH0+KHsgZmlyc3Q6IHVuZGVmaW5lZCwgbGFzdDogdW5kZWZpbmVkIH0pO1xuXG4gIC8vIEJlY2F1c2UgdGhlIGBkaXNhYmxlQmFja2Ryb3BDbGlja2AgcHJvcGVydHkgd2FzIGRlcHJlY2F0ZWQgaW4gTVVJNVxuICAvLyBhbmQgd2Ugd2FudCB0byBtYWludGFpbiB0aGF0IGZ1bmN0aW9uYWxpdHkgdG8gdGhlIHVzZXIgd2UncmUgd3JhcHBpbmdcbiAgLy8gdGhlIG9uQ2xvc2UgY2FsbCBoZXJlIHRvIG1ha2UgdGhhdCBjaGVjay5cbiAgY29uc3Qgd3JhcHBlZENsb3NlID0gKFxuICAgIGV2ZW50LFxuICAgIGJ5cGFzc1ZhbGlkYXRpb246IGJvb2xlYW4gPSBmYWxzZSxcbiAgICByZWFzb24/OiBcImVzY2FwZUtleURvd25cIiB8IFwiYmFja2Ryb3BDbGlja1wiXG4gICkgPT4ge1xuICAgIGlmIChieXBhc3NWYWxpZGF0aW9uKSB7XG4gICAgICBvbkNsb3NlPy4oZXZlbnQsIHJlYXNvbik7XG4gICAgfSBlbHNlIGlmICghZGlzYWJsZUJhY2tkcm9wQ2xpY2spIHtcbiAgICAgIG9uQ2xvc2U/LihldmVudCwgcmVhc29uKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgbWVhc3VyZWRSZWYgPSB1c2VDYWxsYmFjayhcbiAgICAobm9kZSkgPT4ge1xuICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgY29uc3QgZm9jdXNhYmxlTGlzdCA9IGdldEZvY3VzYWJsZUxpc3Qobm9kZSk7XG4gICAgICAgIGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQgPSB7XG4gICAgICAgICAgZmlyc3Q6IGZvY3VzYWJsZUxpc3RbMV0sXG4gICAgICAgICAgbGFzdDogZm9jdXNhYmxlTGlzdFtmb2N1c2FibGVMaXN0Lmxlbmd0aCAtIDJdLFxuICAgICAgICB9O1xuICAgICAgICBpZiAoaXNOaWwoZmlyc3RGb2N1c2FibGUpKSBmb2N1c2FibGVMaXN0WzFdLmZvY3VzKCk7XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPVxuICAgICAgICAgICAgZmlyc3RGb2N1c2FibGUgJiYgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoZmlyc3RGb2N1c2FibGUpO1xuICAgICAgICAgIGlmIChlbGVtZW50KSBlbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgICAgICAgY29uc29sZS53YXJuKGBmaXJzdEZvY3VzYWJsZSBlbGVtZW50ICR7Zmlyc3RGb2N1c2FibGV9IG5vdCBmb3VuZC5gKTtcbiAgICAgICAgICAgIGZvY3VzYWJsZUxpc3RbMV0uZm9jdXMoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuICAgIFtmaXJzdEZvY3VzYWJsZV1cbiAgKTtcblxuICBjb25zdCBrZXlEb3duSGFuZGxlciA9IChldmVudCkgPT4ge1xuICAgIGlmIChcbiAgICAgIGlzS2V5cHJlc3MoZXZlbnQsIGtleWJvYXJkQ29kZXMuVGFiKSAmJlxuICAgICAgIWlzTmlsKGV2ZW50LnRhcmdldCkgJiZcbiAgICAgICFpc05pbChmb2N1c2FibGVRdWV1ZSlcbiAgICApIHtcbiAgICAgIGlmIChldmVudC5zaGlmdEtleSAmJiBldmVudC50YXJnZXQgPT09IGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQuZmlyc3QpIHtcbiAgICAgICAgZm9jdXNhYmxlUXVldWUuY3VycmVudC5sYXN0Py5mb2N1cygpO1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgICAgaWYgKCFldmVudC5zaGlmdEtleSAmJiBldmVudC50YXJnZXQgPT09IGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQubGFzdCkge1xuICAgICAgICBmb2N1c2FibGVRdWV1ZS5jdXJyZW50LmZpcnN0Py5mb2N1cygpO1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBOZWVkZWQgYXMgdGhpcyBoYW5kbGVyIG92ZXJyaWRlcyB0aGUgb25lIGluIHRoZSBtYXRlcmlhbCB1aSBNb2RhbC5cbiAgICBlbHNlIGlmIChpc0tleXByZXNzKGV2ZW50LCBrZXlib2FyZENvZGVzLkVzYykpIHtcbiAgICAgIGlmIChcbiAgICAgICAgXCJvbkVzY2FwZUtleURvd25cIiBpbiBvdGhlcnMgJiZcbiAgICAgICAgdHlwZW9mIG90aGVycy5vbkVzY2FwZUtleURvd24gPT09IFwiZnVuY3Rpb25cIlxuICAgICAgKSB7XG4gICAgICAgIG90aGVycy5vbkVzY2FwZUtleURvd24oZXZlbnQpO1xuICAgICAgfVxuXG4gICAgICBpZiAoIW90aGVycy5kaXNhYmxlRXNjYXBlS2V5RG93bikge1xuICAgICAgICAvLyBTd2FsbG93IHRoZSBldmVudCwgaW4gY2FzZSBzb21lb25lIGlzIGxpc3RlbmluZyBmb3IgdGhlIGVzY2FwZSBrZXkgb24gdGhlIGJvZHkuXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgICAgIHdyYXBwZWRDbG9zZShldmVudCwgdHJ1ZSwgXCJlc2NhcGVLZXlEb3duXCIpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBjbG9zZUJ1dHRvbkRpc3BsYXkgPSAoKSA9PiA8Q2xvc2Ugcm9sZT1cInByZXNlbnRhdGlvblwiIC8+O1xuXG4gIGNvbnN0IENsb3NlQnV0dG9uVG9vbHRpcFdyYXBwZXIgPSBidXR0b25UaXRsZVxuICAgID8gd2l0aFRvb2x0aXAoY2xvc2VCdXR0b25EaXNwbGF5LCBidXR0b25UaXRsZSwgXCJ0b3BcIiwgbnVsbCwgbnVsbCwgbnVsbClcbiAgICA6IGNsb3NlQnV0dG9uRGlzcGxheTtcblxuICByZXR1cm4gKFxuICAgIDxNdWlEaWFsb2dcbiAgICAgIGNvbnRhaW5lcj17ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdElkIHx8IFwiXCIpIHx8IGRvY3VtZW50LmJvZHl9XG4gICAgICBjbGFzc05hbWU9e2Nsc3goZGlhbG9nQ2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcmVmPXttZWFzdXJlZFJlZn1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBmdWxsU2NyZWVuPXtmdWxsc2NyZWVufVxuICAgICAgb25DbG9zZT17KGV2ZW50LCByZWFzb24pID0+IHdyYXBwZWRDbG9zZShldmVudCwgdW5kZWZpbmVkLCByZWFzb24pfVxuICAgICAgb25LZXlEb3duPXtrZXlEb3duSGFuZGxlcn1cbiAgICAgIGZ1bGxXaWR0aFxuICAgICAgbWF4V2lkdGg9e2ZhbHNlfVxuICAgICAgc2xvdHM9e3tcbiAgICAgICAgYmFja2Ryb3A6IChiYWNrZHJvcFByb3BzKSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhY2tkcm9wXG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiB3cmFwcGVkQ2xvc2UoZXZlbnQpfVxuICAgICAgICAgICAgJGJhY2tDb2xvcj17XG4gICAgICAgICAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0uYXRtbzQgfHxcbiAgICAgICAgICAgICAgdGhlbWUuY29sb3JzLmF0bW80XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB7Li4uYmFja2Ryb3BQcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICApLFxuICAgICAgfX1cbiAgICAgIGNsYXNzZXM9e3sgY29udGFpbmVyOiBjc3MoeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pIH19XG4gICAgICBCYWNrZHJvcFByb3BzPXt7XG4gICAgICAgIGNsYXNzZXM6IHtcbiAgICAgICAgICByb290OiBjbHN4KGNsYXNzZXM/LmJhY2tncm91bmQsIGRpYWxvZ0NsYXNzZXMuYmFja2dyb3VuZCksXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgUGFwZXJDb21wb25lbnQ9eyhwYXBlclByb3BzKSA9PiAoXG4gICAgICAgIDxTdHlsZWRQYXBlciAkZnVsbHNjcmVlbj17ZnVsbHNjcmVlbn0gey4uLnBhcGVyUHJvcHN9IC8+XG4gICAgICApfVxuICAgICAgUGFwZXJQcm9wcz17e1xuICAgICAgICBjbGFzc2VzOiB7XG4gICAgICAgICAgcm9vdDogY2xzeChcbiAgICAgICAgICAgIGNzcyh7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gICAgICAgICAgICBjbGFzc2VzPy5wYXBlcixcbiAgICAgICAgICAgIGRpYWxvZ0NsYXNzZXMucGFwZXIsXG4gICAgICAgICAgICBmdWxsc2NyZWVuICYmIGNsc3goZGlhbG9nQ2xhc3Nlcy5mdWxsc2NyZWVuLCBjbGFzc2VzPy5mdWxsc2NyZWVuKVxuICAgICAgICAgICksXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgYXJpYS1tb2RhbFxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICA8U3R5bGVkQ2xvc2VcbiAgICAgICAgaWQ9e3NldElkKGlkLCBcImNsb3NlXCIpfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3goZGlhbG9nQ2xhc3Nlcy5jbG9zZUJ1dHRvbiwgY2xhc3Nlcz8uY2xvc2VCdXR0b24pfVxuICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5R2hvc3RcIlxuICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHdyYXBwZWRDbG9zZShldmVudCwgdHJ1ZSwgdW5kZWZpbmVkKX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uVGl0bGV9XG4gICAgICA+XG4gICAgICAgIDxDbG9zZUJ1dHRvblRvb2x0aXBXcmFwcGVyIC8+XG4gICAgICA8L1N0eWxlZENsb3NlPlxuICAgICAge2NoaWxkcmVuICYmIHR5cGVvZiBjaGlsZHJlbiA9PT0gXCJvYmplY3RcIlxuICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgKGM6IFJlYWN0LlJlYWN0Tm9kZSkgPT5cbiAgICAgICAgICAgICAgYyAmJiBSZWFjdC5jbG9uZUVsZW1lbnQoYyBhcyBSZWFjdC5SZWFjdEVsZW1lbnQsIHsgZnVsbHNjcmVlbiB9KVxuICAgICAgICAgIClcbiAgICAgICAgOiBjaGlsZHJlbn1cbiAgICA8L011aURpYWxvZz5cbiAgKTtcbn07XG4iXX0= */",
-      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, {
+      container: document.getElementById(rootId || "") || document.body,
+      className: clsx__default.default(dialogClasses.default.root, classes == null ? void 0 : classes.root, className),
+      id,
+      ref: measuredRef,
+      open,
+      fullScreen: fullscreen,
+      onClose: (event, reason) => wrappedClose(event, void 0, reason),
+      onKeyDown: keyDownHandler,
+      fullWidth: true,
+      maxWidth: false,
+      slots: {
+        backdrop: (backdropProps) => {
+          var _a;
+          return /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledBackdrop, {
+            open,
+            onClick: (event) => wrappedClose(event),
+            $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4,
+            ...backdropProps
+          });
+        }
+      },
+      classes: {
+        container: css({
+          position: "relative"
+        })
+      },
+      BackdropProps: {
+        classes: {
+          root: clsx__default.default(classes == null ? void 0 : classes.background, dialogClasses.default.background)
+        }
+      },
+      PaperComponent: (paperProps) => /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledPaper, {
+        $fullscreen: fullscreen,
+        ...paperProps
+      }),
+      PaperProps: {
+        classes: {
+          root: clsx__default.default(css({
+            position: "absolute"
+          }), classes == null ? void 0 : classes.paper, dialogClasses.default.paper, fullscreen && clsx__default.default(dialogClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen))
+        }
+      },
+      "aria-modal": true,
+      ...others,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledClose, {
+        id: setId.setId(id, "close"),
+        className: clsx__default.default(dialogClasses.default.closeButton, classes == null ? void 0 : classes.closeButton),
+        variant: "secondaryGhost",
+        onClick: (event) => wrappedClose(event, true, void 0),
+        "aria-label": buttonTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
+      }), children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
+        fullscreen
+      })) : children]
     })
-  }, BackdropProps: {
-    classes: {
-      root: clsx__default.default(classes == null ? void 0 : classes.background, dialogClasses.default.background)
-    }
-  }, PaperComponent: (paperProps) => /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledPaper, { $fullscreen: fullscreen, ...paperProps }), PaperProps: {
-    classes: {
-      root: clsx__default.default(/* @__PURE__ */ css.css(process.env.NODE_ENV === "production" ? {
-        name: "a4hmbt",
-        styles: "position:absolute"
-      } : {
-        name: "1yicr0l-root",
-        styles: "position:absolute;label:root;",
-        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0tZIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlEaWFsb2csIHsgRGlhbG9nUHJvcHMgYXMgTXVpRGlhbG9nUHJvcHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgaXNOaWwgfSBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgU3R5bGVkQmFja2Ryb3AsIFN0eWxlZENsb3NlLCBTdHlsZWRQYXBlciB9IGZyb20gXCIuL0RpYWxvZy5zdHlsZXNcIjtcbmltcG9ydCB7IGdldEZvY3VzYWJsZUxpc3QgfSBmcm9tIFwidXRpbHMvZm9jdXNhYmxlRWxlbWVudEZpbmRlclwiO1xuaW1wb3J0IHsgaXNLZXlwcmVzcywga2V5Ym9hcmRDb2Rlcywgc2V0SWQgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgd2l0aFRvb2x0aXAgfSBmcm9tIFwiaG9jc1wiO1xuaW1wb3J0IGRpYWxvZ0NsYXNzZXMsIHsgSHZEaWFsb2dDbGFzc2VzIH0gZnJvbSBcIi4vZGlhbG9nQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuXG5leHBvcnQgdHlwZSBIdkRpYWxvZ1Byb3BzID0gT21pdDxNdWlEaWFsb2dQcm9wcywgXCJmdWxsU2NyZWVuXCIgfCBcImNsYXNzZXNcIj4gJlxuICBIdkJhc2VQcm9wcyAmIHtcbiAgICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICAgIGlkPzogc3RyaW5nO1xuICAgIC8qKiBDdXJyZW50IHN0YXRlIG9mIHRoZSBEaWFsb2cuICovXG4gICAgb3Blbj86IGJvb2xlYW47XG4gICAgLyoqIEZ1bmN0aW9uIGV4ZWN1dGVkIG9uIGNsb3NlLiAqL1xuICAgIG9uQ2xvc2U/OiAoXG4gICAgICBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQsXG4gICAgICByZWFzb24/OiBcImVzY2FwZUtleURvd25cIiB8IFwiYmFja2Ryb3BDbGlja1wiXG4gICAgKSA9PiB2b2lkO1xuICAgIC8qKiBFbGVtZW50IGlkIHRoYXQgc2hvdWxkIGJlIGZvY3VzIHdoZW4gdGhlIERpYWxvZyBvcGVucy4gKi9cbiAgICBmaXJzdEZvY3VzYWJsZT86IHN0cmluZztcbiAgICAvKiogVGl0bGUgZm9yIHRoZSBidXR0b24gY2xvc2UuICovXG4gICAgYnV0dG9uVGl0bGU/OiBzdHJpbmc7XG4gICAgLyoqIFNldCB0aGUgZGlhbG9nIHRvIGZ1bGxzY3JlZW4gbW9kZS4gKi9cbiAgICBmdWxsc2NyZWVuPzogYm9vbGVhbjtcbiAgICAvKiogUHJldmVudCBjbG9zaW5nIHRoZSBkaWFsb2cgd2hlbiBjbGlja2luZyBvbiB0aGUgYmFja2Ryb3AuICovXG4gICAgZGlzYWJsZUJhY2tkcm9wQ2xpY2s/OiBib29sZWFuO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2RGlhbG9nQ2xhc3NlcztcbiAgfTtcblxuZXhwb3J0IGNvbnN0IEh2RGlhbG9nID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lLFxuICBpZCxcbiAgY2hpbGRyZW4sXG4gIG9wZW4gPSBmYWxzZSxcbiAgb25DbG9zZSxcbiAgZmlyc3RGb2N1c2FibGUsXG4gIGJ1dHRvblRpdGxlID0gXCJDbG9zZVwiLFxuICBmdWxsc2NyZWVuID0gZmFsc2UsXG4gIGRpc2FibGVCYWNrZHJvcENsaWNrID0gZmFsc2UsXG4gIC4uLm90aGVyc1xufTogSHZEaWFsb2dQcm9wcykgPT4ge1xuICBkZWxldGUgKG90aGVycyBhcyBhbnkpLmZ1bGxTY3JlZW47XG5cbiAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlLCByb290SWQgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIGNvbnN0IGZvY3VzYWJsZVF1ZXVlID0gdXNlUmVmPHtcbiAgICBmaXJzdD86IEhUTUxFbGVtZW50O1xuICAgIGxhc3Q/OiBIVE1MRWxlbWVudDtcbiAgfT4oeyBmaXJzdDogdW5kZWZpbmVkLCBsYXN0OiB1bmRlZmluZWQgfSk7XG5cbiAgLy8gQmVjYXVzZSB0aGUgYGRpc2FibGVCYWNrZHJvcENsaWNrYCBwcm9wZXJ0eSB3YXMgZGVwcmVjYXRlZCBpbiBNVUk1XG4gIC8vIGFuZCB3ZSB3YW50IHRvIG1haW50YWluIHRoYXQgZnVuY3Rpb25hbGl0eSB0byB0aGUgdXNlciB3ZSdyZSB3cmFwcGluZ1xuICAvLyB0aGUgb25DbG9zZSBjYWxsIGhlcmUgdG8gbWFrZSB0aGF0IGNoZWNrLlxuICBjb25zdCB3cmFwcGVkQ2xvc2UgPSAoXG4gICAgZXZlbnQsXG4gICAgYnlwYXNzVmFsaWRhdGlvbjogYm9vbGVhbiA9IGZhbHNlLFxuICAgIHJlYXNvbj86IFwiZXNjYXBlS2V5RG93blwiIHwgXCJiYWNrZHJvcENsaWNrXCJcbiAgKSA9PiB7XG4gICAgaWYgKGJ5cGFzc1ZhbGlkYXRpb24pIHtcbiAgICAgIG9uQ2xvc2U/LihldmVudCwgcmVhc29uKTtcbiAgICB9IGVsc2UgaWYgKCFkaXNhYmxlQmFja2Ryb3BDbGljaykge1xuICAgICAgb25DbG9zZT8uKGV2ZW50LCByZWFzb24pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBtZWFzdXJlZFJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlKSA9PiB7XG4gICAgICBpZiAobm9kZSkge1xuICAgICAgICBjb25zdCBmb2N1c2FibGVMaXN0ID0gZ2V0Rm9jdXNhYmxlTGlzdChub2RlKTtcbiAgICAgICAgZm9jdXNhYmxlUXVldWUuY3VycmVudCA9IHtcbiAgICAgICAgICBmaXJzdDogZm9jdXNhYmxlTGlzdFsxXSxcbiAgICAgICAgICBsYXN0OiBmb2N1c2FibGVMaXN0W2ZvY3VzYWJsZUxpc3QubGVuZ3RoIC0gMl0sXG4gICAgICAgIH07XG4gICAgICAgIGlmIChpc05pbChmaXJzdEZvY3VzYWJsZSkpIGZvY3VzYWJsZUxpc3RbMV0uZm9jdXMoKTtcbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgY29uc3QgZWxlbWVudCA9XG4gICAgICAgICAgICBmaXJzdEZvY3VzYWJsZSAmJiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChmaXJzdEZvY3VzYWJsZSk7XG4gICAgICAgICAgaWYgKGVsZW1lbnQpIGVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgICAgICBjb25zb2xlLndhcm4oYGZpcnN0Rm9jdXNhYmxlIGVsZW1lbnQgJHtmaXJzdEZvY3VzYWJsZX0gbm90IGZvdW5kLmApO1xuICAgICAgICAgICAgZm9jdXNhYmxlTGlzdFsxXS5mb2N1cygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgW2ZpcnN0Rm9jdXNhYmxlXVxuICApO1xuXG4gIGNvbnN0IGtleURvd25IYW5kbGVyID0gKGV2ZW50KSA9PiB7XG4gICAgaWYgKFxuICAgICAgaXNLZXlwcmVzcyhldmVudCwga2V5Ym9hcmRDb2Rlcy5UYWIpICYmXG4gICAgICAhaXNOaWwoZXZlbnQudGFyZ2V0KSAmJlxuICAgICAgIWlzTmlsKGZvY3VzYWJsZVF1ZXVlKVxuICAgICkge1xuICAgICAgaWYgKGV2ZW50LnNoaWZ0S2V5ICYmIGV2ZW50LnRhcmdldCA9PT0gZm9jdXNhYmxlUXVldWUuY3VycmVudC5maXJzdCkge1xuICAgICAgICBmb2N1c2FibGVRdWV1ZS5jdXJyZW50Lmxhc3Q/LmZvY3VzKCk7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAoIWV2ZW50LnNoaWZ0S2V5ICYmIGV2ZW50LnRhcmdldCA9PT0gZm9jdXNhYmxlUXVldWUuY3VycmVudC5sYXN0KSB7XG4gICAgICAgIGZvY3VzYWJsZVF1ZXVlLmN1cnJlbnQuZmlyc3Q/LmZvY3VzKCk7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfVxuICAgIC8vIE5lZWRlZCBhcyB0aGlzIGhhbmRsZXIgb3ZlcnJpZGVzIHRoZSBvbmUgaW4gdGhlIG1hdGVyaWFsIHVpIE1vZGFsLlxuICAgIGVsc2UgaWYgKGlzS2V5cHJlc3MoZXZlbnQsIGtleWJvYXJkQ29kZXMuRXNjKSkge1xuICAgICAgaWYgKFxuICAgICAgICBcIm9uRXNjYXBlS2V5RG93blwiIGluIG90aGVycyAmJlxuICAgICAgICB0eXBlb2Ygb3RoZXJzLm9uRXNjYXBlS2V5RG93biA9PT0gXCJmdW5jdGlvblwiXG4gICAgICApIHtcbiAgICAgICAgb3RoZXJzLm9uRXNjYXBlS2V5RG93bihldmVudCk7XG4gICAgICB9XG5cbiAgICAgIGlmICghb3RoZXJzLmRpc2FibGVFc2NhcGVLZXlEb3duKSB7XG4gICAgICAgIC8vIFN3YWxsb3cgdGhlIGV2ZW50LCBpbiBjYXNlIHNvbWVvbmUgaXMgbGlzdGVuaW5nIGZvciB0aGUgZXNjYXBlIGtleSBvbiB0aGUgYm9keS5cbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgd3JhcHBlZENsb3NlKGV2ZW50LCB0cnVlLCBcImVzY2FwZUtleURvd25cIik7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNsb3NlQnV0dG9uRGlzcGxheSA9ICgpID0+IDxDbG9zZSByb2xlPVwicHJlc2VudGF0aW9uXCIgLz47XG5cbiAgY29uc3QgQ2xvc2VCdXR0b25Ub29sdGlwV3JhcHBlciA9IGJ1dHRvblRpdGxlXG4gICAgPyB3aXRoVG9vbHRpcChjbG9zZUJ1dHRvbkRpc3BsYXksIGJ1dHRvblRpdGxlLCBcInRvcFwiLCBudWxsLCBudWxsLCBudWxsKVxuICAgIDogY2xvc2VCdXR0b25EaXNwbGF5O1xuXG4gIHJldHVybiAoXG4gICAgPE11aURpYWxvZ1xuICAgICAgY29udGFpbmVyPXtkb2N1bWVudC5nZXRFbGVtZW50QnlJZChyb290SWQgfHwgXCJcIikgfHwgZG9jdW1lbnQuYm9keX1cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChkaWFsb2dDbGFzc2VzLnJvb3QsIGNsYXNzZXM/LnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICBpZD17aWR9XG4gICAgICByZWY9e21lYXN1cmVkUmVmfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGZ1bGxTY3JlZW49e2Z1bGxzY3JlZW59XG4gICAgICBvbkNsb3NlPXsoZXZlbnQsIHJlYXNvbikgPT4gd3JhcHBlZENsb3NlKGV2ZW50LCB1bmRlZmluZWQsIHJlYXNvbil9XG4gICAgICBvbktleURvd249e2tleURvd25IYW5kbGVyfVxuICAgICAgZnVsbFdpZHRoXG4gICAgICBtYXhXaWR0aD17ZmFsc2V9XG4gICAgICBzbG90cz17e1xuICAgICAgICBiYWNrZHJvcDogKGJhY2tkcm9wUHJvcHMpID0+IChcbiAgICAgICAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZlbnQpID0+IHdyYXBwZWRDbG9zZShldmVudCl9XG4gICAgICAgICAgICAkYmFja0NvbG9yPXtcbiAgICAgICAgICAgICAgYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXS5hdG1vNCB8fFxuICAgICAgICAgICAgICB0aGVtZS5jb2xvcnMuYXRtbzRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHsuLi5iYWNrZHJvcFByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICksXG4gICAgICB9fVxuICAgICAgY2xhc3Nlcz17eyBjb250YWluZXI6IGNzcyh7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSkgfX1cbiAgICAgIEJhY2tkcm9wUHJvcHM9e3tcbiAgICAgICAgY2xhc3Nlczoge1xuICAgICAgICAgIHJvb3Q6IGNsc3goY2xhc3Nlcz8uYmFja2dyb3VuZCwgZGlhbG9nQ2xhc3Nlcy5iYWNrZ3JvdW5kKSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBQYXBlckNvbXBvbmVudD17KHBhcGVyUHJvcHMpID0+IChcbiAgICAgICAgPFN0eWxlZFBhcGVyICRmdWxsc2NyZWVuPXtmdWxsc2NyZWVufSB7Li4ucGFwZXJQcm9wc30gLz5cbiAgICAgICl9XG4gICAgICBQYXBlclByb3BzPXt7XG4gICAgICAgIGNsYXNzZXM6IHtcbiAgICAgICAgICByb290OiBjbHN4KFxuICAgICAgICAgICAgY3NzKHsgcG9zaXRpb246IFwiYWJzb2x1dGVcIiB9KSxcbiAgICAgICAgICAgIGNsYXNzZXM/LnBhcGVyLFxuICAgICAgICAgICAgZGlhbG9nQ2xhc3Nlcy5wYXBlcixcbiAgICAgICAgICAgIGZ1bGxzY3JlZW4gJiYgY2xzeChkaWFsb2dDbGFzc2VzLmZ1bGxzY3JlZW4sIGNsYXNzZXM/LmZ1bGxzY3JlZW4pXG4gICAgICAgICAgKSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBhcmlhLW1vZGFsXG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIDxTdHlsZWRDbG9zZVxuICAgICAgICBpZD17c2V0SWQoaWQsIFwiY2xvc2VcIil9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChkaWFsb2dDbGFzc2VzLmNsb3NlQnV0dG9uLCBjbGFzc2VzPy5jbG9zZUJ1dHRvbil9XG4gICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlHaG9zdFwiXG4gICAgICAgIG9uQ2xpY2s9eyhldmVudCkgPT4gd3JhcHBlZENsb3NlKGV2ZW50LCB0cnVlLCB1bmRlZmluZWQpfVxuICAgICAgICBhcmlhLWxhYmVsPXtidXR0b25UaXRsZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlQnV0dG9uVG9vbHRpcFdyYXBwZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2xvc2U+XG4gICAgICB7Y2hpbGRyZW4gJiYgdHlwZW9mIGNoaWxkcmVuID09PSBcIm9iamVjdFwiXG4gICAgICAgID8gUmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgICAgICAoYzogUmVhY3QuUmVhY3ROb2RlKSA9PlxuICAgICAgICAgICAgICBjICYmIFJlYWN0LmNsb25lRWxlbWVudChjIGFzIFJlYWN0LlJlYWN0RWxlbWVudCwgeyBmdWxsc2NyZWVuIH0pXG4gICAgICAgICAgKVxuICAgICAgICA6IGNoaWxkcmVufVxuICAgIDwvTXVpRGlhbG9nPlxuICApO1xufTtcbiJdfQ== */",
-        toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-      }), classes == null ? void 0 : classes.paper, dialogClasses.default.paper, fullscreen && clsx__default.default(dialogClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen))
-    }
-  }, "aria-modal": true, ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledClose, { id: setId.setId(id, "close"), className: clsx__default.default(dialogClasses.default.closeButton, classes == null ? void 0 : classes.closeButton), variant: "secondaryGhost", onClick: (event) => wrappedClose(event, true, void 0), "aria-label": buttonTitle, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {}) }),
-    children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
-      fullscreen
-    })) : children
-  ] });
+  });
 };
 exports.HvDialog = HvDialog;
 //# sourceMappingURL=Dialog.cjs.map

package/dist/cjs/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { isNil } from \"lodash\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledBackdrop, StyledClose, StyledPaper } from \"./Dialog.styles\";\nimport { getFocusableList } from \"utils/focusableElementFinder\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvThemeContext } from \"providers\";\nimport { withTooltip } from \"hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { css } from \"@emotion/css\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\" | \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** Current state of the Dialog. */\n    open?: boolean;\n    /** Function executed on close. */\n    onClose?: (\n      event: React.SyntheticEvent,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => void;\n    /** Element id that should be focus when the Dialog opens. */\n    firstFocusable?: string;\n    /** Title for the button close. */\n    buttonTitle?: string;\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    /** Prevent closing the dialog when clicking on the backdrop. */\n    disableBackdropClick?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvDialogClasses;\n  };\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useContext(HvThemeContext);\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <MuiDialog\n      container={document.getElementById(rootId || \"\") || document.body}\n      className={clsx(dialogClasses.root, classes?.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      fullScreen={fullscreen}\n      onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n      onKeyDown={keyDownHandler}\n      fullWidth\n      maxWidth={false}\n      slots={{\n        backdrop: (backdropProps) => (\n          <StyledBackdrop\n            open={open}\n            onClick={(event) => wrappedClose(event)}\n            $backColor={\n              activeTheme?.colors?.modes[selectedMode].atmo4 ||\n              theme.colors.atmo4\n            }\n            {...backdropProps}\n          />\n        ),\n      }}\n      classes={{ container: css({ position: \"relative\" }) }}\n      BackdropProps={{\n        classes: {\n          root: clsx(classes?.background, dialogClasses.background),\n        },\n      }}\n      PaperComponent={(paperProps) => (\n        <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n      )}\n      PaperProps={{\n        classes: {\n          root: clsx(\n            css({ position: \"absolute\" }),\n            classes?.paper,\n            dialogClasses.paper,\n            fullscreen && clsx(dialogClasses.fullscreen, classes?.fullscreen)\n          ),\n        },\n      }}\n      aria-modal\n      {...others}\n    >\n      <StyledClose\n        id={setId(id, \"close\")}\n        className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, true, undefined)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </StyledClose>\n      {children && typeof children === \"object\"\n        ? React.Children.map(\n            children,\n            (c: React.ReactNode) =>\n              c && React.cloneElement(c as React.ReactElement, { fullscreen })\n          )\n        : children}\n    </MuiDialog>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useContext","HvThemeContext","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","jsx","Close","CloseButtonTooltipWrapper","withTooltip","MuiDialog","body","clsx","dialogClasses","root","backdrop","backdropProps","StyledBackdrop","colors","modes","atmo4","theme","container","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","background","paperProps","StyledPaper","paper","StyledClose","setId","closeButton","React","Children","c","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport { StyledBackdrop, StyledClose, StyledPaper } from \"./Dialog.styles\";\nimport { isKeypress, keyboardCodes, setId, getFocusableList } from \"utils\";\nimport { withTooltip } from \"hocs\";\nimport dialogClasses, { HvDialogClasses } from \"./dialogClasses\";\nimport { useTheme } from \"hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\" | \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** Current state of the Dialog. */\n    open?: boolean;\n    /** Function executed on close. */\n    onClose?: (\n      event: React.SyntheticEvent,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => void;\n    /** Element id that should be focus when the Dialog opens. */\n    firstFocusable?: string;\n    /** Title for the button close. */\n    buttonTitle?: string;\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    /** Prevent closing the dialog when clicking on the backdrop. */\n    disableBackdropClick?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvDialogClasses;\n  };\n\nexport const HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  delete (others as any).fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useTheme();\n\n  const focusableQueue = useRef<{\n    first?: HTMLElement;\n    last?: HTMLElement;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (\n    event,\n    bypassValidation: boolean = false,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        focusableQueue.current = {\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        };\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element =\n            firstFocusable && document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (\n      isKeypress(event, keyboardCodes.Tab) &&\n      !isNil(event.target) &&\n      !isNil(focusableQueue)\n    ) {\n      if (event.shiftKey && event.target === focusableQueue.current.first) {\n        focusableQueue.current.last?.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.current.last) {\n        focusableQueue.current.first?.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, keyboardCodes.Esc)) {\n      if (\n        \"onEscapeKeyDown\" in others &&\n        typeof others.onEscapeKeyDown === \"function\"\n      ) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, true, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\", null, null, null)\n    : closeButtonDisplay;\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiDialog\n          container={document.getElementById(rootId || \"\") || document.body}\n          className={clsx(dialogClasses.root, classes?.root, className)}\n          id={id}\n          ref={measuredRef}\n          open={open}\n          fullScreen={fullscreen}\n          onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n          onKeyDown={keyDownHandler}\n          fullWidth\n          maxWidth={false}\n          slots={{\n            backdrop: (backdropProps) => (\n              <StyledBackdrop\n                open={open}\n                onClick={(event) => wrappedClose(event)}\n                $backColor={\n                  activeTheme?.colors?.modes[selectedMode].atmo4 ||\n                  theme.colors.atmo4\n                }\n                {...backdropProps}\n              />\n            ),\n          }}\n          classes={{ container: css({ position: \"relative\" }) }}\n          BackdropProps={{\n            classes: {\n              root: clsx(classes?.background, dialogClasses.background),\n            },\n          }}\n          PaperComponent={(paperProps) => (\n            <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n          )}\n          PaperProps={{\n            classes: {\n              root: clsx(\n                css({ position: \"absolute\" }),\n                classes?.paper,\n                dialogClasses.paper,\n                fullscreen &&\n                  clsx(dialogClasses.fullscreen, classes?.fullscreen)\n              ),\n            },\n          }}\n          aria-modal\n          {...others}\n        >\n          <StyledClose\n            id={setId(id, \"close\")}\n            className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n            variant=\"secondaryGhost\"\n            onClick={(event) => wrappedClose(event, true, undefined)}\n            aria-label={buttonTitle}\n          >\n            <CloseButtonTooltipWrapper />\n          </StyledClose>\n          {children && typeof children === \"object\"\n            ? React.Children.map(\n                children,\n                (c: React.ReactNode) =>\n                  c &&\n                  React.cloneElement(c as React.ReactElement, { fullscreen })\n              )\n            : children}\n        </MuiDialog>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useTheme","focusableQueue","useRef","first","undefined","last","wrappedClose","event","bypassValidation","reason","measuredRef","useCallback","node","focusableList","getFocusableList","current","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","ClassNames","css","MuiDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","position","BackdropProps","background","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","paper","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}