@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","PropTypes","Container","withStyles","styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","forwardRef","ref","maxWidth","fixed","others","propTypes","children","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","name"],"sources":["../../../src/Container/Container.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Container } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n// import { styles as containerStyles } from \"@mui/material/Container\";\n\n// inherit material ui styles so people can override them too\nconst styles = (theme) => ({\n  // ...containerStyles(theme),\n  root: {\n    paddingLeft: theme.hvSpacing(2),\n    paddingRight: theme.hvSpacing(2),\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(4),\n      paddingRight: theme.hvSpacing(4),\n    },\n  },\n});\n\n/**\n * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.\n */\nconst HvContainer = React.forwardRef(({ maxWidth = \"xl\", fixed, ...others }, ref) => {\n  return <Container ref={ref} maxWidth={maxWidth} fixed={fixed} {...others} />;\n});\n\n/*\n * copied from Material-UI Container.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if disableGutters={true}.\n     */\n    disableGutters: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if fixed={true}.\n     */\n    fixed: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xs\".\n     */\n    maxWidthXs: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"sm\".\n     */\n    maxWidthSm: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"md\".\n     */\n    maxWidthMd: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"lg\".\n     */\n    maxWidthLg: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xl\".\n     */\n    maxWidthXl: PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   */\n  maxWidth: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", false]),\n};\n\nexport default withStyles(styles, { name: \"HvContainer\" })(HvContainer);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,UAAT,QAA2B,aAA3B,C,CACA;AAEA;;;;AACA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzB;EACAC,IAAI,EAAE;IACJC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADT;IAEJC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB,CAFV;IAGJ,CAACH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc;EAH1B;AAFmB,CAAZ,CAAf;AAYA;AACA;AACA;;;AACA,MAAMI,WAAW,gBAAGZ,KAAK,CAACa,UAAN,CAAiB,OAAwCC,GAAxC,KAAgD;EAAA,IAA/C;IAAEC,QAAQ,GAAG,IAAb;IAAmBC;EAAnB,CAA+C;EAAA,IAAlBC,MAAkB;;EACnF,oBAAO,KAAC,SAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;AACA,wCAAAL,WAAW,CAACM,SAAZ,GAAwB;EACtBC,QAAQ,EAAElB,SAAS,CAACmB,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAErB,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEL,SAAS,CAACuB,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAExB,SAAS,CAACuB,MATH;;IAWvB;AACJ;AACA;IACIR,KAAK,EAAEf,SAAS,CAACuB,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAEzB,SAAS,CAACuB,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAE1B,SAAS,CAACuB,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAE3B,SAAS,CAACuB,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAE5B,SAAS,CAACuB,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAE7B,SAAS,CAACuB;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAE9B,SAAS,CAACuB,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAE/B,SAAS,CAACgC,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAExB,SAAS,CAACiC,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEf,SAAS,CAACiC,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEd,SAAS,CAACkC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;AA4EA,eAAehC,UAAU,CAACC,MAAD,EAAS;EAAEgC,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CxB,WAA5C,CAAf"}
+{"version":3,"file":"Container.js","names":["React","PropTypes","Container","withStyles","styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","forwardRef","ref","maxWidth","fixed","others","propTypes","children","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","name"],"sources":["../../../src/Container/Container.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Container } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n// import { styles as containerStyles } from \"@mui/material/Container\";\n\n// inherit material ui styles so people can override them too\nconst styles = (theme) => ({\n  // ...containerStyles(theme),\n  root: {\n    paddingLeft: theme.hvSpacing(2),\n    paddingRight: theme.hvSpacing(2),\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(4),\n      paddingRight: theme.hvSpacing(4),\n    },\n  },\n});\n\n/**\n * The Container is the element responsible for creating and adding margins to the page, and making them react to the current screen size. Default maxWidth is overridden to xl.\n */\nconst HvContainer = React.forwardRef(({ maxWidth = \"xl\", fixed, ...others }, ref) => {\n  return <Container ref={ref} maxWidth={maxWidth} fixed={fixed} {...others} />;\n});\n\n/*\n * copied from Material-UI Container.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if disableGutters={true}.\n     */\n    disableGutters: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if fixed={true}.\n     */\n    fixed: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xs\".\n     */\n    maxWidthXs: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"sm\".\n     */\n    maxWidthSm: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"md\".\n     */\n    maxWidthMd: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"lg\".\n     */\n    maxWidthLg: PropTypes.string,\n\n    /**\n     * Styles applied to the root element if maxWidth=\"xl\".\n     */\n    maxWidthXl: PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * Set the max-width to match the min-width of the current breakpoint.\n   * This is useful if you'd prefer to design for a fixed set of sizes\n   * instead of trying to accommodate a fully fluid viewport.\n   * It's fluid by default.\n   */\n  fixed: PropTypes.bool,\n  /**\n   * Determine the max-width of the container.\n   * The container width grows with the size of the screen.\n   * Set to `false` to disable `maxWidth`.\n   */\n  maxWidth: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", false]),\n};\n\nexport default withStyles(styles, { name: \"HvContainer\" })(HvContainer);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,UAAU,QAAQ,aAAa;AACxC;;AAEA;AAAA;AACA,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzB;EACAC,IAAI,EAAE;IACJC,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;IAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;IAChC,CAACH,KAAK,CAACK,WAAW,CAACC,EAAE,CAAC,IAAI,CAAC,GAAG;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;MAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC;EACF;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMI,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CAAC,OAAwCC,GAAG,KAAK;EAAA,IAA/C;MAAEC,QAAQ,GAAG,IAAI;MAAEC;IAAiB,CAAC;IAARC,MAAM;EACvE,oBAAO,KAAC,SAAS;IAAC,GAAG,EAAEH,GAAI;IAAC,QAAQ,EAAEC,QAAS;IAAC,KAAK,EAAEC;EAAM,GAAKC,MAAM,EAAI;AAC9E,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,wCAAAL,WAAW,CAACM,SAAS,GAAG;EACtBC,QAAQ,EAAElB,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAErB,SAAS,CAACsB,KAAK,CAAC;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEL,SAAS,CAACuB,MAAM;IAEtB;AACJ;AACA;IACIC,cAAc,EAAExB,SAAS,CAACuB,MAAM;IAEhC;AACJ;AACA;IACIR,KAAK,EAAEf,SAAS,CAACuB,MAAM;IAEvB;AACJ;AACA;IACIE,UAAU,EAAEzB,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIG,UAAU,EAAE1B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACII,UAAU,EAAE3B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIK,UAAU,EAAE5B,SAAS,CAACuB,MAAM;IAE5B;AACJ;AACA;IACIM,UAAU,EAAE7B,SAAS,CAACuB;EACxB,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACEU,SAAS,EAAE9B,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;EACEQ,SAAS,EAAE/B,SAAS,CAACgC,WAAW;EAChC;AACF;AACA;EACER,cAAc,EAAExB,SAAS,CAACiC,IAAI;EAC9B;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEf,SAAS,CAACiC,IAAI;EACrB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEd,SAAS,CAACkC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACjE,CAAC;AAED,eAAehC,UAAU,CAACC,MAAM,EAAE;EAAEgC,IAAI,EAAE;AAAc,CAAC,CAAC,CAACxB,WAAW,CAAC"}

package/dist/modern/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Container/index.js"],"sourcesContent":["export { default } from \"./Container\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Container/index.js"],"sourcesContent":["export { default } from \"./Container\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}

package/dist/modern/Controls/Controls.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "icon"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -16,11 +12,10 @@ import HvButton from "../Button";
 import { useControlled, setId } from "../utils";
 import { HvControlsContextProvider } from "./context/ControlsContext";
 import styleCreator from "./styles";
-/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */
 
+/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvControls = ({
   id,
   views,
@@ -34,19 +29,15 @@ const HvControls = ({
   onViewChange
 }) => {
   const [currentView, setCurrentView] = useControlled(selectedView, defaultView);
-
   const onViewChangeHandler = (evt, btnId) => {
     setCurrentView(btnId);
     onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(evt, btnId);
   };
-
   const onSearchHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setGlobalFilter(value);
-
   const onSortHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setSortBy([{
     id: value === null || value === void 0 ? void 0 : value.accessor,
     desc: value === null || value === void 0 ? void 0 : value.desc
   }]);
-
   const childrenIndexCut = (children === null || children === void 0 ? void 0 : children.length) > 0 ? Math.round(children.length * 0.5) : 0;
   const leftChildren = children.slice(0, childrenIndexCut);
   const rightChildren = children.slice(childrenIndexCut, (children === null || children === void 0 ? void 0 : children.length) || 0);
@@ -67,11 +58,10 @@ const HvControls = ({
           id: setId(id, "view-multi-button"),
           children: views === null || views === void 0 ? void 0 : views.map(_ref => {
             let {
-              id: btnId,
-              icon
-            } = _ref,
-                others = _objectWithoutProperties(_ref, _excluded);
-
+                id: btnId,
+                icon
+              } = _ref,
+              others = _objectWithoutProperties(_ref, _excluded);
             return /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
               id: btnId,
               icon: true,
@@ -86,21 +76,17 @@ const HvControls = ({
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
   /** Children to be rendered. */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * Children elements to be rendered
    */
   children: PropTypes.node,
-
   /**
    * An instance of useHvTable or useTable used to manage the data
    * if this is not provided data sorting and search must be handled externally
@@ -110,13 +96,11 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
      * Callback used by the .
      */
     setSortBy: PropTypes.func,
-
     /**
      * Callback used by the search input to filter data across all fields
      */
     setGlobalFilter: PropTypes.func
   }),
-
   /**
    * Views configuration required for the view buttons
    */
@@ -125,7 +109,6 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
     icon: PropTypes.node,
     id: PropTypes.string
   })),
-
   /**
    * the classes object to be applied into the root object.
    */
@@ -134,40 +117,33 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
      * Style applied to the root of the component.
      */
     root: PropTypes.string,
-
     /**
      * Right box of the controls
      */
     rightSection: PropTypes.string,
-
     /**
      * Left box of the controls
      */
     leftSection: PropTypes.string,
-
     /**
      * common styles for left and right controls
      */
     section: PropTypes.string
   }).isRequired,
-
   /**
    * What view is selected by default
    */
   defaultView: PropTypes.string,
-
   /**
    * Sets the selected view to be the one specified
    * if specified the component is in a controlled state and it won't change it state
    * unless specified externally
    */
   selectedView: PropTypes.string,
-
   /**
    * Callback called when the view switcher button is pressed
    */
   onViewChange: PropTypes.func,
-
   /**
    * if `true` the button to switch views is not rendered
    */

package/dist/modern/Controls/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["React","PropTypes","clsx","withStyles","HvMultiButton","HvButton","useControlled","setId","HvControlsContextProvider","styleCreator","HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","root","onSearch","onSort","section","leftSection","rightSection","map","icon","others","propTypes","string","node","shape","func","arrayOf","label","isRequired","bool","name","withTheme"],"sources":["../../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport HvMultiButton from \"../MultiButton\";\nimport HvButton from \"../Button\";\nimport { useControlled, setId } from \"../utils\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */\nconst HvControls = ({\n  id,\n  views,\n  classes,\n  className,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}) => {\n  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\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  const childrenIndexCut = children?.length > 0 ? Math.round(children.length * 0.5) : 0;\n  const leftChildren = children.slice(0, childrenIndexCut);\n  const rightChildren = children.slice(childrenIndexCut, children?.length || 0);\n  return (\n    <div id={id} className={clsx(className, classes.root)}>\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n        <div className={clsx(classes.section, classes.rightSection)}>\n          {rightChildren}\n          {!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        </div>\n      </HvControlsContextProvider>\n    </div>\n  );\n};\n\nHvControls.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Children elements to be rendered\n   */\n  children: PropTypes.node,\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: PropTypes.shape({\n    /**\n     * Callback used by the .\n     */\n    setSortBy: PropTypes.func,\n    /**\n     * Callback used by the search input to filter data across all fields\n     */\n    setGlobalFilter: PropTypes.func,\n  }),\n  /**\n   * Views configuration required for the view buttons\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      id: PropTypes.string,\n    })\n  ),\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Right box of the controls\n     */\n    rightSection: PropTypes.string,\n    /**\n     * Left box of the controls\n     */\n    leftSection: PropTypes.string,\n    /**\n     * common styles for left and right controls\n     */\n    section: PropTypes.string,\n  }).isRequired,\n  /**\n   * What view is selected by default\n   */\n  defaultView: PropTypes.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: PropTypes.string,\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange: PropTypes.func,\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["React","PropTypes","clsx","withStyles","HvMultiButton","HvButton","useControlled","setId","HvControlsContextProvider","styleCreator","HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","root","onSearch","onSort","section","leftSection","rightSection","map","icon","others","propTypes","string","node","shape","func","arrayOf","label","isRequired","bool","name","withTheme"],"sources":["../../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport HvMultiButton from \"../MultiButton\";\nimport HvButton from \"../Button\";\nimport { useControlled, setId } from \"../utils\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */\nconst HvControls = ({\n  id,\n  views,\n  classes,\n  className,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}) => {\n  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\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  const childrenIndexCut = children?.length > 0 ? Math.round(children.length * 0.5) : 0;\n  const leftChildren = children.slice(0, childrenIndexCut);\n  const rightChildren = children.slice(childrenIndexCut, children?.length || 0);\n  return (\n    <div id={id} className={clsx(className, classes.root)}>\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n        <div className={clsx(classes.section, classes.rightSection)}>\n          {rightChildren}\n          {!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        </div>\n      </HvControlsContextProvider>\n    </div>\n  );\n};\n\nHvControls.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Children elements to be rendered\n   */\n  children: PropTypes.node,\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: PropTypes.shape({\n    /**\n     * Callback used by the .\n     */\n    setSortBy: PropTypes.func,\n    /**\n     * Callback used by the search input to filter data across all fields\n     */\n    setGlobalFilter: PropTypes.func,\n  }),\n  /**\n   * Views configuration required for the view buttons\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      id: PropTypes.string,\n    })\n  ),\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Right box of the controls\n     */\n    rightSection: PropTypes.string,\n    /**\n     * Left box of the controls\n     */\n    leftSection: PropTypes.string,\n    /**\n     * common styles for left and right controls\n     */\n    section: PropTypes.string,\n  }).isRequired,\n  /**\n   * What view is selected by default\n   */\n  defaultView: PropTypes.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: PropTypes.string,\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange: PropTypes.func,\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":"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"}

package/dist/modern/Controls/LeftControl/LeftControl.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "children", "placeholder", "onSearch", "hideSearch", "searchProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -15,29 +12,25 @@ import { HvControlsContext } from "../context/ControlsContext";
 import styleCreator from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvLeftControl = _ref => {
   let {
-    id,
-    classes,
-    className,
-    children,
-    placeholder = "Search",
-    onSearch,
-    hideSearch = false,
-    searchProps
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      classes,
+      className,
+      children,
+      placeholder = "Search",
+      onSearch,
+      hideSearch = false,
+      searchProps
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const {
     onSearch: onSearchHandler
   } = useContext(HvControlsContext);
-
   const onChangeFilter = (e, value) => {
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(e, value);
     onSearchHandler === null || onSearchHandler === void 0 ? void 0 : onSearchHandler(value);
   };
-
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
@@ -50,19 +43,15 @@ const HvLeftControl = _ref => {
     }, searchProps)), children]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvLeftControl.propTypes = {
   /** Children to be rendered. */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /** Children to be rendered. */
   children: PropTypes.node,
-
   /**
    * the classes object to be applied.
    */
@@ -71,22 +60,17 @@ process.env.NODE_ENV !== "production" ? HvLeftControl.propTypes = {
      * Style applied to the root of the component.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the dropdown in charge of sorting.
      */
     sortDropdown: PropTypes.string
   }).isRequired,
-
   /** Placeholder text to be show within the search input. */
   placeholder: PropTypes.string,
-
   /** Callback fired when the user starts to type in the search field. */
   onSearch: PropTypes.func,
-
   /** Boolean to control whether if the search input should appears or not. */
   hideSearch: PropTypes.bool,
-
   /**
    * Extra props to be passed onto the input
    */

package/dist/modern/Controls/LeftControl/LeftControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftControl.js","names":["React","useContext","clsx","PropTypes","withStyles","HvInput","setId","HvControlsContext","styleCreator","HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","onChangeFilter","e","value","root","propTypes","string","node","shape","sortDropdown","isRequired","func","bool","object","name","withTheme"],"sources":["../../../../src/Controls/LeftControl/LeftControl.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvInput, setId } from \"../..\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\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    </div>\n  );\n};\n\nHvLeftControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Placeholder text to be show within the search input. */\n  placeholder: PropTypes.string,\n  /** Callback fired when the user starts to type in the search field. */\n  onSearch: PropTypes.func,\n  /** Boolean to control whether if the search input should appears or not. */\n  hideSearch: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the input\n   */\n  searchProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvLeftControl\", withTheme: true })(HvLeftControl);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,OAAT,EAAkBC,KAAlB,QAA+B,OAA/B;AACA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,OAAOC,YAAP,MAAyB,UAAzB;;;;AAEA,MAAMC,aAAa,GAAG,QAUhB;EAAA,IAViB;IACrBC,EADqB;IAErBC,OAFqB;IAGrBC,SAHqB;IAIrBC,QAJqB;IAKrBC,WAAW,GAAG,QALO;IAMrBC,QANqB;IAOrBC,UAAU,GAAG,KAPQ;IAQrBC;EARqB,CAUjB;EAAA,IADDC,MACC;;EACJ,MAAM;IAAEH,QAAQ,EAAEI;EAAZ,IAAgClB,UAAU,CAACM,iBAAD,CAAhD;;EAEA,MAAMa,cAAc,GAAG,CAACC,CAAD,EAAIC,KAAJ,KAAc;IACnCP,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGM,CAAH,EAAMC,KAAN,CAAR;IACAH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGG,KAAH,CAAf;EACD,CAHD;;EAKA,oBACE;IAAK,EAAE,EAAEZ,EAAT;IAAa,SAAS,EAAER,IAAI,CAACU,SAAD,EAAYD,OAAO,CAACY,IAApB;EAA5B,GAA2DL,MAA3D;IAAA,WACG,CAACF,UAAD,iBACC,KAAC,OAAD;MACE,EAAE,EAAEV,KAAK,CAACI,EAAD,EAAK,cAAL,CADX;MAEE,IAAI,EAAC,QAFP;MAGE,WAAW,EAAEI,WAHf;MAIE,QAAQ,EAAE,CAACO,CAAD,EAAIC,KAAJ,KAAcF,cAAc,CAACC,CAAD,EAAIC,KAAJ;IAJxC,GAKML,WALN,EAFJ,EAUGJ,QAVH;EAAA,GADF;AAcD,CAhCD;;AAkCA,wCAAAJ,aAAa,CAACe,SAAd,GAA0B;EACxB;EACAd,EAAE,EAAEP,SAAS,CAACsB,MAFU;;EAGxB;AACF;AACA;EACEb,SAAS,EAAET,SAAS,CAACsB,MANG;;EAOxB;EACAZ,QAAQ,EAAEV,SAAS,CAACuB,IARI;;EASxB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEpB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIG,YAAY,EAAEzB,SAAS,CAACsB;EARD,CAAhB,EASNI,UArBqB;;EAsBxB;EACAf,WAAW,EAAEX,SAAS,CAACsB,MAvBC;;EAwBxB;EACAV,QAAQ,EAAEZ,SAAS,CAAC2B,IAzBI;;EA0BxB;EACAd,UAAU,EAAEb,SAAS,CAAC4B,IA3BE;;EA4BxB;AACF;AACA;EACEd,WAAW,EAAEd,SAAS,CAAC6B;AA/BC,CAA1B;AAkCA,eAAe5B,UAAU,CAACI,YAAD,EAAe;EAAEyB,IAAI,EAAE,eAAR;EAAyBC,SAAS,EAAE;AAApC,CAAf,CAAV,CAAqEzB,aAArE,CAAf"}
+{"version":3,"file":"LeftControl.js","names":["React","useContext","clsx","PropTypes","withStyles","HvInput","setId","HvControlsContext","styleCreator","HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","onChangeFilter","e","value","root","propTypes","string","node","shape","sortDropdown","isRequired","func","bool","object","name","withTheme"],"sources":["../../../../src/Controls/LeftControl/LeftControl.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvInput, setId } from \"../..\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\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    </div>\n  );\n};\n\nHvLeftControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Placeholder text to be show within the search input. */\n  placeholder: PropTypes.string,\n  /** Callback fired when the user starts to type in the search field. */\n  onSearch: PropTypes.func,\n  /** Boolean to control whether if the search input should appears or not. */\n  hideSearch: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the input\n   */\n  searchProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvLeftControl\", withTheme: true })(HvLeftControl);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,OAAO,EAAEC,KAAK,QAAQ,OAAO;AACtC,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,OAAOC,YAAY,MAAM,UAAU;AAAC;AAAA;AAEpC,MAAMC,aAAa,GAAG,QAUhB;EAAA,IAViB;MACrBC,EAAE;MACFC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,WAAW,GAAG,QAAQ;MACtBC,QAAQ;MACRC,UAAU,GAAG,KAAK;MAClBC;IAEF,CAAC;IADIC,MAAM;EAET,MAAM;IAAEH,QAAQ,EAAEI;EAAgB,CAAC,GAAGlB,UAAU,CAACM,iBAAiB,CAAC;EAEnE,MAAMa,cAAc,GAAG,CAACC,CAAC,EAAEC,KAAK,KAAK;IACnCP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGM,CAAC,EAAEC,KAAK,CAAC;IACpBH,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAGG,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,EAAE,EAAEZ,EAAG;IAAC,SAAS,EAAER,IAAI,CAACU,SAAS,EAAED,OAAO,CAACY,IAAI;EAAE,GAAKL,MAAM;IAAA,WAC9D,CAACF,UAAU,iBACV,KAAC,OAAO;MACN,EAAE,EAAEV,KAAK,CAACI,EAAE,EAAE,cAAc,CAAE;MAC9B,IAAI,EAAC,QAAQ;MACb,WAAW,EAAEI,WAAY;MACzB,QAAQ,EAAE,CAACO,CAAC,EAAEC,KAAK,KAAKF,cAAc,CAACC,CAAC,EAAEC,KAAK;IAAE,GAC7CL,WAAW,EAElB,EACAJ,QAAQ;EAAA,GACL;AAEV,CAAC;AAED,wCAAAJ,aAAa,CAACe,SAAS,GAAG;EACxB;EACAd,EAAE,EAAEP,SAAS,CAACsB,MAAM;EACpB;AACF;AACA;EACEb,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAZ,QAAQ,EAAEV,SAAS,CAACuB,IAAI;EACxB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEpB,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIG,YAAY,EAAEzB,SAAS,CAACsB;EAC1B,CAAC,CAAC,CAACI,UAAU;EACb;EACAf,WAAW,EAAEX,SAAS,CAACsB,MAAM;EAC7B;EACAV,QAAQ,EAAEZ,SAAS,CAAC2B,IAAI;EACxB;EACAd,UAAU,EAAEb,SAAS,CAAC4B,IAAI;EAC1B;AACF;AACA;EACEd,WAAW,EAAEd,SAAS,CAAC6B;AACzB,CAAC;AAED,eAAe5B,UAAU,CAACI,YAAY,EAAE;EAAEyB,IAAI,EAAE,eAAe;EAAEC,SAAS,EAAE;AAAK,CAAC,CAAC,CAACzB,aAAa,CAAC"}

package/dist/modern/Controls/LeftControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Controls/LeftControl/index.js"],"sourcesContent":["export { default } from \"./LeftControl\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Controls/LeftControl/index.js"],"sourcesContent":["export { default } from \"./LeftControl\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe"}

package/dist/modern/Controls/LeftControl/styles.js

@@ -4,6 +4,5 @@ const styles = () => ({
     gap: 10
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Controls/LeftControl/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","gap"],"sources":["../../../../src/Controls/LeftControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aADL;IAEJC,GAAG,EAAE;EAFD;AADc,CAAP,CAAf;;AAOA,eAAeH,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","display","gap"],"sources":["../../../../src/Controls/LeftControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aAAa;IACtBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEF,eAAeH,MAAM"}

package/dist/modern/Controls/RightControl/RightControl.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "children", "values", "onSort", "hideSortBy", "sortProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useContext, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -16,34 +12,30 @@ import { HvControlsContext } from "../context/ControlsContext";
 import styleCreator from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvRightControl = _ref => {
   let {
-    id,
-    classes,
-    className,
-    children,
-    values,
-    onSort,
-    hideSortBy = false,
-    sortProps
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      classes,
+      className,
+      children,
+      values,
+      onSort,
+      hideSortBy = false,
+      sortProps
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [dropDownValues, setDropdownValues] = useState(values);
   const {
     onSort: onSortHandler
   } = useContext(HvControlsContext);
-
   const handleChangeSort = value => {
     onSort === null || onSort === void 0 ? void 0 : onSort(value);
-    onSortHandler === null || onSortHandler === void 0 ? void 0 : onSortHandler(value); // this should be changed when dropdown changes his "values" behavior
-
+    onSortHandler === null || onSortHandler === void 0 ? void 0 : onSortHandler(value);
+    // this should be changed when dropdown changes his "values" behavior
     setDropdownValues(prevValues => prevValues.map(prevValue => _objectSpread(_objectSpread({}, prevValue), {}, {
       selected: prevValue.id === value.id
     })));
   };
-
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
@@ -57,19 +49,15 @@ const HvRightControl = _ref => {
     }, sortProps)), children]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvRightControl.propTypes = {
   /** Children to be rendered. */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /** Children to be rendered. */
   children: PropTypes.node,
-
   /**
    * the classes object to be applied.
    */
@@ -78,13 +66,11 @@ process.env.NODE_ENV !== "production" ? HvRightControl.propTypes = {
      * Style applied to the root of the component.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the dropdown in charge of sorting.
      */
     sortDropdown: PropTypes.string
   }).isRequired,
-
   /** Data collection to be listed on the sort field. */
   values: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
@@ -93,13 +79,10 @@ process.env.NODE_ENV !== "production" ? HvRightControl.propTypes = {
     selected: PropTypes.bool,
     desc: PropTypes.bool
   })),
-
   /** Callback fired when the selected sort item is changed. */
   onSort: PropTypes.func,
-
   /** Boolean to control whether if the sort input should appears or not. */
   hideSortBy: PropTypes.bool,
-
   /**
    * Extra props to be passed onto the dropdown
    */

package/dist/modern/Controls/RightControl/RightControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightControl.js","names":["React","useContext","useState","PropTypes","clsx","withStyles","HvDropdown","setId","HvControlsContext","styleCreator","HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","root","sortDropdown","propTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","name","withTheme"],"sources":["../../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvDropdown, setId } from \"../..\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}) => {\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  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {!hideSortBy && (\n        <HvDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={classes.sortDropdown}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nHvRightControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Data collection to be listed on the sort field. */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      accessor: PropTypes.string,\n      label: PropTypes.string,\n      selected: PropTypes.bool,\n      desc: PropTypes.bool,\n    })\n  ),\n  /** Callback fired when the selected sort item is changed. */\n  onSort: PropTypes.func,\n  /** Boolean to control whether if the sort input should appears or not. */\n  hideSortBy: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the dropdown\n   */\n  sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n  HvRightControl\n);\n"],"mappings":"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"}
+{"version":3,"file":"RightControl.js","names":["React","useContext","useState","PropTypes","clsx","withStyles","HvDropdown","setId","HvControlsContext","styleCreator","HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","onSortHandler","handleChangeSort","value","prevValues","map","prevValue","selected","root","sortDropdown","propTypes","string","node","shape","isRequired","arrayOf","accessor","label","bool","desc","func","object","name","withTheme"],"sources":["../../../../src/Controls/RightControl/RightControl.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvDropdown, setId } from \"../..\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvRightControl = ({\n  id,\n  classes,\n  className,\n  children,\n  values,\n  onSort,\n  hideSortBy = false,\n  sortProps,\n  ...others\n}) => {\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  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {!hideSortBy && (\n        <HvDropdown\n          id={setId(id, \"sort-by-dropdown\")}\n          values={dropDownValues}\n          className={classes.sortDropdown}\n          onChange={handleChangeSort}\n          singleSelectionToggle={false}\n          {...sortProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nHvRightControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Data collection to be listed on the sort field. */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      accessor: PropTypes.string,\n      label: PropTypes.string,\n      selected: PropTypes.bool,\n      desc: PropTypes.bool,\n    })\n  ),\n  /** Callback fired when the selected sort item is changed. */\n  onSort: PropTypes.func,\n  /** Boolean to control whether if the sort input should appears or not. */\n  hideSortBy: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the dropdown\n   */\n  sortProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvRightControl\", withTheme: true })(\n  HvRightControl\n);\n"],"mappings":"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"}

package/dist/modern/Controls/RightControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Controls/RightControl/index.js"],"sourcesContent":["export { default } from \"./RightControl\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Controls/RightControl/index.js"],"sourcesContent":["export { default } from \"./RightControl\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dist/modern/Controls/RightControl/styles.js

@@ -7,6 +7,5 @@ const styles = () => ({
     minWidth: 200
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Controls/RightControl/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","gap","sortDropdown","minWidth"],"sources":["../../../../src/Controls/RightControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n  sortDropdown: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aADL;IAEJC,GAAG,EAAE;EAFD,CADc;EAKpBC,YAAY,EAAE;IACZC,QAAQ,EAAE;EADE;AALM,CAAP,CAAf;;AAUA,eAAeL,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","display","gap","sortDropdown","minWidth"],"sources":["../../../../src/Controls/RightControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n  sortDropdown: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aAAa;IACtBC,GAAG,EAAE;EACP,CAAC;EACDC,YAAY,EAAE;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAeL,MAAM"}

package/dist/modern/Controls/context/ControlsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsContext.js","names":["React","HvControlsContext","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAA1B;AAEP,OAAO,MAAMC,yBAAyB,GAAGF,iBAAiB,CAACG,QAApD;AACP,OAAO,MAAMC,yBAAyB,GAAGJ,iBAAiB,CAACK,QAApD;AACP,eAAeL,iBAAf"}
+{"version":3,"file":"ControlsContext.js","names":["React","HvControlsContext","createContext","HvControlsContextProvider","Provider","HvControlsContextConsumer","Consumer"],"sources":["../../../../src/Controls/context/ControlsContext.js"],"sourcesContent":["import React from \"react\";\n\nexport const HvControlsContext = React.createContext({});\n\nexport const HvControlsContextProvider = HvControlsContext.Provider;\nexport const HvControlsContextConsumer = HvControlsContext.Consumer;\nexport default HvControlsContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAExD,OAAO,MAAMC,yBAAyB,GAAGF,iBAAiB,CAACG,QAAQ;AACnE,OAAO,MAAMC,yBAAyB,GAAGJ,iBAAiB,CAACK,QAAQ;AACnE,eAAeL,iBAAiB"}

package/dist/modern/Controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvLeftControl","HvRightControl"],"sources":["../../../src/Controls/index.js"],"sourcesContent":["export { default } from \"./Controls\";\nexport { default as HvLeftControl } from \"./LeftControl\";\nexport { default as HvRightControl } from \"./RightControl\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,eAAzC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C"}
+{"version":3,"file":"index.js","names":["default","HvLeftControl","HvRightControl"],"sources":["../../../src/Controls/index.js"],"sourcesContent":["export { default } from \"./Controls\";\nexport { default as HvLeftControl } from \"./LeftControl\";\nexport { default as HvRightControl } from \"./RightControl\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASA,OAAO,IAAIC,aAAa,QAAQ,eAAe;AACxD,SAASD,OAAO,IAAIE,cAAc,QAAQ,gBAAgB"}

package/dist/modern/Controls/styles.js

@@ -15,6 +15,5 @@ const styles = () => ({
     minWidth: 200
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Controls/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","width","justifyContent","section","alignItems","gap","leftSection","rightSection","sortInput","minWidth"],"sources":["../../../src/Controls/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  section: {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: 10,\n  },\n  leftSection: {},\n  rightSection: {},\n  sortInput: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aADL;IAEJC,KAAK,EAAE,MAFH;IAGJC,cAAc,EAAE;EAHZ,CADc;EAMpBC,OAAO,EAAE;IACPH,OAAO,EAAE,aADF;IAEPI,UAAU,EAAE,UAFL;IAGPC,GAAG,EAAE;EAHE,CANW;EAWpBC,WAAW,EAAE,EAXO;EAYpBC,YAAY,EAAE,EAZM;EAapBC,SAAS,EAAE;IACTC,QAAQ,EAAE;EADD;AAbS,CAAP,CAAf;;AAkBA,eAAeX,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","display","width","justifyContent","section","alignItems","gap","leftSection","rightSection","sortInput","minWidth"],"sources":["../../../src/Controls/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  section: {\n    display: \"inline-flex\",\n    alignItems: \"flex-end\",\n    gap: 10,\n  },\n  leftSection: {},\n  rightSection: {},\n  sortInput: {\n    minWidth: 200,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aAAa;IACtBC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPH,OAAO,EAAE,aAAa;IACtBI,UAAU,EAAE,UAAU;IACtBC,GAAG,EAAE;EACP,CAAC;EACDC,WAAW,EAAE,CAAC,CAAC;EACfC,YAAY,EAAE,CAAC,CAAC;EAChBC,SAAS,EAAE;IACTC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAeX,MAAM"}