@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/SelectionList/SelectionList.js

@@ -0,0 +1,396 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+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"];
+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 React, { useCallback, useMemo, useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+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";
+
+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__*/React.createElement(HvFormElement, {
+    id: id,
+    name: name,
+    status: validationState,
+    disabled: disabled,
+    required: required,
+    readOnly: readOnly,
+    className: clsx(className, classes.root)
+  }, label && /*#__PURE__*/React.createElement(HvLabel, {
+    id: setId(elementId, "label"),
+    label: label,
+    className: classes.label
+  }), description && /*#__PURE__*/React.createElement(HvInfoMessage, {
+    id: setId(elementId, "description"),
+    className: classes.description
+  }, description), /*#__PURE__*/React.createElement(HvListContainer, _extends({
+    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), modifiedChildren), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+    id: setId(elementId, "error"),
+    disableBorder: true,
+    className: classes.error
+  }, validationMessage));
+};
+
+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
+};
+export default withStyles(styles, {
+  name: "HvSelectionList"
+})(HvSelectionList);
+//# sourceMappingURL=SelectionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectionList/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"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\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"],"file":"SelectionList.js"}

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

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

package/dist/legacy/SelectionList/index.js

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

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

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

package/dist/legacy/SelectionList/styles.js

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectionList/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"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,cADL;AAEJC,MAAAA,OAAO,EAAE,CAFL;AAGJC,MAAAA,MAAM,EAAE;AAHJ,KADmB;AAOzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAD1B;AAELC,MAAAA,KAAK,EAAE;AAFF,KAPkB;AAYzBC,IAAAA,WAAW,EAAE;AACXD,MAAAA,KAAK,EAAE;AADI,KAZY;AAgBzBE,IAAAA,OAAO,EAAE;AACPV,MAAAA,OAAO,EAAE,MADF;AAEPQ,MAAAA,KAAK,EAAE,MAFA;AAGPG,MAAAA,KAAK,EAAE,MAHA;AAIPC,MAAAA,KAAK,EAAE,MAJA;AAKPC,MAAAA,aAAa,EAAEf,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;AALzB,KAhBgB;AAuBzBO,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE,QADP;AAGR;AACA,aAAO;AACLC,QAAAA,MAAM,EAAE;AADH,OAJC;AAOR,0BAAoB;AAClBA,QAAAA,MAAM,EAAE;AADU,OAPZ;AAUR;AACA,0BAAoB;AAClBA,QAAAA,MAAM,EAAE;AADU;AAXZ,KAvBe;AAsCzBC,IAAAA,UAAU,EAAE;AACVF,MAAAA,aAAa,EAAE,KADL;AAEVG,MAAAA,QAAQ,EAAE,MAFA;AAGVC,MAAAA,UAAU,EAAE,CAACrB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc,EAHpB;AAIV,aAAO;AACLD,QAAAA,UAAU,EAAErB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBc;AADxB;AAJG,KAtCa;AA+CzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,YAAY,sBAAexB,KAAK,CAACO,EAAN,CAASkB,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;AADL,KA/CgB;AAmDzBC,IAAAA,SAAS,EAAE;AACT;AACA,0BAAoB;AAClB;AACAC,QAAAA,UAAU,EAAE;AAFM;AAFX,KAnDc;AA2DzBC,IAAAA,KAAK,EAAE;AACLhB,MAAAA,KAAK,EAAE,MADF;AAELJ,MAAAA,KAAK,EAAE,MAFF;AAGLG,MAAAA,KAAK,EAAE;AAHF;AA3DkB,GAAZ;AAAA,CAAf;;AAkEA,eAAed,MAAf","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"],"file":"styles.js"}

package/dist/legacy/Snackbar/Snackbar.d.ts

@@ -0,0 +1,33 @@
+import { StandardProps, SnackbarProps } from "@material-ui/core";
+import { ActionGeneric } from "../ActionsGeneric";
+import { NotificationsCommonProps } from "../Banner";
+import { HvSnackbarContentProps } from "./SnackbarContentWrapper";
+
+export type HvSnackbarClassKey =
+  // | "root"
+  | "anchorOriginTopRight"
+  | "anchorOriginTopLeft"
+  | "anchorOriginTopCenter"
+  | "anchorOriginBottomCenter"
+  | "anchorOriginBottomLeft"
+  | "anchorOriginBottomRight";
+
+export interface HvSnackbarProps
+  extends StandardProps<SnackbarProps, HvSnackbarClassKey, "action">,
+    NotificationsCommonProps {
+  /**
+   * Action to display.
+   */
+  action?: React.ReactNode | ActionGeneric;
+  /**
+   * The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionCallback?: (id: string, action: ActionGeneric) => void;
+  /**
+   * Exposes the SnackbarContentProps so they can overriden from the outside.
+   */
+  snackbarContentProps?: HvSnackbarContentProps
+}
+
+
+export default function HvSnackbar(props: HvSnackbarProps): JSX.Element | null;