@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/legacy/SelectionList/SelectionList.d.ts

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { HvFormElementProps } from "..";
-
-export type HvSelectionListClassKey =
-  | "root"
-  | "label"
-  | "description"
-  | "listbox"
-  | "vertical"
-  | "horizontal"
-  | "invalid"
-  | "error";
-
-export interface HvSelectionListProps
-  extends StandardProps<HvFormElementProps, HvSelectionListClassKey, "onChange"> {
-  /**
-   * When uncontrolled, defines the initial value.
-   */
-  defaultValue?: any[] | any;
-
-  /**
-   * Indicates that the user may select more than one item from the current selectable list items.
-   */
-  multiple?: boolean;
-
-  /**
-   * If `true`, selection can be toggled when single selection.
-   */
-  singleSelectionToggle?: boolean;
-
-  /**
-   * Indicates whether the list items group's orientation is horizontal or vertical.
-   *
-   * Defaults to vertical.
-   */
-  orientation: "vertical" | "horizontal";
-
-  /**
-   * The list items that are part of the group.
-   *
-   * Their state will always be controlled by the group.
-   * However the individual list item onChange callback will still be called if defined.
-   */
-  children: React.ReactNode;
-}
-
-export default function HvSelectionList(props: HvSelectionListProps): JSX.Element | null;

package/dist/legacy/SelectionList/SelectionList.js

@@ -1,369 +0,0 @@
-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";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.string.trim.js";
-import "core-js/modules/es.array.join.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React, { useCallback, useMemo, useRef, useEffect } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { withStyles } from "@mui/styles";
-import { isKeypress, KeyboardCodes } from "../utils/KeyboardUtils";
-import { HvFormElement, HvLabel, HvInfoMessage, HvWarningText, HvListContainer, useUniqueId } from "..";
-import { setId, useControlled } from "../utils";
-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;
-    var childIsSelected = childIsControlled ? child.props.selected : child.props.defaultSelected;
-    return childIsSelected ? child.props.value : undefined;
-  }).filter(function (v) {
-    return 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.
- *
- * Although it supports multi-selection, DS recommends the use of a selection list
- * 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);
-  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 _useControlled3 = useControlled(status, "standBy"),
-    _useControlled4 = _slicedToArray(_useControlled3, 2),
-    validationState = _useControlled4[0],
-    setValidationState = _useControlled4[1];
-  var _useControlled5 = useControlled(statusMessage, "Required"),
-    _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 selectionAnchor = useRef(undefined);
-  var listContainer = useRef(null);
-  var ArrowUp = KeyboardCodes.ArrowUp,
-    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) {
-            if (!isSelected) {
-              tempArray.push(allValues[i]);
-            }
-          } else if (isSelected) {
-            tempArray.push(allValues[i]);
-          }
-        });
-        setValue(tempArray);
-      }
-    };
-    window.addEventListener("keyup", handleMeta);
-    return function () {
-      window.removeEventListener("keyup", handleMeta);
-    };
-  }, [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;
-      });
-    }
-  }, [allValues, disabled, multiple, onChange, readOnly, required, selectedState, setValidationState, setValue, singleSelectionToggle, selectionAnchor]);
-  var modifiedChildren = useMemo(function () {
-    return React.Children.map(children, function (child, i) {
-      var childIsSelected = selectedState[i];
-      return /*#__PURE__*/React.cloneElement(child, {
-        role: "option",
-        selected: childIsSelected,
-        onClick: function onClick(evt) {
-          return onChildChangeInterceptor(i, child.props.onClick, evt);
-        },
-        disabled: disabled || child.props.disabled
-      });
-    });
-  }, [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, {
-    id: id,
-    name: name,
-    status: validationState,
-    disabled: disabled,
-    required: required,
-    readOnly: readOnly,
-    className: clsx(className, classes.root),
-    children: [label && /*#__PURE__*/_jsx(HvLabel, {
-      id: setId(elementId, "label"),
-      label: label,
-      className: classes.label
-    }), description && /*#__PURE__*/_jsx(HvInfoMessage, {
-      id: setId(elementId, "description"),
-      className: classes.description,
-      children: description
-    }), /*#__PURE__*/_jsx(HvListContainer, _objectSpread(_objectSpread({
-      id: label && setId(elementId, "listbox"),
-      interactive: true,
-      condensed: true,
-      role: "listbox",
-      "aria-multiselectable": multiple || undefined,
-      "aria-label": ariaLabel,
-      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-      "aria-invalid": validationState === "invalid" ? true : undefined,
-      "aria-errormessage": validationState === "invalid" ? errorMessageId : undefined,
-      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined,
-      className: clsx(classes.listbox, {
-        "vertical": classes.vertical,
-        "horizontal": classes.horizontal
-      }[orientation], validationState === "invalid" && classes.invalid),
-      ref: listContainer
-    }, others), {}, {
-      children: modifiedChildren
-    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
-      id: setId(elementId, "error"),
-      disableBorder: true,
-      className: classes.error,
-      children: validationMessage
-    })]
-  });
-};
-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.
-   */
-  classes: PropTypes.shape({
-    /**
-     * 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.
-   *
-   * Can either be a single value (when multiple = false) or an
-   * array of values (when multiple = true).
-   *
-   * When defined the selection list state becomes controlled.
-   */
-  // 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.
-   *
-   * The form element must be labeled for accessibility reasons.
-   * 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.
-   *
-   * Valid is correct, invalid is incorrect and standBy means no validations have run.
-   *
-   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
-   * 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.
-   *
-   * Their state will always be controlled by the selection list.
-   */
-  children: PropTypes.node
-} : void 0;
-export default withStyles(styles, {
-  name: "HvSelectionList"
-})(HvSelectionList);
-//# sourceMappingURL=SelectionList.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./SelectionList";
-export * from "./SelectionList";

package/dist/legacy/SelectionList/index.js

@@ -1,2 +0,0 @@
-export { default } from "./SelectionList";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,62 +0,0 @@
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: "inline-block",
-      padding: 0,
-      margin: 0
-    },
-    label: {
-      marginBottom: theme.hv.spacing.xs,
-      float: "left"
-    },
-    description: {
-      float: "left"
-    },
-    listbox: {
-      display: "flex",
-      float: "left",
-      clear: "both",
-      width: "100%",
-      paddingBottom: theme.hv.spacing.xs
-    },
-    vertical: {
-      flexDirection: "column",
-      // prevent the focus ring to be hidden by simbling hover background
-      "&>*": {
-        zIndex: 0
-      },
-      "&>*:focus-within": {
-        zIndex: 1
-      },
-      // IE fallback code (using focus-within-polyfill)
-      "&>*.focus-within": {
-        zIndex: 1
-      }
-    },
-    horizontal: {
-      flexDirection: "row",
-      flexWrap: "wrap",
-      marginLeft: -theme.hv.spacing.sm,
-      "&>*": {
-        marginLeft: theme.hv.spacing.sm
-      }
-    },
-    invalid: {
-      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
-    },
-    selectAll: {
-      // ensure more specificity than .HvCheckBox-root .HvCheckBox-label
-      "$listbox>& label": {
-        // not spreading theme.hv.typography.highlightText, it overrides too many things
-        fontWeight: 600
-      }
-    },
-    error: {
-      width: "100%",
-      float: "left",
-      clear: "both"
-    }
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { HvSpacingKeys } from "../theme";
-
-export type Spacing = HvSpacingKeys;
-export type Breakpoint = {
-  cols?: number;
-  maxWidth?: number;
-  minWidth?: number;
-  spacing?: Spacing;
-};
-
-export interface SimpleGridProps {
-  children?: React.ReactNode;
-  spacing?: Spacing;
-  cols?: number;
-  breakpoints?: Breakpoint[];
-}
-
-export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;

package/dist/legacy/SimpleGrid/SimpleGrid.js

@@ -1,73 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-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";
-
-/**
- * SimpleGrid is a flexbox container where each child is treated as a column.
- * Each column takes equal amount of space.
- */
-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);
-  var classes = useStyles({
-    breakpoints: breakpoints,
-    cols: cols,
-    spacing: spacing
-  })();
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-    className: classes.container
-  }, others), {}, {
-    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(["xs", "sm", "md", "lg", "xl"]),
-  /**
-   * Provide an array to define responsive behavior:
-   *
-   *    maxWidth or minWidth: max-width or min-width at which media query will work
-   *
-   *    cols: number of columns per row at given max-width
-   *
-   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead
-   */
-  breakpoints: PropTypes.arrayOf(PropTypes.shape({
-    maxWidth: PropTypes.number,
-    minWidth: PropTypes.number,
-    cols: PropTypes.number,
-    spacing: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"])
-  })),
-  /**
-   * Number of how many columns the content will be displayed
-   */
-  cols: PropTypes.number
-} : void 0;
-export default withStyles(useStyles, {
-  name: "HvSimpleGrid"
-})(HvSimpleGrid);
-//# sourceMappingURL=SimpleGrid.js.map

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

@@ -1 +0,0 @@
-{"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\n/**\n * SimpleGrid is a flexbox container where each child is treated as a column.\n * Each column takes equal amount of space.\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([\"xs\", \"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([\"xs\", \"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;;AAEhC;AACA;AACA;AACA;AAHA;AAIA,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,EAAE,IAAI,CAAC,CAAC;EACxD;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,EAAE,IAAI,CAAC;EACzD,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.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./SimpleGrid";
-export * from "./SimpleGrid";