@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/CheckBoxGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","paddingBottom","borderBottom","palette","semantic","sema4","selectAll","error"],"sources":["../../src/CheckBoxGroup/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {},\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cADL;MAEJC,OAAO,EAAE,CAFL;MAGJC,MAAM,EAAE,CAHJ;MAIJC,QAAQ,EAAE,QAJN;MAKJC,aAAa,EAAE;IALX,CADmB;IASzBC,KAAK,EAAE;MACLC,YAAY,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC;IAD1B,CATkB;IAazBC,KAAK,EAAE;MACLV,OAAO,EAAE;IADJ,CAbkB;IAgBzBW,QAAQ,EAAE;MACRC,aAAa,EAAE,QADP;MAGR;MACA,OAAO;QACLC,MAAM,EAAE;MADH,CAJC;MAOR,oBAAoB;QAClBA,MAAM,EAAE;MADU,CAPZ;MAUR;MACA,oBAAoB;QAClBA,MAAM,EAAE;MADU;IAXZ,CAhBe;IA+BzBC,UAAU,EAAE;MACVF,aAAa,EAAE,KADL;MAEVG,QAAQ,EAAE,MAFA;MAGVC,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS,EAHpB;MAIV,OAAO;QACLD,UAAU,EAAElB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBS;MADxB;IAJG,CA/Ba;IAwCzBC,OAAO,EAAE;MACPC,aAAa,EAAErB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,EADzB;MAEPW,YAAY,sBAAetB,KAAK,CAACS,EAAN,CAASc,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;IAFL,CAxCgB;IA6CzBC,SAAS,EAAE,EA7Cc;IA+CzBC,KAAK,EAAE;EA/CkB,CAAZ;AAAA,CAAf;;eAkDe5B,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","hv","spacing","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","paddingBottom","borderBottom","palette","semantic","sema4","selectAll","error"],"sources":["../../src/CheckBoxGroup/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  group: {\n    display: \"flex\",\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    paddingBottom: theme.hv.spacing.xs,\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {},\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE,QAAQ;MAClBC,aAAa,EAAE;IACjB,CAAC;IAEDC,KAAK,EAAE;MACLC,YAAY,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC;IACjC,CAAC;IAEDC,KAAK,EAAE;MACLV,OAAO,EAAE;IACX,CAAC;IACDW,QAAQ,EAAE;MACRC,aAAa,EAAE,QAAQ;MAEvB;MACA,KAAK,EAAE;QACLC,MAAM,EAAE;MACV,CAAC;MACD,kBAAkB,EAAE;QAClBA,MAAM,EAAE;MACV,CAAC;MACD;MACA,kBAAkB,EAAE;QAClBA,MAAM,EAAE;MACV;IACF,CAAC;IACDC,UAAU,EAAE;MACVF,aAAa,EAAE,KAAK;MACpBG,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,CAAClB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACS,EAAE;MAChC,KAAK,EAAE;QACLD,UAAU,EAAElB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACS;MAC/B;IACF,CAAC;IAEDC,OAAO,EAAE;MACPC,aAAa,EAAErB,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,EAAE;MAClCW,YAAY,sBAAetB,KAAK,CAACS,EAAE,CAACc,OAAO,CAACC,QAAQ,CAACC,KAAK;IAC5D,CAAC;IAEDC,SAAS,EAAE,CAAC,CAAC;IAEbC,KAAK,EAAE,CAAC;EACV,CAAC;AAAA,CAAC;AAAC,eAEY5B,MAAM;AAAA"}

package/dist/Container/Container.js

@@ -1,49 +1,30 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.string.fixed.js");
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["maxWidth", "fixed"];
-
 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) { (0, _defineProperty2.default)(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 { styles as containerStyles } from "@mui/material/Container";
+
 // inherit material ui styles so people can override them too
 var styles = function styles(theme) {
   return {
@@ -57,31 +38,28 @@ var styles = function styles(theme) {
     })
   };
 };
+
 /**
  * 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.
  */
-
-
 var HvContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$maxWidth = _ref.maxWidth,
-      maxWidth = _ref$maxWidth === void 0 ? "xl" : _ref$maxWidth,
-      fixed = _ref.fixed,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    maxWidth = _ref$maxWidth === void 0 ? "xl" : _ref$maxWidth,
+    fixed = _ref.fixed,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Container, _objectSpread({
     ref: ref,
     maxWidth: maxWidth,
     fixed: fixed
   }, others));
 });
+
 /*
  * copied from Material-UI Container.js since we simply override the styles of the component
  * please make sure this is updated when we update our Material-UI dependency
  */
-
-
 process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
   children: _propTypes.default.node.isRequired,
-
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
@@ -92,59 +70,48 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
      * Styles applied to the root element.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if disableGutters={true}.
      */
     disableGutters: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if fixed={true}.
      */
     fixed: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if maxWidth="xs".
      */
     maxWidthXs: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if maxWidth="sm".
      */
     maxWidthSm: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if maxWidth="md".
      */
     maxWidthMd: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if maxWidth="lg".
      */
     maxWidthLg: _propTypes.default.string,
-
     /**
      * Styles applied to the root element if maxWidth="xl".
      */
     maxWidthXl: _propTypes.default.string
   }).isRequired,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a DOM element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * If `true`, the left and right padding is removed.
    */
   disableGutters: _propTypes.default.bool,
-
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -152,7 +119,6 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
    * It's fluid by default.
    */
   fixed: _propTypes.default.bool,
-
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
@@ -160,10 +126,8 @@ process.env.NODE_ENV !== "production" ? HvContainer.propTypes = {
    */
   maxWidth: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl", false])
 } : void 0;
-
 var _default = (0, _styles.withStyles)(styles, {
   name: "HvContainer"
 })(HvContainer);
-
 exports.default = _default;
 //# sourceMappingURL=Container.js.map

package/dist/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","React","forwardRef","ref","maxWidth","fixed","others","propTypes","children","PropTypes","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","withStyles","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;;AACA;;AACA;;AACA;;;;;;;;;;AACA;AAEA;AACA,IAAMA,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,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,gBAAwCC,GAAxC,EAAgD;EAAA,yBAA7CC,QAA6C;EAAA,IAA7CA,QAA6C,8BAAlC,IAAkC;EAAA,IAA5BC,KAA4B,QAA5BA,KAA4B;EAAA,IAAlBC,MAAkB;EACnF,oBAAO,qBAAC,mBAAD;IAAW,GAAG,EAAEH,GAAhB;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,KAAK,EAAEC;EAAhD,GAA2DC,MAA3D,EAAP;AACD,CAFmB,CAApB;AAIA;AACA;AACA;AACA;;;AACA,wCAAAN,WAAW,CAACO,SAAZ,GAAwB;EACtBC,QAAQ,EAAEC,kBAAA,CAAUC,IAAV,CAAeC,UADH;;EAEtB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEH,kBAAA,CAAUI,KAAV,CAAgB;IACvB;AACJ;AACA;IACInB,IAAI,EAAEe,kBAAA,CAAUK,MAJO;;IAMvB;AACJ;AACA;IACIC,cAAc,EAAEN,kBAAA,CAAUK,MATH;;IAWvB;AACJ;AACA;IACIT,KAAK,EAAEI,kBAAA,CAAUK,MAdM;;IAgBvB;AACJ;AACA;IACIE,UAAU,EAAEP,kBAAA,CAAUK,MAnBC;;IAqBvB;AACJ;AACA;IACIG,UAAU,EAAER,kBAAA,CAAUK,MAxBC;;IA0BvB;AACJ;AACA;IACII,UAAU,EAAET,kBAAA,CAAUK,MA7BC;;IA+BvB;AACJ;AACA;IACIK,UAAU,EAAEV,kBAAA,CAAUK,MAlCC;;IAoCvB;AACJ;AACA;IACIM,UAAU,EAAEX,kBAAA,CAAUK;EAvCC,CAAhB,EAwCNH,UA/CmB;;EAgDtB;AACF;AACA;EACEU,SAAS,EAAEZ,kBAAA,CAAUK,MAnDC;;EAoDtB;AACF;AACA;AACA;EACEQ,SAAS,EAAEb,kBAAA,CAAUc,WAxDC;;EAyDtB;AACF;AACA;EACER,cAAc,EAAEN,kBAAA,CAAUe,IA5DJ;;EA6DtB;AACF;AACA;AACA;AACA;AACA;EACEnB,KAAK,EAAEI,kBAAA,CAAUe,IAnEK;;EAoEtB;AACF;AACA;AACA;AACA;EACEpB,QAAQ,EAAEK,kBAAA,CAAUgB,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAhB;AAzEY,CAAxB;;eA4Ee,IAAAC,kBAAA,EAAWlC,MAAX,EAAmB;EAAEmC,IAAI,EAAE;AAAR,CAAnB,EAA4C3B,WAA5C,C"}
+{"version":3,"file":"Container.js","names":["styles","theme","root","paddingLeft","hvSpacing","paddingRight","breakpoints","up","HvContainer","React","forwardRef","ref","maxWidth","fixed","others","propTypes","children","PropTypes","node","isRequired","classes","shape","string","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","className","component","elementType","bool","oneOf","withStyles","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;AACA;AACA;AACA;AAAyC;AAAA;AAAA;AAAA;AACzC;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzB;IACAC,IAAI;MACFC,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;MAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC;IAAC,GAC/BH,KAAK,CAACK,WAAW,CAACC,EAAE,CAAC,IAAI,CAAC,EAAG;MAC5BJ,WAAW,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,CAAC;MAC/BC,YAAY,EAAEJ,KAAK,CAACG,SAAS,CAAC,CAAC;IACjC,CAAC;EAEL,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA,IAAMI,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAAwCC,GAAG,EAAK;EAAA,yBAA7CC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAKC,MAAM;EACvE,oBAAO,qBAAC,mBAAS;IAAC,GAAG,EAAEH,GAAI;IAAC,QAAQ,EAAEC,QAAS;IAAC,KAAK,EAAEC;EAAM,GAAKC,MAAM,EAAI;AAC9E,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,wCAAAN,WAAW,CAACO,SAAS,GAAG;EACtBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEH,kBAAS,CAACI,KAAK,CAAC;IACvB;AACJ;AACA;IACInB,IAAI,EAAEe,kBAAS,CAACK,MAAM;IAEtB;AACJ;AACA;IACIC,cAAc,EAAEN,kBAAS,CAACK,MAAM;IAEhC;AACJ;AACA;IACIT,KAAK,EAAEI,kBAAS,CAACK,MAAM;IAEvB;AACJ;AACA;IACIE,UAAU,EAAEP,kBAAS,CAACK,MAAM;IAE5B;AACJ;AACA;IACIG,UAAU,EAAER,kBAAS,CAACK,MAAM;IAE5B;AACJ;AACA;IACII,UAAU,EAAET,kBAAS,CAACK,MAAM;IAE5B;AACJ;AACA;IACIK,UAAU,EAAEV,kBAAS,CAACK,MAAM;IAE5B;AACJ;AACA;IACIM,UAAU,EAAEX,kBAAS,CAACK;EACxB,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACEU,SAAS,EAAEZ,kBAAS,CAACK,MAAM;EAC3B;AACF;AACA;AACA;EACEQ,SAAS,EAAEb,kBAAS,CAACc,WAAW;EAChC;AACF;AACA;EACER,cAAc,EAAEN,kBAAS,CAACe,IAAI;EAC9B;AACF;AACA;AACA;AACA;AACA;EACEnB,KAAK,EAAEI,kBAAS,CAACe,IAAI;EACrB;AACF;AACA;AACA;AACA;EACEpB,QAAQ,EAAEK,kBAAS,CAACgB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACjE,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAAClC,MAAM,EAAE;EAAEmC,IAAI,EAAE;AAAc,CAAC,CAAC,CAAC3B,WAAW,CAAC;AAAA"}

package/dist/Container/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Container.default;
   }
 });
-
 var _Container = _interopRequireDefault(require("./Container"));
 //# sourceMappingURL=index.js.map

package/dist/Container/index.js.map

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

package/dist/Controls/Controls.js

@@ -1,97 +1,65 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 require("core-js/modules/es.array.slice.js");
-
 require("core-js/modules/es.array.map.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _MultiButton = _interopRequireDefault(require("../MultiButton"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _utils = require("../utils");
-
 var _ControlsContext = require("./context/ControlsContext");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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) { (0, _defineProperty2.default)(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; }
-
 /** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */
 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;
-
+    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 = (0, _utils.useControlled)(selectedView, defaultView),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      currentView = _useControlled2[0],
-      setCurrentView = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_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);
@@ -112,8 +80,8 @@ var HvControls = function HvControls(_ref) {
           id: (0, _utils.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 = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+              icon = _ref2.icon,
+              others = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
               id: btnId,
               icon: true,
@@ -130,21 +98,17 @@ var HvControls = function HvControls(_ref) {
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
   /** Children to be rendered. */
   id: _propTypes.default.string,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Children elements to be rendered
    */
   children: _propTypes.default.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
@@ -154,13 +118,11 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
      * Callback used by the .
      */
     setSortBy: _propTypes.default.func,
-
     /**
      * Callback used by the search input to filter data across all fields
      */
     setGlobalFilter: _propTypes.default.func
   }),
-
   /**
    * Views configuration required for the view buttons
    */
@@ -169,7 +131,6 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
     icon: _propTypes.default.node,
     id: _propTypes.default.string
   })),
-
   /**
    * the classes object to be applied into the root object.
    */
@@ -178,50 +139,41 @@ process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
      * Style applied to the root of the component.
      */
     root: _propTypes.default.string,
-
     /**
      * Right box of the controls
      */
     rightSection: _propTypes.default.string,
-
     /**
      * Left box of the controls
      */
     leftSection: _propTypes.default.string,
-
     /**
      * common styles for left and right controls
      */
     section: _propTypes.default.string
   }).isRequired,
-
   /**
    * What view is selected by default
    */
   defaultView: _propTypes.default.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.default.string,
-
   /**
    * Callback called when the view switcher button is pressed
    */
   onViewChange: _propTypes.default.func,
-
   /**
    * if `true` the button to switch views is not rendered
    */
   hideViewSwitcher: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvControls",
   withTheme: true
 })(HvControls);
-
 exports.default = _default;
 //# sourceMappingURL=Controls.js.map

package/dist/Controls/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","useControlled","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","clsx","root","onSearch","onSort","section","leftSection","rightSection","setId","map","icon","others","propTypes","PropTypes","string","node","shape","func","arrayOf","label","isRequired","bool","withStyles","styleCreator","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":["HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","useControlled","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","clsx","root","onSearch","onSort","section","leftSection","rightSection","setId","map","icon","others","propTypes","PropTypes","string","node","shape","func","arrayOf","label","isRequired","bool","withStyles","styleCreator","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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"}