@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/Pagination/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"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","useState","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","clsx","withStyles","name"],"sources":["../../src/Pagination/Select.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\nimport React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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"],"mappings":"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"}
+{"version":3,"file":"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","useState","open","setOpen","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","clsx","withStyles","name"],"sources":["../../src/Pagination/Select.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\nimport React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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"],"mappings":"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"}

package/dist/Pagination/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Pagination.default;
   }
 });
-
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 //# sourceMappingURL=index.js.map

package/dist/Pagination/index.js.map

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

package/dist/Pagination/styles.js

@@ -1,32 +1,20 @@
 "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); 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 styles = function styles(theme) {
   var hoverColor = theme.palette.atmo3;
   return {
@@ -125,7 +113,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../src/Pagination/styles.js"],"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      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\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"],"mappings":"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"}
+{"version":3,"file":"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"],"sources":["../../src/Pagination/styles.js"],"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      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\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"],"mappings":"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"}

package/dist/Pagination/utils.js

@@ -1,43 +1,31 @@
 "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];
-
+    _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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","useState","setPage","handleChange","useCallback","evt","newPage"],"sources":["../../src/Pagination/utils.js"],"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"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD;EAAA,OAAgBA,SAAS,GAAG,OAAH,GAAaC,SAAtC;AAAA,CAAjB;;;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,IAAT,EAAeC,KAAf;EAAA,OACzBC,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;EAC3C,gBAAwB,IAAAC,eAAA,EAASD,WAAW,GAAG,CAAvB,CAAxB;EAAA;EAAA,IAAOR,IAAP;EAAA,IAAaU,OAAb;;EAEA,IAAMC,YAAY,GAAG,IAAAC,kBAAA,EAAY,UAACC,GAAD,EAAMC,OAAN;IAAA,OAAkBJ,OAAO,CAACI,OAAD,CAAzB;EAAA,CAAZ,EAAgD,EAAhD,CAArB;EAEA,OAAO,CAACd,IAAD,EAAOW,YAAP,CAAP;AACD,CANM"}
+{"version":3,"file":"utils.js","names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","useState","setPage","handleChange","useCallback","evt","newPage"],"sources":["../../src/Pagination/utils.js"],"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"],"mappings":";;;;;;;;;;AAAA;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAGC,SAAS;AAAA,CAAC;AAAC;AAElE,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,MAAM,EAAEC,IAAI,EAAEC,KAAK;EAAA,OAC7CC,MAAM,CAACC,KAAK,CAACJ,MAAM,CAAC,GAAGC,IAAI,GAAGI,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,MAAM,EAAE,CAAC,CAAC,EAAEE,KAAK,GAAG,CAAC,CAAC;AAAA;AAAC;AAElE,IAAMM,YAAY,GAAG,SAAfA,YAAY,CAAIC,WAAW,EAAK;EAC3C,gBAAwB,IAAAC,eAAQ,EAACD,WAAW,GAAG,CAAC,CAAC;IAAA;IAA1CR,IAAI;IAAEU,OAAO;EAEpB,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,UAACC,GAAG,EAAEC,OAAO;IAAA,OAAKJ,OAAO,CAACI,OAAO,CAAC;EAAA,GAAE,EAAE,CAAC;EAExE,OAAO,CAACd,IAAI,EAAEW,YAAY,CAAC;AAC7B,CAAC;AAAC"}

package/dist/Panel/Panel.js

@@ -1,50 +1,29 @@
 "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"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _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.
@@ -52,10 +31,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvPanel = function HvPanel(props) {
   var id = props.id,
-      className = props.className,
-      classes = props.classes,
-      children = props.children,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    classes = props.classes,
+    children = props.children,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root)
@@ -63,23 +42,19 @@ var HvPanel = function HvPanel(props) {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? 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.
    */
@@ -90,10 +65,8 @@ process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
     root: _propTypes.default.string
   }).isRequired
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvPanel"
 })(HvPanel);
-
 exports.default = _default;
 //# sourceMappingURL=Panel.js.map

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 } 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"}
+{"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;AAA8B;AAAA;AAAA;AAAA;AAE9B;AACA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAK,EAAK;EACzB,IAAQC,EAAE,GAA8CD,KAAK,CAArDC,EAAE;IAAEC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,OAAO,GAA0BH,KAAK,CAAtCG,OAAO;IAAEC,QAAQ,GAAgBJ,KAAK,CAA7BI,QAAQ;IAAKC,MAAM,0CAAKL,KAAK;EAE7D,oBACE,qBAAC,aAAG;IAAC,EAAE,EAAEC,EAAG;IAAC,SAAS,EAAE,IAAAK,aAAI,EAACJ,SAAS,EAAEC,OAAO,CAACI,IAAI;EAAE,GAAKF,MAAM;IAAA,UAC9DD;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAL,OAAO,CAACS,SAAS,GAAG;EAClB;AACF;AACA;EACEP,EAAE,EAAEQ,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAS,CAACE,IAAI;EACxB;AACF;AACA;EACET,SAAS,EAAEO,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEP,OAAO,EAAEM,kBAAS,CAACG,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEE,kBAAS,CAACC;EAClB,CAAC,CAAC,CAACG;AACL,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAU,CAAC,CAAC,CAACjB,OAAO,CAAC;AAAA"}

package/dist/Panel/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Panel.default;
   }
 });
-
 var _Panel = _interopRequireDefault(require("./Panel"));
 //# sourceMappingURL=index.js.map

package/dist/Panel/index.js.map

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

package/dist/Panel/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -15,7 +14,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Panel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","position","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","overflow"],"sources":["../../src/Panel/styles.js"],"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"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;MAGJC,eAAe,EAAEP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;MAIJC,QAAQ,EAAE;IAJN;EADmB,CAAZ;AAAA,CAAf;;eASeZ,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","overflow"],"sources":["../../src/Panel/styles.js"],"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"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,eAAe,EAAEP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,QAAQ,EAAE;IACZ;EACF,CAAC;AAAA,CAAC;AAAC,eAEYZ,MAAM;AAAA"}

package/dist/ProgressBar/ProgressBar.js

@@ -1,72 +1,49 @@
 "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);
+    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),
@@ -97,13 +74,11 @@ var HvProgressBar = function HvProgressBar(props) {
     })
   }));
 };
-
 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.
    */
@@ -112,48 +87,39 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
      * 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.
    *
@@ -162,16 +128,13 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    * 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

@@ -1 +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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"}
+{"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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"}