@hitachivantara/uikit-react-core 3.52.5 → 3.53.0

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

@@ -23,7 +23,7 @@ const Label = _ref => {
   }, others), children);
 };
 
-Label.propTypes = {
+process.env.NODE_ENV !== "production" ? Label.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -43,7 +43,7 @@ Label.propTypes = {
    * Children component.
    */
   children: PropTypes.node.isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvUserPreferencesLabel"
 })(Label);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;;AAEA,MAAMC,KAAK,GAAG;AAAA,MAAC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA;AAAvB,GAAD;AAAA,MAAoCC,MAApC;;AAAA,sBACZ,oBAAC,UAAD;AACE,IAAA,SAAS,EAAC,IADZ;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,SAAS,EAAER,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACE,IAApB;AAHjB,KAIMD,MAJN,GAMGF,QANH,CADY;AAAA,CAAd;;AAWAF,KAAK,CAACM,SAAN,GAAkB;AAChB;AACF;AACA;AACEL,EAAAA,SAAS,EAAEN,SAAS,CAACY,MAJL;;AAKhB;AACF;AACA;AACEJ,EAAAA,OAAO,EAAER,SAAS,CAACa,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEV,SAAS,CAACY;AAJO,GAAhB,EAKNE,UAba;;AAchB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEP,SAAS,CAACe,IAAV,CAAeD;AAjBT,CAAlB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;AAAEa,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDX,KAAvD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Label.js"}
+{"version":3,"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;;AAEA,MAAMC,KAAK,GAAG;AAAA,MAAC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA;AAAvB,GAAD;AAAA,MAAoCC,MAApC;;AAAA,sBACZ,oBAAC,UAAD;AACE,IAAA,SAAS,EAAC,IADZ;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,SAAS,EAAER,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACE,IAApB;AAHjB,KAIMD,MAJN,GAMGF,QANH,CADY;AAAA,CAAd;;AAWA,wCAAAF,KAAK,CAACM,SAAN,GAAkB;AAChB;AACF;AACA;AACEL,EAAAA,SAAS,EAAEN,SAAS,CAACY,MAJL;;AAKhB;AACF;AACA;AACEJ,EAAAA,OAAO,EAAER,SAAS,CAACa,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEV,SAAS,CAACY;AAJO,GAAhB,EAKNE,UAba;;AAchB;AACF;AACA;AACEP,EAAAA,QAAQ,EAAEP,SAAS,CAACe,IAAV,CAAeD;AAjBT,CAAlB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;AAAEa,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDX,KAAvD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Label.js"}

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

@@ -48,7 +48,7 @@ const Option = _ref => {
   }, others), /*#__PURE__*/React.createElement(HvTypography, null, label)));
 };
 
-Option.propTypes = {
+process.env.NODE_ENV !== "production" ? Option.propTypes = {
   /**
    * Id to be applied to the option.
    */
@@ -98,7 +98,7 @@ Option.propTypes = {
    * Callback called when clicked.
    */
   onClick: PropTypes.func
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvUserPreferencesOption"
 })(WithId(Option));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/UserPreferences/Options/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"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;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;AAAA,MAAhE;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,EAAX;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA;AAAvC,GAAgE;AAAA,MAAbC,MAAa;;AAC9E,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA4BlB,UAAU,CAACQ,cAAD,CAA5C;AAEA,QAAMW,UAAU,GAAGR,EAAE,KAAKM,QAA1B;;AAEA,QAAMG,WAAW,GAAIC,KAAD,IAAW;AAC7B,QAAIF,UAAJ,EAAgB;AAChB,UAAMG,OAAO,GAAG;AAAEX,MAAAA,EAAF;AAAME,MAAAA;AAAN,KAAhB;AAEAK,IAAAA,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAGG,KAAH,EAAUC,OAAV,CAAX;AACAP,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;AACD,GAND;;AAQA,sBACE;AAAI,IAAA,SAAS,EAAEZ,OAAO,CAACa;AAAvB,kBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEZ,EADN;AAEE,IAAA,QAAQ,EAAC,OAFX;AAGE,IAAA,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYF,OAAO,CAACc,MAApB,EACOL,UADP,IACZT,OAAO,CAACO,QADI,CAHjB;AAME,IAAA,OAAO,EAAEG,WANX;AAOE,IAAA,SAAS,EAAEN;AAPb,KAQME,MARN,gBAUE,oBAAC,YAAD,QAAeH,KAAf,CAVF,CADF,CADF;AAgBD,CA7BD;;AA+BAJ,MAAM,CAACgB,SAAP,GAAmB;AACjB;AACF;AACA;AACEd,EAAAA,EAAE,EAAEV,SAAS,CAACyB,MAJG;;AAKjB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEX,SAAS,CAACyB,MARJ;;AASjB;AACF;AACA;AACEhB,EAAAA,OAAO,EAAET,SAAS,CAAC0B,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEvB,SAAS,CAACyB,MAJK;;AAKvB;AACJ;AACA;AACIE,IAAAA,MAAM,EAAE3B,SAAS,CAACyB,MARK;;AASvB;AACJ;AACA;AACIH,IAAAA,EAAE,EAAEtB,SAAS,CAACyB,MAZS;;AAavB;AACJ;AACA;AACIT,IAAAA,QAAQ,EAAEhB,SAAS,CAACyB;AAhBG,GAAhB,EAiBNG,UA7Bc;;AA8BjB;AACF;AACA;AACEhB,EAAAA,KAAK,EAAEZ,SAAS,CAACyB,MAjCA;;AAkCjB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEb,SAAS,CAAC6B,IArCC;;AAsCjB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEd,SAAS,CAAC8B;AAzCF,CAAnB;AA4CA,eAAe5B,UAAU,CAACC,MAAD,EAAS;AAAE4B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDzB,MAAM,CAACE,MAAD,CAA9D,CAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Option.js"}
+{"version":3,"sources":["../../../../src/UserPreferences/Options/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"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;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;AAAA,MAAhE;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,EAAX;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA;AAAvC,GAAgE;AAAA,MAAbC,MAAa;;AAC9E,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA4BlB,UAAU,CAACQ,cAAD,CAA5C;AAEA,QAAMW,UAAU,GAAGR,EAAE,KAAKM,QAA1B;;AAEA,QAAMG,WAAW,GAAIC,KAAD,IAAW;AAC7B,QAAIF,UAAJ,EAAgB;AAChB,UAAMG,OAAO,GAAG;AAAEX,MAAAA,EAAF;AAAME,MAAAA;AAAN,KAAhB;AAEAK,IAAAA,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAGG,KAAH,EAAUC,OAAV,CAAX;AACAP,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;AACD,GAND;;AAQA,sBACE;AAAI,IAAA,SAAS,EAAEZ,OAAO,CAACa;AAAvB,kBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEZ,EADN;AAEE,IAAA,QAAQ,EAAC,OAFX;AAGE,IAAA,SAAS,EAAET,IAAI,CAACU,SAAD,EAAYF,OAAO,CAACc,MAApB,EACOL,UADP,IACZT,OAAO,CAACO,QADI,CAHjB;AAME,IAAA,OAAO,EAAEG,WANX;AAOE,IAAA,SAAS,EAAEN;AAPb,KAQME,MARN,gBAUE,oBAAC,YAAD,QAAeH,KAAf,CAVF,CADF,CADF;AAgBD,CA7BD;;AA+BA,wCAAAJ,MAAM,CAACgB,SAAP,GAAmB;AACjB;AACF;AACA;AACEd,EAAAA,EAAE,EAAEV,SAAS,CAACyB,MAJG;;AAKjB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEX,SAAS,CAACyB,MARJ;;AASjB;AACF;AACA;AACEhB,EAAAA,OAAO,EAAET,SAAS,CAAC0B,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEvB,SAAS,CAACyB,MAJK;;AAKvB;AACJ;AACA;AACIE,IAAAA,MAAM,EAAE3B,SAAS,CAACyB,MARK;;AASvB;AACJ;AACA;AACIH,IAAAA,EAAE,EAAEtB,SAAS,CAACyB,MAZS;;AAavB;AACJ;AACA;AACIT,IAAAA,QAAQ,EAAEhB,SAAS,CAACyB;AAhBG,GAAhB,EAiBNG,UA7Bc;;AA8BjB;AACF;AACA;AACEhB,EAAAA,KAAK,EAAEZ,SAAS,CAACyB,MAjCA;;AAkCjB;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEb,SAAS,CAAC6B,IArCC;;AAsCjB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEd,SAAS,CAAC8B;AAzCF,CAAnB;AA4CA,eAAe5B,UAAU,CAACC,MAAD,EAAS;AAAE4B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDzB,MAAM,CAACE,MAAD,CAA9D,CAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Option.js"}

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

@@ -34,7 +34,7 @@ const Options = _ref => {
   }, children));
 };
 
-Options.propTypes = {
+process.env.NODE_ENV !== "production" ? Options.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -59,7 +59,7 @@ Options.propTypes = {
    * Children component.
    */
   children: PropTypes.node.isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvUserPreferencesOptions"
 })(Options);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/UserPreferences/Options/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"],"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,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,OAAO,GAAG,QAA0D;AAAA,MAAzD;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA;AAA/B,GAAyD;AAAA,MAAbC,MAAa;;AACxE,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,EAAxC;AAEA,QAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAD,EAAQC,OAAR,KAAoB;AAClBH,IAAAA,WAAW,CAACG,OAAO,CAACC,EAAT,CAAX;AACAR,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;AACD,GAJ4B,EAK7B,CAACP,OAAD,CAL6B,CAA/B;AAQA,QAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;AACLc,IAAAA,QADK;AAELE,IAAAA;AAFK,GAAP,CADiC,EAKjC,CAACF,QAAD,EAAWE,WAAX,CALiC,CAAnC;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEb,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACY,IAApB;AAApB,KAAmDR,MAAnD,gBACE,oBAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEO;AAAhC,KAAsDR,QAAtD,CADF,CADF;AAKD,CAxBD;;AA0BAJ,OAAO,CAACc,SAAR,GAAoB;AAClB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAEN,SAAS,CAACmB,MAJH;;AAKlB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEL,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEjB,SAAS,CAACmB;AAJO,GAAhB,CARS;;AAclB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEP,SAAS,CAACqB,IAjBD;;AAkBlB;AACF;AACA;AACEb,EAAAA,QAAQ,EAAER,SAAS,CAACsB,IAAV,CAAeC;AArBP,CAApB;AAwBA,eAAetB,UAAU,CAACC,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDpB,OAAzD,CAAf","sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Options.js"}
+{"version":3,"sources":["../../../../src/UserPreferences/Options/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"],"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,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,OAAO,GAAG,QAA0D;AAAA,MAAzD;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA;AAA/B,GAAyD;AAAA,MAAbC,MAAa;;AACxE,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,EAAxC;AAEA,QAAMe,WAAW,GAAGd,WAAW,CAC7B,CAACe,KAAD,EAAQC,OAAR,KAAoB;AAClBH,IAAAA,WAAW,CAACG,OAAO,CAACC,EAAT,CAAX;AACAR,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGM,KAAH,EAAUC,OAAV,CAAP;AACD,GAJ4B,EAK7B,CAACP,OAAD,CAL6B,CAA/B;AAQA,QAAMS,mBAAmB,GAAGpB,OAAO,CACjC,OAAO;AACLc,IAAAA,QADK;AAELE,IAAAA;AAFK,GAAP,CADiC,EAKjC,CAACF,QAAD,EAAWE,WAAX,CALiC,CAAnC;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEb,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACY,IAApB;AAApB,KAAmDR,MAAnD,gBACE,oBAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEO;AAAhC,KAAsDR,QAAtD,CADF,CADF;AAKD,CAxBD;;AA0BA,wCAAAJ,OAAO,CAACc,SAAR,GAAoB;AAClB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAEN,SAAS,CAACmB,MAJH;;AAKlB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEL,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEjB,SAAS,CAACmB;AAJO,GAAhB,CARS;;AAclB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEP,SAAS,CAACqB,IAjBD;;AAkBlB;AACF;AACA;AACEb,EAAAA,QAAQ,EAAER,SAAS,CAACsB,IAAV,CAAeC;AArBP,CAApB;AAwBA,eAAetB,UAAU,CAACC,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDpB,OAAzD,CAAf","sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"Options.js"}

package/dist/modern/UserPreferences/UserPreferences.js

@@ -122,7 +122,7 @@ const HvUserPreferences = _ref => {
   }, others), open && renderedContainer));
 };
 
-HvUserPreferences.propTypes = {
+process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -205,7 +205,7 @@ HvUserPreferences.propTypes = {
     label1: PropTypes.string,
     label2: PropTypes.string
   })
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvUserPreferences"
 })(HvUserPreferences);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/UserPreferences/UserPreferences.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","ClickAwayListener","withStyles","clsx","isNil","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"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\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"],"file":"UserPreferences.js"}
+{"version":3,"sources":["../../../src/UserPreferences/UserPreferences.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","ClickAwayListener","withStyles","clsx","isNil","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"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,OAAxC,EAAiDC,MAAjD,EAAyDC,QAAzD,QAAyE,OAAzE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,iBAAP,MAA8B,qCAA9B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,SAASC,oBAAT,EAA+BC,UAA/B,EAA2CC,aAA3C,QAAgE,UAAhE;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,iBAAiB,GAAG,QAUpB;AAAA,MAVqB;AACzBC,IAAAA,SADyB;AAEzBC,IAAAA,OAFyB;AAGzBC,IAAAA,MAAM,GAAG,KAHgB;AAIzBC,IAAAA,kBAJyB;AAKzBC,IAAAA,QALyB;AAMzBC,IAAAA,QAAQ,GAAG,QANc;AAOzBC,IAAAA,WAAW,GAAG,KAPW;AAQzBC,IAAAA;AARyB,GAUrB;AAAA,MADDC,MACC;;AACJ,QAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBtB,QAAQ,CAACc,MAAD,CAAhC;AACA,QAAM,CAACS,YAAD,EAAeC,eAAf,IAAkCxB,QAAQ,CAAC,IAAD,CAAhD;AACA,QAAMyB,YAAY,GAAG1B,MAAM,CAAC,IAAD,CAA3B;AACA,QAAM2B,aAAa,GAAG3B,MAAM,CAAC,IAAD,CAA5B;;AAEA,MAAIe,MAAM,KAAKS,YAAf,EAA6B;AAC3BD,IAAAA,OAAO,CAACR,MAAD,CAAP;AACAU,IAAAA,eAAe,CAACV,MAAD,CAAf;AACD;AAED;AACF;AACA;AACA;;;AACEjB,EAAAA,SAAS,CAAC,MAAM;AACd8B,IAAAA,UAAU,CAAC,MAAM;AACf,UAAIN,IAAJ,EAAU;AACRK,QAAAA,aAAa,CAACE,OAAd,GAAwBtB,oBAAoB,CAACmB,YAAY,CAACG,OAAd,CAA5C;AACA,YAAIF,aAAa,CAACE,OAAd,CAAsBC,KAA1B,EAAiCH,aAAa,CAACE,OAAd,CAAsBC,KAAtB,CAA4BC,KAA5B;AAClC;AACF,KALS,CAAV;AAMD,GAPQ,EAON,CAACT,IAAD,CAPM,CAAT;AASA;AACF;AACA;;AACE,QAAMU,UAAU,GAAGnC,WAAW,CAC5B,CAACoC,QAAQ,GAAG,IAAZ,KAAqB;AACnB,QAAIA,QAAQ,KAAK,IAAjB,EAAuB;AACrB,UAAIA,QAAQ,KAAKX,IAAjB,EAAuB;AACrBC,QAAAA,OAAO,CAACU,QAAD,CAAP;AACD,OAFD,MAEO;AACL;AACD;AACF,KAND,MAMO;AACLV,MAAAA,OAAO,CAAEW,SAAD,IAAe,CAACA,SAAjB,CAAP;AACD;;AACDlB,IAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,YAAAA,kBAAkB,CAAGiB,QAAH,CAAlB;AACD,GAZ2B,EAa5B,CAACjB,kBAAD,EAAqBM,IAArB,CAb4B,CAA9B;AAgBA;AACF;AACA;;AACE,QAAMa,mBAAmB,GAAGtC,WAAW,CACpCuC,KAAD,IAAW;AACT,QAAIjB,WAAJ,EAAiB;AACf,UACEX,UAAU,CAAC4B,KAAD,EAAQ3B,aAAa,CAAC4B,GAAtB,CAAV,IACA,CAAC/B,KAAK,CAAC8B,KAAK,CAACE,MAAP,CADN,IAEA,CAAChC,KAAK,CAACqB,aAAa,CAACE,OAAf,CAFN,IAGA,CAACvB,KAAK,CAACqB,aAAa,CAACE,OAAd,CAAsBC,KAAvB,CAJR,EAKE;AACA,YACGM,KAAK,CAACG,QAAN,IAAkBH,KAAK,CAACE,MAAN,CAAaE,EAAb,KAAoBb,aAAa,CAACE,OAAd,CAAsBC,KAAtB,CAA4BU,EAAnE,IACC,CAACJ,KAAK,CAACG,QAAP,IAAmBH,KAAK,CAACE,MAAN,CAAaE,EAAb,KAAoBb,aAAa,CAACE,OAAd,CAAsBY,IAAtB,CAA2BD,EAFrE,EAGE;AACAR,UAAAA,UAAU,CAAC,KAAD,CAAV;AACD;AACF;;AACD,UAAIxB,UAAU,CAAC4B,KAAD,EAAQ3B,aAAa,CAACiC,GAAtB,CAAV,KAAyC,KAA7C,EAAoD;AAClD;AACD;;AACDV,MAAAA,UAAU,CAAC,KAAD,CAAV;AACD;AACF,GArBoC,EAsBrC,CAACb,WAAD,EAAca,UAAd,CAtBqC,CAAvC;AAyBA,QAAMW,iBAAiB,GAAG5C,OAAO,CAC/B,mBACE,oBAAC,iBAAD;AAAmB,IAAA,WAAW,EAAE,MAAMoB,WAAW,IAAIa,UAAU,CAAC,KAAD;AAA/D,kBAEE;AACE,IAAA,GAAG,EAAEN,YADP;AAEE,IAAA,SAAS,EAAEZ,OAAO,CAAC8B,gBAFrB;AAGE,IAAA,SAAS,EAAET;AAHb,KAKGf,QAAQ,iBACP;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACM;AAAxB,kBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC;AAApB,KAAqCA,QAAQ,CAACyB,MAA9C,CADF,eAEE,oBAAC,UAAD,QAAazB,QAAQ,CAAC0B,MAAtB,CAFF,CANJ,EAWG7B,QAXH,CAFF,CAF6B,EAmB/B,CACEA,QADF,EAEEH,OAAO,CAACM,QAFV,EAGEN,OAAO,CAAC8B,gBAHV,EAIET,mBAJF,EAKEf,QALF,EAMED,WANF,EAOEa,UAPF,CAnB+B,CAAjC;AA8BA,sBACE;AACE,IAAA,SAAS,EAAE3B,IAAI,CACbS,OAAO,CAACiC,IADK,EAQblC,SARa;AAGoB,cAHpB,EAGVC,OAAO,CAACkC,MAHE;AAIsB,gBAJtB,EAIVlC,OAAO,CAACmC,QAJE;AAKmB,aALnB,EAKVnC,OAAO,CAACoC,KALE;AAMsB,gBANtB,EAMVpC,OAAO,CAACqC;AANE,MAGOjC,QAHP;AADjB,kBAYE;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACsC;AAAxB,KAAuC/B,MAAvC,GACGC,IAAI,IAAIqB,iBADX,CAZF,CADF;AAkBD,CAjID;;AAmIA,wCAAA/B,iBAAiB,CAACyC,SAAlB,GAA8B;AAC5B;AACF;AACA;AACExC,EAAAA,SAAS,EAAEX,SAAS,CAACoD,MAJO;;AAK5B;AACF;AACA;AACExC,EAAAA,OAAO,EAAEZ,SAAS,CAACqD,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAE7C,SAAS,CAACoD,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,KAAK,EAAEhD,SAAS,CAACoD,MARM;;AASvB;AACJ;AACA;AACIL,IAAAA,QAAQ,EAAE/C,SAAS,CAACoD,MAZG;;AAavB;AACJ;AACA;AACIH,IAAAA,QAAQ,EAAEjD,SAAS,CAACoD,MAhBG;;AAiBvB;AACJ;AACA;AACIN,IAAAA,MAAM,EAAE9C,SAAS,CAACoD,MApBK;;AAqBvB;AACJ;AACA;AACIF,IAAAA,SAAS,EAAElD,SAAS,CAACoD,MAxBE;;AAyBvB;AACJ;AACA;AACIV,IAAAA,gBAAgB,EAAE1C,SAAS,CAACoD,MA5BL;;AA6BvB;AACJ;AACA;AACIlC,IAAAA,QAAQ,EAAElB,SAAS,CAACoD;AAhCG,GAAhB,EAiCNE,UAzCyB;;AA0C5B;AACF;AACA;AACEzC,EAAAA,MAAM,EAAEb,SAAS,CAACuD,IA7CU;;AA8C5B;AACF;AACA;AACEvC,EAAAA,QAAQ,EAAEhB,SAAS,CAACwD,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,CAAhB,CAjDkB;;AAkD5B;AACF;AACA;AACEzC,EAAAA,QAAQ,EAAEf,SAAS,CAACyD,IAAV,CAAeH,UArDG;;AAsD5B;AACF;AACA;AACExC,EAAAA,kBAAkB,EAAEd,SAAS,CAAC0D,IAzDF;;AA0D5B;AACF;AACA;AACEzC,EAAAA,WAAW,EAAEjB,SAAS,CAACuD,IA7DK;;AA8D5B;AACF;AACA;AACErC,EAAAA,QAAQ,EAAElB,SAAS,CAACqD,KAAV,CAAgB;AACxBV,IAAAA,MAAM,EAAE3C,SAAS,CAACoD,MADM;AAExBR,IAAAA,MAAM,EAAE5C,SAAS,CAACoD;AAFM,GAAhB;AAjEkB,CAA9B;AAuEA,eAAelD,UAAU,CAACM,MAAD,EAAS;AAAEmD,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDjD,iBAAlD,CAAf","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\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"],"file":"UserPreferences.js"}

package/dist/modern/VerticalNavigation/Actions/Action.js

@@ -39,7 +39,7 @@ const Action = _ref => {
   }, others), icon, label);
 };
 
-Action.propTypes = {
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -79,7 +79,7 @@ Action.propTypes = {
    * Callback called when clicked.
    */
   onClick: PropTypes.func
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvVerticalNavigationAction"
 })(Action);

package/dist/modern/VerticalNavigation/Actions/Action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Action.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","KeyboardCodes","isKeypress","HvTypography","setId","styles","Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","Enter","SpaceBar","action","noIcon","propTypes","string","shape","isRequired","node","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAG,QAAsE;AAAA,MAArE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA,KAAK,GAAG,EAAlC;AAAsCC,IAAAA,IAAtC;AAA4CC,IAAAA;AAA5C,GAAqE;AAAA,MAAbC,MAAa;;AACnF,QAAMC,aAAa,GAAGjB,WAAW,CAC9BkB,KAAD,IAAW;AACT,QACEH,OAAO,IAAI,IAAX,IACC,CAACV,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACe,KAAtB,CAAX,IAA2C,CAACd,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACgB,QAAtB,CAFzD,EAGE;AACA;AACD;;AAEDL,IAAAA,OAAO,CAACG,KAAD,CAAP;AACD,GAV8B,EAW/B,CAACH,OAAD,CAX+B,CAAjC;AAcA,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAER,KAAK,CAACK,EAAD,EAAK,QAAL,CADX;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,SAAS,EAAEV,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACU,MAApB,EAAgD,CAACP,IAAjD,IAA+BH,OAAO,CAACW,MAAvC,CAJjB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,SAAS,EAAEL,aANb;AAOE,IAAA,OAAO,EAAEF;AAPX,KAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCAJ,MAAM,CAACc,SAAP,GAAmB;AACjB;AACF;AACA;AACEb,EAAAA,SAAS,EAAET,SAAS,CAACuB,MAJJ;;AAKjB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEV,SAAS,CAACwB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEpB,SAAS,CAACuB,MAJK;;AAKvB;AACJ;AACA;AACIF,IAAAA,MAAM,EAAErB,SAAS,CAACuB;AARK,GAAhB,EASNE,UAjBc;;AAkBjB;AACF;AACA;AACEd,EAAAA,EAAE,EAAEX,SAAS,CAACuB,MArBG;;AAsBjB;AACF;AACA;AACEX,EAAAA,KAAK,EAAEZ,SAAS,CAACuB,MAzBA;;AA0BjB;AACF;AACA;AACEV,EAAAA,IAAI,EAAEb,SAAS,CAAC0B,IA7BC;;AA8BjB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEd,SAAS,CAAC2B;AAjCF,CAAnB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DpB,MAA3D,CAAf","sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.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 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  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\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: \"HvVerticalNavigationAction\" })(Action);\n"],"file":"Action.js"}
+{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Action.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","KeyboardCodes","isKeypress","HvTypography","setId","styles","Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","Enter","SpaceBar","action","noIcon","propTypes","string","shape","isRequired","node","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAG,QAAsE;AAAA,MAArE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA,KAAK,GAAG,EAAlC;AAAsCC,IAAAA,IAAtC;AAA4CC,IAAAA;AAA5C,GAAqE;AAAA,MAAbC,MAAa;;AACnF,QAAMC,aAAa,GAAGjB,WAAW,CAC9BkB,KAAD,IAAW;AACT,QACEH,OAAO,IAAI,IAAX,IACC,CAACV,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACe,KAAtB,CAAX,IAA2C,CAACd,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACgB,QAAtB,CAFzD,EAGE;AACA;AACD;;AAEDL,IAAAA,OAAO,CAACG,KAAD,CAAP;AACD,GAV8B,EAW/B,CAACH,OAAD,CAX+B,CAAjC;AAcA,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAER,KAAK,CAACK,EAAD,EAAK,QAAL,CADX;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,SAAS,EAAEV,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACU,MAApB,EAAgD,CAACP,IAAjD,IAA+BH,OAAO,CAACW,MAAvC,CAJjB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,SAAS,EAAEL,aANb;AAOE,IAAA,OAAO,EAAEF;AAPX,KAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACc,SAAP,GAAmB;AACjB;AACF;AACA;AACEb,EAAAA,SAAS,EAAET,SAAS,CAACuB,MAJJ;;AAKjB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEV,SAAS,CAACwB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEpB,SAAS,CAACuB,MAJK;;AAKvB;AACJ;AACA;AACIF,IAAAA,MAAM,EAAErB,SAAS,CAACuB;AARK,GAAhB,EASNE,UAjBc;;AAkBjB;AACF;AACA;AACEd,EAAAA,EAAE,EAAEX,SAAS,CAACuB,MArBG;;AAsBjB;AACF;AACA;AACEX,EAAAA,KAAK,EAAEZ,SAAS,CAACuB,MAzBA;;AA0BjB;AACF;AACA;AACEV,EAAAA,IAAI,EAAEb,SAAS,CAAC0B,IA7BC;;AA8BjB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEd,SAAS,CAAC2B;AAjCF,CAAnB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DpB,MAA3D,CAAf","sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.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 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  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\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: \"HvVerticalNavigationAction\" })(Action);\n"],"file":"Action.js"}

package/dist/modern/VerticalNavigation/Actions/Actions.js

@@ -22,7 +22,7 @@ const Actions = _ref => {
   }, others), children);
 };
 
-Actions.propTypes = {
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -47,7 +47,7 @@ Actions.propTypes = {
    * Node to be rendered
    */
   children: PropTypes.node
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvVerticalNavigationActions"
 })(Actions);

package/dist/modern/VerticalNavigation/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Actions.js"],"names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,QAAqD;AAAA,MAApD;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA;AAA1B,GAAoD;AAAA,MAAbC,MAAa;;AACnE,sBACE;AAAK,IAAA,EAAE,EAAEF,EAAT;AAAa,IAAA,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;AAA5B,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQAJ,OAAO,CAACO,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,SAAS,EAAEL,SAAS,CAACY,MAJH;;AAKlB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEV,SAAS,CAACY;AAJO,GAAhB,EAKNE,UAbe;;AAclB;AACF;AACA;AACEP,EAAAA,EAAE,EAAEP,SAAS,CAACY,MAjBI;;AAkBlB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;AAAEa,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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 to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"file":"Actions.js"}
+{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Actions.js"],"names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,QAAqD;AAAA,MAApD;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA;AAA1B,GAAoD;AAAA,MAAbC,MAAa;;AACnE,sBACE;AAAK,IAAA,EAAE,EAAEF,EAAT;AAAa,IAAA,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;AAA5B,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,SAAS,EAAEL,SAAS,CAACY,MAJH;;AAKlB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEV,SAAS,CAACY;AAJO,GAAhB,EAKNE,UAbe;;AAclB;AACF;AACA;AACEP,EAAAA,EAAE,EAAEP,SAAS,CAACY,MAjBI;;AAkBlB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;AAAEa,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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 to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"file":"Actions.js"}

package/dist/modern/VerticalNavigation/Navigation/Navigation.js

@@ -151,7 +151,7 @@ const Navigation = _ref => {
   }, children));
 };
 
-Navigation.propTypes = {
+process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -260,7 +260,7 @@ Navigation.propTypes = {
    *  @deprecated Use directly the `aria-label` property instead.
    */
   label: deprecatedPropType(PropTypes.string)
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvVerticalNavigationNavigation"
 })(Navigation);

package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\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     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"file":"Navigation.js"}
+{"version":3,"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\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     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"file":"Navigation.js"}

package/dist/modern/VerticalNavigation/TreeView/TreeView.js

@@ -803,7 +803,7 @@ const TreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
     onKeyDown: handleKeyDown
   }, others), children))));
 });
-TreeView.propTypes = {
+process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -913,7 +913,7 @@ TreeView.propTypes = {
    * The content of the component.
    */
   children: PropTypes.node
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvVerticalNavigationTreeView"
 })(TreeView);