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

package/dist/ScrollTo/withTooltip.js

@@ -1,5 +1,17 @@
 "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.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 +19,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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -19,6 +31,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ = require("..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 hideTooltip = function hideTooltip(evt) {
   var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, (0, _toConsumableArray2.default)(evt.target.children)).some(function (child) {
     return child.scrollWidth > child.clientWidth;
@@ -31,9 +49,11 @@ var withTooltip = function withTooltip(label, componentType) {
   var hideOnOverflow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
 
   var component = function component(props) {
-    return /*#__PURE__*/_react.default.createElement(_.HvTypography, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, _objectSpread(_objectSpread({
       component: componentType
-    }, props), props.children);
+    }, props), {}, {
+      children: props.children
+    }));
   };
 
   var hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;

package/dist/ScrollTo/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","withTooltip","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined","withTooltipUtil"],"sources":["../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,6BAAC,cAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C,GACGA,KAAK,CAACd,QADT,CADgB;EAAA,CAAlB;;EAKA,IAAMe,eAAe,GAAGH,cAAc,GAAGhB,WAAH,GAAiBoB,SAAvD;EACA,OAAO,IAAAC,aAAA,EAAgBJ,SAAhB,EAA2BJ,KAA3B,EAAkCE,eAAlC,EAAmDI,eAAnD,CAAP;AACD,CARD;;eAUeP,W"}
+{"version":3,"file":"withTooltip.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","withTooltip","label","componentType","tooltipPosition","hideOnOverflow","component","props","hideTooltipFunc","undefined","withTooltipUtil"],"sources":["../../src/ScrollTo/withTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { withTooltip as withTooltipUtil, HvTypography } from \"..\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst withTooltip = (label, componentType, tooltipPosition = \"top\", hideOnOverflow = true) => {\n  const component = (props) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAS;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,OAAAD,KAAK,mCAAOL,GAAG,CAACE,MAAJ,CAAWC,QAAlB,EAAL,CAAiCI,IAAjC,CAAsC,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAArC;EAAA,CAAtC,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,aAAR,EAA0E;EAAA,IAAnDC,eAAmD,uEAAjC,KAAiC;EAAA,IAA1BC,cAA0B,uEAAT,IAAS;;EAC5F,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;IAAA,oBAChB,qBAAC,cAAD;MAAc,SAAS,EAAEJ;IAAzB,GAA4CI,KAA5C;MAAA,UACGA,KAAK,CAACd;IADT,GADgB;EAAA,CAAlB;;EAKA,IAAMe,eAAe,GAAGH,cAAc,GAAGhB,WAAH,GAAiBoB,SAAvD;EACA,OAAO,IAAAC,aAAA,EAAgBJ,SAAhB,EAA2BJ,KAA3B,EAAkCE,eAAlC,EAAmDI,eAAnD,CAAP;AACD,CARD;;eAUeP,W"}

package/dist/SelectionList/SelectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
 
 export type HvSelectionListClassKey =

package/dist/SelectionList/SelectionList.js

@@ -1,5 +1,11 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 require("core-js/modules/es.array.iterator.js");
 
 require("core-js/modules/es.string.iterator.js");
@@ -8,8 +14,6 @@ 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");
@@ -19,7 +23,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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -51,7 +55,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _KeyboardUtils = require("../utils/KeyboardUtils");
 
@@ -59,16 +63,22 @@ var _ = require("..");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _multiSelectionEventHandler = _interopRequireDefault(require("../utils/multiSelectionEventHandler"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "orientation", "multiple", "singleSelectionToggle", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+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 getValueFromSelectedChildren = function getValueFromSelectedChildren(children, multiple) {
   var selectedValues = _react.default.Children.toArray(children).map(function (child) {
     var childIsControlled = child.props.selected !== undefined;
@@ -226,42 +236,47 @@ var HvSelectionList = function HvSelectionList(props) {
 
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   var errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: (0, _clsx.default)(className, classes.root)
-  }, label && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
-    id: (0, _utils.setId)(elementId, "label"),
-    label: label,
-    className: classes.label
-  }), description && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
-    id: (0, _utils.setId)(elementId, "description"),
-    className: classes.description
-  }, description), /*#__PURE__*/_react.default.createElement(_.HvListContainer, (0, _extends2.default)({
-    id: label && (0, _utils.setId)(elementId, "listbox"),
-    interactive: true,
-    condensed: true,
-    role: "listbox",
-    "aria-multiselectable": multiple || undefined,
-    "aria-label": ariaLabel,
-    "aria-labelledby": [label && (0, _utils.setId)(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-    "aria-invalid": validationState === "invalid" ? true : undefined,
-    "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
-    "aria-describedby": [description && (0, _utils.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-    className: (0, _clsx.default)(classes.listbox, {
-      "vertical": classes.vertical,
-      "horizontal": classes.horizontal
-    }[orientation], validationState === "invalid" && classes.invalid),
-    ref: listContainer
-  }, others), modifiedChildren), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+    className: (0, _clsx.default)(className, classes.root),
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, {
+      id: (0, _utils.setId)(elementId, "label"),
+      label: label,
+      className: classes.label
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvInfoMessage, {
+      id: (0, _utils.setId)(elementId, "description"),
+      className: classes.description,
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListContainer, _objectSpread(_objectSpread({
+      id: label && (0, _utils.setId)(elementId, "listbox"),
+      interactive: true,
+      condensed: true,
+      role: "listbox",
+      "aria-multiselectable": multiple || undefined,
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && (0, _utils.setId)(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+      "aria-invalid": validationState === "invalid" ? true : undefined,
+      "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
+      "aria-describedby": [description && (0, _utils.setId)(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
+      className: (0, _clsx.default)(classes.listbox, {
+        "vertical": classes.vertical,
+        "horizontal": classes.horizontal
+      }[orientation], validationState === "invalid" && classes.invalid),
+      ref: listContainer
+    }, others), {}, {
+      children: modifiedChildren
+    })), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
@@ -440,7 +455,7 @@ process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSelectionList"
 })(HvSelectionList);
 

package/dist/SelectionList/SelectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionList.js","names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","useControlled","setValue","validationState","setValidationState","validationMessage","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","selectionAnchor","useRef","listContainer","ArrowUp","KeyboardCodes","ArrowDown","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","clsx","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value: valueProp,\n    defaultValue,\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children list items.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":"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"}
+{"version":3,"file":"SelectionList.js","names":["getValueFromSelectedChildren","children","multiple","selectedValues","React","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","useUniqueId","useControlled","setValue","validationState","setValidationState","validationMessage","useMemo","childValues","childSelectedState","forEach","i","childValue","indexOf","allValues","selectedState","selectionAnchor","useRef","listContainer","ArrowUp","KeyboardCodes","ArrowDown","useEffect","handleMeta","event","tempArray","isKeypress","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","useCallback","index","childOnClick","evt","newValue","multiSelectionEventHandler","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","setId","clsx","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","PropTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func","withStyles","styles"],"sources":["../../src/SelectionList/SelectionList.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvListContainer,\n  useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n  const selectedValues = React.Children.toArray(children)\n    .map((child) => {\n      const childIsControlled = child.props.selected !== undefined;\n      const childIsSelected = childIsControlled\n        ? child.props.selected\n        : child.props.defaultSelected;\n\n      return childIsSelected ? child.props.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value: valueProp,\n    defaultValue,\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    orientation = \"vertical\",\n\n    multiple = false,\n    singleSelectionToggle = false,\n\n    children,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvselectionlist\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // when uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children, multiple)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [allValues, selectedState] = useMemo(() => {\n    const childValues = [];\n    const childSelectedState = [];\n\n    React.Children.toArray(children).forEach((child, i) => {\n      const childValue = child.props.value;\n      const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n    });\n\n    return [childValues, childSelectedState];\n  }, [children, multiple, value]);\n\n  const selectionAnchor = useRef(undefined);\n\n  const listContainer = useRef(null);\n\n  const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n  useEffect(() => {\n    const handleMeta = (event) => {\n      const tempArray = [];\n      if (\n        (isKeypress(event, ArrowUp) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target)) ||\n        (isKeypress(event, ArrowDown) &&\n          event.shiftKey &&\n          listContainer.current.contains(event.target))\n      ) {\n        selectedState.forEach((isSelected, i) => {\n          if (i === event.target.value - 1) {\n            if (!isSelected) {\n              tempArray.push(allValues[i]);\n            }\n          } else if (isSelected) {\n            tempArray.push(allValues[i]);\n          }\n        });\n        setValue(tempArray);\n      }\n    };\n    window.addEventListener(\"keyup\", handleMeta);\n\n    return () => {\n      window.removeEventListener(\"keyup\", handleMeta);\n    };\n  }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n  const onChildChangeInterceptor = useCallback(\n    (index, childOnClick, evt) => {\n      childOnClick?.(evt);\n      if (!readOnly && !disabled) {\n        let newValue;\n        if (multiple) {\n          newValue = multiSelectionEventHandler(\n            evt,\n            index,\n            selectionAnchor,\n            allValues,\n            selectedState\n          );\n        } else {\n          newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n        }\n\n        onChange?.(evt, newValue);\n\n        setValue(() => {\n          // this will only run if uncontrolled\n\n          if (required && newValue.length === 0) {\n            setValidationState(\"invalid\");\n          } else {\n            setValidationState(\"valid\");\n          }\n\n          return newValue;\n        });\n      }\n    },\n    [\n      allValues,\n      disabled,\n      multiple,\n      onChange,\n      readOnly,\n      required,\n      selectedState,\n      setValidationState,\n      setValue,\n      singleSelectionToggle,\n      selectionAnchor,\n    ]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return React.Children.map(children, (child, i) => {\n      const childIsSelected = selectedState[i];\n\n      return React.cloneElement(child, {\n        role: \"option\",\n        selected: childIsSelected,\n        onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n        disabled: disabled || child.props.disabled,\n      });\n    });\n  }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <HvListContainer\n        id={label && setId(elementId, \"listbox\")}\n        interactive\n        condensed\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        className={clsx(classes.listbox, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: validationState === \"invalid\",\n        })}\n        ref={listContainer}\n        {...others}\n      >\n        {modifiedChildren}\n      </HvListContainer>\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSelectionList.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the description.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the listbox.\n     */\n    listbox: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the listbox when orientation is horizontal.\n     */\n    horizontal: PropTypes.string,\n    /**\n     * Styles applied to the listbox when validation status is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element. It must be represented in the child list items.\n   *\n   * Can either be a single value (when multiple = false) or an\n   * array of values (when multiple = true).\n   *\n   * When defined the selection list state becomes controlled.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children list items.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the listbox.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Indicates that the user may select more than one item from the current selectable list items.\n   */\n  multiple: PropTypes.bool,\n\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n\n  /**\n   * Indicates whether the list orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n  /**\n   * The list items.\n   *\n   * Their state will always be controlled by the selection list.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"mappings":"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"}

package/dist/SimpleGrid/SimpleGrid.d.ts

@@ -1,15 +1,15 @@
 import { FunctionComponent } from "react";
 
-export type Spacing = "xs" | "sm" | "md" | "lg";
+export type GridSpacing = "xs" | "sm" | "md" | "lg";
 export type Breakpoints = {
   cols?: number;
   maxWidth?: number;
   minWidth?: number;
-  spacing?: Spacing;
+  spacing?: GridSpacing;
 };
 
 export interface SimpleGridProps extends FunctionComponent {
-  spacing?: Spacing;
+  spacing?: GridSpacing;
   cols?: number;
   breakpoints?: Breakpoints;
 }

package/dist/SimpleGrid/SimpleGrid.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"));
 
@@ -15,12 +29,18 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["children", "breakpoints", "spacing", "cols"];
 
+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 HvSimpleGrid = function HvSimpleGrid(_ref) {
   var children = _ref.children,
       breakpoints = _ref.breakpoints,
@@ -28,14 +48,16 @@ var HvSimpleGrid = function HvSimpleGrid(_ref) {
       spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
       cols = _ref.cols,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _styles.default)({
+  var classes = (0, _styles2.default)({
     breakpoints: breakpoints,
     cols: cols,
     spacing: spacing
   })();
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: classes.container
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
@@ -71,7 +93,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
   cols: _propTypes.default.number
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSimpleGrid"
 })(HvSimpleGrid);
 

package/dist/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","useStyles","container","propTypes","PropTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","withStyles","name"],"sources":["../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAgE;EAAA,IAA7DC,QAA6D,QAA7DA,QAA6D;EAAA,IAAnDC,WAAmD,QAAnDA,WAAmD;EAAA,wBAAtCC,OAAsC;EAAA,IAAtCA,OAAsC,6BAA5B,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;EACnF,IAAMC,OAAO,GAAG,IAAAC,eAAA,EAAU;IAAEL,WAAW,EAAXA,WAAF;IAAeE,IAAI,EAAJA,IAAf;IAAqBD,OAAO,EAAPA;EAArB,CAAV,GAAhB;EACA,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACE;EAAxB,GAAuCH,MAAvC,GACGJ,QADH,CADF;AAKD,CAPD;;AASA,wCAAAD,YAAY,CAACS,SAAb,GAAyB;EACvB;AACF;AACA;EACER,QAAQ,EAAES,kBAAA,CAAUC,IAJG;;EAKvB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARc;;EASvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEV,WAAW,EAAEQ,kBAAA,CAAUG,OAAV,CACXH,kBAAA,CAAUI,KAAV,CAAgB;IACdC,QAAQ,EAAEL,kBAAA,CAAUM,MADN;IAEdC,QAAQ,EAAEP,kBAAA,CAAUM,MAFN;IAGdZ,IAAI,EAAEM,kBAAA,CAAUM,MAHF;IAIdb,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;EAJK,CAAhB,CADW,CAlBU;;EA0BvB;AACF;AACA;EACER,IAAI,EAAEM,kBAAA,CAAUM;AA7BO,CAAzB;;eAgCe,IAAAE,gBAAA,EAAWX,eAAX,EAAsB;EAAEY,IAAI,EAAE;AAAR,CAAtB,EAAgDnB,YAAhD,C"}
+{"version":3,"file":"SimpleGrid.js","names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","useStyles","container","propTypes","PropTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","withStyles","name"],"sources":["../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAgE;EAAA,IAA7DC,QAA6D,QAA7DA,QAA6D;EAAA,IAAnDC,WAAmD,QAAnDA,WAAmD;EAAA,wBAAtCC,OAAsC;EAAA,IAAtCA,OAAsC,6BAA5B,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;EACnF,IAAMC,OAAO,GAAG,IAAAC,gBAAA,EAAU;IAAEL,WAAW,EAAXA,WAAF;IAAeE,IAAI,EAAJA,IAAf;IAAqBD,OAAO,EAAPA;EAArB,CAAV,GAAhB;EACA,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACE;EAAxB,GAAuCH,MAAvC;IAAA,UACGJ;EADH,GADF;AAKD,CAPD;;AASA,wCAAAD,YAAY,CAACS,SAAb,GAAyB;EACvB;AACF;AACA;EACER,QAAQ,EAAES,kBAAA,CAAUC,IAJG;;EAKvB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARc;;EASvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEV,WAAW,EAAEQ,kBAAA,CAAUG,OAAV,CACXH,kBAAA,CAAUI,KAAV,CAAgB;IACdC,QAAQ,EAAEL,kBAAA,CAAUM,MADN;IAEdC,QAAQ,EAAEP,kBAAA,CAAUM,MAFN;IAGdZ,IAAI,EAAEM,kBAAA,CAAUM,MAHF;IAIdb,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;EAJK,CAAhB,CADW,CAlBU;;EA0BvB;AACF;AACA;EACER,IAAI,EAAEM,kBAAA,CAAUM;AA7BO,CAAzB;;eAgCe,IAAAE,kBAAA,EAAWX,gBAAX,EAAsB;EAAEY,IAAI,EAAE;AAAR,CAAtB,EAAgDnB,YAAhD,C"}

package/dist/SimpleGrid/styles.js

@@ -29,7 +29,7 @@ require("core-js/modules/es.object.to-string.js");
 
 require("core-js/modules/es.array.concat.js");
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -62,7 +62,7 @@ function getSortedBreakpoints(theme, breakpoints) {
 }
 
 var styles = function styles(props) {
-  return (0, _core.makeStyles)(function (theme) {
+  return (0, _styles.makeStyles)(function (theme) {
     var breakpoints = props.breakpoints,
         spacing = props.spacing,
         cols = props.cols;

package/dist/SimpleGrid/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","makeStyles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;IAClC,OAAOC,KAAK,CAACD,IAAb;EACD;;EAED,OAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;EAChD,IAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;IAC5B,OAAOD,WAAP;EACD;;EAED,IAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;EACA,IAAMG,MAAM,GAAG,iCAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;IAAA,OACEZ,IAAI,CAAC;MAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAAJ,GACAN,IAAI,CAAC;MAAEA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAFN;EAAA,CADa,CAAf;EAMA,OAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;EAAA,OACb,IAAAc,gBAAA,EAAW,UAACV,KAAD,EAAW;IACpB,IAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;IAAA,IAAqBU,OAArB,GAAuCf,KAAvC,CAAqBe,OAArB;IAAA,IAA8BC,IAA9B,GAAuChB,KAAvC,CAA8BgB,IAA9B;IACA,IAAIC,eAAe,GAAG,IAAtB;;IACA,IAAIZ,WAAJ,EAAiB;MACfY,eAAe,GAAGd,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCa,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;QACrF,IAAMb,QAAQ,GAAG,cAAca,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;QACA,IAAMC,cAAc,GAAGtB,IAAI,CAAC;UAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2Ba,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;UAE1BtB,KAAK,EAAEG,KAAK,CAACC;QAFa,CAAD,CAA3B;QAKAc,GAAG,mBAAYZ,QAAZ,eAAyBc,cAAc,IAAId,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;UACtFiB,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;UAEtFS,GAAG,EAAErB,KAAK,CAACsB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;QAFiF,CAAxF;QAKA,OAAOI,GAAP;MACD,CAbiB,EAaf,EAbe,CAAlB;IAcD;;IAED,OAAO;MACLQ,SAAS;QACPC,SAAS,EAAE,YADJ;QAEPC,OAAO,EAAE,MAFF;QAGPL,mBAAmB,mBAAYR,IAAZ,sBAHZ;QAIPS,GAAG,EAAErB,KAAK,CAACsB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;MAJE,GAKJE,eALI;IADJ,CAAP;EASD,CA7BD,CADa;AAAA,CAAf;;eAgCeJ,M"}
+{"version":3,"file":"styles.js","names":["size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","makeStyles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;IAClC,OAAOC,KAAK,CAACD,IAAb;EACD;;EAED,OAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;EAChD,IAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;IAC5B,OAAOD,WAAP;EACD;;EAED,IAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;EACA,IAAMG,MAAM,GAAG,iCAAIH,WAAJ,EAAiBI,IAAjB,CACb,UAACC,CAAD,EAAIC,CAAJ;IAAA,OACEZ,IAAI,CAAC;MAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAAJ,GACAN,IAAI,CAAC;MAAEA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;MAAqBN,KAAK,EAAEG,KAAK,CAACC;IAAlC,CAAD,CAFN;EAAA,CADa,CAAf;EAMA,OAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACb,KAAD;EAAA,OACb,IAAAc,kBAAA,EAAW,UAACV,KAAD,EAAW;IACpB,IAAQC,WAAR,GAAuCL,KAAvC,CAAQK,WAAR;IAAA,IAAqBU,OAArB,GAAuCf,KAAvC,CAAqBe,OAArB;IAAA,IAA8BC,IAA9B,GAAuChB,KAAvC,CAA8BgB,IAA9B;IACA,IAAIC,eAAe,GAAG,IAAtB;;IACA,IAAIZ,WAAJ,EAAiB;MACfY,eAAe,GAAGd,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCa,MAAzC,CAAgD,UAACC,GAAD,EAAMC,UAAN,EAAqB;QACrF,IAAMb,QAAQ,GAAG,cAAca,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;QACA,IAAMC,cAAc,GAAGtB,IAAI,CAAC;UAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2Ba,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;UAE1BtB,KAAK,EAAEG,KAAK,CAACC;QAFa,CAAD,CAA3B;QAKAc,GAAG,mBAAYZ,QAAZ,eAAyBc,cAAc,IAAId,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAvC,SAAH,GAAwF;UACtFiB,mBAAmB,mBAAYJ,UAAU,CAACJ,IAAvB,sBADmE;UAEtFS,GAAG,EAAErB,KAAK,CAACsB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;QAFiF,CAAxF;QAKA,OAAOI,GAAP;MACD,CAbiB,EAaf,EAbe,CAAlB;IAcD;;IAED,OAAO;MACLQ,SAAS;QACPC,SAAS,EAAE,YADJ;QAEPC,OAAO,EAAE,MAFF;QAGPL,mBAAmB,mBAAYR,IAAZ,sBAHZ;QAIPS,GAAG,EAAErB,KAAK,CAACsB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;MAJE,GAKJE,eALI;IADJ,CAAP;EASD,CA7BD,CADa;AAAA,CAAf;;eAgCeJ,M"}

package/dist/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { SliderProps } from "rc-slider";
 import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";