@hitachivantara/uikit-react-core 5.0.0-next.4 → 5.0.0-next.6

package/dist/cjs/components/Container/Container.styles.cjs

@@ -34,6 +34,6 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default(material.Container,
     paddingLeft: uikitStyles.theme.spacing(4),
     paddingRight: uikitStyles.theme.spacing(4)
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIE11aUNvbnRhaW5lciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIE11aUNvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IGFueSB9KSA9PiAoe1xuICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gIFskYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZyg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gIH0sXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyIGFzIE11aUNvbnRhaW5lcixcbiAgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIE11aUNvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgWyRicmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjaW5nKDQpLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2luZyg0KSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
 exports.StyledRoot = StyledRoot;
 //# sourceMappingURL=Container.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.styles.cjs","sources":["../../../../src/components/Container/Container.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Container as MuiContainer } from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  MuiContainer,\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: any }) => ({\n  paddingLeft: theme.space.sm,\n  paddingRight: theme.space.sm,\n  [$breakpoints.up(\"md\")]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n  },\n}));\n"],"names":["StyledRoot","MuiContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","paddingLeft","theme","space","sm","paddingRight","up","spacing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,sDACXC,SAAAA,WAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAoC,OAAO;AAAA,EAC9CC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,cAAcH,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B,CAACJ,aAAaM,GAAG,IAAI,IAAI;AAAA,IACvBL,aAAaC,YAAAA,MAAMK,QAAQ,CAAC;AAAA,IAC5BF,cAAcH,YAAAA,MAAMK,QAAQ,CAAC;AAAA,EAC/B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6pCAAA;;"}
+{"version":3,"file":"Container.styles.cjs","sources":["../../../../src/components/Container/Container.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  Container as MuiContainer,\n  Breakpoints as MuiBreakpoints,\n} from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  MuiContainer,\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  paddingLeft: theme.space.sm,\n  paddingRight: theme.space.sm,\n  [$breakpoints.up(\"md\")]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n  },\n}));\n"],"names":["StyledRoot","MuiContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","paddingLeft","theme","space","sm","paddingRight","up","spacing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,sDACXC,SAAAA,WAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,cAAcH,YAAAA,MAAMC,MAAMC;AAAAA,EAC1B,CAACJ,aAAaM,GAAG,IAAI,IAAI;AAAA,IACvBL,aAAaC,YAAAA,MAAMK,QAAQ,CAAC;AAAA,IAC5BF,cAAcH,YAAAA,MAAMK,QAAQ,CAAC;AAAA,EAC/B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,iuCAAA;;"}

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

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const Controls_styles = require("./Controls.styles.cjs");
+const index = require("./index.cjs");
+const ControlsContext = require("./context/ControlsContext.cjs");
+const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MultiButton = require("../MultiButton/MultiButton.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const Button = require("../Button/Button.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvControls = ({
+  id,
+  className,
+  classes,
+  views,
+  callbacks,
+  selectedView,
+  defaultView,
+  children,
+  hideViewSwitcher = false,
+  onViewChange
+}) => {
+  const [currentView, setCurrentView] = useControlled.useControlled(selectedView, defaultView);
+  const onViewChangeHandler = (evt, btnId) => {
+    setCurrentView(btnId);
+    onViewChange == null ? void 0 : onViewChange(evt, btnId);
+  };
+  const onSearchHandler = (value) => callbacks == null ? void 0 : callbacks.setGlobalFilter(value);
+  const onSortHandler = (value) => callbacks == null ? void 0 : callbacks.setSortBy([{
+    id: value == null ? void 0 : value.accessor,
+    desc: value == null ? void 0 : value.desc
+  }]);
+  const childrenCount = React.Children.count(children);
+  const childrenArray = React.Children.toArray(children);
+  const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
+  const leftChildren = childrenArray.slice(0, childrenIndexCut);
+  const rightChildren = childrenArray.slice(childrenIndexCut, childrenCount || 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, index.controlsClasses.root, classes == null ? void 0 : classes.root),
+    children: /* @__PURE__ */ jsxRuntime.jsxs(ControlsContext.HvControlsContextProvider, {
+      value: {
+        onSearch: onSearchHandler,
+        onSort: onSortHandler
+      },
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Controls_styles.StyledSection, {
+        className: clsx__default.default(classes == null ? void 0 : classes.section, index.controlsClasses.section, classes == null ? void 0 : classes.leftSection, index.controlsClasses.leftSection),
+        children: leftChildren
+      }), /* @__PURE__ */ jsxRuntime.jsxs(Controls_styles.StyledSection, {
+        className: clsx__default.default(classes == null ? void 0 : classes.section, index.controlsClasses.section, classes == null ? void 0 : classes.rightSection, index.controlsClasses.rightSection),
+        children: [rightChildren, views && !hideViewSwitcher && (views == null ? void 0 : views.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, {
+          id: setId.setId(id, "view-multi-button"),
+          children: views.map(({
+            id: btnId,
+            icon,
+            ...others
+          }) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+            id: btnId,
+            icon: true,
+            selected: currentView === btnId,
+            onClick: (evt) => onViewChangeHandler(evt, btnId),
+            ...others,
+            children: icon
+          }, btnId))
+        })]
+      })]
+    })
+  });
+};
+exports.HvControls = HvControls;
+//# sourceMappingURL=Controls.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.cjs","sources":["../../../../src/components/Controls/Controls.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRoot, StyledSection } from \"./Controls.styles\";\nimport { controlsClasses, HvControlsClasses } from \".\";\nimport { HvButton, HvMultiButton } from \"components\";\nimport { setId } from \"utils\";\nimport { useControlled } from \"hooks\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport { Children } from \"react\";\nimport { HvTableInstance } from \"components/Table/hooks/useTable\";\n\nexport type HvControlsViewConfiguration = {\n  id?: string;\n  label?: string;\n  icon?: React.ReactNode;\n} & HvExtraProps;\n\nexport type HvControlsProps = HvBaseProps & {\n  /**\n   * An instance of useHvTable or useTable used to manage the data\n   * if this is not provided data sorting and search must be handled externally\n   */\n  callbacks?: Pick<HvTableInstance, \"setSortBy\" | \"setGlobalFilter\">;\n  /**\n   * Views configuration required for the view buttons\n   */\n  views?: HvControlsViewConfiguration[];\n  /**\n   * What view is selected by default\n   */\n  defaultView?: string;\n  /**\n   * Sets the selected view to be the one specified\n   * if specified the component is in a controlled state and it won't change it state\n   * unless specified externally\n   */\n  selectedView?: string;\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange?: (event: Event, id: string) => void;\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvControlsClasses;\n};\n\nexport const HvControls = ({\n  id,\n  className,\n  classes,\n  views,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}: HvControlsProps) => {\n  const [currentView, setCurrentView] = useControlled(\n    selectedView,\n    defaultView\n  );\n\n  const onViewChangeHandler = (evt, btnId) => {\n    setCurrentView(btnId);\n    onViewChange?.(evt, btnId);\n  };\n\n  const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n  const onSortHandler = (value) =>\n    callbacks?.setSortBy([\n      {\n        id: value?.accessor,\n        desc: value?.desc,\n      },\n    ]);\n\n  const childrenCount = Children.count(children);\n  const childrenArray = Children.toArray(children);\n\n  const childrenIndexCut =\n    childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;\n  const leftChildren = childrenArray.slice(0, childrenIndexCut);\n  const rightChildren = childrenArray.slice(\n    childrenIndexCut,\n    childrenCount || 0\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, controlsClasses.root, classes?.root)}\n    >\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <StyledSection\n          className={clsx(\n            classes?.section,\n            controlsClasses.section,\n            classes?.leftSection,\n            controlsClasses.leftSection\n          )}\n        >\n          {leftChildren}\n        </StyledSection>\n        <StyledSection\n          className={clsx(\n            classes?.section,\n            controlsClasses.section,\n            classes?.rightSection,\n            controlsClasses.rightSection\n          )}\n        >\n          {rightChildren}\n          {views && !hideViewSwitcher && views?.length > 0 && (\n            <HvMultiButton id={setId(id, \"view-multi-button\")}>\n              {views.map(({ id: btnId, icon, ...others }) => (\n                <HvButton\n                  id={btnId}\n                  key={btnId}\n                  icon\n                  selected={currentView === btnId}\n                  onClick={(evt) => onViewChangeHandler(evt, btnId)}\n                  {...others}\n                >\n                  {icon}\n                </HvButton>\n              ))}\n            </HvMultiButton>\n          )}\n        </StyledSection>\n      </HvControlsContextProvider>\n    </StyledRoot>\n  );\n};\n"],"names":["HvControls","id","className","classes","views","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","useControlled","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenCount","Children","count","childrenArray","toArray","childrenIndexCut","Math","round","leftChildren","slice","rightChildren","StyledRoot","clsx","controlsClasses","root","HvControlsContextProvider","onSearch","onSort","_jsx","StyledSection","section","leftSection","_jsxs","rightSection","length","HvMultiButton","setId","map","icon","others","HvButton","selected","onClick"],"mappings":";;;;;;;;;;;;;;AAiDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,mBAAmB;AAAA,EACnBC;AACe,MAAM;AACrB,QAAM,CAACC,aAAaC,cAAc,IAAIC,cAAAA,cACpCP,cACAC,WAAW;AAGPO,QAAAA,sBAAsBA,CAACC,KAAKC,UAAU;AAC1CJ,mBAAeI,KAAK;AACpBN,iDAAeK,KAAKC;AAAAA,EAAK;AAG3B,QAAMC,kBAAmBC,CAAAA,UAAUb,uCAAWc,gBAAgBD;AAC9D,QAAME,gBAAiBF,CAAAA,UACrBb,uCAAWgB,UAAU,CACnB;AAAA,IACEpB,IAAIiB,+BAAOI;AAAAA,IACXC,MAAML,+BAAOK;AAAAA,EACd,CAAA;AAGCC,QAAAA,gBAAgBC,MAAAA,SAASC,MAAMlB,QAAQ;AACvCmB,QAAAA,gBAAgBF,MAAAA,SAASG,QAAQpB,QAAQ;AAE/C,QAAMqB,mBACJL,gBAAgB,IAAIM,KAAKC,MAAMP,gBAAgB,GAAG,IAAI;AACxD,QAAMQ,eAAeL,cAAcM,MAAM,GAAGJ,gBAAgB;AAC5D,QAAMK,gBAAgBP,cAAcM,MAClCJ,kBACAL,iBAAiB,CAAC;AAGpB,wCACGW,gBAAAA,YAAU;AAAA,IACTlC;AAAAA,IACAC,WAAWkC,cAAKlC,QAAAA,WAAWmC,MAAgBC,gBAAAA,MAAMnC,mCAASmC,IAAI;AAAA,IAAE9B,0CAE/D+B,2CAAyB;AAAA,MACxBrB,OAAO;AAAA,QACLsB,UAAUvB;AAAAA,QACVwB,QAAQrB;AAAAA,MACV;AAAA,MAAEZ,UAAA,CAEFkC,2BAAAA,IAACC,+BAAa;AAAA,QACZzC,WAAWkC,cAAAA,QACTjC,mCAASyC,SACTP,MAAAA,gBAAgBO,SAChBzC,mCAAS0C,aACTR,MAAAA,gBAAgBQ,WAAW;AAAA,QAC3BrC,UAEDwB;AAAAA,MAAAA,CACa,GAChBc,2BAAAA,KAACH,+BAAa;AAAA,QACZzC,WAAWkC,cAAAA,QACTjC,mCAASyC,SACTP,MAAAA,gBAAgBO,SAChBzC,mCAAS4C,cACTV,MAAAA,gBAAgBU,YAAY;AAAA,QAC5BvC,WAED0B,eACA9B,SAAS,CAACK,qBAAoBL,+BAAO4C,UAAS,KAC7CN,2BAAAA,IAACO,2BAAa;AAAA,UAAChD,IAAIiD,MAAAA,MAAMjD,IAAI,mBAAmB;AAAA,UAAEO,UAC/CJ,MAAM+C,IAAI,CAAC;AAAA,YAAElD,IAAIe;AAAAA,YAAOoC;AAAAA,eAASC;AAAAA,UAAAA,qCAC/BC,OAAAA,UAAQ;AAAA,YACPrD,IAAIe;AAAAA,YAEJoC,MAAI;AAAA,YACJG,UAAU5C,gBAAgBK;AAAAA,YAC1BwC,SAAUzC,CAAAA,QAAQD,oBAAoBC,KAAKC,KAAK;AAAA,YAAE,GAC9CqC;AAAAA,YAAM7C,UAET4C;AAAAA,UAAI,GANApC,KAAK,CAQb;AAAA,QAAA,CAEJ,CAAA;AAAA,MAAA,CACa,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEP;AAEjB;;"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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);
+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 StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pt6zdq1"
+} : {
+  target: "e1pt6zdq1",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "eqz57s",
+  styles: "display:inline-flex;width:100%;justify-content:space-between"
+} : {
+  name: "eqz57s",
+  styles: "display:inline-flex;width:100%;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvQ29udHJvbHMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9Db250cm9scy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSection = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pt6zdq0"
+} : {
+  target: "e1pt6zdq0",
+  label: "StyledSection"
+})(process.env.NODE_ENV === "production" ? {
+  name: "9df6r",
+  styles: "display:inline-flex;align-items:flex-end;gap:10px"
+} : {
+  name: "9df6r",
+  styles: "display:inline-flex;align-items:flex-end;gap:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvQ29udHJvbHMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9Db250cm9scy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledRoot = StyledRoot;
+exports.StyledSection = StyledSection;
+//# sourceMappingURL=Controls.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.styles.cjs","sources":["../../../../src/components/Controls/Controls.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  width: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledSection = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"flex-end\",\n  gap: 10,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSection"],"mappings":";;;;;;;;AAEO,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,CAIrC;AAEK,MAAMC,gBAAuBX,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,CAIxC;;;"}

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvLeftControl = ({
+  id,
+  classes,
+  className,
+  children,
+  placeholder = "Search",
+  onSearch,
+  hideSearch = false,
+  searchProps,
+  ...others
+}) => {
+  const {
+    onSearch: onSearchHandler
+  } = React.useContext(ControlsContext.HvControlsContext);
+  const onChangeFilter = (e, value) => {
+    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]
+  });
+};
+exports.HvLeftControl = HvLeftControl;
+//# sourceMappingURL=LeftControl.cjs.map

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

@@ -0,0 +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","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,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,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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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);
+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 StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ezp8s40"
+} : {
+  target: "e1ezp8s40",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px"
+} : {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvTGVmdENvbnRyb2wvTGVmdENvbnRyb2wuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Db250cm9scy9MZWZ0Q29udHJvbC9MZWZ0Q29udHJvbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=LeftControl.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftControl.styles.cjs","sources":["../../../../../src/components/Controls/LeftControl/LeftControl.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"inline-flex\",\n  gap: 10,\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;AAEO,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;;"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["root"];
+const leftControlClasses = classes.getClasses(classKeys, "HvLeftControl");
+const leftControlClasses$1 = leftControlClasses;
+exports.default = leftControlClasses$1;
+//# sourceMappingURL=leftControlClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leftControlClasses.cjs","sources":["../../../../../src/components/Controls/LeftControl/leftControlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvLeftControlClasses = {\n  root: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst leftControlClasses = getClasses<HvLeftControlClasses>(\n  classKeys,\n  \"HvLeftControl\"\n);\n\nexport default leftControlClasses;\n"],"names":["classKeys","leftControlClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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 };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvRightControl = ({
+  id,
+  classes,
+  className,
+  children,
+  values,
+  onSort,
+  hideSortBy = false,
+  sortProps,
+  ...others
+}) => {
+  const [dropDownValues, setDropdownValues] = React.useState(values);
+  const {
+    onSort: onSortHandler
+  } = React.useContext(ControlsContext.HvControlsContext);
+  const handleChangeSort = (value) => {
+    onSort == null ? void 0 : onSort(value);
+    onSortHandler == null ? void 0 : onSortHandler(value);
+    setDropdownValues((prevValues) => prevValues == null ? void 0 : prevValues.map((prevValue) => ({
+      ...prevValue,
+      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
+    })
+  });
+};
+exports.HvRightControl = HvRightControl;
+//# sourceMappingURL=RightControl.cjs.map

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

@@ -0,0 +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","_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,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,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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [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);
+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 StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e16dy5r71"
+} : {
+  target: "e16dy5r71",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px"
+} : {
+  name: "f3qv9t",
+  styles: "display:inline-flex;gap:10px",
+  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" ? {
+  target: "e16dy5r70"
+} : {
+  target: "e16dy5r70",
+  label: "StyledDropdown"
+})(process.env.NODE_ENV === "production" ? {
+  name: "16gsvie",
+  styles: "min-width:200px"
+} : {
+  name: "16gsvie",
+  styles: "min-width:200px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udHJvbHMvUmlnaHRDb250cm9sL1JpZ2h0Q29udHJvbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL1JpZ2h0Q29udHJvbC9SaWdodENvbnRyb2wuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBnYXA6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkRyb3Bkb3duIHsuLi5wcm9wc30gLz4pKHtcbiAgbWluV2lkdGg6IDIwMCxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledDropdown = StyledDropdown;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=RightControl.styles.cjs.map

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

@@ -0,0 +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;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/Controls/RightControl/rightControlClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["root"];
+const rightControlClasses = classes.getClasses(classKeys, "HvRightControl");
+const rightControlClasses$1 = rightControlClasses;
+exports.default = rightControlClasses$1;
+//# sourceMappingURL=rightControlClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rightControlClasses.cjs","sources":["../../../../../src/components/Controls/RightControl/rightControlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvRightControlClasses = {\n  root?: string;\n  sortDropdown?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst rightControlClasses = getClasses<HvRightControlClasses>(\n  classKeys,\n  \"HvRightControl\"\n);\n\nexport default rightControlClasses;\n"],"names":["classKeys","rightControlClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}

package/dist/cjs/components/Controls/context/ControlsContext.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const HvControlsContext = React__default.default.createContext({});
+const HvControlsContextProvider = HvControlsContext.Provider;
+HvControlsContext.Consumer;
+exports.HvControlsContext = HvControlsContext;
+exports.HvControlsContextProvider = HvControlsContextProvider;
+exports.default = HvControlsContext;
+//# sourceMappingURL=ControlsContext.cjs.map

package/dist/cjs/components/Controls/context/ControlsContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsContext.cjs","sources":["../../../../../src/components/Controls/context/ControlsContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext<{\n  onSearch?: any;\n  onSort?: any;\n}>({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"names":["HvControlsContext","React","createContext","HvControlsContextProvider","Provider","Consumer"],"mappings":";;;;;AAEO,MAAMA,oBAAoBC,eAAAA,QAAMC,cAGpC,EAAE;AAEE,MAAMC,4BAA4BH,kBAAkBI;AAClBJ,kBAAkBK;;;;"}

package/dist/cjs/components/Controls/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "section", "rightSection", "leftSection"];
+const controlsClasses = classes.getClasses(classKeys, "HvControls");
+exports.controlsClasses = controlsClasses;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Controls/index.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvControlsClasses = {\n  root: string;\n  section: string;\n  rightSection: string;\n  leftSection: string;\n};\n\nconst classKeys: string[] = [\"root\", \"section\", \"rightSection\", \"leftSection\"];\n\nexport const controlsClasses = getClasses<HvControlsClasses>(\n  classKeys,\n  \"HvControls\"\n);\n\nexport * from \"./Controls\";\nexport * from \"./LeftControl\";\nexport * from \"./RightControl\";\n"],"names":["classKeys","controlsClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,WAAW,gBAAgB,aAAa;AAEhEC,MAAAA,kBAAkBC,QAAAA,WAC7BF,WACA,YAAY;;"}

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

@@ -7,9 +7,9 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const lodash = require("lodash");
 const Dialog_styles = require("./Dialog.styles.cjs");
 const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
-const withTooltip = require("../../hocs/withTooltip.cjs");
 const dialogClasses = require("./dialogClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const withTooltip = require("../../hocs/withTooltip.cjs");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const setId = require("../../utils/setId.cjs");
 const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
@@ -36,7 +36,7 @@ const HvDialog = ({
     selectedMode,
     rootId
   } = React.useContext(ThemeProvider.HvThemeContext);
-  const [focusableQueue, setFocusableQueue] = React.useState({
+  const focusableQueue = React.useRef({
     first: void 0,
     last: void 0
   });
@@ -50,10 +50,10 @@ const HvDialog = ({
   const measuredRef = React.useCallback((node) => {
     if (node) {
       const focusableList = focusableElementFinder.getFocusableList(node);
-      setFocusableQueue({
+      focusableQueue.current = {
         first: focusableList[1],
         last: focusableList[focusableList.length - 2]
-      });
+      };
       if (lodash.isNil(firstFocusable))
         focusableList[1].focus();
       else {
@@ -68,13 +68,14 @@ const HvDialog = ({
     }
   }, [firstFocusable]);
   const keyDownHandler = (event) => {
+    var _a, _b;
     if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab) && !lodash.isNil(event.target) && !lodash.isNil(focusableQueue)) {
-      if (event.shiftKey && event.target === focusableQueue.first) {
-        focusableQueue.last.focus();
+      if (event.shiftKey && event.target === focusableQueue.current.first) {
+        (_a = focusableQueue.current.last) == null ? void 0 : _a.focus();
         event.preventDefault();
       }
-      if (!event.shiftKey && event.target === focusableQueue.last) {
-        focusableQueue.first.focus();
+      if (!event.shiftKey && event.target === focusableQueue.current.last) {
+        (_b = focusableQueue.current.first) == null ? void 0 : _b.focus();
         event.preventDefault();
       }
     } else if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Esc)) {

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, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { 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, HvExtraProps } from \"../../types\";\nimport {\n  StyledBackdrop,\n  StyledClose,\n  StyledDialog,\n  StyledPaper,\n} 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\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\"> &\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?: any;\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 empty state component. */\n    classes?: HvDialogClasses;\n  } & HvExtraProps;\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.fullScreen;\n\n  const { activeTheme, selectedMode, rootId } = useContext(HvThemeContext);\n\n  const [focusableQueue, setFocusableQueue] = useState<{\n    first: any;\n    last: any;\n  }>({ first: undefined, last: undefined });\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason = \"\", bypassValidation = false) => {\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        setFocusableQueue({\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.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.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 (\"onEscapeKeyDown\" in others) {\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, \"escapeKeyDown\", true);\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    <StyledDialog\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, 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      PaperComponent={(paperProps) => (\n        <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n      )}\n      PaperProps={{\n        classes: {\n          root: fullscreen\n            ? clsx(dialogClasses.fullscreen, classes?.fullscreen)\n            : \"\",\n        },\n      }}\n      {...others}\n      aria-modal\n    >\n      <StyledClose\n        id={setId(id, \"close\")}\n        className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\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    </StyledDialog>\n  );\n};\n"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","fullScreen","activeTheme","selectedMode","rootId","useContext","HvThemeContext","focusableQueue","setFocusableQueue","useState","first","undefined","last","wrappedClose","event","reason","bypassValidation","measuredRef","useCallback","node","focusableList","getFocusableList","length","isNil","focus","element","document","getElementById","warn","keyDownHandler","isKeypress","keyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","StyledDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { 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, HvExtraProps } from \"../../types\";\nimport {\n  StyledBackdrop,\n  StyledClose,\n  StyledDialog,\n  StyledPaper,\n} 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\";\n\nexport type HvDialogProps = Omit<MuiDialogProps, \"fullScreen\"> &\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?: (event: React.SyntheticEvent, reason?: string) => 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  } & HvExtraProps;\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.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 funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason = \"\", bypassValidation = false) => {\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 (\"onEscapeKeyDown\" in others) {\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, \"escapeKeyDown\", true);\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    <StyledDialog\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, 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      PaperComponent={(paperProps) => (\n        <StyledPaper $fullscreen={fullscreen} {...paperProps} />\n      )}\n      PaperProps={{\n        classes: {\n          root: fullscreen\n            ? clsx(dialogClasses.fullscreen, classes?.fullscreen)\n            : \"\",\n        },\n      }}\n      {...others}\n      aria-modal\n    >\n      <StyledClose\n        id={setId(id, \"close\")}\n        className={clsx(dialogClasses.closeButton, classes?.closeButton)}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\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    </StyledDialog>\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","reason","bypassValidation","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","StyledDialog","container","body","clsx","dialogClasses","root","ref","onKeyDown","fullWidth","maxWidth","slots","backdrop","backdropProps","StyledBackdrop","onClick","$backColor","colors","modes","atmo4","theme","PaperComponent","paperProps","StyledPaper","$fullscreen","PaperProps","StyledClose","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

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

@@ -21,6 +21,7 @@ const HvTitle = ({
   const {
     fullscreen
   } = others;
+  delete others.fullscreen;
   const icon = customIcon || showIcon && iconVariant.default(variant, "", "");
   return /* @__PURE__ */ jsxRuntime.jsx(Title_styles.StyledTitle, {
     className: clsx__default.default(titleClasses.default.root, classes == null ? void 0 : classes.root, className, fullscreen ? clsx__default.default(titleClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen) : ""),

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

@@ -1 +1 @@
-{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps, HvExtraProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\"> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  } & HvExtraProps;\n\nexport const HvTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvTitleProps) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen\n          ? clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n          : \"\"\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer>\n        {icon}\n\n        <StyledTextWithIcon $hasIcon={!!icon}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"title4\">{children}</HvTypography>}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","_jsxs","StyledTextWithIcon","$hasIcon","HvTypography"],"mappings":";;;;;;;;;;AA8BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZC,QAAAA,WAAW,OAAOL,aAAa;AAC/B,QAAA;AAAA,IAAEM;AAAAA,EAAeF,IAAAA;AAEvB,QAAMG,OAAOJ,cAAeD,YAAYM,YAAYP,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGQ,aAAAA,aAAW;AAAA,IACVV,WAAWW,cAAAA,QACTC,aAAmBC,QAAAA,MACnBd,mCAASc,MACTb,WACAO,aACII,cAAAA,QAAKC,aAAmBL,QAAAA,YAAYR,mCAASQ,UAAU,IACvD,EAAE;AAAA,IAERO,aAAaP;AAAAA,IAAW,GACpBF;AAAAA,IAAMJ,0CAETc,qCAAsB;AAAA,MAAAd,UACpBO,CAAAA,MAEDQ,2BAAAA,KAACC,iCAAkB;AAAA,QAACC,UAAU,CAAC,CAACV;AAAAA,QAAKP,UAAA,CAClC,CAACK,YAAYL,UACbK,2CAAaa,yBAAY;AAAA,UAACjB,SAAQ;AAAA,UAAQD;AAAAA,QAAAA,CAA0B,CAAA;AAAA,MAAA,CAClD,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}
+{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps, HvExtraProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\"> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  } & HvExtraProps;\n\nexport const HvTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvTitleProps) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen\n          ? clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n          : \"\"\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer>\n        {icon}\n\n        <StyledTextWithIcon $hasIcon={!!icon}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"title4\">{children}</HvTypography>}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","_jsxs","StyledTextWithIcon","$hasIcon","HvTypography"],"mappings":";;;;;;;;;;AA8BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZC,QAAAA,WAAW,OAAOL,aAAa;AAC/B,QAAA;AAAA,IAAEM;AAAAA,EAAeF,IAAAA;AACvB,SAAOA,OAAOE;AAEd,QAAMC,OAAOJ,cAAeD,YAAYM,YAAYP,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGQ,aAAAA,aAAW;AAAA,IACVV,WAAWW,cAAAA,QACTC,aAAmBC,QAAAA,MACnBd,mCAASc,MACTb,WACAO,aACII,cAAAA,QAAKC,aAAmBL,QAAAA,YAAYR,mCAASQ,UAAU,IACvD,EAAE;AAAA,IAERO,aAAaP;AAAAA,IAAW,GACpBF;AAAAA,IAAMJ,0CAETc,qCAAsB;AAAA,MAAAd,UACpBO,CAAAA,MAEDQ,2BAAAA,KAACC,iCAAkB;AAAA,QAACC,UAAU,CAAC,CAACV;AAAAA,QAAKP,UAAA,CAClC,CAACK,YAAYL,UACbK,2CAAaa,yBAAY;AAAA,UAACjB,SAAQ;AAAA,UAAQD;AAAAA,QAAAA,CAA0B,CAAA;AAAA,MAAA,CAClD,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}