@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/SelectionList/SelectionList.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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/web.dom-collections.iterator.js";
 import React, { useCallback, useMemo, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -18,7 +14,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";
-
 const getValueFromSelectedChildren = (children, multiple) => {
   const selectedValues = React.Children.toArray(children).map(child => {
     const childIsControlled = child.props.selected !== undefined;
@@ -27,6 +22,7 @@ const getValueFromSelectedChildren = (children, multiple) => {
   }).filter(v => v !== undefined);
   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.
  *
@@ -34,36 +30,35 @@ const getValueFromSelectedChildren = (children, multiple) => {
  * when it’s clear that the user can only select just one option from the range provided.
  */
 
-
 const HvSelectionList = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value: valueProp,
-    defaultValue,
-    required = false,
-    readOnly = false,
-    disabled = false,
-    label,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    description,
-    "aria-describedby": ariaDescribedBy,
-    onChange,
-    status,
-    statusMessage,
-    "aria-errormessage": ariaErrorMessage,
-    orientation = "vertical",
-    multiple = false,
-    singleSelectionToggle = false,
-    children
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value: valueProp,
+      defaultValue,
+      required = false,
+      readOnly = false,
+      disabled = false,
+      label,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      description,
+      "aria-describedby": ariaDescribedBy,
+      onChange,
+      status,
+      statusMessage,
+      "aria-errormessage": ariaErrorMessage,
+      orientation = "vertical",
+      multiple = false,
+      singleSelectionToggle = false,
+      children
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const elementId = useUniqueId(id, "hvselectionlist");
-  const [value, setValue] = useControlled(valueProp, defaultValue !== undefined ? defaultValue : // when uncontrolled and no default value is given,
+  const [value, setValue] = useControlled(valueProp, defaultValue !== undefined ? defaultValue :
+  // when uncontrolled and no default value is given,
   // extract the initial selected values from the children own state
   () => getValueFromSelectedChildren(children, multiple));
   const [validationState, setValidationState] = useControlled(status, "standBy");
@@ -88,7 +83,6 @@ const HvSelectionList = props => {
   useEffect(() => {
     const handleMeta = event => {
       const tempArray = [];
-
       if (isKeypress(event, ArrowUp) && event.shiftKey && listContainer.current.contains(event.target) || isKeypress(event, ArrowDown) && event.shiftKey && listContainer.current.contains(event.target)) {
         selectedState.forEach((isSelected, i) => {
           if (i === event.target.value - 1) {
@@ -102,7 +96,6 @@ const HvSelectionList = props => {
         setValue(tempArray);
       }
     };
-
     window.addEventListener("keyup", handleMeta);
     return () => {
       window.removeEventListener("keyup", handleMeta);
@@ -110,25 +103,22 @@ const HvSelectionList = props => {
   }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);
   const onChildChangeInterceptor = useCallback((index, childOnClick, evt) => {
     childOnClick === null || childOnClick === void 0 ? void 0 : childOnClick(evt);
-
     if (!readOnly && !disabled) {
       let 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(() => {
         // this will only run if uncontrolled
+
         if (required && newValue.length === 0) {
           setValidationState("invalid");
         } else {
           setValidationState("valid");
         }
-
         return newValue;
       });
     }
@@ -143,11 +133,12 @@ const 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
-
   const canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   return /*#__PURE__*/_jsxs(HvFormElement, {
@@ -192,13 +183,11 @@ const 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.
    */
@@ -207,53 +196,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.
    *
@@ -264,13 +243,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.
    *
@@ -278,43 +255,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.
    *
@@ -324,43 +293,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/modern/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","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","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","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","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/modern/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/modern/SelectionList/styles.js

@@ -56,6 +56,5 @@ const styles = theme => ({
     clear: "both"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cADL;IAEJC,OAAO,EAAE,CAFL;IAGJC,MAAM,EAAE;EAHJ,CADmB;EAOzBC,KAAK,EAAE;IACLC,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAD1B;IAELC,KAAK,EAAE;EAFF,CAPkB;EAYzBC,WAAW,EAAE;IACXD,KAAK,EAAE;EADI,CAZY;EAgBzBE,OAAO,EAAE;IACPV,OAAO,EAAE,MADF;IAEPQ,KAAK,EAAE,MAFA;IAGPG,KAAK,EAAE,MAHA;IAIPC,KAAK,EAAE,MAJA;IAKPC,aAAa,EAAEf,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;EALzB,CAhBgB;EAuBzBO,QAAQ,EAAE;IACRC,aAAa,EAAE,QADP;IAGR;IACA,OAAO;MACLC,MAAM,EAAE;IADH,CAJC;IAOR,oBAAoB;MAClBA,MAAM,EAAE;IADU,CAPZ;IAUR;IACA,oBAAoB;MAClBA,MAAM,EAAE;IADU;EAXZ,CAvBe;EAsCzBC,UAAU,EAAE;IACVF,aAAa,EAAE,KADL;IAEVG,QAAQ,EAAE,MAFA;IAGVC,UAAU,EAAE,CAACrB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc,EAHpB;IAIV,OAAO;MACLD,UAAU,EAAErB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc;IADxB;EAJG,CAtCa;EA+CzBC,OAAO,EAAE;IACPC,YAAY,EAAG,aAAYxB,KAAK,CAACO,EAAN,CAASkB,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EADpD,CA/CgB;EAmDzBC,SAAS,EAAE;IACT;IACA,oBAAoB;MAClB;MACAC,UAAU,EAAE;IAFM;EAFX,CAnDc;EA2DzBC,KAAK,EAAE;IACLhB,KAAK,EAAE,MADF;IAELJ,KAAK,EAAE,MAFF;IAGLG,KAAK,EAAE;EAHF;AA3DkB,CAAZ,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,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cAAc;IACvBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE;EACV,CAAC;EAEDC,KAAK,EAAE;IACLC,YAAY,EAAEN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC,EAAE;IACjCC,KAAK,EAAE;EACT,CAAC;EAEDC,WAAW,EAAE;IACXD,KAAK,EAAE;EACT,CAAC;EAEDE,OAAO,EAAE;IACPV,OAAO,EAAE,MAAM;IACfQ,KAAK,EAAE,MAAM;IACbG,KAAK,EAAE,MAAM;IACbC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAEf,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC;EAClC,CAAC;EACDO,QAAQ,EAAE;IACRC,aAAa,EAAE,QAAQ;IAEvB;IACA,KAAK,EAAE;MACLC,MAAM,EAAE;IACV,CAAC;IACD,kBAAkB,EAAE;MAClBA,MAAM,EAAE;IACV,CAAC;IACD;IACA,kBAAkB,EAAE;MAClBA,MAAM,EAAE;IACV;EACF,CAAC;EACDC,UAAU,EAAE;IACVF,aAAa,EAAE,KAAK;IACpBG,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,CAACrB,KAAK,CAACO,EAAE,CAACC,OAAO,CAACc,EAAE;IAChC,KAAK,EAAE;MACLD,UAAU,EAAErB,KAAK,CAACO,EAAE,CAACC,OAAO,CAACc;IAC/B;EACF,CAAC;EAEDC,OAAO,EAAE;IACPC,YAAY,EAAG,aAAYxB,KAAK,CAACO,EAAE,CAACkB,OAAO,CAACC,QAAQ,CAACC,KAAM;EAC7D,CAAC;EAEDC,SAAS,EAAE;IACT;IACA,kBAAkB,EAAE;MAClB;MACAC,UAAU,EAAE;IACd;EACF,CAAC;EAEDC,KAAK,EAAE;IACLhB,KAAK,EAAE,MAAM;IACbJ,KAAK,EAAE,MAAM;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/dist/modern/SimpleGrid/SimpleGrid.js

@@ -1,26 +1,21 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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";
-
 const HvSimpleGrid = _ref => {
   let {
-    children,
-    breakpoints,
-    spacing = "sm",
-    cols
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      breakpoints,
+      spacing = "sm",
+      cols
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const classes = useStyles({
     breakpoints,
     cols,
@@ -32,18 +27,15 @@ const 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:
    *
@@ -59,7 +51,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/modern/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,MAAMC,YAAY,GAAG,QAAgE;EAAA,IAA/D;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC;EAAzC,CAA+D;EAAA,IAAbC,MAAa;;EACnF,MAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAF;IAAeE,IAAf;IAAqBD;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,MAAMC,YAAY,GAAG,QAAgE;EAAA,IAA/D;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,OAAO,GAAG,IAAI;MAAEC;IAAgB,CAAC;IAARC,MAAM;EAC5E,MAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW;IAAEE,IAAI;IAAED;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/modern/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"}

package/dist/modern/SimpleGrid/styles.js

@@ -1,25 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import { makeStyles } from "@mui/styles";
-
 function size(props) {
   if (typeof props.size === "number") {
     return props.size;
   }
-
   return props.sizes[props.size] || props.size || props.sizes.md;
 }
-
 function getSortedBreakpoints(theme, breakpoints) {
   if (breakpoints.length === 0) {
     return breakpoints;
   }
-
   const property = "maxWidth" in breakpoints[0] ? "maxWidth" : "minWidth";
   const sorted = [...breakpoints].sort((a, b) => size({
     size: b[property],
@@ -30,7 +22,6 @@ function getSortedBreakpoints(theme, breakpoints) {
   }));
   return property === "minWidth" ? sorted.reverse() : sorted;
 }
-
 const styles = props => makeStyles(theme => {
   const {
     breakpoints,
@@ -38,7 +29,6 @@ const styles = props => makeStyles(theme => {
     cols
   } = props;
   let gridBreakpoints = null;
-
   if (breakpoints) {
     gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {
       const property = "maxWidth" in breakpoint ? "max-width" : "min-width";
@@ -53,7 +43,6 @@ const styles = props => makeStyles(theme => {
       return acc;
     }, {});
   }
-
   return {
     container: _objectSpread({
       boxSizing: "border-box",
@@ -63,6 +52,5 @@ const styles = props => makeStyles(theme => {
     }, gridBreakpoints)
   };
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,SAASA,UAAT,QAA2B,aAA3B;;AAEA,SAASC,IAAT,CAAcC,KAAd,EAAqB;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAb,KAAsB,QAA1B,EAAoC;IAClC,OAAOC,KAAK,CAACD,IAAb;EACD;;EAED,OAAOC,KAAK,CAACC,KAAN,CAAYD,KAAK,CAACD,IAAlB,KAA2BC,KAAK,CAACD,IAAjC,IAAyCC,KAAK,CAACC,KAAN,CAAYC,EAA5D;AACD;;AAED,SAASC,oBAAT,CAA8BC,KAA9B,EAAqCC,WAArC,EAAkD;EAChD,IAAIA,WAAW,CAACC,MAAZ,KAAuB,CAA3B,EAA8B;IAC5B,OAAOD,WAAP;EACD;;EAED,MAAME,QAAQ,GAAG,cAAcF,WAAW,CAAC,CAAD,CAAzB,GAA+B,UAA/B,GAA4C,UAA7D;EACA,MAAMG,MAAM,GAAG,CAAC,GAAGH,WAAJ,EAAiBI,IAAjB,CACb,CAACC,CAAD,EAAIC,CAAJ,KACEZ,IAAI,CAAC;IAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAD,CAAT;IAAqBN,KAAK,EAAEG,KAAK,CAACC;EAAlC,CAAD,CAAJ,GACAN,IAAI,CAAC;IAAEA,IAAI,EAAEW,CAAC,CAACH,QAAD,CAAT;IAAqBN,KAAK,EAAEG,KAAK,CAACC;EAAlC,CAAD,CAHO,CAAf;EAMA,OAAOE,QAAQ,KAAK,UAAb,GAA0BC,MAAM,CAACI,OAAP,EAA1B,GAA6CJ,MAApD;AACD;;AAED,MAAMK,MAAM,GAAIb,KAAD,IACbF,UAAU,CAAEM,KAAD,IAAW;EACpB,MAAM;IAAEC,WAAF;IAAeS,OAAf;IAAwBC;EAAxB,IAAiCf,KAAvC;EACA,IAAIgB,eAAe,GAAG,IAAtB;;EACA,IAAIX,WAAJ,EAAiB;IACfW,eAAe,GAAGb,oBAAoB,CAACC,KAAD,EAAQC,WAAR,CAApB,CAAyCY,MAAzC,CAAgD,CAACC,GAAD,EAAMC,UAAN,KAAqB;MACrF,MAAMZ,QAAQ,GAAG,cAAcY,UAAd,GAA2B,WAA3B,GAAyC,WAA1D;MACA,MAAMC,cAAc,GAAGrB,IAAI,CAAC;QAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAb,GAA2BY,UAAU,CAACE,QAAtC,GAAiDF,UAAU,CAACG,QADxC;QAE1BrB,KAAK,EAAEG,KAAK,CAACC;MAFa,CAAD,CAA3B;MAKAa,GAAG,CAAE,WAAUX,QAAS,KAAIa,cAAc,IAAIb,QAAQ,KAAK,WAAb,GAA2B,CAA3B,GAA+B,CAAnC,CAAsC,KAA7E,CAAH,GAAwF;QACtFgB,mBAAmB,EAAG,UAASJ,UAAU,CAACJ,IAAK,mBADuC;QAEtFS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;MAFiF,CAAxF;MAKA,OAAOI,GAAP;IACD,CAbiB,EAaf,EAbe,CAAlB;EAcD;;EAED,OAAO;IACLQ,SAAS;MACPC,SAAS,EAAE,YADJ;MAEPC,OAAO,EAAE,MAFF;MAGPL,mBAAmB,EAAG,UAASR,IAAK,mBAH7B;MAIPS,GAAG,EAAEpB,KAAK,CAACqB,EAAN,CAASX,OAAT,CAAiBA,OAAjB;IAJE,GAKJE,eALI;EADJ,CAAP;AASD,CA7BS,CADZ;;AAgCA,eAAeH,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","size","props","sizes","md","getSortedBreakpoints","theme","breakpoints","length","property","sorted","sort","a","b","reverse","styles","spacing","cols","gridBreakpoints","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth","gridTemplateColumns","gap","hv","container","boxSizing","display"],"sources":["../../../src/SimpleGrid/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(theme, breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nconst styles = (props) =>\n  makeStyles((theme) => {\n    const { breakpoints, spacing, cols } = props;\n    let gridBreakpoints = null;\n    if (breakpoints) {\n      gridBreakpoints = getSortedBreakpoints(theme, breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size: property === \"max-width\" ? breakpoint.maxWidth : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[`@media (${property}: ${breakpointSize + (property === \"max-width\" ? 0 : 1)}px)`] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.hv.spacing[spacing],\n        };\n\n        return acc;\n      }, {});\n    }\n\n    return {\n      container: {\n        boxSizing: \"border-box\",\n        display: \"grid\",\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gap: theme.hv.spacing[spacing],\n        ...gridBreakpoints,\n      },\n    };\n  });\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,SAASC,IAAI,CAACC,KAAK,EAAE;EACnB,IAAI,OAAOA,KAAK,CAACD,IAAI,KAAK,QAAQ,EAAE;IAClC,OAAOC,KAAK,CAACD,IAAI;EACnB;EAEA,OAAOC,KAAK,CAACC,KAAK,CAACD,KAAK,CAACD,IAAI,CAAC,IAAIC,KAAK,CAACD,IAAI,IAAIC,KAAK,CAACC,KAAK,CAACC,EAAE;AAChE;AAEA,SAASC,oBAAoB,CAACC,KAAK,EAAEC,WAAW,EAAE;EAChD,IAAIA,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOD,WAAW;EACpB;EAEA,MAAME,QAAQ,GAAG,UAAU,IAAIF,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU;EACvE,MAAMG,MAAM,GAAG,CAAC,GAAGH,WAAW,CAAC,CAACI,IAAI,CAClC,CAACC,CAAC,EAAEC,CAAC,KACHZ,IAAI,CAAC;IAAEA,IAAI,EAAEY,CAAC,CAACJ,QAAQ,CAAC;IAAEN,KAAK,EAAEG,KAAK,CAACC;EAAY,CAAC,CAAC,GACrDN,IAAI,CAAC;IAAEA,IAAI,EAAEW,CAAC,CAACH,QAAQ,CAAC;IAAEN,KAAK,EAAEG,KAAK,CAACC;EAAY,CAAC,CAAC,CACxD;EAED,OAAOE,QAAQ,KAAK,UAAU,GAAGC,MAAM,CAACI,OAAO,EAAE,GAAGJ,MAAM;AAC5D;AAEA,MAAMK,MAAM,GAAIb,KAAK,IACnBF,UAAU,CAAEM,KAAK,IAAK;EACpB,MAAM;IAAEC,WAAW;IAAES,OAAO;IAAEC;EAAK,CAAC,GAAGf,KAAK;EAC5C,IAAIgB,eAAe,GAAG,IAAI;EAC1B,IAAIX,WAAW,EAAE;IACfW,eAAe,GAAGb,oBAAoB,CAACC,KAAK,EAAEC,WAAW,CAAC,CAACY,MAAM,CAAC,CAACC,GAAG,EAAEC,UAAU,KAAK;MACrF,MAAMZ,QAAQ,GAAG,UAAU,IAAIY,UAAU,GAAG,WAAW,GAAG,WAAW;MACrE,MAAMC,cAAc,GAAGrB,IAAI,CAAC;QAC1BA,IAAI,EAAEQ,QAAQ,KAAK,WAAW,GAAGY,UAAU,CAACE,QAAQ,GAAGF,UAAU,CAACG,QAAQ;QAC1ErB,KAAK,EAAEG,KAAK,CAACC;MACf,CAAC,CAAC;MAEFa,GAAG,CAAE,WAAUX,QAAS,KAAIa,cAAc,IAAIb,QAAQ,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAE,KAAI,CAAC,GAAG;QACtFgB,mBAAmB,EAAG,UAASJ,UAAU,CAACJ,IAAK,mBAAkB;QACjES,GAAG,EAAEpB,KAAK,CAACqB,EAAE,CAACX,OAAO,CAACA,OAAO;MAC/B,CAAC;MAED,OAAOI,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACR;EAEA,OAAO;IACLQ,SAAS;MACPC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,MAAM;MACfL,mBAAmB,EAAG,UAASR,IAAK,mBAAkB;MACtDS,GAAG,EAAEpB,KAAK,CAACqB,EAAE,CAACX,OAAO,CAACA,OAAO;IAAC,GAC3BE,eAAe;EAEtB,CAAC;AACH,CAAC,CAAC;AAEJ,eAAeH,MAAM"}