@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/Panel/Panel.js

@@ -1,5 +1,19 @@
 "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", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,12 +31,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "className", "classes", "children"];
 
+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; }
+
 /**
  * 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.
@@ -34,10 +56,12 @@ var HvPanel = function HvPanel(props) {
       classes = props.classes,
       children = props.children,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.Box, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
@@ -67,7 +91,7 @@ process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
   }).isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvPanel"
 })(HvPanel);
 

package/dist/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["HvPanel","props","id","className","classes","children","others","clsx","root","propTypes","PropTypes","string","node","shape","isRequired","withStyles","styles","name"],"sources":["../../src/Panel/Panel.js"],"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"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,EAAR,GAAwDD,KAAxD,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAAwDF,KAAxD,CAAYE,SAAZ;EAAA,IAAuBC,OAAvB,GAAwDH,KAAxD,CAAuBG,OAAvB;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,0CAAwDL,KAAxD;EAEA,oBACE,6BAAC,SAAD;IAAK,EAAE,EAAEC,EAAT;IAAa,SAAS,EAAE,IAAAK,aAAA,EAAKJ,SAAL,EAAgBC,OAAO,CAACI,IAAxB;EAAxB,GAA2DF,MAA3D,GACGD,QADH,CADF;AAKD,CARD;;AAUA,wCAAAL,OAAO,CAACS,SAAR,GAAoB;EAClB;AACF;AACA;EACEP,EAAE,EAAEQ,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAA,CAAUE,IARF;;EASlB;AACF;AACA;EACET,SAAS,EAAEO,kBAAA,CAAUC,MAZH;;EAalB;AACF;AACA;EACEP,OAAO,EAAEM,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNG;AArBe,CAApB;;eAwBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCjB,OAAxC,C"}
+{"version":3,"file":"Panel.js","names":["HvPanel","props","id","className","classes","children","others","clsx","root","propTypes","PropTypes","string","node","shape","isRequired","withStyles","styles","name"],"sources":["../../src/Panel/Panel.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,EAAR,GAAwDD,KAAxD,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAAwDF,KAAxD,CAAYE,SAAZ;EAAA,IAAuBC,OAAvB,GAAwDH,KAAxD,CAAuBG,OAAvB;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,0CAAwDL,KAAxD;EAEA,oBACE,qBAAC,aAAD;IAAK,EAAE,EAAEC,EAAT;IAAa,SAAS,EAAE,IAAAK,aAAA,EAAKJ,SAAL,EAAgBC,OAAO,CAACI,IAAxB;EAAxB,GAA2DF,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CARD;;AAUA,wCAAAL,OAAO,CAACS,SAAR,GAAoB;EAClB;AACF;AACA;EACEP,EAAE,EAAEQ,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAA,CAAUE,IARF;;EASlB;AACF;AACA;EACET,SAAS,EAAEO,kBAAA,CAAUC,MAZH;;EAalB;AACF;AACA;EACEP,OAAO,EAAEM,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNG;AArBe,CAApB;;eAwBe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCjB,OAAxC,C"}

package/dist/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { StandardProps } from "@mui/material";
+
+export type HvProgressBarClassKey =
+  | "root"
+  | "progress"
+  | "progressContainer"
+  | "progressBarContainer"
+  | "progressBar"
+  | "progressDone"
+  | "progressError"
+  | "progressBarLabel";
+
+export interface HvProgressBarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
+  /**
+   * The value of the progress bar.
+   */
+  value?: number;
+  /**
+   * The status of the progress bar.
+   *
+   * inProgress is black, error is red and completed is green.
+   *
+   * When uncontrolled and unspecified it will default to "inProgress".
+   */
+  status?: string;
+  /**
+   * Aria Properties passed on to the progress bar.
+   */
+  labelProps?: object;
+}
+
+export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;

package/dist/ProgressBar/ProgressBar.js

@@ -0,0 +1,177 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.object.freeze.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _clamp = _interopRequireDefault(require("lodash/clamp"));
+
+var _styles = require("@mui/styles");
+
+var _ = require("..");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["className", "classes", "value", "status", "labelProps"];
+
+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 statusCategories = Object.freeze({
+  inProgress: "inProgress",
+  completed: "completed",
+  error: "error"
+});
+/**
+ * ProgressBar provides feedback about a process that is taking place in the application.
+ */
+
+var HvProgressBar = function HvProgressBar(props) {
+  var className = props.className,
+      classes = props.classes,
+      _props$value = props.value,
+      value = _props$value === void 0 ? 0 : _props$value,
+      _props$status = props.status,
+      status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
+      labelProps = props.labelProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var clampedValue = (0, _clamp.default)(value, 0, 100);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: (0, _clsx.default)(className, classes.root, classes.progress),
+    role: "progressbar",
+    "aria-valuemin": "0",
+    "aria-valuemax": "100",
+    "aria-valuenow": clampedValue
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.progressContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, _objectSpread(_objectSpread({
+        variant: "vizText",
+        style: {
+          width: "".concat(clampedValue, "%")
+        },
+        className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
+      }, labelProps), {}, {
+        children: "".concat(clampedValue, "%")
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.progressBarContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            width: "".concat(clampedValue, "%")
+          },
+          className: (0, _clsx.default)(classes.progressBar, status === statusCategories.completed && classes.progressDone, status === statusCategories.error && classes.progressError)
+        })
+      })]
+    })
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvProgressBar.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,
+
+    /**
+     * Style applied to the overall container when in progress mode.
+     */
+    progress: _propTypes.default.string,
+
+    /**
+     * Style applied to the specifc container when in progress mode.
+     */
+    progressContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to progress bar container.
+     */
+    progressBarContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the progress bar.
+     */
+    progressBar: _propTypes.default.string,
+
+    /**
+     * Style applied to the progress bar when the loading is done.
+     */
+    progressDone: _propTypes.default.string,
+
+    /**
+     * Style applied to the progress bar when an error occurs.
+     */
+    progressError: _propTypes.default.string,
+
+    /**
+     * Style applied to the progress bar label.
+     */
+    progressBarLabel: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The value of the progress bar.
+   */
+  value: _propTypes.default.number,
+
+  /**
+   * The status of the progress bar.
+   *
+   * inProgress is black, error is red and completed is green.
+   *
+   * When uncontrolled and unspecified it will default to "inProgress".
+   */
+  status: _propTypes.default.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
+
+  /**
+   * Aria Properties passed on to the progress bar.
+   */
+  labelProps: _propTypes.default.instanceOf(Object)
+} : void 0;
+
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "HvProgressBar"
+})(HvProgressBar);
+
+exports.default = _default;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","clamp","clsx","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","instanceOf","withStyles","styles","name"],"sources":["../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}

package/dist/ProgressBar/ProgressBarSimulator.js

@@ -0,0 +1,116 @@
+"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 = exports.ProgressBarSimulator = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("..");
+
+var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+// eslint-disable-next-line react/prop-types
+var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
+  var inc = _ref.inc,
+      error = _ref.error,
+      ariaLabel = _ref.ariaLabel,
+      ariaLive = _ref.ariaLive;
+
+  var _useState = (0, _react.useState)("inProgress"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      run = _useState6[0],
+      setRun = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var interval = setInterval(function () {
+      if (value === 100) {
+        setRun(false);
+        clearInterval(interval);
+        setStatus("completed");
+      } else if (error && value === error) {
+        clearInterval(interval);
+        setStatus("error");
+      } else if (run) setValue(inc);
+    }, 150);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [inc, value, run, error]);
+
+  var reset = function reset() {
+    setValue(0);
+    setStatus("inProgress");
+  };
+
+  var start = function start() {
+    setRun(true);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 400
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.default, {
+      value: value,
+      status: status,
+      labelProps: {
+        "aria-label": ariaLabel,
+        "aria-busy": false,
+        "aria-live": ariaLive
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginTop: 10
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        onClick: start,
+        children: "Start"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
+        style: {
+          marginLeft: 10
+        },
+        onClick: reset,
+        children: "Reset"
+      })]
+    })]
+  });
+};
+
+exports.default = exports.ProgressBarSimulator = ProgressBarSimulator;
+//# sourceMappingURL=ProgressBarSimulator.js.map

package/dist/ProgressBar/ProgressBarSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarSimulator.js","names":["ProgressBarSimulator","inc","error","ariaLabel","ariaLive","useState","status","setStatus","value","setValue","run","setRun","useEffect","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft"],"sources":["../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"..\";\n\nimport HvProgressBar from \"./ProgressBar\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;;;AAEA;AACO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4B,IAAAC,eAAA,EAAS,YAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0B,IAAAF,eAAA,EAAS,CAAT,CAA1B;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsB,IAAAJ,eAAA,EAAS,KAAT,CAAtB;EAAA;EAAA,IAAOK,GAAP;EAAA,IAAYC,MAAZ;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIN,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAI,aAAa,CAACF,QAAD,CAAb;QACAN,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;QACnCa,aAAa,CAACF,QAAD,CAAb;QACAN,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMc,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZD,EAYG,CAACZ,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZH;;EAcA,IAAMc,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBP,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMU,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEO,KAAK,EAAE;IAAT,CAAZ;IAAA,wBACE,qBAAC,oBAAD;MACE,KAAK,EAAEV,KADT;MAEE,MAAM,EAAEF,MAFV;MAGE,UAAU,EAAE;QACV,cAAcH,SADJ;QAEV,aAAa,KAFH;QAGV,aAAaC;MAHH;IAHd,EADF,eAUE;MAAK,KAAK,EAAE;QAAEe,SAAS,EAAE;MAAb,CAAZ;MAAA,wBACE,qBAAC,UAAD;QAAU,OAAO,EAAEF,KAAnB;QAAA;MAAA,EADF,eAEE,qBAAC,UAAD;QAAU,KAAK,EAAE;UAAEG,UAAU,EAAE;QAAd,CAAjB;QAAqC,OAAO,EAAEJ,KAA9C;QAAA;MAAA,EAFF;IAAA,EAVF;EAAA,EADF;AAmBD,CA/CM"}

package/dist/ProgressBar/index.d.ts

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

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

package/dist/ProgressBar/index.js.map

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

package/dist/ProgressBar/styles.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    progress: {
+      width: "100%"
+    },
+    progressContainer: {
+      width: "100%"
+    },
+    progressBarContainer: {
+      display: "flex",
+      width: "100%",
+      height: 4,
+      backgroundColor: theme.hv.palette.atmosphere.atmo4
+    },
+    progressBar: {
+      backgroundColor: "#000",
+      height: 4
+    },
+    progressDone: {
+      backgroundColor: theme.hv.palette.semantic.sema1
+    },
+    progressError: {
+      backgroundColor: theme.hv.palette.semantic.sema4
+    },
+    progressBarLabel: {
+      backgroundColor: "transparent",
+      display: "flex",
+      justifyContent: "end"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ProgressBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA;EApCO,CAAZ;AAAA,CAAf;;eA2CeN,M"}

package/dist/Provider/Provider.js

@@ -41,14 +41,18 @@ require("focus-within-polyfill");
 
 require("focus-visible");
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
+
+var _styles2 = require("@mui/material/styles");
 
 var _theme = require("../theme");
 
 var _context = _interopRequireDefault(require("./context"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _HvCssBaseline;
 
 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); }
@@ -65,7 +69,7 @@ var warnedOnce = false;
  */
 
 var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
-  var muiDefaultTheme = (0, _styles.createTheme)();
+  var muiDefaultTheme = (0, _material.createTheme)();
   var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
   var sourceTheme = (0, _cloneDeep.default)(InputSourceTheme);
   var deleteDifference = "D";
@@ -121,7 +125,7 @@ var HvProvider = function HvProvider(_ref) {
       generateClassNameProp = _ref.generateClassName,
       generateClassNameOptions = _ref.generateClassNameOptions,
       _ref$injectStylesFirs = _ref.injectStylesFirst,
-      injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
+      injectStylesFirst = _ref$injectStylesFirs === void 0 ? true : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
       disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
       _ref$disableCssBaseli = _ref.disableCssBaseline,
@@ -155,15 +159,20 @@ var HvProvider = function HvProvider(_ref) {
       locale: localeSetting
     };
   }, [changeTheme, localeSetting]);
-  return /*#__PURE__*/_react.default.createElement(_core.StylesProvider, {
-    generateClassName: generateClassName,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.StyledEngineProvider, {
     injectFirst: injectStylesFirst,
-    disableGeneration: disableStylesGeneration
-  }, /*#__PURE__*/_react.default.createElement(_core.ThemeProvider, {
-    theme: customTheme
-  }, !disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/_react.default.createElement(_theme.HvCssBaseline, null))), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
-    value: pConfig
-  }, children)));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StylesProvider, {
+      generateClassName: generateClassName,
+      disableGeneration: disableStylesGeneration,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ThemeProvider, {
+        theme: customTheme,
+        children: [!disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_theme.HvCssBaseline, {}))), /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default.Provider, {
+          value: pConfig,
+          children: children
+        })]
+      })
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {