@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/legacy/Container/Container.js

@@ -1,27 +1,30 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["maxWidth", "fixed"];
-import "core-js/modules/es.string.fixed.js";
 
 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/es.string.fixed.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles, Container } from "@material-ui/core";
-import { styles as containerStyles } from "@material-ui/core/Container/Container"; // inherit material ui styles so people can override them too
+import { Container } from "@mui/material";
+import { withStyles } from "@mui/styles"; // import { styles as containerStyles } from "@mui/material/Container";
+// inherit material ui styles so people can override them too
+
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var styles = function styles(theme) {
-  return _objectSpread(_objectSpread({}, containerStyles(theme)), {}, {
+  return {
+    // ...containerStyles(theme),
     root: _defineProperty({
       paddingLeft: theme.hvSpacing(2),
       paddingRight: theme.hvSpacing(2)
@@ -29,7 +32,7 @@ var styles = function styles(theme) {
       paddingLeft: theme.hvSpacing(4),
       paddingRight: theme.hvSpacing(4)
     })
-  });
+  };
 };
 /**
  * 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.
@@ -42,7 +45,7 @@ var HvContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       fixed = _ref.fixed,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread({
     ref: ref,
     maxWidth: maxWidth,
     fixed: fixed

package/dist/legacy/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","PropTypes","withStyles","Container","styles","containerStyles","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 { withStyles, Container } from \"@material-ui/core\";\nimport { styles as containerStyles } from \"@material-ui/core/Container/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,UAAT,EAAqBC,SAArB,QAAsC,mBAAtC;AACA,SAASC,MAAM,IAAIC,eAAnB,QAA0C,uCAA1C,C,CAEA;;AACA,IAAMD,MAAM,GAAG,SAATA,MAAS,CAACE,KAAD;EAAA,uCACVD,eAAe,CAACC,KAAD,CADL;IAEbC,IAAI;MACFC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADX;MAEFC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFZ,GAGDH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAHC,EAG4B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc,CAH5B;EAFS;AAAA,CAAf;AAYA;AACA;AACA;;;AACA,IAAMI,WAAW,gBAAGb,KAAK,CAACc,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;EAAA,yBAA7CC,QAA6C;EAAA,IAA7CA,QAA6C,8BAAlC,IAAkC;EAAA,IAA5BC,KAA4B,QAA5BA,KAA4B;EAAA,IAAlBC,MAAkB;;EACnF,oBAAO,oBAAC,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,EAAEnB,SAAS,CAACoB,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEtB,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEN,SAAS,CAACwB,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAEzB,SAAS,CAACwB,MATH;;IAWvB;AACJ;AACA;IACIR,KAAK,EAAEhB,SAAS,CAACwB,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAE1B,SAAS,CAACwB,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAE3B,SAAS,CAACwB,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAE5B,SAAS,CAACwB,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAE7B,SAAS,CAACwB,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAE9B,SAAS,CAACwB;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAE/B,SAAS,CAACwB,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAEhC,SAAS,CAACiC,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAEzB,SAAS,CAACkC,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACElB,KAAK,EAAEhB,SAAS,CAACkC,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEnB,QAAQ,EAAEf,SAAS,CAACmC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;AA4EA,eAAelC,UAAU,CAACE,MAAD,EAAS;EAAEiC,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,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,SAASC,UAAT,QAA2B,aAA3B,C,CACA;AAEA;;;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzB;IACAC,IAAI;MACFC,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADX;MAEFC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFZ,GAGDH,KAAK,CAACK,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAHC,EAG4B;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,CADe;MAE5BC,YAAY,EAAEJ,KAAK,CAACG,SAAN,CAAgB,CAAhB;IAFc,CAH5B;EAFqB,CAAZ;AAAA,CAAf;AAYA;AACA;AACA;;;AACA,IAAMI,WAAW,gBAAGZ,KAAK,CAACa,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;EAAA,yBAA7CC,QAA6C;EAAA,IAA7CA,QAA6C,8BAAlC,IAAkC;EAAA,IAA5BC,KAA4B,QAA5BA,KAA4B;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"}

package/dist/legacy/Controls/Controls.d.ts

@@ -0,0 +1,57 @@
+import { StandardProps } from "@mui/material";
+
+export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
+
+export interface HvControlsSortValue {
+  id: string;
+  desc: string;
+}
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface HvControlsCallbacks extends Record<string, unknown> {
+  setSortBy?: (v: HvControlsSortValue[]) => void;
+  setGlobalFilter?: (v: string) => void;
+}
+
+export interface HvControlsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * An instance of useHvTable or useTable used to manage the data
+   * if this is not provided data sorting and search must be handled externally
+   */
+  callbacks?: HvControlsCallbacks;
+  /**
+   * Views configuration required for the view buttons
+   */
+  views?: HvControlsViewConfiguration[];
+  /**
+   * What view is selected by default
+   */
+  defaultView?: 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?: string;
+  /**
+   * Callback called when the view switcher button is pressed
+   */
+  onViewChange?: (event: Event, id: string) => void;
+  /**
+   * if `true` the button to switch views is not rendered
+   */
+  hideViewSwitcher?: boolean;
+}
+
+export default function HvControls(props: HvControlsProps): JSX.Element | null;

package/dist/legacy/Controls/Controls.js

@@ -0,0 +1,197 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _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/es.array.slice.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@mui/styles";
+import HvMultiButton from "../MultiButton";
+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). */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var HvControls = function HvControls(_ref) {
+  var id = _ref.id,
+      views = _ref.views,
+      classes = _ref.classes,
+      className = _ref.className,
+      callbacks = _ref.callbacks,
+      selectedView = _ref.selectedView,
+      defaultView = _ref.defaultView,
+      children = _ref.children,
+      _ref$hideViewSwitcher = _ref.hideViewSwitcher,
+      hideViewSwitcher = _ref$hideViewSwitcher === void 0 ? false : _ref$hideViewSwitcher,
+      onViewChange = _ref.onViewChange;
+
+  var _useControlled = useControlled(selectedView, defaultView),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      currentView = _useControlled2[0],
+      setCurrentView = _useControlled2[1];
+
+  var onViewChangeHandler = function onViewChangeHandler(evt, btnId) {
+    setCurrentView(btnId);
+    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(evt, btnId);
+  };
+
+  var onSearchHandler = function onSearchHandler(value) {
+    return callbacks === null || callbacks === void 0 ? void 0 : callbacks.setGlobalFilter(value);
+  };
+
+  var onSortHandler = function onSortHandler(value) {
+    return 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
+    }]);
+  };
+
+  var childrenIndexCut = (children === null || children === void 0 ? void 0 : children.length) > 0 ? Math.round(children.length * 0.5) : 0;
+  var leftChildren = children.slice(0, childrenIndexCut);
+  var rightChildren = children.slice(childrenIndexCut, (children === null || children === void 0 ? void 0 : children.length) || 0);
+  return /*#__PURE__*/_jsx("div", {
+    id: id,
+    className: clsx(className, classes.root),
+    children: /*#__PURE__*/_jsxs(HvControlsContextProvider, {
+      value: {
+        onSearch: onSearchHandler,
+        onSort: onSortHandler
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: clsx(classes.section, classes.leftSection),
+        children: leftChildren
+      }), /*#__PURE__*/_jsxs("div", {
+        className: clsx(classes.section, classes.rightSection),
+        children: [rightChildren, !hideViewSwitcher && (views === null || views === void 0 ? void 0 : views.length) > 0 && /*#__PURE__*/_jsx(HvMultiButton, {
+          id: setId(id, "view-multi-button"),
+          children: views === null || views === void 0 ? void 0 : views.map(function (_ref2) {
+            var btnId = _ref2.id,
+                icon = _ref2.icon,
+                others = _objectWithoutProperties(_ref2, _excluded);
+
+            return /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
+              id: btnId,
+              icon: true,
+              selected: currentView === btnId,
+              onClick: function onClick(evt) {
+                return onViewChangeHandler(evt, btnId);
+              }
+            }, others), {}, {
+              children: icon
+            }), btnId);
+          })
+        })]
+      })]
+    })
+  });
+};
+
+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
+   */
+  callbacks: PropTypes.shape({
+    /**
+     * 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
+   */
+  views: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string,
+    icon: PropTypes.node,
+    id: PropTypes.string
+  })),
+
+  /**
+   * the classes object to be applied into the root object.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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
+   */
+  hideViewSwitcher: PropTypes.bool
+} : void 0;
+export default withStyles(styleCreator, {
+  name: "HvControls",
+  withTheme: true
+})(HvControls);
+//# sourceMappingURL=Controls.js.map

package/dist/legacy/Controls/Controls.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,aAAP,MAA0B,gBAA1B;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,SAASC,aAAT,EAAwBC,KAAxB,QAAqC,UAArC;AACA,SAASC,yBAAT,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,UAAzB;AAEA;;;;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAWb;EAAA,IAVJC,EAUI,QAVJA,EAUI;EAAA,IATJC,KASI,QATJA,KASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,YAKI,QALJA,YAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,iCAFJC,gBAEI;EAAA,IAFJA,gBAEI,sCAFe,KAEf;EAAA,IADJC,YACI,QADJA,YACI;;EACJ,qBAAsCd,aAAa,CAACU,YAAD,EAAeC,WAAf,CAAnD;EAAA;EAAA,IAAOI,WAAP;EAAA,IAAoBC,cAApB;;EAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,GAAD,EAAMC,KAAN,EAAgB;IAC1CH,cAAc,CAACG,KAAD,CAAd;IACAL,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGI,GAAH,EAAQC,KAAR,CAAZ;EACD,CAHD;;EAKA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;IAAA,OAAWZ,SAAX,aAAWA,SAAX,uBAAWA,SAAS,CAAEa,eAAX,CAA2BD,KAA3B,CAAX;EAAA,CAAxB;;EACA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACF,KAAD;IAAA,OACpBZ,SADoB,aACpBA,SADoB,uBACpBA,SAAS,CAAEe,SAAX,CAAqB,CACnB;MACEnB,EAAE,EAAEgB,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEI,QADb;MAEEC,IAAI,EAAEL,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEK;IAFf,CADmB,CAArB,CADoB;EAAA,CAAtB;;EAOA,IAAMC,gBAAgB,GAAG,CAAAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEgB,MAAV,IAAmB,CAAnB,GAAuBC,IAAI,CAACC,KAAL,CAAWlB,QAAQ,CAACgB,MAAT,GAAkB,GAA7B,CAAvB,GAA2D,CAApF;EACA,IAAMG,YAAY,GAAGnB,QAAQ,CAACoB,KAAT,CAAe,CAAf,EAAkBL,gBAAlB,CAArB;EACA,IAAMM,aAAa,GAAGrB,QAAQ,CAACoB,KAAT,CAAeL,gBAAf,EAAiC,CAAAf,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEgB,MAAV,KAAoB,CAArD,CAAtB;EACA,oBACE;IAAK,EAAE,EAAEvB,EAAT;IAAa,SAAS,EAAET,IAAI,CAACY,SAAD,EAAYD,OAAO,CAAC2B,IAApB,CAA5B;IAAA,uBACE,MAAC,yBAAD;MACE,KAAK,EAAE;QACLC,QAAQ,EAAEf,eADL;QAELgB,MAAM,EAAEb;MAFH,CADT;MAAA,wBAME;QAAK,SAAS,EAAE3B,IAAI,CAACW,OAAO,CAAC8B,OAAT,EAAkB9B,OAAO,CAAC+B,WAA1B,CAApB;QAAA,UAA6DP;MAA7D,EANF,eAOE;QAAK,SAAS,EAAEnC,IAAI,CAACW,OAAO,CAAC8B,OAAT,EAAkB9B,OAAO,CAACgC,YAA1B,CAApB;QAAA,WACGN,aADH,EAEG,CAACpB,gBAAD,IAAqB,CAAAP,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEsB,MAAP,IAAgB,CAArC,iBACC,KAAC,aAAD;UAAe,EAAE,EAAE3B,KAAK,CAACI,EAAD,EAAK,mBAAL,CAAxB;UAAA,UACGC,KADH,aACGA,KADH,uBACGA,KAAK,CAAEkC,GAAP,CAAW;YAAA,IAAOrB,KAAP,SAAGd,EAAH;YAAA,IAAcoC,IAAd,SAAcA,IAAd;YAAA,IAAuBC,MAAvB;;YAAA,oBACV,KAAC,QAAD;cACE,EAAE,EAAEvB,KADN;cAGE,IAAI,MAHN;cAIE,QAAQ,EAAEJ,WAAW,KAAKI,KAJ5B;cAKE,OAAO,EAAE,iBAACD,GAAD;gBAAA,OAASD,mBAAmB,CAACC,GAAD,EAAMC,KAAN,CAA5B;cAAA;YALX,GAMMuB,MANN;cAAA,UAQGD;YARH,IAEOtB,KAFP,CADU;UAAA,CAAX;QADH,EAHJ;MAAA,EAPF;IAAA;EADF,EADF;AA+BD,CA7DD;;AA+DA,wCAAAf,UAAU,CAACuC,SAAX,GAAuB;EACrB;EACAtC,EAAE,EAAEV,SAAS,CAACiD,MAFO;;EAGrB;AACF;AACA;EACEpC,SAAS,EAAEb,SAAS,CAACiD,MANA;;EAOrB;AACF;AACA;EACEhC,QAAQ,EAAEjB,SAAS,CAACkD,IAVC;;EAWrB;AACF;AACA;AACA;EACEpC,SAAS,EAAEd,SAAS,CAACmD,KAAV,CAAgB;IACzB;AACJ;AACA;IACItB,SAAS,EAAE7B,SAAS,CAACoD,IAJI;;IAKzB;AACJ;AACA;IACIzB,eAAe,EAAE3B,SAAS,CAACoD;EARF,CAAhB,CAfU;;EAyBrB;AACF;AACA;EACEzC,KAAK,EAAEX,SAAS,CAACqD,OAAV,CACLrD,SAAS,CAACmD,KAAV,CAAgB;IACdG,KAAK,EAAEtD,SAAS,CAACiD,MADH;IAEdH,IAAI,EAAE9C,SAAS,CAACkD,IAFF;IAGdxC,EAAE,EAAEV,SAAS,CAACiD;EAHA,CAAhB,CADK,CA5Bc;;EAmCrB;AACF;AACA;EACErC,OAAO,EAAEZ,SAAS,CAACmD,KAAV,CAAgB;IACvB;AACJ;AACA;IACIZ,IAAI,EAAEvC,SAAS,CAACiD,MAJO;;IAKvB;AACJ;AACA;IACIL,YAAY,EAAE5C,SAAS,CAACiD,MARD;;IASvB;AACJ;AACA;IACIN,WAAW,EAAE3C,SAAS,CAACiD,MAZA;;IAavB;AACJ;AACA;IACIP,OAAO,EAAE1C,SAAS,CAACiD;EAhBI,CAAhB,EAiBNM,UAvDkB;;EAwDrB;AACF;AACA;EACEvC,WAAW,EAAEhB,SAAS,CAACiD,MA3DF;;EA4DrB;AACF;AACA;AACA;AACA;EACElC,YAAY,EAAEf,SAAS,CAACiD,MAjEH;;EAkErB;AACF;AACA;EACE9B,YAAY,EAAEnB,SAAS,CAACoD,IArEH;;EAsErB;AACF;AACA;EACElC,gBAAgB,EAAElB,SAAS,CAACwD;AAzEP,CAAvB;AA4EA,eAAetD,UAAU,CAACM,YAAD,EAAe;EAAEiD,IAAI,EAAE,YAAR;EAAsBC,SAAS,EAAE;AAAjC,CAAf,CAAV,CAAkEjD,UAAlE,CAAf"}

package/dist/legacy/Controls/LeftControl/LeftControl.d.ts

@@ -0,0 +1,32 @@
+import { StandardProps } from "@mui/material";
+import { HvInputProps } from "../..";
+
+export type HvLeftControlClassKey = "root";
+
+export interface HvLeftControlProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLeftControlClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * if `true` the hide sort by dropdown is not rendered
+   */
+  hideSearch?: boolean;
+  /**
+   * placeholder of the input
+   */
+  placeholder?: string;
+  /**
+   * Callback called when a search action occurs
+   */
+  onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  /**
+   * Extra props passed to input
+   */
+  searchProps?: HvInputProps;
+}
+
+export default function HvLeftControl(props: HvLeftControlProps): JSX.Element | null;

package/dist/legacy/Controls/LeftControl/LeftControl.js

@@ -0,0 +1,107 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _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";
+import { withStyles } from "@mui/styles";
+import { HvInput, setId } from "../..";
+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";
+
+var HvLeftControl = function HvLeftControl(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? "Search" : _ref$placeholder,
+      onSearch = _ref.onSearch,
+      _ref$hideSearch = _ref.hideSearch,
+      hideSearch = _ref$hideSearch === void 0 ? false : _ref$hideSearch,
+      searchProps = _ref.searchProps,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var _useContext = useContext(HvControlsContext),
+      onSearchHandler = _useContext.onSearch;
+
+  var onChangeFilter = function 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)
+  }, others), {}, {
+    children: [!hideSearch && /*#__PURE__*/_jsx(HvInput, _objectSpread({
+      id: setId(id, "search-input"),
+      type: "search",
+      placeholder: placeholder,
+      onChange: function onChange(e, value) {
+        return onChangeFilter(e, value);
+      }
+    }, 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.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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
+   */
+  searchProps: PropTypes.object
+} : void 0;
+export default withStyles(styleCreator, {
+  name: "HvLeftControl",
+  withTheme: true
+})(HvLeftControl);
+//# sourceMappingURL=LeftControl.js.map

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

@@ -0,0 +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,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAUhB;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,4BALJC,WAKI;EAAA,IALJA,WAKI,iCALU,QAKV;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,2BAHJC,UAGI;EAAA,IAHJA,UAGI,gCAHS,KAGT;EAAA,IAFJC,WAEI,QAFJA,WAEI;EAAA,IADDC,MACC;;EACJ,kBAAsCjB,UAAU,CAACM,iBAAD,CAAhD;EAAA,IAAkBY,eAAlB,eAAQJ,QAAR;;EAEA,IAAMK,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAIC,KAAJ,EAAc;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,kBAACO,CAAD,EAAIC,KAAJ;QAAA,OAAcF,cAAc,CAACC,CAAD,EAAIC,KAAJ,CAA5B;MAAA;IAJZ,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"}

package/dist/legacy/Controls/LeftControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LeftControl";
+export * from "./LeftControl";

package/dist/legacy/Controls/LeftControl/index.js

@@ -0,0 +1,2 @@
+export { default } from "./LeftControl";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+var styles = function styles() {
+  return {
+    root: {
+      display: "inline-flex",
+      gap: 10
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,aADL;MAEJC,GAAG,EAAE;IAFD;EADc,CAAP;AAAA,CAAf;;AAOA,eAAeH,MAAf"}

package/dist/legacy/Controls/RightControl/RightControl.d.ts

@@ -0,0 +1,43 @@
+import { StandardProps } from "@mui/material";
+import { HvDropdownProps, ListValueProp } from "../..";
+
+export type HvRightControlClassKey = "root" | "sortDropdown";
+
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface RightListControls extends ListValueProp {
+  accesor: string;
+  desc: boolean;
+}
+
+export interface HvRightControlProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvRightControlClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * if `true` the hide sort by dropdown is not rendered
+   */
+  hideSortBy?: boolean;
+  /**
+   * options for the dropdown to sort
+   */
+  values?: RightListControls[];
+  /**
+   * Callback called when a sort action occurs
+   */
+  onSort?: (selected: RightListControls | ListValueProp | ListValueProp[] | undefined) => void;
+  /**
+   * Extra props passed to dropdown
+   */
+  sortProps?: HvDropdownProps;
+}
+
+export default function HvRightControl(props: HvRightControlProps): JSX.Element | null;