@hitachivantara/uikit-react-core 2.23.2

package/dist/UserPreferences/Options/Options.js

@@ -0,0 +1,109 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _OptionsContext = _interopRequireDefault(require("./OptionsContext"));
+
+var _excluded = ["classes", "className", "onClick", "children"];
+
+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 Options = function Options(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      onClick = _ref.onClick,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var onSelection = (0, _react.useCallback)(function (event, payload) {
+    setSelected(payload.id);
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
+  }, [onClick]);
+  var optionsStateContext = (0, _react.useMemo)(function () {
+    return {
+      selected: selected,
+      onSelection: onSelection
+    };
+  }, [selected, onSelection]);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.optionsRoot)
+  }, others), /*#__PURE__*/_react.default.createElement(_OptionsContext.default.Provider, {
+    value: optionsStateContext
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? Options.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    optionsRoot: _propTypes.default.string
+  }),
+
+  /**
+   * Function call when a option is chosen.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * Children component.
+   */
+  children: _propTypes.default.node.isRequired
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvUserPreferencesOptions"
+})(Options);
+
+exports.default = _default;
+//# sourceMappingURL=Options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Options.js","names":["Options","classes","className","onClick","children","others","useState","selected","setSelected","onSelection","useCallback","event","payload","id","optionsStateContext","useMemo","clsx","optionsRoot","propTypes","PropTypes","string","shape","func","node","isRequired","withStyles","styles","name"],"sources":["../../../src/UserPreferences/Options/Options.js"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@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.optionsRoot)} {...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    optionsRoot: PropTypes.string,\n  }),\n  /**\n   * Function call when a option is chosen.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesOptions\" })(Options);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA0D;EAAA,IAAvDC,OAAuD,QAAvDA,OAAuD;EAAA,IAA9CC,SAA8C,QAA9CA,SAA8C;EAAA,IAAnCC,OAAmC,QAAnCA,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EACxE,gBAAgC,IAAAC,eAAA,GAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,IAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClB,UAACC,KAAD,EAAQC,OAAR,EAAoB;IAClBJ,WAAW,CAACI,OAAO,CAACC,EAAT,CAAX;IACAV,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGQ,KAAH,EAAUC,OAAV,CAAP;EACD,CAJiB,EAKlB,CAACT,OAAD,CALkB,CAApB;EAQA,IAAMW,mBAAmB,GAAG,IAAAC,cAAA,EAC1B;IAAA,OAAO;MACLR,QAAQ,EAARA,QADK;MAELE,WAAW,EAAXA;IAFK,CAAP;EAAA,CAD0B,EAK1B,CAACF,QAAD,EAAWE,WAAX,CAL0B,CAA5B;EAQA,oBACE;IAAK,SAAS,EAAE,IAAAO,aAAA,EAAKd,SAAL,EAAgBD,OAAO,CAACgB,WAAxB;EAAhB,GAA0DZ,MAA1D,gBACE,6BAAC,uBAAD,CAAgB,QAAhB;IAAyB,KAAK,EAAES;EAAhC,GAAsDV,QAAtD,CADF,CADF;AAKD,CAxBD;;AA0BA,wCAAAJ,OAAO,CAACkB,SAAR,GAAoB;EAClB;AACF;AACA;EACEhB,SAAS,EAAEiB,kBAAA,CAAUC,MAJH;;EAKlB;AACF;AACA;EACEnB,OAAO,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,WAAW,EAAEE,kBAAA,CAAUC;EAJA,CAAhB,CARS;;EAclB;AACF;AACA;EACEjB,OAAO,EAAEgB,kBAAA,CAAUG,IAjBD;;EAkBlB;AACF;AACA;EACElB,QAAQ,EAAEe,kBAAA,CAAUI,IAAV,CAAeC;AArBP,CAApB;;eAwBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyD3B,OAAzD,C"}

package/dist/UserPreferences/Options/OptionsContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var OptionsContext = /*#__PURE__*/_react.default.createContext({});
+
+OptionsContext.displayName = "OptionsContext";
+var _default = OptionsContext;
+exports.default = _default;
+//# sourceMappingURL=OptionsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsContext.js","names":["OptionsContext","React","createContext","displayName"],"sources":["../../../src/UserPreferences/Options/OptionsContext.js"],"sourcesContent":["import React from \"react\";\n\nconst OptionsContext = React.createContext({});\nOptionsContext.displayName = \"OptionsContext\";\n\nexport default OptionsContext;\n"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,cAAc,gBAAGC,cAAA,CAAMC,aAAN,CAAoB,EAApB,CAAvB;;AACAF,cAAc,CAACG,WAAf,GAA6B,gBAA7B;eAEeH,c"}

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

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

package/dist/UserPreferences/Options/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Group", {
+  enumerable: true,
+  get: function get() {
+    return _Group.default;
+  }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _Label.default;
+  }
+});
+Object.defineProperty(exports, "Option", {
+  enumerable: true,
+  get: function get() {
+    return _Option.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Options.default;
+  }
+});
+
+var _Options = _interopRequireDefault(require("./Options"));
+
+var _Option = _interopRequireDefault(require("./Option"));
+
+var _Group = _interopRequireDefault(require("./Group"));
+
+var _Label = _interopRequireDefault(require("./Label"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/UserPreferences/Options/index.js"],"sourcesContent":["export { default } from \"./Options\";\nexport { default as Option } from \"./Option\";\n\nexport { default as Group } from \"./Group\";\n\nexport { default as Label } from \"./Label\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA"}

package/dist/UserPreferences/Options/styles.js

@@ -0,0 +1,97 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+var selected = function selected(theme) {
+  return {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1,
+    "& *": {
+      background: theme.hv.palette.accent.acce1,
+      color: theme.hv.palette.atmosphere.atmo1
+    },
+    "& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo1
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    optionsRoot: {},
+    root: {
+      display: "block",
+      paddingLeft: "".concat(theme.hv.spacing.sm, "px"),
+      paddingRight: "".concat(theme.hv.spacing.sm, "px"),
+      paddingTop: "".concat(theme.hv.spacing.md, "px"),
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.atmosphere.acce1,
+      "&:hover": hover(theme),
+      "&:focus": _objectSpread(_objectSpread({}, hover(theme)), _styles.outlineStyles),
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
+    },
+    noIcon: {
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px")
+    },
+    li: {
+      listStyle: "none"
+    },
+    selected: _objectSpread(_objectSpread({}, selected(theme)), {}, {
+      "&:hover": selected(theme),
+      "&:focus": _objectSpread(_objectSpread({}, selected(theme)), _styles.outlineStyles)
+    })
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["hover","theme","background","hv","palette","atmosphere","atmo4","selected","accent","acce1","color","atmo1","fill","styles","optionsRoot","root","display","paddingLeft","spacing","sm","paddingRight","paddingTop","md","marginBottom","action","width","justifyContent","alignItems","height","outlineStyles","cursor","noIcon","xs","li","listStyle"],"sources":["../../../src/UserPreferences/Options/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo4,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.accent.acce1,\n  color: theme.hv.palette.atmosphere.atmo1,\n  \"& *\": {\n    background: theme.hv.palette.accent.acce1,\n    color: theme.hv.palette.atmosphere.atmo1,\n  },\n  \"& svg *.color0\": {\n    fill: theme.hv.palette.atmosphere.atmo1,\n  },\n});\n\nconst styles = (theme) => ({\n  optionsRoot: {},\n  root: {\n    display: \"block\",\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    paddingRight: `${theme.hv.spacing.sm}px`,\n    paddingTop: `${theme.hv.spacing.md}px`,\n    background: theme.hv.palette.atmosphere.atmo1,\n    \"& :not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n  action: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.atmosphere.acce1,\n    \"&:hover\": hover(theme),\n    \"&:focus\": {\n      ...hover(theme),\n      ...outlineStyles,\n    },\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n  },\n  noIcon: {\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n  },\n  li: {\n    listStyle: \"none\",\n  },\n  selected: {\n    ...selected(theme),\n    \"&:hover\": selected(theme),\n    \"&:focus\": {\n      ...selected(theme),\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;IAExB,OAAO;MACLJ,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADnC;EAFiB,CAAZ;AAAA,CAAd;;AAOA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACN,KAAD;EAAA,OAAY;IAC3BC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwBC,KADT;IAE3BC,KAAK,EAAET,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM,KAFR;IAG3B,OAAO;MACLT,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwBC,KAD/B;MAELC,KAAK,EAAET,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;IAF9B,CAHoB;IAO3B,kBAAkB;MAChBC,IAAI,EAAEX,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;IADlB;EAPS,CAAZ;AAAA,CAAjB;;AAYA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACZ,KAAD;EAAA,OAAY;IACzBa,WAAW,EAAE,EADY;IAEzBC,IAAI,EAAE;MACJC,OAAO,EAAE,OADL;MAEJC,WAAW,YAAKhB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBC,EAAtB,OAFP;MAGJC,YAAY,YAAKnB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBC,EAAtB,OAHR;MAIJE,UAAU,YAAKpB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBI,EAAtB,OAJN;MAKJpB,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM,KALpC;MAMJ,uBAAuB;QACrBY,YAAY,EAAE;MADO;IANnB,CAFmB;IAYzBC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENT,OAAO,EAAE,MAFH;MAGNU,cAAc,EAAE,YAHV;MAINC,UAAU,EAAE,QAJN;MAKNC,MAAM,EAAE,MALF;MAMNlB,KAAK,EAAET,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI,KAN7B;MAON,WAAWT,KAAK,CAACC,KAAD,CAPV;MAQN,2CACKD,KAAK,CAACC,KAAD,CADV,GAEK4B,qBAFL,CARM;MAYNC,MAAM,EAAE,SAZF;MAaN,OAAO;QACLA,MAAM,EAAE;MADH;IAbD,CAZiB;IA6BzBC,MAAM,EAAE;MACNd,WAAW,YAAKhB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBc,EAAtB;IADL,CA7BiB;IAgCzBC,EAAE,EAAE;MACFC,SAAS,EAAE;IADT,CAhCqB;IAmCzB3B,QAAQ,kCACHA,QAAQ,CAACN,KAAD,CADL;MAEN,WAAWM,QAAQ,CAACN,KAAD,CAFb;MAGN,2CACKM,QAAQ,CAACN,KAAD,CADb,GAEK4B,qBAFL;IAHM;EAnCiB,CAAZ;AAAA,CAAf;;eA6CehB,M"}

package/dist/UserPreferences/UserPreferences.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+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 type HvUserPreferencesClassKey =
+  | "root"
+  | "fixed"
+  | "relative"
+  | "absolute"
+  | "static"
+  | "container"
+  | "contentContainer"
+  | "userInfo";
+
+export default function HvUserPreferences(props: HvUserPreferencesProps): JSX.Element | null;

package/dist/UserPreferences/UserPreferences.js

@@ -0,0 +1,275 @@
+"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;
+
+require("core-js/modules/es.string.fixed.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
+
+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; }
+
+/**
+ * User preferences are a group of configurable settings that can be customized for a particular user.
+ *
+ * Our implementation of the user preferences is divided in:
+ * <ul>
+ * <li>Actions - container for actions</li>
+ * <li>Action - action button</li>
+ * <li>Options - container for options</li>
+ * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>
+ * <li>Label - Label typography.</li>
+ * <li>Option - Option button</li>
+ * </ul>
+ * To build the user preferences a composition of these elements should be used.
+ *
+ */
+var HvUserPreferences = function HvUserPreferences(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+      toggleOpenCallback = _ref.toggleOpenCallback,
+      children = _ref.children,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "static" : _ref$position,
+      _ref$closeOnExit = _ref.closeOnExit,
+      closeOnExit = _ref$closeOnExit === void 0 ? false : _ref$closeOnExit,
+      userInfo = _ref.userInfo,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(isOpen),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      prevPropOpen = _useState4[0],
+      setPrevPropOpen = _useState4[1];
+
+  var containerRef = (0, _react.useRef)(null);
+  var focusableList = (0, _react.useRef)(null);
+
+  if (isOpen !== prevPropOpen) {
+    setOpen(isOpen);
+    setPrevPropOpen(isOpen);
+  }
+  /**
+   * Fills the object with the first and last focusable element inside the container.
+   * When the container is open the first focusable element is focus.
+   */
+
+
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      if (open) {
+        focusableList.current = (0, _utils.getFirstAndLastFocus)(containerRef.current);
+        if (focusableList.current.first) focusableList.current.first.focus();
+      }
+    });
+  }, [open]);
+  /**
+   * Toggle the open state based on the received parameter.
+   */
+
+  var toggleOpen = (0, _react.useCallback)(function () {
+    var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+    if (newState !== null) {
+      if (newState !== open) {
+        setOpen(newState);
+      } else {
+        return;
+      }
+    } else {
+      setOpen(function (prevState) {
+        return !prevState;
+      });
+    }
+
+    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(newState);
+  }, [toggleOpenCallback, open]);
+  /**
+   * Handler of keyboard clicks.
+   */
+
+  var handlerKeyContainer = (0, _react.useCallback)(function (event) {
+    if (closeOnExit) {
+      if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab) && !(0, _isNil.default)(event.target) && !(0, _isNil.default)(focusableList.current) && !(0, _isNil.default)(focusableList.current.first)) {
+        if (event.shiftKey && event.target.id === focusableList.current.first.id || !event.shiftKey && event.target.id === focusableList.current.last.id) {
+          toggleOpen(false);
+        }
+      }
+
+      if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc) === false) {
+        return;
+      }
+
+      toggleOpen(false);
+    }
+  }, [closeOnExit, toggleOpen]);
+  var renderedContainer = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+      onClickAway: function onClickAway() {
+        return closeOnExit && toggleOpen(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: containerRef,
+      className: classes.contentContainer,
+      onKeyDown: handlerKeyContainer
+    }, userInfo && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.userInfo
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "highlightText"
+    }, userInfo.label1), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "sText"
+    }, userInfo.label2)), children));
+  }, [children, classes.userInfo, classes.contentContainer, handlerKeyContainer, userInfo, closeOnExit, toggleOpen]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.root, className, {
+      "static": classes.static,
+      "relative": classes.relative,
+      "fixed": classes.fixed,
+      "absolute": classes.absolute
+    }[position])
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: classes.container
+  }, others), open && renderedContainer));
+};
+
+process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied when position is fixed.
+     */
+    fixed: _propTypes.default.string,
+
+    /**
+     * Styles applied when position is relative.
+     */
+    relative: _propTypes.default.string,
+
+    /**
+     * Styles applied when position is absolute.
+     */
+    absolute: _propTypes.default.string,
+
+    /**
+     * Styles applied when position is static.
+     */
+    static: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container.
+     */
+    container: _propTypes.default.string,
+
+    /**
+     * Styles applied to the inside of the container.
+     */
+    contentContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the user information.
+     */
+    userInfo: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Defines if the user preferences is shown.
+   */
+  isOpen: _propTypes.default.bool,
+
+  /**
+   * Position of the component.
+   */
+  position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Children component.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: _propTypes.default.func,
+
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit: _propTypes.default.bool,
+
+  /**
+   * User information.
+   */
+  userInfo: _propTypes.default.shape({
+    label1: _propTypes.default.string,
+    label2: _propTypes.default.string
+  })
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvUserPreferences"
+})(HvUserPreferences);
+
+exports.default = _default;
+//# sourceMappingURL=UserPreferences.js.map

package/dist/UserPreferences/UserPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.js","names":["HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","first","focus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","shiftKey","id","last","Esc","renderedContainer","useMemo","contentContainer","label1","label2","clsx","root","static","relative","fixed","absolute","container","propTypes","PropTypes","string","shape","isRequired","bool","oneOf","node","func","withStyles","styles","name"],"sources":["../../src/UserPreferences/UserPreferences.js"],"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 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 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 variant=\"sText\">{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"mappings":"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"}

package/dist/UserPreferences/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./UserPreferences";
+
+export * from "./Actions";
+export * from "./Options";