@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/Stack/Stack.js

@@ -1,76 +1,42 @@
 "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");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.array.map.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _isString = _interopRequireDefault(require("lodash/isString"));
-
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _useWidth = _interopRequireDefault(require("../utils/useWidth"));
-
 var _Focus = _interopRequireDefault(require("../Focus"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "children", "direction", "spacing", "divider", "withNavigation", "dividerProps"];
-
 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; }
-
 /**
  * @returns {string} - Returns a direction for the stack: column or row. If the
  *                     `direction` property is a string and a valid direction then we
@@ -80,36 +46,33 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var getDirection = function getDirection(direction, width, breakpoints) {
   if ((0, _isString.default)(direction)) return direction;
-
   for (var i = breakpoints.indexOf(width); i >= 0; i -= 1) {
     if (direction[breakpoints[i]] !== undefined) {
       return direction[breakpoints[i]];
     }
   }
-
   return "column";
 };
+
 /**
  * A Stack component allows the organization of its children in a vertical or horizontal layout.
  *
  * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.
  */
-
-
 var HvStack = function HvStack(_ref) {
   var classes = _ref.classes,
-      children = _ref.children,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "column" : _ref$direction,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
-      _ref$divider = _ref.divider,
-      divider = _ref$divider === void 0 ? false : _ref$divider,
-      _ref$withNavigation = _ref.withNavigation,
-      withNavigation = _ref$withNavigation === void 0 ? false : _ref$withNavigation,
-      _ref$dividerProps = _ref.dividerProps,
-      dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "column" : _ref$direction,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+    _ref$divider = _ref.divider,
+    divider = _ref$divider === void 0 ? false : _ref$divider,
+    _ref$withNavigation = _ref.withNavigation,
+    withNavigation = _ref$withNavigation === void 0 ? false : _ref$withNavigation,
+    _ref$dividerProps = _ref.dividerProps,
+    dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var width = (0, _useWidth.default)();
   var theme = (0, _styles.useTheme)();
   var containerRef = (0, _react.useRef)(null);
@@ -119,12 +82,12 @@ var HvStack = function HvStack(_ref) {
   var processedDirection = (0, _react.useMemo)(function () {
     return getDirection(direction, width, breakpoints);
   }, [direction, width, breakpoints]);
+
   /**
    * @returns {node} - The divider component to use. If the property `divider` is
    *                   set to `true` then the Material-UI divider is used, otherwise
    *                   we use the custom divider the user passed.
    */
-
   var getDividerComponent = (0, _react.useCallback)(function () {
     if ((0, _isBoolean.default)(divider) && divider) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, _objectSpread({
@@ -133,7 +96,6 @@ var HvStack = function HvStack(_ref) {
         role: "separator"
       }, dividerProps));
     }
-
     return divider;
   }, [divider, dividerProps, processedDirection]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
@@ -157,7 +119,6 @@ var HvStack = function HvStack(_ref) {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied to the radio button.
@@ -168,12 +129,10 @@ process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
      */
     root: _propTypes.default.string
   }).isRequired,
-
   /**
    * Children of the stack component.
    */
   children: _propTypes.default.node,
-
   /**
    * The direction of the stack.
    * Can be either a string or an object that states the direction for each breakpoint.
@@ -185,12 +144,10 @@ process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
     lg: _propTypes.default.string,
     xl: _propTypes.default.string
   })]),
-
   /**
    * The spacing between elements of the stack.
    */
   spacing: _propTypes.default.oneOf(["xs", "sm", "md", "lg", "xl"]),
-
   /**
    * The divider component to be used between the stack elements.
    *
@@ -199,21 +156,17 @@ process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
    * - If a React node is passed then the custom divider will be used.
    */
   divider: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-
   /**
    * The properties to pass on to the Material-UI component.
    */
   dividerProps: _propTypes.default.object,
-
   /**
    * Sets whether or not there should be arrow navigation between the stack elements
    */
   withNavigation: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvStack"
 })(HvStack);
-
 exports.default = _default;
 //# sourceMappingURL=Stack.js.map

package/dist/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","useWidth","theme","useTheme","containerRef","useRef","useMemo","keys","processedDirection","getDividerComponent","useCallback","isBoolean","clsx","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","withStyles","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\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  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","useWidth","theme","useTheme","containerRef","useRef","useMemo","keys","processedDirection","getDividerComponent","useCallback","isBoolean","clsx","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","withStyles","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\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  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/Stack/index.js

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

package/dist/Stack/index.js.map

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

package/dist/Stack/styles.js

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

package/dist/Stack/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","column","flexDirection","row","xs","gap","hvSpacing","sm","md","lg","xl"],"sources":["../../src/Stack/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  xs: {\n    gap: theme.hvSpacing(\"xs\"),\n  },\n  sm: {\n    gap: theme.hvSpacing(\"sm\"),\n  },\n  md: {\n    gap: theme.hvSpacing(\"md\"),\n  },\n  lg: {\n    gap: theme.hvSpacing(\"lg\"),\n  },\n  xl: {\n    gap: theme.hvSpacing(\"xl\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,MAAM,EAAE;MACNC,aAAa,EAAE;IADT,CAJiB;IAOzBC,GAAG,EAAE;MACHD,aAAa,EAAE;IADZ,CAPoB;IAUzBE,EAAE,EAAE;MACFC,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADH,CAVqB;IAazBC,EAAE,EAAE;MACFF,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADH,CAbqB;IAgBzBE,EAAE,EAAE;MACFH,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADH,CAhBqB;IAmBzBG,EAAE,EAAE;MACFJ,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADH,CAnBqB;IAsBzBI,EAAE,EAAE;MACFL,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;IADH;EAtBqB,CAAZ;AAAA,CAAf;;eA2BeT,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","column","flexDirection","row","xs","gap","hvSpacing","sm","md","lg","xl"],"sources":["../../src/Stack/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  xs: {\n    gap: theme.hvSpacing(\"xs\"),\n  },\n  sm: {\n    gap: theme.hvSpacing(\"sm\"),\n  },\n  md: {\n    gap: theme.hvSpacing(\"md\"),\n  },\n  lg: {\n    gap: theme.hvSpacing(\"lg\"),\n  },\n  xl: {\n    gap: theme.hvSpacing(\"xl\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE;IACjB,CAAC;IACDC,GAAG,EAAE;MACHD,aAAa,EAAE;IACjB,CAAC;IACDE,EAAE,EAAE;MACFC,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC3B,CAAC;IACDC,EAAE,EAAE;MACFF,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC3B,CAAC;IACDE,EAAE,EAAE;MACFH,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC3B,CAAC;IACDG,EAAE,EAAE;MACFJ,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC3B,CAAC;IACDI,EAAE,EAAE;MACFL,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;IAC3B;EACF,CAAC;AAAA,CAAC;AAAC,eAEYT,MAAM;AAAA"}

package/dist/Switch/Switch.js

@@ -1,74 +1,41 @@
 "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");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _ = require("..");
-
 var _validationStates = require("../Forms/FormElement/validationStates");
-
 var _utils = require("../utils");
-
 var _BaseSwitch = _interopRequireDefault(require("../BaseSwitch"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "inputProps"];
-
 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; }
-
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
  *
@@ -77,47 +44,43 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvSwitch = function HvSwitch(props) {
   var classes = props.classes,
-      className = props.className,
-      id = props.id,
-      name = props.name,
-      _props$value = props.value,
-      value = _props$value === void 0 ? "on" : _props$value,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      label = props.label,
-      ariaLabel = props["aria-label"],
-      ariaLabelledBy = props["aria-labelledby"],
-      ariaDescribedBy = props["aria-describedby"],
-      labelProps = props.labelProps,
-      checked = props.checked,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      onChange = props.onChange,
-      status = props.status,
-      statusMessage = props.statusMessage,
-      ariaErrorMessage = props["aria-errormessage"],
-      inputProps = props.inputProps,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    id = props.id,
+    name = props.name,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "on" : _props$value,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    ariaLabel = props["aria-label"],
+    ariaLabelledBy = props["aria-labelledby"],
+    ariaDescribedBy = props["aria-describedby"],
+    labelProps = props.labelProps,
+    checked = props.checked,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    onChange = props.onChange,
+    status = props.status,
+    statusMessage = props.statusMessage,
+    ariaErrorMessage = props["aria-errormessage"],
+    inputProps = props.inputProps,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvswitch");
-
   var _useControlled = (0, _utils.useControlled)(checked, Boolean(defaultChecked)),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      isChecked = _useControlled2[0],
-      setIsChecked = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    isChecked = _useControlled2[0],
+    setIsChecked = _useControlled2[1];
   var _useControlled3 = (0, _utils.useControlled)(status, "standBy"),
-      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
-      validationState = _useControlled4[0],
-      setValidationState = _useControlled4[1];
-
+    _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
+    validationState = _useControlled4[0],
+    setValidationState = _useControlled4[1];
   var _useControlled5 = (0, _utils.useControlled)(statusMessage, "Required"),
-      _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 1),
-      validationMessage = _useControlled6[0];
-
+    _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 1),
+    validationMessage = _useControlled6[0];
   var onLocalChange = (0, _react.useCallback)(function (evt, newChecked) {
     setIsChecked(function () {
       // this will only run if uncontrolled
@@ -126,23 +89,21 @@ var HvSwitch = function HvSwitch(props) {
       } else {
         setValidationState("valid");
       }
-
       return newChecked;
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
-  }, [onChange, required, setIsChecked, setValidationState, value]); // the error message area will only be created if:
+  }, [onChange, required, setIsChecked, setValidationState, value]);
+
+  // the error message area will only be created if:
   // - an external element that provides an error message isn't identified via aria-errormessage AND
   //   - both status and statusMessage properties are being controlled OR
   //   - status is uncontrolled and required is true
-
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   var isStateInvalid = (0, _validationStates.isInvalid)(validationState);
   var errorMessageId;
-
   if (isStateInvalid) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
@@ -185,13 +146,11 @@ var HvSwitch = function HvSwitch(props) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the switch.
    */
@@ -200,38 +159,31 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
      * Styles applied to the component.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the label.
      */
     label: _propTypes.default.string,
-
     /**
      * Styles applied to the error area.
      */
     error: _propTypes.default.string,
-
     /**
      * Styles applied to the switch container.
      */
     switchContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the switch container when the validations status is invalid.
      */
     invalidSwitch: _propTypes.default.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: _propTypes.default.string,
-
   /**
    * The form element name.
    */
   name: _propTypes.default.string,
-
   /**
    * The value of the form element.
    *
@@ -242,7 +194,6 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: _propTypes.default.any,
-
   /**
    * The label of the form element.
    *
@@ -250,54 +201,44 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
    */
   label: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-label": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-describedby": _propTypes.default.string,
-
   /**
    * Properties passed on to the label element.
    */
   labelProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Indicates that the form element is not editable.
    */
   readOnly: _propTypes.default.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: _propTypes.default.bool,
-
   /**
    * If `true` the switch is selected, if set to `false` the switch is not selected.
    *
    * When defined the switch state becomes controlled.
    */
   checked: _propTypes.default.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: _propTypes.default.bool,
-
   /**
    * The status of the form element.
    *
@@ -307,35 +248,29 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
    */
   status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when the validation status is "invalid".
    *
    * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
    */
   statusMessage: _propTypes.default.string,
-
   /**
    * Identifies the element that provides an error message for the switch.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": _propTypes.default.string,
-
   /**
    * The callback fired when the switch is pressed.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Properties passed on to the input element.
    */
   inputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSwitch"
 })(HvSwitch);
-
 exports.default = _default;
 //# sourceMappingURL=Switch.js.map