@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/legacy/SelectionList/SelectionList.js

@@ -2,11 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "orientation", "multiple", "singleSelectionToggle", "children"];
-
 function 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.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.map.js";
@@ -31,7 +28,6 @@ import styles from "./styles";
 import multiSelectionEventHandler from "../utils/multiSelectionEventHandler";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var getValueFromSelectedChildren = function getValueFromSelectedChildren(children, multiple) {
   var selectedValues = React.Children.toArray(children).map(function (child) {
     var childIsControlled = child.props.selected !== undefined;
@@ -42,6 +38,7 @@ var getValueFromSelectedChildren = function getValueFromSelectedChildren(childre
   });
   return multiple ? selectedValues : selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues[0];
 };
+
 /**
  * Allows the user to select one or more items from a list of choices.
  *
@@ -49,81 +46,74 @@ var getValueFromSelectedChildren = function getValueFromSelectedChildren(childre
  * when it’s clear that the user can only select just one option from the range provided.
  */
 
-
 var HvSelectionList = function HvSelectionList(props) {
   var classes = props.classes,
-      className = props.className,
-      id = props.id,
-      name = props.name,
-      valueProp = props.value,
-      defaultValue = props.defaultValue,
-      _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"],
-      description = props.description,
-      ariaDescribedBy = props["aria-describedby"],
-      onChange = props.onChange,
-      status = props.status,
-      statusMessage = props.statusMessage,
-      ariaErrorMessage = props["aria-errormessage"],
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? "vertical" : _props$orientation,
-      _props$multiple = props.multiple,
-      multiple = _props$multiple === void 0 ? false : _props$multiple,
-      _props$singleSelectio = props.singleSelectionToggle,
-      singleSelectionToggle = _props$singleSelectio === void 0 ? false : _props$singleSelectio,
-      children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    id = props.id,
+    name = props.name,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    _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"],
+    description = props.description,
+    ariaDescribedBy = props["aria-describedby"],
+    onChange = props.onChange,
+    status = props.status,
+    statusMessage = props.statusMessage,
+    ariaErrorMessage = props["aria-errormessage"],
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? "vertical" : _props$orientation,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    _props$singleSelectio = props.singleSelectionToggle,
+    singleSelectionToggle = _props$singleSelectio === void 0 ? false : _props$singleSelectio,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
   var elementId = useUniqueId(id, "hvselectionlist");
-
-  var _useControlled = useControlled(valueProp, defaultValue !== undefined ? defaultValue : // when uncontrolled and no default value is given,
-  // extract the initial selected values from the children own state
-  function () {
-    return getValueFromSelectedChildren(children, multiple);
-  }),
-      _useControlled2 = _slicedToArray(_useControlled, 2),
-      value = _useControlled2[0],
-      setValue = _useControlled2[1];
-
+  var _useControlled = useControlled(valueProp, defaultValue !== undefined ? defaultValue :
+    // when uncontrolled and no default value is given,
+    // extract the initial selected values from the children own state
+    function () {
+      return getValueFromSelectedChildren(children, multiple);
+    }),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    setValue = _useControlled2[1];
   var _useControlled3 = useControlled(status, "standBy"),
-      _useControlled4 = _slicedToArray(_useControlled3, 2),
-      validationState = _useControlled4[0],
-      setValidationState = _useControlled4[1];
-
+    _useControlled4 = _slicedToArray(_useControlled3, 2),
+    validationState = _useControlled4[0],
+    setValidationState = _useControlled4[1];
   var _useControlled5 = useControlled(statusMessage, "Required"),
-      _useControlled6 = _slicedToArray(_useControlled5, 1),
-      validationMessage = _useControlled6[0];
-
+    _useControlled6 = _slicedToArray(_useControlled5, 1),
+    validationMessage = _useControlled6[0];
   var _useMemo = useMemo(function () {
-    var childValues = [];
-    var childSelectedState = [];
-    React.Children.toArray(children).forEach(function (child, i) {
-      var childValue = child.props.value;
-      var childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;
-      childValues[i] = childValue;
-      childSelectedState[i] = childIsSelected;
-    });
-    return [childValues, childSelectedState];
-  }, [children, multiple, value]),
-      _useMemo2 = _slicedToArray(_useMemo, 2),
-      allValues = _useMemo2[0],
-      selectedState = _useMemo2[1];
-
+      var childValues = [];
+      var childSelectedState = [];
+      React.Children.toArray(children).forEach(function (child, i) {
+        var childValue = child.props.value;
+        var childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;
+        childValues[i] = childValue;
+        childSelectedState[i] = childIsSelected;
+      });
+      return [childValues, childSelectedState];
+    }, [children, multiple, value]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    allValues = _useMemo2[0],
+    selectedState = _useMemo2[1];
   var selectionAnchor = useRef(undefined);
   var listContainer = useRef(null);
   var ArrowUp = KeyboardCodes.ArrowUp,
-      ArrowDown = KeyboardCodes.ArrowDown;
+    ArrowDown = KeyboardCodes.ArrowDown;
   useEffect(function () {
     var handleMeta = function handleMeta(event) {
       var tempArray = [];
-
       if (isKeypress(event, ArrowUp) && event.shiftKey && listContainer.current.contains(event.target) || isKeypress(event, ArrowDown) && event.shiftKey && listContainer.current.contains(event.target)) {
         selectedState.forEach(function (isSelected, i) {
           if (i === event.target.value - 1) {
@@ -137,7 +127,6 @@ var HvSelectionList = function HvSelectionList(props) {
         setValue(tempArray);
       }
     };
-
     window.addEventListener("keyup", handleMeta);
     return function () {
       window.removeEventListener("keyup", handleMeta);
@@ -145,25 +134,22 @@ var HvSelectionList = function HvSelectionList(props) {
   }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);
   var onChildChangeInterceptor = useCallback(function (index, childOnClick, evt) {
     childOnClick === null || childOnClick === void 0 ? void 0 : childOnClick(evt);
-
     if (!readOnly && !disabled) {
       var newValue;
-
       if (multiple) {
         newValue = multiSelectionEventHandler(evt, index, selectionAnchor, allValues, selectedState);
       } else {
         newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];
       }
-
       onChange === null || onChange === void 0 ? void 0 : onChange(evt, newValue);
       setValue(function () {
         // this will only run if uncontrolled
+
         if (required && newValue.length === 0) {
           setValidationState("invalid");
         } else {
           setValidationState("valid");
         }
-
         return newValue;
       });
     }
@@ -180,11 +166,12 @@ var HvSelectionList = function HvSelectionList(props) {
         disabled: disabled || child.props.disabled
       });
     });
-  }, [children, disabled, onChildChangeInterceptor, selectedState]); // the error message area will only be created if:
+  }, [children, disabled, onChildChangeInterceptor, selectedState]);
+
+  // 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 errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   return /*#__PURE__*/_jsxs(HvFormElement, {
@@ -229,13 +216,11 @@ var HvSelectionList = function HvSelectionList(props) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -244,53 +229,43 @@ process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the label.
      */
     label: PropTypes.string,
-
     /**
      * Styles applied to the description.
      */
     description: PropTypes.string,
-
     /**
      * Styles applied to the listbox.
      */
     listbox: PropTypes.string,
-
     /**
      * Styles applied to the listbox when orientation is vertical.
      */
     vertical: PropTypes.string,
-
     /**
      * Styles applied to the listbox when orientation is horizontal.
      */
     horizontal: PropTypes.string,
-
     /**
      * Styles applied to the listbox when validation status is invalid.
      */
     invalid: PropTypes.string,
-
     /**
      * Styles applied to the error area.
      */
     error: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: PropTypes.string,
-
   /**
    * The form element name.
    */
   name: PropTypes.string,
-
   /**
    * The value of the form element. It must be represented in the child list items.
    *
@@ -301,13 +276,11 @@ process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),
-
   /**
    * When uncontrolled, defines the initial value.
    */
   // eslint-disable-next-line react/forbid-prop-types
   defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),
-
   /**
    * The label of the form element.
    *
@@ -315,43 +288,35 @@ process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be provided instead.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-label": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": PropTypes.string,
-
   /**
    * Provide additional descriptive text for the form element.
    */
   description: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-describedby": PropTypes.string,
-
   /**
    * Indicates that the form element is disabled.
    * If `true` the state is propagated to the children list items.
    */
   disabled: PropTypes.bool,
-
   /**
    * Indicates that the form element is not editable.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: PropTypes.bool,
-
   /**
    * The status of the form element.
    *
@@ -361,43 +326,36 @@ process.env.NODE_ENV !== "production" ? HvSelectionList.propTypes = {
    * or "invalid" after any change to the state.
    */
   status: PropTypes.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.string,
-
   /**
    * Identifies the element that provides an error message for the listbox.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": PropTypes.string,
-
   /**
    * The callback fired when the value changes.
    */
   onChange: PropTypes.func,
-
   /**
    * Indicates that the user may select more than one item from the current selectable list items.
    */
   multiple: PropTypes.bool,
-
   /**
    * If `true`, selection can be toggled when single selection.
    */
   singleSelectionToggle: PropTypes.bool,
-
   /**
    * Indicates whether the list orientation is horizontal or vertical.
    *
    * Defaults to vertical.
    */
   orientation: PropTypes.oneOf(["vertical", "horizontal"]),
-
   /**
    * The list items.
    *

package/dist/legacy/SelectionList/SelectionList.js.map

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

package/dist/legacy/SelectionList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/SelectionList/index.js"],"sourcesContent":["export { default } from \"./SelectionList\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/SelectionList/index.js"],"sourcesContent":["export { default } from \"./SelectionList\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}

package/dist/legacy/SelectionList/styles.js

@@ -58,6 +58,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/legacy/SelectionList/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","label","marginBottom","hv","spacing","xs","float","description","listbox","clear","width","paddingBottom","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","borderBottom","palette","semantic","sema4","selectAll","fontWeight","error"],"sources":["../../../src/SelectionList/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n    float: \"left\",\n  },\n\n  description: {\n    float: \"left\",\n  },\n\n  listbox: {\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.hv.spacing.xs,\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by simbling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {\n    // ensure more specificity than .HvCheckBox-root .HvCheckBox-label\n    \"$listbox>& label\": {\n      // not spreading theme.hv.typography.highlightText, it overrides too many things\n      fontWeight: 600,\n    },\n  },\n\n  error: {\n    width: \"100%\",\n    float: \"left\",\n    clear: \"both\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cADL;MAEJC,OAAO,EAAE,CAFL;MAGJC,MAAM,EAAE;IAHJ,CADmB;IAOzBC,KAAK,EAAE;MACLC,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAD1B;MAELC,KAAK,EAAE;IAFF,CAPkB;IAYzBC,WAAW,EAAE;MACXD,KAAK,EAAE;IADI,CAZY;IAgBzBE,OAAO,EAAE;MACPV,OAAO,EAAE,MADF;MAEPQ,KAAK,EAAE,MAFA;MAGPG,KAAK,EAAE,MAHA;MAIPC,KAAK,EAAE,MAJA;MAKPC,aAAa,EAAEf,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;IALzB,CAhBgB;IAuBzBO,QAAQ,EAAE;MACRC,aAAa,EAAE,QADP;MAGR;MACA,OAAO;QACLC,MAAM,EAAE;MADH,CAJC;MAOR,oBAAoB;QAClBA,MAAM,EAAE;MADU,CAPZ;MAUR;MACA,oBAAoB;QAClBA,MAAM,EAAE;MADU;IAXZ,CAvBe;IAsCzBC,UAAU,EAAE;MACVF,aAAa,EAAE,KADL;MAEVG,QAAQ,EAAE,MAFA;MAGVC,UAAU,EAAE,CAACrB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc,EAHpB;MAIV,OAAO;QACLD,UAAU,EAAErB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc;MADxB;IAJG,CAtCa;IA+CzBC,OAAO,EAAE;MACPC,YAAY,sBAAexB,KAAK,CAACO,EAAN,CAASkB,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;IADL,CA/CgB;IAmDzBC,SAAS,EAAE;MACT;MACA,oBAAoB;QAClB;QACAC,UAAU,EAAE;MAFM;IAFX,CAnDc;IA2DzBC,KAAK,EAAE;MACLhB,KAAK,EAAE,MADF;MAELJ,KAAK,EAAE,MAFF;MAGLG,KAAK,EAAE;IAHF;EA3DkB,CAAZ;AAAA,CAAf;;AAkEA,eAAed,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","padding","margin","label","marginBottom","hv","spacing","xs","float","description","listbox","clear","width","paddingBottom","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","invalid","borderBottom","palette","semantic","sema4","selectAll","fontWeight","error"],"sources":["../../../src/SelectionList/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n    float: \"left\",\n  },\n\n  description: {\n    float: \"left\",\n  },\n\n  listbox: {\n    display: \"flex\",\n    float: \"left\",\n    clear: \"both\",\n    width: \"100%\",\n    paddingBottom: theme.hv.spacing.xs,\n  },\n  vertical: {\n    flexDirection: \"column\",\n\n    // prevent the focus ring to be hidden by simbling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    marginLeft: -theme.hv.spacing.sm,\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n\n  invalid: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  selectAll: {\n    // ensure more specificity than .HvCheckBox-root .HvCheckBox-label\n    \"$listbox>& label\": {\n      // not spreading theme.hv.typography.highlightText, it overrides too many things\n      fontWeight: 600,\n    },\n  },\n\n  error: {\n    width: \"100%\",\n    float: \"left\",\n    clear: \"both\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACV,CAAC;IAEDC,KAAK,EAAE;MACLC,YAAY,EAAEN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC,EAAE;MACjCC,KAAK,EAAE;IACT,CAAC;IAEDC,WAAW,EAAE;MACXD,KAAK,EAAE;IACT,CAAC;IAEDE,OAAO,EAAE;MACPV,OAAO,EAAE,MAAM;MACfQ,KAAK,EAAE,MAAM;MACbG,KAAK,EAAE,MAAM;MACbC,KAAK,EAAE,MAAM;MACbC,aAAa,EAAEf,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC;IAClC,CAAC;IACDO,QAAQ,EAAE;MACRC,aAAa,EAAE,QAAQ;MAEvB;MACA,KAAK,EAAE;QACLC,MAAM,EAAE;MACV,CAAC;MACD,kBAAkB,EAAE;QAClBA,MAAM,EAAE;MACV,CAAC;MACD;MACA,kBAAkB,EAAE;QAClBA,MAAM,EAAE;MACV;IACF,CAAC;IACDC,UAAU,EAAE;MACVF,aAAa,EAAE,KAAK;MACpBG,QAAQ,EAAE,MAAM;MAChBC,UAAU,EAAE,CAACrB,KAAK,CAACO,EAAE,CAACC,OAAO,CAACc,EAAE;MAChC,KAAK,EAAE;QACLD,UAAU,EAAErB,KAAK,CAACO,EAAE,CAACC,OAAO,CAACc;MAC/B;IACF,CAAC;IAEDC,OAAO,EAAE;MACPC,YAAY,sBAAexB,KAAK,CAACO,EAAE,CAACkB,OAAO,CAACC,QAAQ,CAACC,KAAK;IAC5D,CAAC;IAEDC,SAAS,EAAE;MACT;MACA,kBAAkB,EAAE;QAClB;QACAC,UAAU,EAAE;MACd;IACF,CAAC;IAEDC,KAAK,EAAE;MACLhB,KAAK,EAAE,MAAM;MACbJ,KAAK,EAAE,MAAM;MACbG,KAAK,EAAE;IACT;EACF,CAAC;AAAA,CAAC;AAEF,eAAed,MAAM"}

package/dist/legacy/SimpleGrid/SimpleGrid.js

@@ -8,25 +8,20 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "breakpoints", "spacing", "cols"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _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 PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
 import useStyles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var HvSimpleGrid = function HvSimpleGrid(_ref) {
   var children = _ref.children,
-      breakpoints = _ref.breakpoints,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
-      cols = _ref.cols,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    breakpoints = _ref.breakpoints,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+    cols = _ref.cols,
+    others = _objectWithoutProperties(_ref, _excluded);
   var classes = useStyles({
     breakpoints: breakpoints,
     cols: cols,
@@ -38,18 +33,15 @@ var HvSimpleGrid = function HvSimpleGrid(_ref) {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
   /**
    * -
    */
   children: PropTypes.node,
-
   /**
    * Spacing with pre-defined values according the values defined in the theme
    */
   spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
-
   /**
    * Provide an array to define responsive behavior:
    *
@@ -65,7 +57,6 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
     cols: PropTypes.number,
     spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
   })),
-
   /**
    * Number of how many columns the content will be displayed
    */

package/dist/legacy/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,SAAP,MAAsB,UAAtB;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAgE;EAAA,IAA7DC,QAA6D,QAA7DA,QAA6D;EAAA,IAAnDC,WAAmD,QAAnDA,WAAmD;EAAA,wBAAtCC,OAAsC;EAAA,IAAtCA,OAAsC,6BAA5B,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EACnF,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAF;IAAeE,IAAI,EAAJA,IAAf;IAAqBD,OAAO,EAAPA;EAArB,CAAD,CAAT,EAAhB;EACA,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAxB,GAAuCF,MAAvC;IAAA,UACGJ;EADH,GADF;AAKD,CAPD;;AASA,wCAAAD,YAAY,CAACQ,SAAb,GAAyB;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAJG;;EAKvB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB,CARc;;EASvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAV,CACXd,SAAS,CAACe,KAAV,CAAgB;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MADN;IAEdC,QAAQ,EAAElB,SAAS,CAACiB,MAFN;IAGdV,IAAI,EAAEP,SAAS,CAACiB,MAHF;IAIdX,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,CAAhB;EAJK,CAAhB,CADW,CAlBU;;EA0BvB;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AA7BO,CAAzB;AAgCA,eAAehB,UAAU,CAACC,SAAD,EAAY;EAAEiB,IAAI,EAAE;AAAR,CAAZ,CAAV,CAAgDhB,YAAhD,CAAf"}
+{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAAmE;EAAA,IAA7DC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAC5E,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAW;IAAEE,IAAI,EAAJA,IAAI;IAAED,OAAO,EAAPA;EAAQ,CAAC,CAAC,EAAE;EAC3D,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAU,GAAKF,MAAM;IAAA,UAC1CJ;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAD,YAAY,CAACQ,SAAS,GAAG;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAAI;EACxB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAO,CAC5Bd,SAAS,CAACe,KAAK,CAAC;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MAAM;IAC1BC,QAAQ,EAAElB,SAAS,CAACiB,MAAM;IAC1BV,IAAI,EAAEP,SAAS,CAACiB,MAAM;IACtBX,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACnD,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAED,eAAehB,UAAU,CAACC,SAAS,EAAE;EAAEiB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAChB,YAAY,CAAC"}

package/dist/legacy/SimpleGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/SimpleGrid/index.js"],"sourcesContent":["export { default } from \"./SimpleGrid\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/SimpleGrid/index.js"],"sourcesContent":["export { default } from \"./SimpleGrid\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}