@hitachivantara/uikit-react-core 2.23.2

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvTypographyProps
+  extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, HvTypographyClassKey> {
+  /**
+   * The selected typography.
+   */
+  variant?:
+    | "5xlTitle"
+    | "4xlTitle"
+    | "3xlTitle"
+    | "xxlTitle"
+    | "xlTitle"
+    | "lTitle"
+    | "mTitle"
+    | "sTitle"
+    | "xsTitle"
+    | "xxsTitle"
+    | "highlightText"
+    | "normalText"
+    | "selectedText"
+    | "disabledButtonText"
+    | "placeholderText"
+    | "inlineLink"
+    | "selectedNavText"
+    | "labelText"
+    | "infoText"
+    | "sLink"
+    | "sText"
+    | "vizText"
+    | "disabledText";
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   * By default, it maps the variant to a good default headline component.
+   */
+  component?: React.ElementType;
+
+  /**
+   * If `true`, the text will have a bottom margin.
+   */
+  paragraph?: boolean;
+}
+
+export type HvTypographyClassKey =
+  | "5xlTitle"
+  | "4xlTitle"
+  | "3xlTitle"
+  | "xxlTitle"
+  | "xlTitle"
+  | "lTitle"
+  | "mTitle"
+  | "sTitle"
+  | "xsTitle"
+  | "highlightText"
+  | "normalText"
+  | "disabledButtonText"
+  | "placeholderText"
+  | "inlineLink"
+  | "selectedNavText"
+  | "labelText"
+  | "infoText"
+  | "sLink"
+  | "sText"
+  | "vizText"
+  | "disabledText";
+
+export default function HvTypography(props: HvTypographyProps): JSX.Element | null;

package/dist/Typography/Typography.js

@@ -0,0 +1,224 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "variant", "classes", "paragraph", "className", "component", "children"];
+var defaultVariantMapping = {
+  "5xlTitle": "h1",
+  "4xlTitle": "h1",
+  "3xlTitle": "h1",
+  xxlTitle: "h1",
+  xlTitle: "h1",
+  lTitle: "h2",
+  mTitle: "h3",
+  sTitle: "h4",
+  xsTitle: "h5",
+  xxsTitle: "h6",
+  highlightText: "p",
+  normalText: "p",
+  selectedText: "p",
+  disabledButtonText: "p",
+  placeholderText: "p",
+  inlineLink: "p",
+  selectedNavText: "p",
+  labelText: "p",
+  infoText: "p",
+  sLink: "p",
+  sText: "p",
+  vizText: "p"
+};
+
+var HvTypography = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var id = props.id,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "normalText" : _props$variant,
+      classes = props.classes,
+      _props$paragraph = props.paragraph,
+      paragraph = _props$paragraph === void 0 ? false : _props$paragraph,
+      className = props.className,
+      component = props.component,
+      children = props.children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var Component = component || (paragraph ? "p" : defaultVariantMapping[variant]) || "span";
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    id: id,
+    ref: ref,
+    className: (0, _clsx.default)(className, classes.root, classes[variant])
+  }, others), children);
+});
+
+process.env.NODE_ENV !== "production" ? HvTypography.propTypes = {
+  /**
+   * The text to be set.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See CSS API tab for more details.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root element
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the 3xlTitle variant
+     */
+    "3xlTitle": _propTypes.default.string,
+
+    /**
+     * Styles applied to the 4xlTitle variant
+     */
+    "4xlTitle": _propTypes.default.string,
+
+    /**
+     * Styles applied to the 5xlTitle variant.
+     */
+    "5xlTitle": _propTypes.default.string,
+
+    /**
+     * Styles applied to the disabledButtonText variant
+     */
+    disabledButtonText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the disabledText variant
+     */
+    disabledText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the highlightText variant
+     */
+    highlightText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the infoText variant
+     */
+    infoText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the inlineLink variant
+     */
+    inlineLink: _propTypes.default.string,
+
+    /**
+     * Styles applied to the labelText variant
+     */
+    labelText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the lTitle variant
+     */
+    lTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the mTitle variant
+     */
+    mTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the normalText variant
+     */
+    normalText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the placeholderText variant
+     */
+    placeholderText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the selectedNavText variant
+     */
+    selectedNavText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sLink variant
+     */
+    sLink: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sText variant
+     */
+    sText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the sTitle variant
+     */
+    sTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the vizText variant
+     */
+    vizText: _propTypes.default.string,
+
+    /**
+     * Styles applied to the xlTitle variant
+     */
+    xlTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the xsTitle variant
+     */
+    xsTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the xxlTitle variant
+     */
+    xxlTitle: _propTypes.default.string
+  }),
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   * By default, it maps the variant to a good default headline component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * If `true`, the text will have a bottom margin.
+   */
+  paragraph: _propTypes.default.bool,
+
+  /**
+   * The selected typography.
+   */
+  variant: _propTypes.default.oneOf(["3xlTitle", "4xlTitle", "5xlTitle", "disabledButtonText", "disabledText", "highlightText", "infoText", "inlineLink", "labelText", "lTitle", "mTitle", "normalText", "placeholderText", "selectedNavText", "selectedText", "sLink", "sText", "sTitle", "vizText", "xlTitle", "xsTitle", "xxlTitle", "xxsTitle"])
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTypography"
+})(HvTypography);
+
+exports.default = _default;
+//# sourceMappingURL=Typography.js.map

package/dist/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","names":["defaultVariantMapping","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","highlightText","normalText","selectedText","disabledButtonText","placeholderText","inlineLink","selectedNavText","labelText","infoText","sLink","sText","vizText","HvTypography","React","forwardRef","props","ref","id","variant","classes","paragraph","className","component","children","others","Component","clsx","root","propTypes","PropTypes","node","isRequired","shape","string","disabledText","elementType","bool","oneOf","withStyles","styles","name"],"sources":["../../src/Typography/Typography.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst defaultVariantMapping = {\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  selectedText: \"p\",\n  disabledButtonText: \"p\",\n  placeholderText: \"p\",\n  inlineLink: \"p\",\n  selectedNavText: \"p\",\n  labelText: \"p\",\n  infoText: \"p\",\n  sLink: \"p\",\n  sText: \"p\",\n  vizText: \"p\",\n};\n\nconst HvTypography = React.forwardRef((props, ref) => {\n  const {\n    id,\n    variant = \"normalText\",\n    classes,\n    paragraph = false,\n    className,\n    component,\n    children,\n    ...others\n  } = props;\n  const Component = component || (paragraph ? \"p\" : defaultVariantMapping[variant]) || \"span\";\n\n  return (\n    <Component\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes[variant])}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTypography.propTypes = {\n  /**\n   * The text to be set.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root element\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the 3xlTitle variant\n     */\n    \"3xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 4xlTitle variant\n     */\n    \"4xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 5xlTitle variant.\n     */\n    \"5xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the disabledButtonText variant\n     */\n    disabledButtonText: PropTypes.string,\n    /**\n     * Styles applied to the disabledText variant\n     */\n    disabledText: PropTypes.string,\n    /**\n     * Styles applied to the highlightText variant\n     */\n    highlightText: PropTypes.string,\n    /**\n     * Styles applied to the infoText variant\n     */\n    infoText: PropTypes.string,\n    /**\n     * Styles applied to the inlineLink variant\n     */\n    inlineLink: PropTypes.string,\n    /**\n     * Styles applied to the labelText variant\n     */\n    labelText: PropTypes.string,\n    /**\n     * Styles applied to the lTitle variant\n     */\n    lTitle: PropTypes.string,\n    /**\n     * Styles applied to the mTitle variant\n     */\n    mTitle: PropTypes.string,\n    /**\n     * Styles applied to the normalText variant\n     */\n    normalText: PropTypes.string,\n    /**\n     * Styles applied to the placeholderText variant\n     */\n    placeholderText: PropTypes.string,\n    /**\n     * Styles applied to the selectedNavText variant\n     */\n    selectedNavText: PropTypes.string,\n    /**\n     * Styles applied to the sLink variant\n     */\n    sLink: PropTypes.string,\n    /**\n     * Styles applied to the sText variant\n     */\n    sText: PropTypes.string,\n    /**\n     * Styles applied to the sTitle variant\n     */\n    sTitle: PropTypes.string,\n    /**\n     * Styles applied to the vizText variant\n     */\n    vizText: PropTypes.string,\n    /**\n     * Styles applied to the xlTitle variant\n     */\n    xlTitle: PropTypes.string,\n    /**\n     * Styles applied to the xsTitle variant\n     */\n    xsTitle: PropTypes.string,\n    /**\n     * Styles applied to the xxlTitle variant\n     */\n    xxlTitle: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   * By default, it maps the variant to a good default headline component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The selected typography.\n   */\n  variant: PropTypes.oneOf([\n    \"3xlTitle\",\n    \"4xlTitle\",\n    \"5xlTitle\",\n    \"disabledButtonText\",\n    \"disabledText\",\n    \"highlightText\",\n    \"infoText\",\n    \"inlineLink\",\n    \"labelText\",\n    \"lTitle\",\n    \"mTitle\",\n    \"normalText\",\n    \"placeholderText\",\n    \"selectedNavText\",\n    \"selectedText\",\n    \"sLink\",\n    \"sText\",\n    \"sTitle\",\n    \"vizText\",\n    \"xlTitle\",\n    \"xsTitle\",\n    \"xxlTitle\",\n    \"xxsTitle\",\n  ]),\n};\n\nexport default withStyles(styles, { name: \"HvTypography\" })(HvTypography);\n"],"mappings":"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"}

package/dist/Typography/index.d.ts

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

package/dist/Typography/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.default;
+  }
+});
+
+var _Typography = _interopRequireDefault(require("./Typography"));
+//# sourceMappingURL=index.js.map

package/dist/Typography/index.js.map

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

package/dist/Typography/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      margin: 0,
+      fontFamily: theme.hv.typography.fontFamily
+    },
+    "5xlTitle": theme.hv.typography["5xlTitle"],
+    "4xlTitle": theme.hv.typography["4xlTitle"],
+    "3xlTitle": theme.hv.typography["3xlTitle"],
+    xxlTitle: theme.hv.typography.xxlTitle,
+    xlTitle: theme.hv.typography.xlTitle,
+    lTitle: theme.hv.typography.lTitle,
+    mTitle: theme.hv.typography.mTitle,
+    sTitle: theme.hv.typography.sTitle,
+    xsTitle: theme.hv.typography.xsTitle,
+    xxsTitle: theme.hv.typography.xxsTitle,
+    highlightText: theme.hv.typography.highlightText,
+    normalText: theme.hv.typography.normalText,
+    selectedText: theme.hv.typography.selectedText,
+    inlineLink: theme.hv.typography.inlineLink,
+    disabledButtonText: theme.hv.typography.disabledButtonText,
+    placeholderText: theme.hv.typography.placeholderText,
+    selectedNavText: theme.hv.typography.selectedNavText,
+    sText: theme.hv.typography.sText,
+    labelText: theme.hv.typography.labelText,
+    infoText: theme.hv.typography.infoText,
+    sLink: theme.hv.typography.sLink,
+    vizText: theme.hv.typography.vizText
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Typography/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","margin","fontFamily","hv","typography","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","highlightText","normalText","selectedText","inlineLink","disabledButtonText","placeholderText","selectedNavText","sText","labelText","infoText","sLink","vizText"],"sources":["../../src/Typography/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: 0,\n    fontFamily: theme.hv.typography.fontFamily,\n  },\n  \"5xlTitle\": theme.hv.typography[\"5xlTitle\"],\n  \"4xlTitle\": theme.hv.typography[\"4xlTitle\"],\n  \"3xlTitle\": theme.hv.typography[\"3xlTitle\"],\n  xxlTitle: theme.hv.typography.xxlTitle,\n  xlTitle: theme.hv.typography.xlTitle,\n  lTitle: theme.hv.typography.lTitle,\n  mTitle: theme.hv.typography.mTitle,\n  sTitle: theme.hv.typography.sTitle,\n  xsTitle: theme.hv.typography.xsTitle,\n  xxsTitle: theme.hv.typography.xxsTitle,\n  highlightText: theme.hv.typography.highlightText,\n  normalText: theme.hv.typography.normalText,\n  selectedText: theme.hv.typography.selectedText,\n  inlineLink: theme.hv.typography.inlineLink,\n  disabledButtonText: theme.hv.typography.disabledButtonText,\n  placeholderText: theme.hv.typography.placeholderText,\n  selectedNavText: theme.hv.typography.selectedNavText,\n  sText: theme.hv.typography.sText,\n  labelText: theme.hv.typography.labelText,\n  infoText: theme.hv.typography.infoText,\n  sLink: theme.hv.typography.sLink,\n  vizText: theme.hv.typography.vizText,\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,CADJ;MAEJC,UAAU,EAAEH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBF;IAF5B,CADmB;IAKzB,YAAYH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoB,UAApB,CALa;IAMzB,YAAYL,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoB,UAApB,CANa;IAOzB,YAAYL,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoB,UAApB,CAPa;IAQzBC,QAAQ,EAAEN,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,QARL;IASzBC,OAAO,EAAEP,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBE,OATJ;IAUzBC,MAAM,EAAER,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBG,MAVH;IAWzBC,MAAM,EAAET,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBI,MAXH;IAYzBC,MAAM,EAAEV,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBK,MAZH;IAazBC,OAAO,EAAEX,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBM,OAbJ;IAczBC,QAAQ,EAAEZ,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBO,QAdL;IAezBC,aAAa,EAAEb,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBQ,aAfV;IAgBzBC,UAAU,EAAEd,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBS,UAhBP;IAiBzBC,YAAY,EAAEf,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBU,YAjBT;IAkBzBC,UAAU,EAAEhB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBW,UAlBP;IAmBzBC,kBAAkB,EAAEjB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBY,kBAnBf;IAoBzBC,eAAe,EAAElB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBa,eApBZ;IAqBzBC,eAAe,EAAEnB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBc,eArBZ;IAsBzBC,KAAK,EAAEpB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBe,KAtBF;IAuBzBC,SAAS,EAAErB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBgB,SAvBN;IAwBzBC,QAAQ,EAAEtB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBiB,QAxBL;IAyBzBC,KAAK,EAAEvB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBkB,KAzBF;IA0BzBC,OAAO,EAAExB,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBmB;EA1BJ,CAAZ;AAAA,CAAf;;eA6BezB,M"}

package/dist/UserPreferences/Actions/Action.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvTypographyProps } from "../../Typography";
+
+export interface Payload {
+  /**
+   * the id to be applied to the root element.
+   */
+  id: string;
+  /**
+   * the label to be rendered on the menu item.
+   */
+  label: string;
+}
+
+export interface HvUserPreferenceActionProps
+  extends StandardProps<HvTypographyProps, HvUserPreferenceActionClassKey, "onClick"> {
+  /**
+   * Visual label.
+   */
+  label?: string;
+
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: (event: Event, payload: Payload) => void;
+}
+
+export type HvUserPreferenceActionClassKey = "action" | "noIcon";
+
+export default function HvUserPreferencesAction(
+  props: HvUserPreferenceActionProps
+): JSX.Element | null;

package/dist/UserPreferences/Actions/Action.js

@@ -0,0 +1,137 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _ = require("../..");
+
+var _excluded = ["classes", "className", "id", "label", "icon", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Action = function Action(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      id = _ref.id,
+      label = _ref.label,
+      icon = _ref.icon,
+      onClick = _ref.onClick,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var payload = {
+    id: id,
+    label: label
+  };
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (!(0, _utils.isKeypress)(event, _utils.KeyboardCodes.Enter) && !(0, _utils.isKeypress)(event, _utils.KeyboardCodes.SpaceBar)) {
+      return;
+    }
+
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
+  }, [onClick, payload]);
+
+  var handleClick = function handleClick(event) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
+  };
+
+  var renderedIcon = (0, _react.useMemo)(function () {
+    return icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+      boxStyles: {
+        width: "32px",
+        height: "32px"
+      }
+    });
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+    id: id,
+    category: "ghost",
+    className: (0, _clsx.default)(className, classes.action, !icon && classes.noIcon),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick: handleClick
+  }, others), renderedIcon, label);
+};
+
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
+  /**
+   * Id to be applied to the action.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    action: _propTypes.default.string,
+
+    /**
+     * Style applied when no icon is present.
+     */
+    noIcon: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Visual label.
+   */
+  label: _propTypes.default.string,
+
+  /**
+   * Icon.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvUserPreferencesAction"
+})(Action);
+
+exports.default = _default;
+//# sourceMappingURL=Action.js.map

package/dist/UserPreferences/Actions/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","names":["Action","classes","className","id","label","icon","onClick","others","payload","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","handleClick","renderedIcon","useMemo","React","cloneElement","boxStyles","width","height","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/UserPreferences/Actions/Action.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvButton } from \"../..\";\n\nconst Action = ({ classes, className, id, label, icon, onClick, ...others }) => {\n  const payload = { id, label };\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar)) {\n        return;\n      }\n      onClick?.(event, payload);\n    },\n    [onClick, payload]\n  );\n\n  const handleClick = (event) => {\n    onClick?.(event, payload);\n  };\n\n  const renderedIcon = useMemo(\n    () =>\n      icon &&\n      React.cloneElement(icon, {\n        boxStyles: { width: \"32px\", height: \"32px\" },\n      }),\n    [icon]\n  );\n\n  return (\n    <HvButton\n      id={id}\n      category=\"ghost\"\n      className={clsx(className, classes.action, {\n        [classes.noIcon]: !icon,\n      })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={handleClick}\n      {...others}\n    >\n      {renderedIcon}\n      {label}\n    </HvButton>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Id to be applied to the action.\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  }).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: \"HvUserPreferencesAction\" })(Action);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAiE;EAAA,IAA9DC,OAA8D,QAA9DA,OAA8D;EAAA,IAArDC,SAAqD,QAArDA,SAAqD;EAAA,IAA1CC,EAA0C,QAA1CA,EAA0C;EAAA,IAAtCC,KAAsC,QAAtCA,KAAsC;EAAA,IAA/BC,IAA+B,QAA/BA,IAA+B;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EAC9E,IAAMC,OAAO,GAAG;IAAEL,EAAE,EAAFA,EAAF;IAAMC,KAAK,EAALA;EAAN,CAAhB;EAEA,IAAMK,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,KAAD,EAAW;IACT,IAAI,CAAC,IAAAC,iBAAA,EAAWD,KAAX,EAAkBE,oBAAA,CAAcC,KAAhC,CAAD,IAA2C,CAAC,IAAAF,iBAAA,EAAWD,KAAX,EAAkBE,oBAAA,CAAcE,QAAhC,CAAhD,EAA2F;MACzF;IACD;;IACDT,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUH,OAAV,CAAP;EACD,CANmB,EAOpB,CAACF,OAAD,EAAUE,OAAV,CAPoB,CAAtB;;EAUA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACL,KAAD,EAAW;IAC7BL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUH,OAAV,CAAP;EACD,CAFD;;EAIA,IAAMS,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA,OACEb,IAAI,iBACJc,cAAA,CAAMC,YAAN,CAAmBf,IAAnB,EAAyB;MACvBgB,SAAS,EAAE;QAAEC,KAAK,EAAE,MAAT;QAAiBC,MAAM,EAAE;MAAzB;IADY,CAAzB,CAFF;EAAA,CADmB,EAMnB,CAAClB,IAAD,CANmB,CAArB;EASA,oBACE,6BAAC,UAAD;IACE,EAAE,EAAEF,EADN;IAEE,QAAQ,EAAC,OAFX;IAGE,SAAS,EAAE,IAAAqB,aAAA,EAAKtB,SAAL,EAAgBD,OAAO,CAACwB,MAAxB,EACS,CAACpB,IADV,IACRJ,OAAO,CAACyB,MADA,CAHb;IAME,QAAQ,EAAE,CANZ;IAOE,SAAS,EAAEjB,aAPb;IAQE,OAAO,EAAEO;EARX,GASMT,MATN,GAWGU,YAXH,EAYGb,KAZH,CADF;AAgBD,CA1CD;;AA4CA,wCAAAJ,MAAM,CAAC2B,SAAP,GAAmB;EACjB;AACF;AACA;EACExB,EAAE,EAAEyB,kBAAA,CAAUC,MAJG;;EAKjB;AACF;AACA;EACE3B,SAAS,EAAE0B,kBAAA,CAAUC,MARJ;;EASjB;AACF;AACA;EACE5B,OAAO,EAAE2B,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,MAAM,EAAEG,kBAAA,CAAUC,MAJK;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC;EARK,CAAhB,EASNE,UArBc;;EAsBjB;AACF;AACA;EACE3B,KAAK,EAAEwB,kBAAA,CAAUC,MAzBA;;EA0BjB;AACF;AACA;EACExB,IAAI,EAAEuB,kBAAA,CAAUI,IA7BC;;EA8BjB;AACF;AACA;EACE1B,OAAO,EAAEsB,kBAAA,CAAUK;AAjCF,CAAnB;;eAoCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwDpC,MAAxD,C"}

package/dist/UserPreferences/Actions/Actions.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvUserPreferencesActionsProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvUserPreferencesActionsClassKey
+>;
+
+export type HvUserPreferencesActionsClassKey = "root";
+
+export default function HvUserPreferencesActions(
+  props: HvUserPreferencesActionsProps
+): JSX.Element | null;

package/dist/UserPreferences/Actions/Actions.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "children"];
+
+var Actions = function Actions(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Node to be rendered
+   */
+  children: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvUserPreferencesActions"
+})(Actions);
+
+exports.default = _default;
+//# sourceMappingURL=Actions.js.map

package/dist/UserPreferences/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["Actions","classes","className","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../../src/UserPreferences/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst Actions = ({ classes, className, children, ...others }) => {\n  return (\n    <div 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   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiD;EAAA,IAA9CC,OAA8C,QAA9CA,OAA8C;EAAA,IAArCC,SAAqC,QAArCA,SAAqC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EAC/D,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKH,SAAL,EAAgBD,OAAO,CAACK,IAAxB;EAAhB,GAAmDF,MAAnD,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAH,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEL,SAAS,EAAEM,kBAAA,CAAUC,MAJH;;EAKlB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACER,QAAQ,EAAEK,kBAAA,CAAUI;AAjBF,CAApB;;eAoBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDf,OAAzD,C"}

package/dist/UserPreferences/Actions/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./Actions";
+export * from "./Actions";
+
+export { default as Action } from "./Action";
+export * from "./Action";