@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/UserPreferences/Options/Group/styles.js

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

package/dist/modern/UserPreferences/Options/Group/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","borderTop","hv","palette","atmosphere","atmo2","margin","hvSpacing","padding","label","marginBottom","ul","paddingBottom"],"sources":["../../../../../src/UserPreferences/Options/Group/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    margin: theme.hvSpacing(\"xs\", 0, 0),\n    padding: theme.hvSpacing(\"xs\", \"sm\", 0),\n  },\n  label: {\n    marginBottom: `5px`,\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    \"& > :not(:last-child)\": {\n      paddingBottom: \"8px\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,SAAS,EAAG,aAAYF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EADtD;IAEJC,MAAM,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,CAFJ;IAGJC,OAAO,EAAET,KAAK,CAACQ,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,CAA5B;EAHL,CADmB;EAMzBE,KAAK,EAAE;IACLC,YAAY,EAAG;EADV,CANkB;EASzBC,EAAE,EAAE;IACFH,OAAO,EAAE,CADP;IAEFF,MAAM,EAAE,CAFN;IAGF,yBAAyB;MACvBM,aAAa,EAAE;IADQ;EAHvB;AATqB,CAAZ,CAAf;;AAkBA,eAAed,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","borderTop","hv","palette","atmosphere","atmo2","margin","hvSpacing","padding","label","marginBottom","ul","paddingBottom"],"sources":["../../../../../src/UserPreferences/Options/Group/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    margin: theme.hvSpacing(\"xs\", 0, 0),\n    padding: theme.hvSpacing(\"xs\", \"sm\", 0),\n  },\n  label: {\n    marginBottom: `5px`,\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    \"& > :not(:last-child)\": {\n      paddingBottom: \"8px\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,SAAS,EAAG,aAAYF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAM,EAAC;IAC3DC,MAAM,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IACnCC,OAAO,EAAET,KAAK,CAACQ,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;EACxC,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAG;EACjB,CAAC;EACDC,EAAE,EAAE;IACFH,OAAO,EAAE,CAAC;IACVF,MAAM,EAAE,CAAC;IACT,uBAAuB,EAAE;MACvBM,aAAa,EAAE;IACjB;EACF;AACF,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/dist/modern/UserPreferences/Options/Label/Label.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "classes"];
-
 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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -13,15 +10,13 @@ import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import Typography from "../../../Typography";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Label = _ref => {
   let {
-    className,
-    children,
-    classes
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      children,
+      classes
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
     component: "li",
     variant: "highlightText",
@@ -30,13 +25,11 @@ const Label = _ref => {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? Label.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -46,7 +39,6 @@ process.env.NODE_ENV !== "production" ? Label.propTypes = {
      */
     root: PropTypes.string
   }).isRequired,
-
   /**
    * Children component.
    */

package/dist/modern/UserPreferences/Options/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport Typography from \"../../../Typography\";\n\nconst Label = ({ className, children, classes, ...others }) => (\n  <Typography\n    component=\"li\"\n    variant=\"highlightText\"\n    className={clsx(className, classes.root)}\n    {...others}\n  >\n    {children}\n  </Typography>\n);\n\nLabel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesLabel\" })(Label);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;;;AAEA,MAAMC,KAAK,GAAG;EAAA,IAAC;IAAEC,SAAF;IAAaC,QAAb;IAAuBC;EAAvB,CAAD;EAAA,IAAoCC,MAApC;;EAAA,oBACZ,KAAC,UAAD;IACE,SAAS,EAAC,IADZ;IAEE,OAAO,EAAC,eAFV;IAGE,SAAS,EAAER,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACE,IAApB;EAHjB,GAIMD,MAJN;IAAA,UAMGF;EANH,GADY;AAAA,CAAd;;AAWA,wCAAAF,KAAK,CAACM,SAAN,GAAkB;EAChB;AACF;AACA;EACEL,SAAS,EAAEN,SAAS,CAACY,MAJL;;EAKhB;AACF;AACA;EACEJ,OAAO,EAAER,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAba;;EAchB;AACF;AACA;EACEP,QAAQ,EAAEP,SAAS,CAACe,IAAV,CAAeD;AAjBT,CAAlB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDX,KAAvD,CAAf"}
+{"version":3,"file":"Label.js","names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport Typography from \"../../../Typography\";\n\nconst Label = ({ className, children, classes, ...others }) => (\n  <Typography\n    component=\"li\"\n    variant=\"highlightText\"\n    className={clsx(className, classes.root)}\n    {...others}\n  >\n    {children}\n  </Typography>\n);\n\nLabel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesLabel\" })(Label);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,qBAAqB;AAAC;AAE7C,MAAMC,KAAK,GAAG;EAAA,IAAC;MAAEC,SAAS;MAAEC,QAAQ;MAAEC;IAAmB,CAAC;IAARC,MAAM;EAAA,oBACtD,KAAC,UAAU;IACT,SAAS,EAAC,IAAI;IACd,OAAO,EAAC,eAAe;IACvB,SAAS,EAAER,IAAI,CAACK,SAAS,EAAEE,OAAO,CAACE,IAAI;EAAE,GACrCD,MAAM;IAAA,UAETF;EAAQ,GACE;AAAA,CACd;AAED,wCAAAF,KAAK,CAACM,SAAS,GAAG;EAChB;AACF;AACA;EACEL,SAAS,EAAEN,SAAS,CAACY,MAAM;EAC3B;AACF;AACA;EACEJ,OAAO,EAAER,SAAS,CAACa,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAClB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEP,QAAQ,EAAEP,SAAS,CAACe,IAAI,CAACD;AAC3B,CAAC;AAED,eAAeZ,UAAU,CAACC,MAAM,EAAE;EAAEa,IAAI,EAAE;AAAyB,CAAC,CAAC,CAACX,KAAK,CAAC"}

package/dist/modern/UserPreferences/Options/Label/index.js.map

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

package/dist/modern/UserPreferences/Options/Label/styles.js

@@ -5,6 +5,5 @@ const styles = () => ({
     paddingBottom: "0px !important"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/UserPreferences/Options/Label/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","listStyle","marginBottom","paddingBottom"],"sources":["../../../../../src/UserPreferences/Options/Label/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    listStyle: \"none\",\n    marginBottom: `5px`,\n    paddingBottom: \"0px !important\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,SAAS,EAAE,MADP;IAEJC,YAAY,EAAG,KAFX;IAGJC,aAAa,EAAE;EAHX;AADc,CAAP,CAAf;;AAQA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","listStyle","marginBottom","paddingBottom"],"sources":["../../../../../src/UserPreferences/Options/Label/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    listStyle: \"none\",\n    marginBottom: `5px`,\n    paddingBottom: \"0px !important\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,SAAS,EAAE,MAAM;IACjBC,YAAY,EAAG,KAAI;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAeJ,MAAM"}

package/dist/modern/UserPreferences/Options/Option.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "id", "className", "label", "icon", "onClick"];
-
 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 PropTypes from "prop-types";
 import clsx from "clsx";
@@ -15,24 +12,21 @@ import { HvButton, HvTypography } from "../..";
 import WithId from "../../withId";
 import OptionsContext from "./OptionsContext";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Option = _ref => {
   let {
-    classes,
-    id,
-    className,
-    label,
-    icon,
-    onClick
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      id,
+      className,
+      label,
+      icon,
+      onClick
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const {
     selected,
     onSelection
   } = useContext(OptionsContext);
   const isSelected = id === selected;
-
   const handleClick = event => {
     if (isSelected) return;
     const payload = {
@@ -42,7 +36,6 @@ const Option = _ref => {
     onSelection === null || onSelection === void 0 ? void 0 : onSelection(event, payload);
     onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
   };
-
   return /*#__PURE__*/_jsx("li", {
     className: classes.li,
     children: /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
@@ -58,18 +51,15 @@ const Option = _ref => {
     }))
   });
 };
-
 process.env.NODE_ENV !== "production" ? Option.propTypes = {
   /**
    * Id to be applied to the option.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the component.
    */
@@ -78,33 +68,27 @@ process.env.NODE_ENV !== "production" ? Option.propTypes = {
      * Style applied to the component.
      */
     action: PropTypes.string,
-
     /**
      * Style applied when no icon is present.
      */
     noIcon: PropTypes.string,
-
     /**
      * Style applied to the `li`.
      */
     li: PropTypes.string,
-
     /**
      * Style applied when selected.
      */
     selected: PropTypes.string
   }).isRequired,
-
   /**
    * Visual label.
    */
   label: PropTypes.string,
-
   /**
    * Icon.
    */
   icon: PropTypes.node,
-
   /**
    * Callback called when clicked.
    */

package/dist/modern/UserPreferences/Options/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["React","useContext","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","WithId","OptionsContext","Option","classes","id","className","label","icon","onClick","others","selected","onSelection","isSelected","handleClick","event","payload","li","action","propTypes","string","shape","noIcon","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Options/Option.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\nimport WithId from \"../../withId\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Option = ({ classes, id, className, label, icon, onClick, ...others }) => {\n  const { selected, onSelection } = useContext(OptionsContext);\n\n  const isSelected = id === selected;\n\n  const handleClick = (event) => {\n    if (isSelected) return;\n    const payload = { id, label };\n\n    onSelection?.(event, payload);\n    onClick?.(event, payload);\n  };\n\n  return (\n    <li className={classes.li}>\n      <HvButton\n        id={id}\n        category=\"ghost\"\n        className={clsx(className, classes.action, {\n          [classes.selected]: isSelected,\n        })}\n        onClick={handleClick}\n        startIcon={icon}\n        {...others}\n      >\n        <HvTypography>{label}</HvTypography>\n      </HvButton>\n    </li>\n  );\n};\n\nOption.propTypes = {\n  /**\n   * Id to be applied to the option.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n    /**\n     * Style applied to the `li`.\n     */\n    li: PropTypes.string,\n    /**\n     * Style applied when selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOption\" })(WithId(Option));\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,OAAvC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;;AAEA,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;IAAEC,OAAF;IAAWC,EAAX;IAAeC,SAAf;IAA0BC,KAA1B;IAAiCC,IAAjC;IAAuCC;EAAvC,CAAgE;EAAA,IAAbC,MAAa;;EAC9E,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA4BlB,UAAU,CAACQ,cAAD,CAA5C;EAEA,MAAMW,UAAU,GAAGR,EAAE,KAAKM,QAA1B;;EAEA,MAAMG,WAAW,GAAIC,KAAD,IAAW;IAC7B,IAAIF,UAAJ,EAAgB;IAChB,MAAMG,OAAO,GAAG;MAAEX,EAAF;MAAME;IAAN,CAAhB;IAEAK,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAGG,KAAH,EAAUC,OAAV,CAAX;IACAP,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAND;;EAQA,oBACE;IAAI,SAAS,EAAEZ,OAAO,CAACa,EAAvB;IAAA,uBACE,KAAC,QAAD;MACE,EAAE,EAAEZ,EADN;MAEE,QAAQ,EAAC,OAFX;MAGE,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYF,OAAO,CAACc,MAApB,EACOL,UADP,IACZT,OAAO,CAACO,QADI,CAHjB;MAME,OAAO,EAAEG,WANX;MAOE,SAAS,EAAEN;IAPb,GAQME,MARN;MAAA,uBAUE,KAAC,YAAD;QAAA,UAAeH;MAAf;IAVF;EADF,EADF;AAgBD,CA7BD;;AA+BA,wCAAAJ,MAAM,CAACgB,SAAP,GAAmB;EACjB;AACF;AACA;EACEd,EAAE,EAAEV,SAAS,CAACyB,MAJG;;EAKjB;AACF;AACA;EACEd,SAAS,EAAEX,SAAS,CAACyB,MARJ;;EASjB;AACF;AACA;EACEhB,OAAO,EAAET,SAAS,CAAC0B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAACyB,MAJK;;IAKvB;AACJ;AACA;IACIE,MAAM,EAAE3B,SAAS,CAACyB,MARK;;IASvB;AACJ;AACA;IACIH,EAAE,EAAEtB,SAAS,CAACyB,MAZS;;IAavB;AACJ;AACA;IACIT,QAAQ,EAAEhB,SAAS,CAACyB;EAhBG,CAAhB,EAiBNG,UA7Bc;;EA8BjB;AACF;AACA;EACEhB,KAAK,EAAEZ,SAAS,CAACyB,MAjCA;;EAkCjB;AACF;AACA;EACEZ,IAAI,EAAEb,SAAS,CAAC6B,IArCC;;EAsCjB;AACF;AACA;EACEf,OAAO,EAAEd,SAAS,CAAC8B;AAzCF,CAAnB;AA4CA,eAAe5B,UAAU,CAACC,MAAD,EAAS;EAAE4B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDzB,MAAM,CAACE,MAAD,CAA9D,CAAf"}
+{"version":3,"file":"Option.js","names":["React","useContext","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","WithId","OptionsContext","Option","classes","id","className","label","icon","onClick","others","selected","onSelection","isSelected","handleClick","event","payload","li","action","propTypes","string","shape","noIcon","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Options/Option.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\nimport WithId from \"../../withId\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Option = ({ classes, id, className, label, icon, onClick, ...others }) => {\n  const { selected, onSelection } = useContext(OptionsContext);\n\n  const isSelected = id === selected;\n\n  const handleClick = (event) => {\n    if (isSelected) return;\n    const payload = { id, label };\n\n    onSelection?.(event, payload);\n    onClick?.(event, payload);\n  };\n\n  return (\n    <li className={classes.li}>\n      <HvButton\n        id={id}\n        category=\"ghost\"\n        className={clsx(className, classes.action, {\n          [classes.selected]: isSelected,\n        })}\n        onClick={handleClick}\n        startIcon={icon}\n        {...others}\n      >\n        <HvTypography>{label}</HvTypography>\n      </HvButton>\n    </li>\n  );\n};\n\nOption.propTypes = {\n  /**\n   * Id to be applied to the option.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n    /**\n     * Style applied to the `li`.\n     */\n    li: PropTypes.string,\n    /**\n     * Style applied when selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOption\" })(WithId(Option));\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,QAAQ,EAAEC,YAAY,QAAQ,OAAO;AAC9C,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,cAAc,MAAM,kBAAkB;AAAC;AAE9C,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;MAAEC,OAAO;MAAEC,EAAE;MAAEC,SAAS;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAmB,CAAC;IAARC,MAAM;EACvE,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGlB,UAAU,CAACQ,cAAc,CAAC;EAE5D,MAAMW,UAAU,GAAGR,EAAE,KAAKM,QAAQ;EAElC,MAAMG,WAAW,GAAIC,KAAK,IAAK;IAC7B,IAAIF,UAAU,EAAE;IAChB,MAAMG,OAAO,GAAG;MAAEX,EAAE;MAAEE;IAAM,CAAC;IAE7BK,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAGG,KAAK,EAAEC,OAAO,CAAC;IAC7BP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGM,KAAK,EAAEC,OAAO,CAAC;EAC3B,CAAC;EAED,oBACE;IAAI,SAAS,EAAEZ,OAAO,CAACa,EAAG;IAAA,uBACxB,KAAC,QAAQ;MACP,EAAE,EAAEZ,EAAG;MACP,QAAQ,EAAC,OAAO;MAChB,SAAS,EAAET,IAAI,CAACU,SAAS,EAAEF,OAAO,CAACc,MAAM,EACnBL,UAAU,IAA7BT,OAAO,CAACO,QAAQ,CAChB;MACH,OAAO,EAAEG,WAAY;MACrB,SAAS,EAAEN;IAAK,GACZE,MAAM;MAAA,uBAEV,KAAC,YAAY;QAAA,UAAEH;MAAK;IAAgB;EAC3B,EACR;AAET,CAAC;AAED,wCAAAJ,MAAM,CAACgB,SAAS,GAAG;EACjB;AACF;AACA;EACEd,EAAE,EAAEV,SAAS,CAACyB,MAAM;EACpB;AACF;AACA;EACEd,SAAS,EAAEX,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;EACEhB,OAAO,EAAET,SAAS,CAAC0B,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAACyB,MAAM;IACxB;AACJ;AACA;IACIE,MAAM,EAAE3B,SAAS,CAACyB,MAAM;IACxB;AACJ;AACA;IACIH,EAAE,EAAEtB,SAAS,CAACyB,MAAM;IACpB;AACJ;AACA;IACIT,QAAQ,EAAEhB,SAAS,CAACyB;EACtB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEhB,KAAK,EAAEZ,SAAS,CAACyB,MAAM;EACvB;AACF;AACA;EACEZ,IAAI,EAAEb,SAAS,CAAC6B,IAAI;EACpB;AACF;AACA;EACEf,OAAO,EAAEd,SAAS,CAAC8B;AACrB,CAAC;AAED,eAAe5B,UAAU,CAACC,MAAM,EAAE;EAAE4B,IAAI,EAAE;AAA0B,CAAC,CAAC,CAACzB,MAAM,CAACE,MAAM,CAAC,CAAC"}

package/dist/modern/UserPreferences/Options/Options.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "onClick", "children"];
-
 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, { useMemo, useState, useCallback } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -14,16 +10,14 @@ import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import OptionsContext from "./OptionsContext";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Options = _ref => {
   let {
-    classes,
-    className,
-    onClick,
-    children
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      className,
+      onClick,
+      children
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [selected, setSelected] = useState();
   const onSelection = useCallback((event, payload) => {
     setSelected(payload.id);
@@ -42,13 +36,11 @@ const Options = _ref => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? Options.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -58,12 +50,10 @@ process.env.NODE_ENV !== "production" ? Options.propTypes = {
      */
     root: PropTypes.string
   }),
-
   /**
    * Function call when a option is chosen.
    */
   onClick: PropTypes.func,
-
   /**
    * Children component.
    */

package/dist/modern/UserPreferences/Options/Options.js.map

@@ -1 +1 @@
-{"version":3,"file":"Options.js","names":["React","useMemo","useState","useCallback","clsx","PropTypes","withStyles","styles","OptionsContext","Options","classes","className","onClick","children","others","selected","setSelected","onSelection","event","payload","id","optionsStateContext","root","propTypes","string","shape","func","node","isRequired","name"],"sources":["../../../../src/UserPreferences/Options/Options.js"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Options = ({ classes, className, onClick, children, ...others }) => {\n  const [selected, setSelected] = useState();\n\n  const onSelection = useCallback(\n    (event, payload) => {\n      setSelected(payload.id);\n      onClick?.(event, payload);\n    },\n    [onClick]\n  );\n\n  const optionsStateContext = useMemo(\n    () => ({\n      selected,\n      onSelection,\n    }),\n    [selected, onSelection]\n  );\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <OptionsContext.Provider value={optionsStateContext}>{children}</OptionsContext.Provider>\n    </div>\n  );\n};\n\nOptions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * Function call when a option is chosen.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOptions\" })(Options);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,QAAzB,EAAmCC,WAAnC,QAAsD,OAAtD;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;;AAEA,MAAMC,OAAO,GAAG,QAA0D;EAAA,IAAzD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,OAAtB;IAA+BC;EAA/B,CAAyD;EAAA,IAAbC,MAAa;;EACxE,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,EAAxC;EAEA,MAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAD,EAAQC,OAAR,KAAoB;IAClBH,WAAW,CAACG,OAAO,CAACC,EAAT,CAAX;IACAR,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;EACD,CAJ4B,EAK7B,CAACP,OAAD,CAL6B,CAA/B;EAQA,MAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;IACLc,QADK;IAELE;EAFK,CAAP,CADiC,EAKjC,CAACF,QAAD,EAAWE,WAAX,CALiC,CAAnC;EAQA,oBACE;IAAK,SAAS,EAAEb,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACY,IAApB;EAApB,GAAmDR,MAAnD;IAAA,uBACE,KAAC,cAAD,CAAgB,QAAhB;MAAyB,KAAK,EAAEO,mBAAhC;MAAA,UAAsDR;IAAtD;EADF,GADF;AAKD,CAxBD;;AA0BA,wCAAAJ,OAAO,CAACc,SAAR,GAAoB;EAClB;AACF;AACA;EACEZ,SAAS,EAAEN,SAAS,CAACmB,MAJH;;EAKlB;AACF;AACA;EACEd,OAAO,EAAEL,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAJO,CAAhB,CARS;;EAclB;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACqB,IAjBD;;EAkBlB;AACF;AACA;EACEb,QAAQ,EAAER,SAAS,CAACsB,IAAV,CAAeC;AArBP,CAApB;AAwBA,eAAetB,UAAU,CAACC,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDpB,OAAzD,CAAf"}
+{"version":3,"file":"Options.js","names":["React","useMemo","useState","useCallback","clsx","PropTypes","withStyles","styles","OptionsContext","Options","classes","className","onClick","children","others","selected","setSelected","onSelection","event","payload","id","optionsStateContext","root","propTypes","string","shape","func","node","isRequired","name"],"sources":["../../../../src/UserPreferences/Options/Options.js"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport OptionsContext from \"./OptionsContext\";\n\nconst Options = ({ classes, className, onClick, children, ...others }) => {\n  const [selected, setSelected] = useState();\n\n  const onSelection = useCallback(\n    (event, payload) => {\n      setSelected(payload.id);\n      onClick?.(event, payload);\n    },\n    [onClick]\n  );\n\n  const optionsStateContext = useMemo(\n    () => ({\n      selected,\n      onSelection,\n    }),\n    [selected, onSelection]\n  );\n\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <OptionsContext.Provider value={optionsStateContext}>{children}</OptionsContext.Provider>\n    </div>\n  );\n};\n\nOptions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * Function call when a option is chosen.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOptions\" })(Options);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAC7D,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,cAAc,MAAM,kBAAkB;AAAC;AAE9C,MAAMC,OAAO,GAAG,QAA0D;EAAA,IAAzD;MAAEC,OAAO;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAAoB,CAAC;IAARC,MAAM;EACjE,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,EAAE;EAE1C,MAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAK,EAAEC,OAAO,KAAK;IAClBH,WAAW,CAACG,OAAO,CAACC,EAAE,CAAC;IACvBR,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGM,KAAK,EAAEC,OAAO,CAAC;EAC3B,CAAC,EACD,CAACP,OAAO,CAAC,CACV;EAED,MAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;IACLc,QAAQ;IACRE;EACF,CAAC,CAAC,EACF,CAACF,QAAQ,EAAEE,WAAW,CAAC,CACxB;EAED,oBACE;IAAK,SAAS,EAAEb,IAAI,CAACO,SAAS,EAAED,OAAO,CAACY,IAAI;EAAE,GAAKR,MAAM;IAAA,uBACvD,KAAC,cAAc,CAAC,QAAQ;MAAC,KAAK,EAAEO,mBAAoB;MAAA,UAAER;IAAQ;EAA2B,GACrF;AAEV,CAAC;AAED,wCAAAJ,OAAO,CAACc,SAAS,GAAG;EAClB;AACF;AACA;EACEZ,SAAS,EAAEN,SAAS,CAACmB,MAAM;EAC3B;AACF;AACA;EACEd,OAAO,EAAEL,SAAS,CAACoB,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAClB,CAAC,CAAC;EACF;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACqB,IAAI;EACvB;AACF;AACA;EACEb,QAAQ,EAAER,SAAS,CAACsB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAetB,UAAU,CAACC,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAA2B,CAAC,CAAC,CAACpB,OAAO,CAAC"}

package/dist/modern/UserPreferences/Options/OptionsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsContext.js","names":["React","OptionsContext","createContext","displayName"],"sources":["../../../../src/UserPreferences/Options/OptionsContext.js"],"sourcesContent":["import React from \"react\";\n\nconst OptionsContext = React.createContext({});\nOptionsContext.displayName = \"OptionsContext\";\n\nexport default OptionsContext;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,MAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAAvB;AACAD,cAAc,CAACE,WAAf,GAA6B,gBAA7B;AAEA,eAAeF,cAAf"}
+{"version":3,"file":"OptionsContext.js","names":["React","OptionsContext","createContext","displayName"],"sources":["../../../../src/UserPreferences/Options/OptionsContext.js"],"sourcesContent":["import React from \"react\";\n\nconst OptionsContext = React.createContext({});\nOptionsContext.displayName = \"OptionsContext\";\n\nexport default OptionsContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AAC9CD,cAAc,CAACE,WAAW,GAAG,gBAAgB;AAE7C,eAAeF,cAAc"}

package/dist/modern/UserPreferences/Options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Options","Option","Group","Label"],"sources":["../../../../src/UserPreferences/Options/index.js"],"sourcesContent":["export { default as Options } from \"./Options\";\n\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AAEA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AAEA,SAASF,OAAO,IAAIG,KAApB,QAAiC,SAAjC;AAEA,SAASH,OAAO,IAAII,KAApB,QAAiC,SAAjC"}
+{"version":3,"file":"index.js","names":["default","Options","Option","Group","Label"],"sources":["../../../../src/UserPreferences/Options/index.js"],"sourcesContent":["export { default as Options } from \"./Options\";\n\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAE9C,SAASD,OAAO,IAAIE,MAAM,QAAQ,UAAU;AAE5C,SAASF,OAAO,IAAIG,KAAK,QAAQ,SAAS;AAE1C,SAASH,OAAO,IAAII,KAAK,QAAQ,SAAS"}

package/dist/modern/UserPreferences/Options/styles.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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 { outlineStyles } from "../../Focus/styles";
 import { buttonStyles, selected } from "../styles";
-
 const styles = theme => ({
   root: {},
   action: _objectSpread({}, buttonStyles(theme)),
@@ -21,6 +17,5 @@ const styles = theme => ({
     "&.focus-visible": _objectSpread(_objectSpread({}, selected(theme)), outlineStyles)
   })
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/UserPreferences/Options/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","buttonStyles","selected","styles","theme","root","action","li","listStyle","outline"],"sources":["../../../../src/UserPreferences/Options/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\nimport { buttonStyles, selected } from \"../styles\";\n\nconst styles = (theme) => ({\n  root: {},\n  action: {\n    ...buttonStyles(theme),\n  },\n  li: {\n    listStyle: \"none\",\n  },\n  selected: {\n    ...selected(theme),\n    \"&:hover\": selected(theme),\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...selected(theme),\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;AACA,SAASC,YAAT,EAAuBC,QAAvB,QAAuC,WAAvC;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE,EADmB;EAEzBC,MAAM,oBACDL,YAAY,CAACG,KAAD,CADX,CAFmB;EAKzBG,EAAE,EAAE;IACFC,SAAS,EAAE;EADT,CALqB;EAQzBN,QAAQ,kCACHA,QAAQ,CAACE,KAAD,CADL;IAEN,WAAWF,QAAQ,CAACE,KAAD,CAFb;IAGN,WAAW;MACTK,OAAO,EAAE;IADA,CAHL;IAMN,mDACKP,QAAQ,CAACE,KAAD,CADb,GAEKJ,aAFL;EANM;AARiB,CAAZ,CAAf;;AAqBA,eAAeG,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","buttonStyles","selected","styles","theme","root","action","li","listStyle","outline"],"sources":["../../../../src/UserPreferences/Options/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\nimport { buttonStyles, selected } from \"../styles\";\n\nconst styles = (theme) => ({\n  root: {},\n  action: {\n    ...buttonStyles(theme),\n  },\n  li: {\n    listStyle: \"none\",\n  },\n  selected: {\n    ...selected(theme),\n    \"&:hover\": selected(theme),\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...selected(theme),\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,YAAY,EAAEC,QAAQ,QAAQ,WAAW;AAElD,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE,CAAC,CAAC;EACRC,MAAM,oBACDL,YAAY,CAACG,KAAK,CAAC,CACvB;EACDG,EAAE,EAAE;IACFC,SAAS,EAAE;EACb,CAAC;EACDN,QAAQ,kCACHA,QAAQ,CAACE,KAAK,CAAC;IAClB,SAAS,EAAEF,QAAQ,CAACE,KAAK,CAAC;IAC1B,SAAS,EAAE;MACTK,OAAO,EAAE;IACX,CAAC;IACD,iBAAiB,kCACZP,QAAQ,CAACE,KAAK,CAAC,GACfJ,aAAa;EACjB;AAEL,CAAC,CAAC;AAEF,eAAeG,MAAM"}

package/dist/modern/UserPreferences/UserPreferences.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
-
 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, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
@@ -16,6 +12,7 @@ import { withStyles } from "@mui/styles";
 import { getFirstAndLastFocus, isKeypress, KeyboardCodes } from "../utils";
 import styles from "./styles";
 import Typography from "../Typography";
+
 /**
  * User preferences are a group of configurable settings that can be customized for a particular user.
  *
@@ -31,38 +28,33 @@ import Typography from "../Typography";
  * To build the User Preferences component, a composition of these elements should be used.
  *
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvUserPreferences = _ref => {
   let {
-    className,
-    classes,
-    isOpen = false,
-    toggleOpenCallback,
-    children,
-    position = "static",
-    closeOnExit = false,
-    userInfo
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      classes,
+      isOpen = false,
+      toggleOpenCallback,
+      children,
+      position = "static",
+      closeOnExit = false,
+      userInfo
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [open, setOpen] = useState(isOpen);
   const [prevPropOpen, setPrevPropOpen] = useState(null);
   const containerRef = useRef(null);
   const focusableList = useRef(null);
-
   if (isOpen !== prevPropOpen) {
     setOpen(isOpen);
     setPrevPropOpen(isOpen);
   }
+
   /**
    * Fills the object with the first and last focusable element inside the container.
    * When the container is open the first focusable element is focus.
    */
-
-
   useEffect(() => {
     setTimeout(() => {
       if (open) {
@@ -71,10 +63,10 @@ const HvUserPreferences = _ref => {
       }
     });
   }, [open]);
+
   /**
    * Toggle the open state based on the received parameter.
    */
-
   const toggleOpen = useCallback((newState = null) => {
     if (newState !== null) {
       if (newState !== open) {
@@ -85,13 +77,12 @@ const HvUserPreferences = _ref => {
     } else {
       setOpen(prevState => !prevState);
     }
-
     toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(newState);
   }, [toggleOpenCallback, open]);
+
   /**
    * Handler of keyboard clicks.
    */
-
   const handlerKeyContainer = useCallback(event => {
     if (closeOnExit) {
       if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableList.current) && !isNil(focusableList.current.first)) {
@@ -99,11 +90,9 @@ const HvUserPreferences = _ref => {
           toggleOpen(false);
         }
       }
-
       if (isKeypress(event, KeyboardCodes.Esc) === false) {
         return;
       }
-
       toggleOpen(false);
     }
   }, [closeOnExit, toggleOpen]);
@@ -138,13 +127,11 @@ const HvUserPreferences = _ref => {
     }))
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -153,68 +140,55 @@ process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied when position is fixed.
      */
     fixed: PropTypes.string,
-
     /**
      * Styles applied when position is relative.
      */
     relative: PropTypes.string,
-
     /**
      * Styles applied when position is absolute.
      */
     absolute: PropTypes.string,
-
     /**
      * Styles applied when position is static.
      */
     static: PropTypes.string,
-
     /**
      * Styles applied to the container.
      */
     container: PropTypes.string,
-
     /**
      * Styles applied to the inside of the container.
      */
     contentContainer: PropTypes.string,
-
     /**
      * Styles applied to the user information.
      */
     userInfo: PropTypes.string
   }).isRequired,
-
   /**
    * Defines if the user preferences is shown.
    */
   isOpen: PropTypes.bool,
-
   /**
    * Position of the component.
    */
   position: PropTypes.oneOf(["static", "relative", "fixed", "absolute"]),
-
   /**
    * Children component.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * Callback when the navigation toggles between open and close.
    */
   toggleOpenCallback: PropTypes.func,
-
   /**
    * Defines if the content pane should close when losing focus / clicking outside.
    */
   closeOnExit: PropTypes.bool,
-
   /**
    * User information.
    */

package/dist/modern/UserPreferences/UserPreferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPreferences.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","clsx","isNil","PropTypes","ClickAwayListener","withStyles","getFirstAndLastFocus","isKeypress","KeyboardCodes","styles","Typography","HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","focusableList","setTimeout","current","first","focus","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","shiftKey","id","last","Esc","renderedContainer","contentContainer","label1","label2","root","static","relative","fixed","absolute","container","propTypes","string","shape","isRequired","bool","oneOf","node","func","name"],"sources":["../../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@mui/material/ClickAwayListener\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { getFirstAndLastFocus, isKeypress, KeyboardCodes } from \"../utils\";\nimport styles from \"./styles\";\nimport Typography from \"../Typography\";\n\n/**\n * User preferences are a group of configurable settings that can be customized for a particular user.\n *\n * Our implementation of the User Preferences component is divided in:\n * <ul>\n * <li>Actions - container for actions</li>\n * <li>Action - action button</li>\n * <li>Options - container for options</li>\n * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>\n * <li>Label - Label typography.</li>\n * <li>Option - Option button</li>\n * </ul>\n * To build the User Preferences component, a composition of these elements should be used.\n *\n */\nconst HvUserPreferences = ({\n  className,\n  classes,\n  isOpen = false,\n  toggleOpenCallback,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  userInfo,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n        if (focusableList.current.first) focusableList.current.first.focus();\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received parameter.\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(newState);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {userInfo && (\n            <div className={classes.userInfo}>\n              <Typography variant=\"highlightText\">{userInfo.label1}</Typography>\n              <Typography>{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"mappings":"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"}
+{"version":3,"file":"UserPreferences.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","clsx","isNil","PropTypes","ClickAwayListener","withStyles","getFirstAndLastFocus","isKeypress","KeyboardCodes","styles","Typography","HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","focusableList","setTimeout","current","first","focus","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","shiftKey","id","last","Esc","renderedContainer","contentContainer","label1","label2","root","static","relative","fixed","absolute","container","propTypes","string","shape","isRequired","bool","oneOf","node","func","name"],"sources":["../../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@mui/material/ClickAwayListener\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { getFirstAndLastFocus, isKeypress, KeyboardCodes } from \"../utils\";\nimport styles from \"./styles\";\nimport Typography from \"../Typography\";\n\n/**\n * User preferences are a group of configurable settings that can be customized for a particular user.\n *\n * Our implementation of the User Preferences component is divided in:\n * <ul>\n * <li>Actions - container for actions</li>\n * <li>Action - action button</li>\n * <li>Options - container for options</li>\n * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>\n * <li>Label - Label typography.</li>\n * <li>Option - Option button</li>\n * </ul>\n * To build the User Preferences component, a composition of these elements should be used.\n *\n */\nconst HvUserPreferences = ({\n  className,\n  classes,\n  isOpen = false,\n  toggleOpenCallback,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  userInfo,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n        if (focusableList.current.first) focusableList.current.first.focus();\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received parameter.\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(newState);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {userInfo && (\n            <div className={classes.userInfo}>\n              <Typography variant=\"highlightText\">{userInfo.label1}</Typography>\n              <Typography>{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"mappings":"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"}