@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/modern/BaseRadio/BaseRadio.js

@@ -1,13 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "semantic", "inputProps", "onFocusVisible", "onBlur"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { Radio, withStyles } from "@material-ui/core";
+import { Radio } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { RadioButtonUnselected, RadioButtonSelected } from "@hitachivantara/uikit-react-icons";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const getSelectorIcons = (classes, options) => {
   const {
     disabled,
@@ -16,11 +23,11 @@ export const getSelectorIcons = (classes, options) => {
   const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
   const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
   return {
-    radio: /*#__PURE__*/React.createElement(RadioButtonUnselected, {
+    radio: /*#__PURE__*/_jsx(RadioButtonUnselected, {
       color: color,
       className: classes.icon
     }),
-    radioChecked: /*#__PURE__*/React.createElement(RadioButtonSelected, {
+    radioChecked: /*#__PURE__*/_jsx(RadioButtonSelected, {
       color: checkedColor,
       className: classes.icon
     })
@@ -73,7 +80,7 @@ const HvBaseRadio = props => {
 
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /*#__PURE__*/React.createElement(Radio, _extends({
+  return /*#__PURE__*/_jsx(Radio, _objectSpread({
     id: id,
     name: name,
     className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),

package/dist/modern/BaseRadio/BaseRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.js","names":["React","useState","useCallback","PropTypes","clsx","Radio","withStyles","RadioButtonUnselected","RadioButtonSelected","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio, withStyles } from \"@material-ui/core\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}
+{"version":3,"file":"BaseRadio.js","names":["React","useState","useCallback","PropTypes","clsx","Radio","withStyles","RadioButtonUnselected","RadioButtonSelected","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","radio","icon","radioChecked","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseRadio/BaseRadio.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Radio } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { RadioButtonUnselected, RadioButtonSelected } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    radio: <RadioButtonUnselected color={color} className={classes.icon} />,\n    radioChecked: <RadioButtonSelected color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nconst HvBaseRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Radio\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseRadio.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 to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseRadio\" })(HvBaseRadio);\n"],"mappings":"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"}

package/dist/modern/BaseRadio/styles.js

@@ -12,7 +12,8 @@ const styles = theme => ({
     cursor: "pointer",
     "&:hover": {
       backgroundColor: theme.hv.palette.atmosphere.atmo3
-    }
+    },
+    borderRadius: 0
   },
   disabled: {
     // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled

package/dist/modern/BaseRadio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible","borderRadius"],"sources":["../../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,SAFJ;IAGJ,WAAW;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC;EAHP,CADmB;EAQzBC,QAAQ,EAAE;IACR;IACA,UAAU;MACRN,MAAM,EAAE,aADA;MAERO,aAAa,EAAE;IAFP,CAFF;IAMR,SAAS;MACP,uBAAuB;QACrBC,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;MADb;IADhB;EAND,CARe;EAqBzBC,YAAY,EAAE;IACZ;MACEC,YAAY,EAAE;IADhB,GAEKhB,aAFL;EADY;AArBW,CAAZ,CAAf;;AA6BA,eAAeC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible"],"sources":["../../../src/BaseRadio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,SAFJ;IAGJ,WAAW;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC,CAHP;IAMJC,YAAY,EAAE;EANV,CADmB;EASzBC,QAAQ,EAAE;IACR;IACA,UAAU;MACRP,MAAM,EAAE,aADA;MAERQ,aAAa,EAAE;IAFP,CAFF;IAMR,SAAS;MACP,uBAAuB;QACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;MADb;IADhB;EAND,CATe;EAsBzBC,YAAY,EAAE;IACZ;MACEL,YAAY,EAAE;IADhB,GAEKX,aAFL;EADY;AAtBW,CAAZ,CAAf;;AA8BA,eAAeC,MAAf"}

package/dist/modern/BaseSwitch/BaseSwitch.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, SwitchProps } from "@material-ui/core";
+import { StandardProps, SwitchProps } from "@mui/material";
 
 export type HvBaseSwitchClassKey = "root" | "disabled";
 

package/dist/modern/BaseSwitch/BaseSwitch.js

@@ -1,11 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "defaultChecked", "onChange", "inputProps", "onFocusVisible", "onBlur"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { Switch, withStyles } from "@material-ui/core";
+import { Switch } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
@@ -14,6 +20,8 @@ import styles from "./styles";
  * implementing a custom use case not covered by the Switch form element.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvBaseSwitch = props => {
   const {
     classes,
@@ -49,7 +57,7 @@ const HvBaseSwitch = props => {
 
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /*#__PURE__*/React.createElement(Switch, _extends({
+  return /*#__PURE__*/_jsx(Switch, _objectSpread({
     id: id,
     name: name,
     className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),

package/dist/modern/BaseSwitch/BaseSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch, withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}
+{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}

package/dist/modern/BreadCrumb/BreadCrumb.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvDropDownMenuProps } from "..";
 
 export interface BreadCrumbPathElement {

package/dist/modern/BreadCrumb/BreadCrumb.js

@@ -1,36 +1,45 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "listRoute", "maxVisible", "url", "onClick", "component", "dropDownMenuProps"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/es.string.replace.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
 import startCase from "lodash/startCase";
 import isNil from "lodash/isNil";
 import { HvLink, HvTypography } from "..";
 import { pathWithSubMenu, removeExtension } from "./utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const Page = ({
   Component,
   onClick,
   elem,
   classes
-}) => /*#__PURE__*/React.createElement(HvLink, {
+}) => /*#__PURE__*/_jsx(HvLink, {
   route: elem.path,
   Component: Component,
   onClick: onClick,
   data: elem,
   classes: {
     a: classes.a
-  }
-}, /*#__PURE__*/React.createElement(HvTypography, {
-  noWrap: true,
-  variant: "highlightText",
-  className: classes.link
-}, startCase(elem.label)));
+  },
+  children: /*#__PURE__*/_jsx(HvTypography, {
+    noWrap: true,
+    variant: "highlightText",
+    className: classes.link,
+    children: startCase(elem.label)
+  })
+});
 
 process.env.NODE_ENV !== "production" ? Page.propTypes = {
   Component: PropTypes.elementType,
@@ -46,12 +55,13 @@ const PathElement = ({
   classes,
   last = false,
   children
-}) => /*#__PURE__*/React.createElement("li", {
-  className: classes.centerContainer
-}, children, !last && /*#__PURE__*/React.createElement(DropRightXS, {
-  className: classes.separatorContainer,
-  color: "atmo5"
-}));
+}) => /*#__PURE__*/_jsxs("li", {
+  className: classes.centerContainer,
+  children: [children, !last && /*#__PURE__*/_jsx(DropRightXS, {
+    className: classes.separatorContainer,
+    color: "atmo5"
+  })]
+});
 
 process.env.NODE_ENV !== "production" ? PathElement.propTypes = {
   last: PropTypes.bool,
@@ -93,29 +103,32 @@ const BreadCrumb = props => {
   }
 
   const breadcrumbPath = listPath.length > maxVisibleElem ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({
     id: id,
     className: clsx(classes.root, className)
-  }, others), /*#__PURE__*/React.createElement("ol", {
-    className: classes.orderedList
-  }, listPath.map((elem, index) => {
-    const key = `key_${index}`;
-    const isLast = index === breadcrumbPath.length - 1;
-    return /*#__PURE__*/React.createElement(PathElement, {
-      classes: classes,
-      key: key,
-      last: isLast
-    }, /*#__PURE__*/React.isValidElement(elem) && elem || isLast && /*#__PURE__*/React.createElement(HvTypography, {
-      className: classes.currentPage,
-      variant: "normalText"
-    }, startCase(removeExtension(elem.label))) || /*#__PURE__*/React.createElement(Page, {
-      key: key,
-      elem: elem,
-      classes: classes,
-      Component: onClick ? component : undefined,
-      onClick: onClick
-    }));
-  })));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx("ol", {
+      className: classes.orderedList,
+      children: listPath.map((elem, index) => {
+        const key = `key_${index}`;
+        const isLast = index === breadcrumbPath.length - 1;
+        return /*#__PURE__*/_jsx(PathElement, {
+          classes: classes,
+          last: isLast,
+          children: /*#__PURE__*/React.isValidElement(elem) && elem || isLast && /*#__PURE__*/_jsx(HvTypography, {
+            className: classes.currentPage,
+            variant: "normalText",
+            children: startCase(removeExtension(elem.label))
+          }) || /*#__PURE__*/_jsx(Page, {
+            elem: elem,
+            classes: classes,
+            Component: onClick ? component : undefined,
+            onClick: onClick
+          }, key)
+        }, key);
+      })
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? BreadCrumb.propTypes = {

package/dist/modern/BreadCrumb/BreadCrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","startCase","isNil","HvLink","HvTypography","pathWithSubMenu","removeExtension","styles","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography } from \"..\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport styles from \"./styles\";\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography noWrap variant=\"highlightText\" className={classes.link}>\n      {startCase(elem.label)}\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"normalText\">\n                    {startCase(removeExtension(elem.label))}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":"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"}
+{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","startCase","isNil","HvLink","HvTypography","pathWithSubMenu","removeExtension","styles","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography } from \"..\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport styles from \"./styles\";\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography noWrap variant=\"highlightText\" className={classes.link}>\n      {startCase(elem.label)}\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"normalText\">\n                    {startCase(removeExtension(elem.label))}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":"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"}

package/dist/modern/BreadCrumb/styles.js

@@ -20,13 +20,13 @@ const styles = theme => ({
   orderedList: {
     display: "flex",
     paddingLeft: 0,
-    marginLeft: `-${theme.spacing("xs")}px`
+    marginLeft: `-${theme.spacing("xs")}`
   },
   currentPage: {
-    padding: `8px ${theme.spacing("xs")}px`
+    padding: `8px ${theme.spacing("xs")}`
   },
   a: {
-    padding: `8px ${theme.spacing("xs")}px`,
+    padding: `8px ${theme.spacing("xs")}`,
     textDecoration: "none",
     borderRadius: "2px",
     "&:hover": {

package/dist/modern/BreadCrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}px`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}px`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}px`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,UAAU,EAAE,QAFR;IAGJC,MAAM,EAAE;EAHJ,CADmB;EAMzBC,eAAe,EAAE;IACfH,OAAO,EAAE,MADM;IAEfC,UAAU,EAAE;EAFG,CANQ;EAUzBG,IAAI,EAAE;IACJC,QAAQ,EAAE,OADN;IAEJC,KAAK,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF3B;IAGJ,WAAW;MACTC,MAAM,EAAE,SADC;MAETC,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IAFpC;EAHP,CAVmB;EAkBzBC,kBAAkB,EAAE,EAlBK;EAmBzBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MADE;IAEXiB,WAAW,EAAE,CAFF;IAGXC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB;EAHzB,CAnBY;EAwBzBC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB;EADzB,CAxBY;EA2BzBG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB,IADnC;IAEDI,cAAc,EAAE,MAFf;IAGDC,YAAY,EAAE,KAHb;IAID,WAAW;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IADpC,CAJV;IAOD,WAAW;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IADpC;EAPV;AA3BsB,CAAZ,CAAf;;AAwCA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,UAAU,EAAE,QAFR;IAGJC,MAAM,EAAE;EAHJ,CADmB;EAMzBC,eAAe,EAAE;IACfH,OAAO,EAAE,MADM;IAEfC,UAAU,EAAE;EAFG,CANQ;EAUzBG,IAAI,EAAE;IACJC,QAAQ,EAAE,OADN;IAEJC,KAAK,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF3B;IAGJ,WAAW;MACTC,MAAM,EAAE,SADC;MAETC,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IAFpC;EAHP,CAVmB;EAkBzBC,kBAAkB,EAAE,EAlBK;EAmBzBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MADE;IAEXiB,WAAW,EAAE,CAFF;IAGXC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB;EAHzB,CAnBY;EAwBzBC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB;EADzB,CAxBY;EA2BzBG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAoB,EADnC;IAEDI,cAAc,EAAE,MAFf;IAGDC,YAAY,EAAE,KAHb;IAID,WAAW;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IADpC,CAJV;IAOD,WAAW;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;IADpC;EAPV;AA3BsB,CAAZ,CAAf;;AAwCA,eAAejB,MAAf"}

package/dist/modern/BreadCrumb/utils.js

@@ -1,19 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 var _MoreOptionsHorizonta;
 
-import "core-js/modules/es.array.includes.js";
+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) { _defineProperty(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; }
+
 import React from "react";
 import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
 import { HvDropDownMenu } from "..";
 import { setId } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const removeExtension = label => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
 export const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
-  listRoute.splice(1, nbrElemToSubMenu, /*#__PURE__*/React.createElement(HvDropDownMenu, _extends({
+  listRoute.splice(1, nbrElemToSubMenu, /*#__PURE__*/_jsx(HvDropDownMenu, _objectSpread({
     id: setId(id, "submenu"),
-    icon: _MoreOptionsHorizonta || (_MoreOptionsHorizonta = /*#__PURE__*/React.createElement(MoreOptionsHorizontal, {
+    icon: _MoreOptionsHorizonta || (_MoreOptionsHorizonta = /*#__PURE__*/_jsx(MoreOptionsHorizontal, {
       iconSize: "S",
       color: "acce1"
     })),

package/dist/modern/BreadCrumb/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,qBAAT,QAAsC,mCAAtC;AACA,SAASC,cAAT,QAA+B,IAA/B;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAC7BA,KAAK,CAACC,QAAN,CAAe,GAAf,IAAsBD,KAAK,CAACE,SAAN,CAAgB,CAAhB,EAAmBF,KAAK,CAACG,WAAN,CAAkB,GAAlB,CAAnB,CAAtB,GAAmEH,KAD9D;AAGP,OAAO,MAAMI,eAAe,GAAG,CAACC,EAAD,EAAKC,OAAL,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,iBAArC,KAA2D;EACxF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAV,GAAmBH,UAA5C;EACA,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAV,CAAgB,CAAhB,EAAmBH,gBAAgB,GAAG,CAAtC,CAApB;EAEAH,SAAS,CAACO,MAAV,CACE,CADF,EAEEJ,gBAFF,eAGE,oBAAC,cAAD;IACE,EAAE,EAAEZ,KAAK,CAACO,EAAD,EAAK,SAAL,CADX;IAEE,IAAI,iEAAE,oBAAC,qBAAD;MAAuB,QAAQ,EAAC,GAAhC;MAAoC,KAAK,EAAC;IAA1C,EAAF,CAFN;IAGE,QAAQ,EAAEO;EAHZ,GAIMH,iBAJN,EAHF;EAWA,OAAOF,SAAP;AACD,CAhBM"}
+{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,qBAAT,QAAsC,mCAAtC;AACA,SAASC,cAAT,QAA+B,IAA/B;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAEA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAC7BA,KAAK,CAACC,QAAN,CAAe,GAAf,IAAsBD,KAAK,CAACE,SAAN,CAAgB,CAAhB,EAAmBF,KAAK,CAACG,WAAN,CAAkB,GAAlB,CAAnB,CAAtB,GAAmEH,KAD9D;AAGP,OAAO,MAAMI,eAAe,GAAG,CAACC,EAAD,EAAKC,OAAL,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,iBAArC,KAA2D;EACxF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAV,GAAmBH,UAA5C;EACA,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAV,CAAgB,CAAhB,EAAmBH,gBAAgB,GAAG,CAAtC,CAApB;EAEAH,SAAS,CAACO,MAAV,CACE,CADF,EAEEJ,gBAFF,eAGE,KAAC,cAAD;IACE,EAAE,EAAEZ,KAAK,CAACO,EAAD,EAAK,SAAL,CADX;IAEE,IAAI,iEAAE,KAAC,qBAAD;MAAuB,QAAQ,EAAC,GAAhC;MAAoC,KAAK,EAAC;IAA1C,EAAF,CAFN;IAGE,QAAQ,EAAEO;EAHZ,GAIMH,iBAJN,EAHF;EAWA,OAAOF,SAAP;AACD,CAhBM"}

package/dist/modern/BulkActions/BulkActions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
 import { HvCheckBoxProps } from "..";