@hitachivantara/uikit-react-core 3.52.5

package/dist/Pagination/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Pagination/Select.js"],"names":["styles","theme","base","borderRadius","width","backgroundColor","borderColor","palette","atmo1","root","anchor","header","headerOpen","Option","children","others","HvSelect","className","classes","onChange","disabled","value","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","name"],"mappings":"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","sourcesContent":["/* eslint-disable react/prop-types */\n\nimport React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel, HvTypography } from \"..\";\n\nconst styles = (theme) => ({\n  base: {\n    \"&$root\": {\n      borderRadius: 2,\n      width: \"auto\",\n\n      \"& > div$anchor\": {\n        width: \"auto\",\n      },\n      \"& $header\": {\n        backgroundColor: \"transparent\",\n        borderColor: \"transparent\",\n      },\n      \"& $headerOpen\": {\n        backgroundColor: theme.palette.atmo1,\n        borderColor: theme.palette.atmo1,\n      },\n    },\n  },\n\n  root: {},\n  anchor: {},\n  header: {},\n  headerOpen: {},\n});\n\nexport const Option = ({ children, ...others }) => <HvListItem {...others}>{children}</HvListItem>;\n\nconst HvSelect = ({ className, classes, onChange, disabled, value, children, ...others }) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <HvBaseDropdown\n      className={className}\n      classes={{\n        root: clsx(classes.base, classes.root),\n        anchor: classes.anchor,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={<HvTypography>{value}</HvTypography>}\n      disabled={disabled}\n      variableWidth\n      {...others}\n    >\n      <HvPanel>\n        <HvSelectionList value={value} onChange={handleSelect}>\n          {children}\n        </HvSelectionList>\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nexport default withStyles(styles, { name: \"HvSelect\" })(HvSelect);\n"],"file":"Select.js"}

package/dist/Pagination/index.d.ts

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

package/dist/Pagination/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 _Pagination.default;
+  }
+});
+
+var _Pagination = _interopRequireDefault(require("./Pagination"));
+//# sourceMappingURL=index.js.map

package/dist/Pagination/index.js.map

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

package/dist/Pagination/styles.js

@@ -0,0 +1,128 @@
+"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"));
+
+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) { (0, _defineProperty2.default)(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; }
+
+var styles = function styles(theme) {
+  var hoverColor = theme.palette.atmo3;
+  return {
+    root: {
+      position: "relative",
+      zIndex: 1,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "stretch",
+      flexWrap: "wrap",
+      marginTop: theme.hv.spacing.sm,
+      "& $pageSizeInput": _objectSpread({}, theme.hv.typography.highlightText),
+      "& $pageSizeInputContainer": {
+        width: 40,
+        minWidth: 40,
+        maxWidth: theme.hv.spacing.lg,
+        '& input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
+          WebkitAppearance: "none",
+          margin: 0
+        }
+      },
+      "& $pageSizeInputRoot": {
+        backgroundColor: "transparent",
+        "&:focus, &:focus-within, &:hover": {
+          backgroundColor: hoverColor
+        }
+      }
+    },
+    pageSizeOptions: {
+      display: "flex",
+      position: "absolute",
+      height: 32,
+      marginRight: 40,
+      top: "50%",
+      transform: "translateY(-50%)",
+      left: "0"
+    },
+    pageSizeOptionsSelect: {
+      display: "inline-block",
+      margin: theme.hvSpacing(0, "xs"),
+      width: "auto"
+    },
+    pageSizeTextContainer: {
+      height: "32px",
+      padding: "8px 0"
+    },
+    pageNavigator: {
+      display: "flex",
+      alignItems: "stretch",
+      height: "32px",
+      "&>*": {
+        margin: "0 ".concat(theme.hv.spacing.xs / 2, "px")
+      }
+    },
+    pageInfo: {
+      display: "inline-block",
+      whiteSpace: "nowrap",
+      height: "32px",
+      lineHeight: "32px"
+    },
+    pageJump: {
+      display: "inline-block",
+      marginRight: theme.hv.spacing.xs / 2
+    },
+    pageSizeInput: {},
+    pageSizeInputContainer: {},
+    pageSizeInputRoot: {
+      "& $pageSizeInput": {
+        paddingLeft: theme.hv.spacing.xs / 2,
+        paddingRight: theme.hv.spacing.xs / 2,
+        margin: 0,
+        textAlign: "right",
+        MozAppearance: "textfield",
+        "&:focus": {
+          backgroundColor: hoverColor
+        },
+        "&:hover": {
+          cursor: "pointer"
+        }
+      }
+    },
+    iconContainer: {
+      padding: 0
+    },
+    icon: {},
+    selectDownIcon: {
+      display: "inline-block",
+      position: "relative",
+      pointerEvents: "none",
+      left: "-32px",
+      top: "2px",
+      width: 0
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Pagination/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Pagination/styles.js"],"names":["styles","theme","hoverColor","palette","atmo3","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","hv","spacing","sm","typography","highlightText","width","minWidth","maxWidth","lg","WebkitAppearance","margin","backgroundColor","pageSizeOptions","height","marginRight","top","transform","left","pageSizeOptionsSelect","hvSpacing","pageSizeTextContainer","padding","pageNavigator","xs","pageInfo","whiteSpace","lineHeight","pageJump","pageSizeInput","pageSizeInputContainer","pageSizeInputRoot","paddingLeft","paddingRight","textAlign","MozAppearance","cursor","iconContainer","icon","selectDownIcon","pointerEvents"],"mappings":"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","sourcesContent":["const styles = (theme) => {\n  const hoverColor = theme.palette.atmo3;\n\n  return {\n    root: {\n      position: \"relative\",\n      zIndex: 1,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"stretch\",\n      flexWrap: \"wrap\",\n      marginTop: theme.hv.spacing.sm,\n      \"& $pageSizeInput\": {\n        ...theme.hv.typography.highlightText,\n      },\n      \"& $pageSizeInputContainer\": {\n        width: 40,\n        minWidth: 40,\n        maxWidth: theme.hv.spacing.lg,\n        '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n          {\n            WebkitAppearance: \"none\",\n            margin: 0,\n          },\n      },\n      \"& $pageSizeInputRoot\": {\n        backgroundColor: \"transparent\",\n        \"&:focus, &:focus-within, &:hover\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    pageSizeOptions: {\n      display: \"flex\",\n      position: \"absolute\",\n      height: 32,\n      marginRight: 40,\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n      left: \"0\",\n    },\n    pageSizeOptionsSelect: {\n      display: \"inline-block\",\n      margin: theme.hvSpacing(0, \"xs\"),\n      width: \"auto\",\n    },\n    pageSizeTextContainer: {\n      height: \"32px\",\n      padding: \"8px 0\",\n    },\n    pageNavigator: {\n      display: \"flex\",\n      alignItems: \"stretch\",\n      height: \"32px\",\n      \"&>*\": {\n        margin: `0 ${theme.hv.spacing.xs / 2}px`,\n      },\n    },\n    pageInfo: {\n      display: \"inline-block\",\n      whiteSpace: \"nowrap\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n    },\n    pageJump: {\n      display: \"inline-block\",\n      marginRight: theme.hv.spacing.xs / 2,\n    },\n    pageSizeInput: {},\n    pageSizeInputContainer: {},\n    pageSizeInputRoot: {\n      \"& $pageSizeInput\": {\n        paddingLeft: theme.hv.spacing.xs / 2,\n        paddingRight: theme.hv.spacing.xs / 2,\n        margin: 0,\n        textAlign: \"right\",\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:hover\": {\n          cursor: \"pointer\",\n        },\n      },\n    },\n    iconContainer: {\n      padding: 0,\n    },\n    icon: {},\n    selectDownIcon: {\n      display: \"inline-block\",\n      position: \"relative\",\n      pointerEvents: \"none\",\n      left: \"-32px\",\n      top: \"2px\",\n      width: 0,\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Pagination/utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePageInput = exports.setColor = exports.getSafePage = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.number.is-nan.js");
+
+require("core-js/modules/es.number.constructor.js");
+
+var _react = require("react");
+
+var setColor = function setColor(condition) {
+  return condition ? "atmo5" : undefined;
+};
+
+exports.setColor = setColor;
+
+var getSafePage = function getSafePage(inPage, page, pages) {
+  return Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);
+};
+
+exports.getSafePage = getSafePage;
+
+var usePageInput = function usePageInput(initialPage) {
+  var _useState = (0, _react.useState)(initialPage + 1),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      page = _useState2[0],
+      setPage = _useState2[1];
+
+  var handleChange = (0, _react.useCallback)(function (evt, newPage) {
+    return setPage(newPage);
+  }, []);
+  return [page, handleChange];
+};
+
+exports.usePageInput = usePageInput;
+//# sourceMappingURL=utils.js.map

package/dist/Pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Pagination/utils.js"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","handleChange","evt","newPage"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD;AAAA,SAAgBA,SAAS,GAAG,OAAH,GAAaC,SAAtC;AAAA,CAAjB;;;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,IAAT,EAAeC,KAAf;AAAA,SACzBC,MAAM,CAACC,KAAP,CAAaJ,MAAb,IAAuBC,IAAvB,GAA8BI,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASP,MAAT,EAAiB,CAAjB,CAAT,EAA8BE,KAAK,GAAG,CAAtC,CADL;AAAA,CAApB;;;;AAGA,IAAMM,YAAY,GAAG,SAAfA,YAAe,CAACC,WAAD,EAAiB;AAC3C,kBAAwB,qBAASA,WAAW,GAAG,CAAvB,CAAxB;AAAA;AAAA,MAAOR,IAAP;AAAA,MAAaS,OAAb;;AAEA,MAAMC,YAAY,GAAG,wBAAY,UAACC,GAAD,EAAMC,OAAN;AAAA,WAAkBH,OAAO,CAACG,OAAD,CAAzB;AAAA,GAAZ,EAAgD,EAAhD,CAArB;AAEA,SAAO,CAACZ,IAAD,EAAOU,YAAP,CAAP;AACD,CANM","sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition) => (condition ? \"atmo5\" : undefined);\n\nexport const getSafePage = (inPage, page, pages) =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage) => {\n  const [page, setPage] = useState(initialPage + 1);\n\n  const handleChange = useCallback((evt, newPage) => setPage(newPage), []);\n\n  return [page, handleChange];\n};\n"],"file":"utils.js"}

package/dist/Panel/Panel.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps, StandardProps } from "@material-ui/core";
+
+export type HvPanelClassKey = "root";
+
+export type HvPanelProps = StandardProps<BoxProps, HvPanelClassKey>;
+
+export default function HvPanel(props: HvPanelProps): JSX.Element | null;

package/dist/Panel/Panel.js

@@ -0,0 +1,75 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "classes", "children"];
+
+/**
+ * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).
+ * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.
+ * Regardless of its content, a panel look and feel should be consistent.
+ */
+var HvPanel = function HvPanel(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      children = props.children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.Box, (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), children);
+};
+
+HvPanel.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The content of the panel.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * 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
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvPanel"
+})(HvPanel);
+
+exports.default = _default;
+//# sourceMappingURL=Panel.js.map

package/dist/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Panel/Panel.js"],"names":["HvPanel","props","id","className","classes","children","others","root","propTypes","PropTypes","string","node","shape","isRequired","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAQC,EAAR,GAAwDD,KAAxD,CAAQC,EAAR;AAAA,MAAYC,SAAZ,GAAwDF,KAAxD,CAAYE,SAAZ;AAAA,MAAuBC,OAAvB,GAAwDH,KAAxD,CAAuBG,OAAvB;AAAA,MAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;AAAA,MAA6CC,MAA7C,0CAAwDL,KAAxD;AAEA,sBACE,6BAAC,SAAD;AAAK,IAAA,EAAE,EAAEC,EAAT;AAAa,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACG,IAAxB;AAAxB,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CARD;;AAUAL,OAAO,CAACQ,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,EAAE,EAAEO,mBAAUC,MAJI;;AAKlB;AACF;AACA;AACEL,EAAAA,QAAQ,EAAEI,mBAAUE,IARF;;AASlB;AACF;AACA;AACER,EAAAA,SAAS,EAAEM,mBAAUC,MAZH;;AAalB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEK,mBAAUG,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEE,mBAAUC;AAJO,GAAhB,EAKNG;AArBe,CAApB;;eAwBe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAwCf,OAAxC,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nconst HvPanel = (props) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <Box id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </Box>\n  );\n};\n\nHvPanel.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The content of the panel.\n   */\n  children: PropTypes.node,\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\nexport default withStyles(styles, { name: \"HvPanel\" })(HvPanel);\n"],"file":"Panel.js"}

package/dist/Panel/index.d.ts

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

package/dist/Panel/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 _Panel.default;
+  }
+});
+
+var _Panel = _interopRequireDefault(require("./Panel"));
+//# sourceMappingURL=index.js.map

package/dist/Panel/index.js.map

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

package/dist/Panel/styles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: "relative",
+      padding: theme.hv.spacing.sm,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      overflow: "auto"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Panel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Panel/styles.js"],"names":["styles","theme","root","position","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","overflow"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,eAAe,EAAEP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;AAIJC,MAAAA,QAAQ,EAAE;AAJN;AADmB,GAAZ;AAAA,CAAf;;eASeZ,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    overflow: \"auto\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Provider/Provider.d.ts

@@ -0,0 +1,68 @@
+import * as React from "react";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { GenerateId } from "jss";
+import { HvTheme } from "..";
+
+export type HvUiKitThemeNames = "dawn" | "wicked";
+
+export interface GenerateClassNameOptions {
+  /**
+   * Disable the generation of deterministic class names. Defaults to `false`.
+   */
+  disableGlobal?: boolean;
+  /**
+   * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+   */
+  productionPrefix?: string;
+  /**
+   * The string used to uniquely identify the generator. Defaults to `""`.
+   * It can be used to avoid class name collisions when using multiple generators in the same document.
+   */
+  seed?: string;
+}
+
+export interface HvProviderProps {
+  /**
+   * Your component tree.
+   */
+  children: React.ReactNode;
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme?: HvUiKitThemeNames;
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme?: HvTheme;
+  /**
+   * Function stored in the provider's context to allow runtime switching of the active theme.
+   * The implementation is up to each App.
+   */
+  changeTheme?: () => void;
+  /**
+   * The locale to be used. If empty falls back to browser locale
+   */
+  locale?: string;
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName?: GenerateId;
+  /**
+   * Built-in JSS's class name generator options.
+   * Ignored if a custom `generateClassName` is provided.
+   */
+  generateClassNameOptions?: GenerateClassNameOptions;
+  /**
+   * Injects the generated stylesheets at the top of the `<head>` element of the page.
+   * This can ease the override of UI Kit components styles.
+   *
+   * By default, the styles are injected last in the `<head>` element of the page.
+   */
+  injectStylesFirst?: boolean;
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration?: boolean;
+}
+
+export default function HvProvider(props: HvProviderProps): JSX.Element | null;

package/dist/Provider/Provider.js

@@ -0,0 +1,220 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _set = _interopRequireDefault(require("lodash/set"));
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _deepDiff = _interopRequireDefault(require("deep-diff"));
+
+require("focus-within-polyfill");
+
+require("focus-visible");
+
+var _core = require("@material-ui/core");
+
+var _styles = require("@material-ui/core/styles");
+
+var _theme = require("../theme");
+
+var _context = _interopRequireDefault(require("./context"));
+
+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; }
+
+/**
+ * Augments the target theme with the differences found in the source theme.
+ *
+ * @param {Object} InputTargetTheme - A material UI Theme to be changed.
+ * @param {Object} InputSourceTheme - A material UI Theme to apply on top.
+ * @returns {Object} - A new modified material UI theme.
+ */
+var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
+  var muiDefaultTheme = (0, _styles.createTheme)();
+  var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
+  var sourceTheme = (0, _cloneDeep.default)(InputSourceTheme);
+  var deleteDifference = "D";
+
+  if (!(0, _isEmpty.default)(targetTheme) && !(0, _isEmpty.default)(sourceTheme)) {
+    _deepDiff.default.observableDiff(muiDefaultTheme, sourceTheme, function (difference) {
+      var partialCustomTheme = (0, _set.default)({}, difference.path, difference.rhs);
+
+      if (difference.kind !== deleteDifference) {
+        // Do not include the differences of type "delete"
+        (0, _merge.default)(targetTheme, partialCustomTheme);
+      }
+    });
+
+    return targetTheme;
+  }
+
+  return targetTheme;
+};
+/**
+ * This component makes cross-component properties, like the active `theme` and `locale`,
+ * available down the React tree thanks to React context.
+ *
+ * This component should preferably be used at **the root of your component tree** and
+ * be unique in the App in most cases.
+ *
+ * ```jsx
+ * <HvProvider>
+ *   <MyApp />
+ * <HvProvider/>
+ * ```
+ *
+ * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`
+ * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can
+ * be provided via the `generateClassName` property.
+ *
+ * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
+ * as they will not be able to access the properties of the active theme..
+ *
+ */
+
+
+var HvProvider = function HvProvider(_ref) {
+  var _navigator$language, _navigator;
+
+  var children = _ref.children,
+      _ref$uiKitTheme = _ref.uiKitTheme,
+      uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? null : _ref$theme,
+      _ref$changeTheme = _ref.changeTheme,
+      changeTheme = _ref$changeTheme === void 0 ? function () {} : _ref$changeTheme,
+      locale = _ref.locale,
+      generateClassNameProp = _ref.generateClassName,
+      generateClassNameOptions = _ref.generateClassNameOptions,
+      _ref$injectStylesFirs = _ref.injectStylesFirst,
+      injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
+      _ref$disableStylesGen = _ref.disableStylesGeneration,
+      disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
+  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
+  var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
+  var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
+  var generateClassName = generateClassNameProp || (0, _theme.createGenerateClassName)(generateClassNameOptions);
+  var pConfig = (0, _react.useMemo)(function () {
+    return {
+      changeTheme: changeTheme,
+      locale: localeSetting
+    };
+  }, [changeTheme, localeSetting]);
+  return /*#__PURE__*/_react.default.createElement(_core.StylesProvider, {
+    generateClassName: generateClassName,
+    injectFirst: injectStylesFirst,
+    disableGeneration: disableStylesGeneration
+  }, /*#__PURE__*/_react.default.createElement(_core.ThemeProvider, {
+    theme: customTheme
+  }, /*#__PURE__*/_react.default.createElement(_theme.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    value: pConfig
+  }, children)));
+};
+
+HvProvider.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * The Design System base theme in use. Defaults to `"dawn"`.
+   */
+  uiKitTheme: _propTypes.default.oneOf(["dawn", "wicked"]),
+
+  /**
+   * The UI Kit theme object to be applied on top of the base theme.
+   */
+  theme: _propTypes.default.instanceOf(Object),
+
+  /**
+   * Function stored in the provider's context to allow runtime switching of the active theme.
+   * The implementation is up to each App.
+   */
+  changeTheme: _propTypes.default.func,
+
+  /**
+   * The locale to be used.
+   * Defaults to the browser's configured locale or "en-US" if not available.
+   */
+  locale: _propTypes.default.string,
+
+  /**
+   * Custom JSS's class name generator.
+   */
+  generateClassName: _propTypes.default.func,
+
+  /**
+   * Built-in JSS's class name generator options.
+   * Ignored if a custom `generateClassName` is provided.
+   *
+   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.
+   *
+   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+   *
+   * `seed`: The string used to uniquely identify the generator. Defaults to `""`.
+   *         It can be used to avoid class name collisions when using multiple generators in the same document.
+   */
+  generateClassNameOptions: _propTypes.default.shape({
+    /**
+     * Disable the generation of deterministic class names. Defaults to `false`.
+     */
+    disableGlobal: _propTypes.default.bool,
+
+    /**
+     * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
+     */
+    productionPrefix: _propTypes.default.string,
+
+    /**
+     * The string used to uniquely identify the generator. Defaults to `""`.
+     * It can be used to avoid class name collisions when using multiple generators in the same document.
+     */
+    seed: _propTypes.default.string
+  }),
+
+  /**
+   * Injects the generated stylesheets at the top of the `<head>` element of the page.
+   * This can ease the override of UI Kit components styles.
+   *
+   * By default, the styles are injected last in the `<head>` element of the page.
+   */
+  injectStylesFirst: _propTypes.default.bool,
+
+  /**
+   * Disables the generation of the styles.
+   */
+  disableStylesGeneration: _propTypes.default.bool
+};
+var _default = HvProvider;
+exports.default = _default;
+//# sourceMappingURL=Provider.js.map