@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/UserPreferences/Options/Group/Group.js"],"names":["React","PropTypes","clsx","withStyles","Typography","withId","setId","styles","Group","id","className","classes","label","children","labelProps","others","labelId","root","undefined","ul","propTypes","string","shape","isRequired","instanceOf","Object","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,UAAP,MAAuB,qBAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,KAAK,GAAG,QAAwE;AAAA,MAAvE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA,KAA1B;AAAiCC,IAAAA,QAAjC;AAA2CC,IAAAA;AAA3C,GAAuE;AAAA,MAAbC,MAAa;;AACpF,QAAMC,OAAO,GAAGV,KAAK,CAACG,EAAD,EAAK,YAAL,CAArB;AAEA,sBACE;AACE,IAAA,EAAE,EAAEA,EADN;AAEE,IAAA,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACM,IAApB,CAFjB;AAGE,uBAAiBL,KAAK,GAAGI,OAAH,GAAaE;AAHrC,KAIMH,MAJN,GAMGH,KAAK,iBACJ,oBAAC,UAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,EAAE,EAAEI,OAFN;AAGE,IAAA,OAAO,EAAC,eAHV;AAIE,IAAA,SAAS,EAAEL,OAAO,CAACC;AAJrB,KAKME,UALN,GAOGF,KAPH,CAPJ,eAiBE;AAAI,IAAA,SAAS,EAAED,OAAO,CAACQ;AAAvB,KAA4BN,QAA5B,CAjBF,CADF;AAqBD,CAxBD;;AA0BAL,KAAK,CAACY,SAAN,GAAkB;AAChB;AACF;AACA;AACEV,EAAAA,SAAS,EAAET,SAAS,CAACoB,MAJL;;AAKhB;AACF;AACA;AACEZ,EAAAA,EAAE,EAAER,SAAS,CAACoB,MARE;;AAShB;AACF;AACA;AACEV,EAAAA,OAAO,EAAEV,SAAS,CAACqB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEhB,SAAS,CAACoB,MAJO;;AAKvB;AACJ;AACA;AACIT,IAAAA,KAAK,EAAEX,SAAS,CAACoB,MARM;;AASvB;AACJ;AACA;AACIF,IAAAA,EAAE,EAAElB,SAAS,CAACoB;AAZS,GAAhB,EAaNE,UAzBa;;AA0BhB;AACF;AACA;AACEX,EAAAA,KAAK,EAAEX,SAAS,CAACoB,MA7BD;;AA8BhB;AACF;AACA;AACEP,EAAAA,UAAU,EAAEb,SAAS,CAACuB,UAAV,CAAqBC,MAArB,CAjCI;;AAkChB;AACF;AACA;AACEZ,EAAAA,QAAQ,EAAEZ,SAAS,CAACyB,IAAV,CAAeH;AArCT,CAAlB;AAwCA,eAAepB,UAAU,CAACI,MAAD,EAAS;AAAEoB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDtB,MAAM,CAACG,KAAD,CAA7D,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../../../Typography\";\nimport withId from \"../../../withId\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst Group = ({ id, className, classes, label, children, labelProps, ...others }) => {\n  const labelId = setId(id, \"grouplabel\");\n\n  return (\n    <nav\n      id={id}\n      className={clsx(className, classes.root)}\n      aria-labelledby={label ? labelId : undefined}\n      {...others}\n    >\n      {label && (\n        <Typography\n          component=\"div\"\n          id={labelId}\n          variant=\"highlightText\"\n          className={classes.label}\n          {...labelProps}\n        >\n          {label}\n        </Typography>\n      )}\n      <ul className={classes.ul}>{children}</ul>\n    </nav>\n  );\n};\n\nGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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 to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the ul component.\n     */\n    ul: PropTypes.string,\n  }).isRequired,\n  /**\n   * Label for the group.\n   */\n  label: PropTypes.string,\n  /**\n   * Props applied to the generated label.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesGroup\" })(withId(Group));\n"],"file":"Group.js"}

package/dist/modern/UserPreferences/Options/Group/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+const styles = theme => ({
+  root: {
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    margin: theme.hvSpacing("xs", 0, 0),
+    padding: theme.hvSpacing("xs", "sm", 0)
+  },
+  label: {
+    marginBottom: `5px`
+  },
+  ul: {
+    padding: 0,
+    margin: 0,
+    "& > :not(:last-child)": {
+      paddingBottom: "8px"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/UserPreferences/Options/Group/styles.js"],"names":["styles","theme","root","borderTop","hv","palette","atmosphere","atmo2","margin","hvSpacing","padding","label","marginBottom","ul","paddingBottom"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,EAAG,aAAYF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EADtD;AAEJC,IAAAA,MAAM,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,CAFJ;AAGJC,IAAAA,OAAO,EAAET,KAAK,CAACQ,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,CAA5B;AAHL,GADmB;AAMzBE,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAG;AADV,GANkB;AASzBC,EAAAA,EAAE,EAAE;AACFH,IAAAA,OAAO,EAAE,CADP;AAEFF,IAAAA,MAAM,EAAE,CAFN;AAGF,6BAAyB;AACvBM,MAAAA,aAAa,EAAE;AADQ;AAHvB;AATqB,CAAZ,CAAf;;AAkBA,eAAed,MAAf","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"],"file":"styles.js"}

package/dist/modern/UserPreferences/Options/Label/Label.d.ts

@@ -0,0 +1,8 @@
+import { StandardProps } from "@material-ui/core";
+import { HvTypographyProps } from "../../../Typography";
+
+export type HvLabelClassKey = "root";
+
+export type HvLabelProps = StandardProps<HvTypographyProps, HvLabelClassKey>
+
+export default function HvUserPreferencesGroup(props: HvLabelProps): JSX.Element | null;

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

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "children", "classes"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+import Typography from "../../../Typography";
+
+const Label = _ref => {
+  let {
+    className,
+    children,
+    classes
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    component: "li",
+    variant: "highlightText",
+    className: clsx(className, classes.root)
+  }, others), children);
+};
+
+Label.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Children component.
+   */
+  children: PropTypes.node.isRequired
+};
+export default withStyles(styles, {
+  name: "HvUserPreferencesLabel"
+})(Label);
+//# sourceMappingURL=Label.js.map

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

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

package/dist/modern/UserPreferences/Options/Label/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+const styles = () => ({
+  root: {
+    listStyle: "none",
+    marginBottom: `5px`,
+    paddingBottom: "0px !important"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/UserPreferences/Options/Label/styles.js"],"names":["styles","root","listStyle","marginBottom","paddingBottom"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,EAAE,MADP;AAEJC,IAAAA,YAAY,EAAG,KAFX;AAGJC,IAAAA,aAAa,EAAE;AAHX;AADc,CAAP,CAAf;;AAQA,eAAeJ,MAAf","sourcesContent":["const styles = () => ({\n  root: {\n    listStyle: \"none\",\n    marginBottom: `5px`,\n    paddingBottom: \"0px !important\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/UserPreferences/Options/Option.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvTypographyProps } from "../../Typography";
+import { Payload } from "../Action";
+
+export type HvUserPreferencesOptionClassKey = "action" | "noIcon" | "li";
+
+export interface HvOptionProps
+  extends StandardProps<HvTypographyProps, HvUserPreferencesOptionClassKey, "onClick"> {
+  /**
+   * Visual label.
+   */
+  label?: string;
+
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick?: (event: Event, payload: Payload) => void;
+}
+
+export default function HvUserPreferencesOption(props: HvOptionProps): JSX.Element | null;

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

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "id", "className", "label", "icon", "onClick"];
+import React, { useContext } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+import { HvButton, HvTypography } from "../..";
+import WithId from "../../withId";
+import OptionsContext from "./OptionsContext";
+
+const Option = _ref => {
+  let {
+    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 = {
+      id,
+      label
+    };
+    onSelection === null || onSelection === void 0 ? void 0 : onSelection(event, payload);
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
+  };
+
+  return /*#__PURE__*/React.createElement("li", {
+    className: classes.li
+  }, /*#__PURE__*/React.createElement(HvButton, _extends({
+    id: id,
+    category: "ghost",
+    className: clsx(className, classes.action, isSelected && classes.selected),
+    onClick: handleClick,
+    startIcon: icon
+  }, others), /*#__PURE__*/React.createElement(HvTypography, null, label)));
+};
+
+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.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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.
+   */
+  onClick: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvUserPreferencesOption"
+})(WithId(Option));
+//# sourceMappingURL=Option.js.map

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

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

package/dist/modern/UserPreferences/Options/Options.d.ts

@@ -0,0 +1,15 @@
+import { StandardProps } from "@material-ui/core";
+import * as React from "react";
+import { Payload } from "../Action";
+
+export type HvOptionsClassKey = "root";
+
+export interface HvOptionsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvOptionsClassKey, "onClick"> {
+  /**
+   * Callback called when clicked.
+   */
+  onClick: (event: Event, payload: Payload) => void;
+}
+
+export default function HvUserPreferencesOptions(props: HvOptionsProps): JSX.Element | null;

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

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "onClick", "children"];
+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";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+import OptionsContext from "./OptionsContext";
+
+const Options = _ref => {
+  let {
+    classes,
+    className,
+    onClick,
+    children
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [selected, setSelected] = useState();
+  const onSelection = useCallback((event, payload) => {
+    setSelected(payload.id);
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
+  }, [onClick]);
+  const optionsStateContext = useMemo(() => ({
+    selected,
+    onSelection
+  }), [selected, onSelection]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement(OptionsContext.Provider, {
+    value: optionsStateContext
+  }, children));
+};
+
+Options.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }),
+
+  /**
+   * Function call when a option is chosen.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Children component.
+   */
+  children: PropTypes.node.isRequired
+};
+export default withStyles(styles, {
+  name: "HvUserPreferencesOptions"
+})(Options);
+//# sourceMappingURL=Options.js.map

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+const OptionsContext = /*#__PURE__*/React.createContext({});
+OptionsContext.displayName = "OptionsContext";
+export default OptionsContext;
+//# sourceMappingURL=OptionsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/UserPreferences/Options/OptionsContext.js"],"names":["React","OptionsContext","createContext","displayName"],"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","sourcesContent":["import React from \"react\";\n\nconst OptionsContext = React.createContext({});\nOptionsContext.displayName = \"OptionsContext\";\n\nexport default OptionsContext;\n"],"file":"OptionsContext.js"}

package/dist/modern/UserPreferences/Options/index.d.ts

@@ -0,0 +1,11 @@
+export { default as Options } from "./Options";
+export * from "./Options";
+
+export { default as Option } from "./Option";
+export * from "./Option";
+
+export { default as Group } from "./Group";
+export * from "./Group";
+
+export { default as Label } from "./Label";
+export * from "./Label";

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

@@ -0,0 +1,5 @@
+export { default } from "./Options";
+export { default as Option } from "./Option";
+export { default as Group } from "./Group";
+export { default as Label } from "./Label";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/UserPreferences/Options/index.js"],"names":["default","Option","Group","Label"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AAEA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC;AAEA,SAASF,OAAO,IAAIG,KAApB,QAAiC,SAAjC","sourcesContent":["export { default } from \"./Options\";\n\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"file":"index.js"}

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

@@ -0,0 +1,26 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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)),
+  li: {
+    listStyle: "none"
+  },
+  selected: _objectSpread(_objectSpread({}, selected(theme)), {}, {
+    "&:hover": selected(theme),
+    "&:focus": {
+      outline: "none"
+    },
+    "&.focus-visible": _objectSpread(_objectSpread({}, selected(theme)), outlineStyles)
+  })
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/UserPreferences/Options/styles.js"],"names":["outlineStyles","buttonStyles","selected","styles","theme","root","action","li","listStyle","outline"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;AACA,SAASC,YAAT,EAAuBC,QAAvB,QAAuC,WAAvC;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,MAAM,oBACDL,YAAY,CAACG,KAAD,CADX,CAFmB;AAKzBG,EAAAA,EAAE,EAAE;AACFC,IAAAA,SAAS,EAAE;AADT,GALqB;AAQzBN,EAAAA,QAAQ,kCACHA,QAAQ,CAACE,KAAD,CADL;AAEN,eAAWF,QAAQ,CAACE,KAAD,CAFb;AAGN,eAAW;AACTK,MAAAA,OAAO,EAAE;AADA,KAHL;AAMN,uDACKP,QAAQ,CAACE,KAAD,CADb,GAEKJ,aAFL;AANM;AARiB,CAAZ,CAAf;;AAqBA,eAAeG,MAAf","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"],"file":"styles.js"}

package/dist/modern/UserPreferences/UserPreferences.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvUserPreferencesClassKey =
+  | "root"
+  | "fixed"
+  | "relative"
+  | "absolute"
+  | "static"
+  | "container"
+  | "contentContainer"
+  | "userInfo";
+
+export interface HvUserPreferencesProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvUserPreferencesClassKey> {
+  /**
+   * Defines if the user preferences is shown.
+   */
+  isOpen?: boolean;
+  /**
+   * Position of the component.
+   */
+  position?: "static" | "relative" | "fixed" | "absolute";
+  /**
+   * Children component.
+   */
+  children: React.ReactNode;
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback?: () => void;
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit?: boolean;
+  /**
+   * User information.
+   */
+  userInfo?: {
+    label1: string;
+    label2: string;
+  };
+}
+
+export default function HvUserPreferences(props: HvUserPreferencesProps): JSX.Element | null;