@hitachivantara/uikit-react-core 3.52.5

package/dist/legacy/Switch/Switch.js

@@ -0,0 +1,293 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "inputProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/es.function.name.js";
+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 React, { useCallback } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { HvFormElement, HvLabel, HvWarningText, useUniqueId } from "..";
+import { isInvalid } from "../Forms/FormElement/validationStates";
+import { setId, useControlled } from "../utils";
+import HvBaseSwitch from "../BaseSwitch";
+import styles from "./styles";
+/**
+ * A Switch is <b>binary</b> and work as a digital on/off button.
+ *
+ * Use when two states are <b>opposite</b> and to trigger immediate
+ * changes in the system.
+ */
+
+var HvSwitch = function HvSwitch(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      name = props.name,
+      _props$value = props.value,
+      value = _props$value === void 0 ? "on" : _props$value,
+      _props$required = props.required,
+      required = _props$required === void 0 ? false : _props$required,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      label = props.label,
+      ariaLabel = props["aria-label"],
+      ariaLabelledBy = props["aria-labelledby"],
+      ariaDescribedBy = props["aria-describedby"],
+      labelProps = props.labelProps,
+      checked = props.checked,
+      _props$defaultChecked = props.defaultChecked,
+      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+      onChange = props.onChange,
+      status = props.status,
+      statusMessage = props.statusMessage,
+      ariaErrorMessage = props["aria-errormessage"],
+      inputProps = props.inputProps,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var elementId = useUniqueId(id, "hvswitch");
+
+  var _useControlled = useControlled(checked, Boolean(defaultChecked)),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      isChecked = _useControlled2[0],
+      setIsChecked = _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 onLocalChange = useCallback(function (evt, newChecked) {
+    setIsChecked(function () {
+      // this will only run if uncontrolled
+      if (required && !newChecked) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+
+      return newChecked;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
+  }, [onChange, required, setIsChecked, setValidationState, value]); // the error message area will only be created if:
+  // - an external element that provides an error message isn't identified via aria-errormessage AND
+  //   - both status and statusMessage properties are being controlled OR
+  //   - status is uncontrolled and required is true
+
+  var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
+  var isStateInvalid = isInvalid(validationState);
+  var errorMessageId;
+
+  if (isStateInvalid) {
+    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, _extends({
+    id: setId(elementId, "label"),
+    htmlFor: setId(elementId, "input"),
+    label: label,
+    className: clsx(classes.label)
+  }, labelProps)), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.switchContainer, isStateInvalid && classes.invalidSwitch)
+  }, /*#__PURE__*/React.createElement(HvBaseSwitch, _extends({
+    id: label ? setId(elementId, "input") : setId(id, "input"),
+    name: name,
+    disabled: disabled,
+    readOnly: readOnly,
+    required: required,
+    onChange: onLocalChange,
+    value: value,
+    checked: isChecked,
+    inputProps: _objectSpread({
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy
+    }, inputProps)
+  }, others))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+    id: setId(elementId, "error"),
+    className: clsx(classes.error),
+    disableBorder: true,
+    disableAdornment: true,
+    hideText: true
+  }, validationMessage));
+};
+
+HvSwitch.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the switch.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the label.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Styles applied to the error area.
+     */
+    error: PropTypes.string,
+
+    /**
+     * Styles applied to the switch container.
+     */
+    switchContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the switch container when the validations status is invalid.
+     */
+    invalidSwitch: 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.
+   *
+   * Is up to the application's logic when to consider the submission of this value.
+   * Generally it should be used only when the switch is neither unchecked nor indeterminate.
+   *
+   * The default value is "on".
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: 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 inputted via inputProps.
+   */
+  label: PropTypes.node,
+
+  /**
+   * @ignore
+   */
+  "aria-label": PropTypes.string,
+
+  /**
+   * @ignore
+   */
+  "aria-labelledby": PropTypes.string,
+
+  /**
+   * @ignore
+   */
+  "aria-describedby": PropTypes.string,
+
+  /**
+   * Properties passed on to the label element.
+   */
+  labelProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  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,
+
+  /**
+   * If `true` the switch is selected, if set to `false` the switch is not selected.
+   *
+   * When defined the switch state becomes controlled.
+   */
+  checked: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial checked state.
+   */
+  defaultChecked: 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 `checked`, depending of the values of both `required` and `checked`.
+   */
+  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 switch.
+   *
+   * Will only be used when the validation status is invalid.
+   */
+  "aria-errormessage": PropTypes.string,
+
+  /**
+   * The callback fired when the switch is pressed.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Properties passed on to the input element.
+   */
+  inputProps: PropTypes.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvSwitch"
+})(HvSwitch);
+//# sourceMappingURL=Switch.js.map

package/dist/legacy/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Switch/Switch.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseSwitch","styles","HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\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 isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\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 && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: 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.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: 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 inputted via inputProps.\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   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\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   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: 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 `checked`, depending of the values of both `required` and `checked`.\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 switch.\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 switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"file":"Switch.js"}

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

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

package/dist/legacy/Switch/index.js

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

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

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

package/dist/legacy/Switch/styles.js

@@ -0,0 +1,26 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "inline-flex",
+      flexDirection: "column",
+      alignItems: "flex-start"
+    },
+    label: {
+      marginBottom: theme.hv.spacing.xs
+    },
+    switchContainer: {
+      height: 32,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      borderBottom: "1px solid transparent"
+    },
+    invalidSwitch: {
+      borderBottom: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+    },
+    error: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Switch/styles.js"],"names":["styles","theme","root","display","flexDirection","alignItems","label","marginBottom","hv","spacing","xs","switchContainer","height","justifyContent","borderBottom","invalidSwitch","palette","semantic","sema4","error"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,aADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,UAAU,EAAE;AAHR,KADmB;AAOzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;AAD1B,KAPkB;AAWzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,MAAM,EAAE,EADO;AAEfT,MAAAA,OAAO,EAAE,MAFM;AAGfC,MAAAA,aAAa,EAAE,QAHA;AAIfS,MAAAA,cAAc,EAAE,QAJD;AAKfC,MAAAA,YAAY;AALG,KAXQ;AAmBzBC,IAAAA,aAAa,EAAE;AACbD,MAAAA,YAAY,sBAAeb,KAAK,CAACO,EAAN,CAASQ,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;AADC,KAnBU;AAuBzBC,IAAAA,KAAK,EAAE;AAvBkB,GAAZ;AAAA,CAAf;;AA0BA,eAAenB,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  switchContainer: {\n    height: 32,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: `1px solid transparent`,\n  },\n\n  invalidSwitch: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Tab/Tab.d.ts

@@ -0,0 +1,7 @@
+import { StandardProps, TabProps } from "@material-ui/core";
+
+export type HvTabClassKey = "root" | "labelContainer" | "selected" | "disabled";
+
+export type HvTabProps = StandardProps<TabProps, HvTabClassKey>;
+
+export default function HvTab(props: HvTabProps): JSX.Element | null;

package/dist/legacy/Tab/Tab.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Tab, withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+var HvTab = function HvTab(props) {
+  var classes = props.classes,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tab, _extends({
+    classes: {
+      root: classes.root,
+      selected: classes.selected,
+      disabled: classes.disabled
+    },
+    disableRipple: true,
+    disableTouchRipple: true // expose the global class HvIsFocusVisible as a marker
+    // not to be styled directly, only as helper in specific css queries
+    ,
+    focusVisibleClassName: clsx("HvIsFocusVisible", classes.focusVisible)
+  }, others));
+};
+
+HvTab.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the label container element if `label` is provided.
+     */
+    labelContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).
+     */
+    selected: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the root element if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If `true`, the tab will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The icon element.
+   */
+  icon: PropTypes.node,
+
+  /**
+   * The label element.
+   */
+  label: PropTypes.node
+};
+HvTab.defaultProps = {
+  disabled: false,
+  icon: null,
+  label: null
+};
+export default withStyles(styles, {
+  name: "HvTab"
+})(HvTab);
+//# sourceMappingURL=Tab.js.map

package/dist/legacy/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tab/Tab.js"],"names":["React","PropTypes","clsx","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,mBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AACvB,MAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;AAAA,MAAoBC,MAApB,4BAA+BF,KAA/B;;AAEA,sBACE,oBAAC,GAAD;AACE,IAAA,OAAO,EAAE;AACPG,MAAAA,IAAI,EAAEF,OAAO,CAACE,IADP;AAEPC,MAAAA,QAAQ,EAAEH,OAAO,CAACG,QAFX;AAGPC,MAAAA,QAAQ,EAAEJ,OAAO,CAACI;AAHX,KADX;AAME,IAAA,aAAa,MANf;AAOE,IAAA,kBAAkB,MAPpB,CAQE;AACA;AATF;AAUE,IAAA,qBAAqB,EAAEV,IAAI,CAAC,kBAAD,EAAqBM,OAAO,CAACK,YAA7B;AAV7B,KAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBAH,KAAK,CAACQ,SAAN,GAAkB;AAChB;AACF;AACA;AACEC,EAAAA,EAAE,EAAEd,SAAS,CAACe,MAJE;;AAKhB;AACF;AACA;AACEC,EAAAA,SAAS,EAAEhB,SAAS,CAACe,MARL;;AAShB;AACF;AACA;AACER,EAAAA,OAAO,EAAEP,SAAS,CAACiB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAET,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIG,IAAAA,cAAc,EAAElB,SAAS,CAACe,MARH;;AASvB;AACJ;AACA;AACIL,IAAAA,QAAQ,EAAEV,SAAS,CAACe,MAZG;;AAavB;AACJ;AACA;AACIJ,IAAAA,QAAQ,EAAEX,SAAS,CAACe,MAhBG;;AAiBvB;AACJ;AACA;AACIH,IAAAA,YAAY,EAAEZ,SAAS,CAACe;AApBD,GAAhB,EAqBNI,UAjCa;;AAkChB;AACF;AACA;AACER,EAAAA,QAAQ,EAAEX,SAAS,CAACoB,IArCJ;;AAsChB;AACF;AACA;AACEC,EAAAA,IAAI,EAAErB,SAAS,CAACsB,IAzCA;;AA0ChB;AACF;AACA;AACEC,EAAAA,KAAK,EAAEvB,SAAS,CAACsB;AA7CD,CAAlB;AAgDAjB,KAAK,CAACmB,YAAN,GAAqB;AACnBb,EAAAA,QAAQ,EAAE,KADS;AAEnBU,EAAAA,IAAI,EAAE,IAFa;AAGnBE,EAAAA,KAAK,EAAE;AAHY,CAArB;AAMA,eAAepB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsCpB,KAAtC,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"file":"Tab.js"}

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

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

package/dist/legacy/Tab/index.js

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

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

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

package/dist/legacy/Tab/styles.js

@@ -0,0 +1,65 @@
+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";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+var styles = function styles(theme) {
+  return {
+    root: _objectSpread(_objectSpread({
+      marginTop: "3px",
+      padding: "0 20px",
+      minWidth: 70,
+      minHeight: 32,
+      textTransform: "none",
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.normalText), {}, {
+      "&:hover": {
+        "&::after": {
+          height: "1px",
+          backgroundColor: theme.hv.palette.atmosphere.atmo5
+        }
+      },
+      "&$selected": {
+        color: theme.hv.typography.highlightText.color,
+        fontWeight: theme.hv.typography.highlightText.fontWeight,
+        lineHeight: theme.hv.typography.highlightText.lineWeight,
+        letterSpacing: theme.hv.typography.highlightText.letterSpacing
+      },
+      "&$disabled": {
+        color: theme.hv.palette.atmosphere.atmo5,
+        cursor: "not-allowed",
+        pointerEvents: "all",
+        opacity: 1,
+        "&:hover": {
+          background: "none"
+        }
+      },
+      opacity: 1,
+      "&::after": {
+        position: "absolute",
+        left: 0,
+        top: "calc(100% - 1px)",
+        height: "1px",
+        width: "100%",
+        backgroundColor: theme.hv.palette.atmosphere.atmo4,
+        content: "''"
+      }
+    }),
+    focusVisible: _objectSpread({}, outlineStyles),
+    selected: {},
+    disabled: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tab/styles.js"],"names":["outlineStyles","styles","theme","root","marginTop","padding","minWidth","minHeight","textTransform","fontFamily","hv","typography","normalText","height","backgroundColor","palette","atmosphere","atmo5","color","highlightText","fontWeight","lineHeight","lineWeight","letterSpacing","cursor","pointerEvents","opacity","background","position","left","top","width","atmo4","content","focusVisible","selected","disabled"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI;AACFC,MAAAA,SAAS,EAAE,KADT;AAEFC,MAAAA,OAAO,EAAE,QAFP;AAGFC,MAAAA,QAAQ,EAAE,EAHR;AAIFC,MAAAA,SAAS,EAAE,EAJT;AAKFC,MAAAA,aAAa,EAAE,MALb;AAMFC,MAAAA,UAAU,EAAEP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBF;AAN9B,OAOCP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBC,UAPrB;AAQF,iBAAW;AACT,oBAAY;AACVC,UAAAA,MAAM,EAAE,KADE;AAEVC,UAAAA,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC;AAFnC;AADH,OART;AAcF,oBAAc;AACZC,QAAAA,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCD,KAD7B;AAEZE,QAAAA,UAAU,EAAElB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCC,UAFlC;AAGZC,QAAAA,UAAU,EAAEnB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCG,UAHlC;AAIZC,QAAAA,aAAa,EAAErB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCI;AAJrC,OAdZ;AAoBF,oBAAc;AACZL,QAAAA,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KADvB;AAEZO,QAAAA,MAAM,EAAE,aAFI;AAGZC,QAAAA,aAAa,EAAE,KAHH;AAIZC,QAAAA,OAAO,EAAE,CAJG;AAKZ,mBAAW;AACTC,UAAAA,UAAU,EAAE;AADH;AALC,OApBZ;AA6BFD,MAAAA,OAAO,EAAE,CA7BP;AA8BF,kBAAY;AACVE,QAAAA,QAAQ,EAAE,UADA;AAEVC,QAAAA,IAAI,EAAE,CAFI;AAGVC,QAAAA,GAAG,EAAE,kBAHK;AAIVjB,QAAAA,MAAM,EAAE,KAJE;AAKVkB,QAAAA,KAAK,EAAE,MALG;AAMVjB,QAAAA,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BgB,KANnC;AAOVC,QAAAA,OAAO,EAAE;AAPC;AA9BV,MADqB;AAyCzBC,IAAAA,YAAY,oBACPlC,aADO,CAzCa;AA4CzBmC,IAAAA,QAAQ,EAAE,EA5Ce;AA6CzBC,IAAAA,QAAQ,EAAE;AA7Ce,GAAZ;AAAA,CAAf;;AAgDA,eAAenC,MAAf","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    marginTop: \"3px\",\n    padding: \"0 20px\",\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n    \"&$selected\": {\n      color: theme.hv.typography.highlightText.color,\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n      lineHeight: theme.hv.typography.highlightText.lineWeight,\n      letterSpacing: theme.hv.typography.highlightText.letterSpacing,\n    },\n    \"&$disabled\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      content: \"''\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Table/CellWithTooltip/index.js

@@ -0,0 +1,41 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/* eslint-disable react/prop-types */
+import React, { useCallback, useRef, useState } from "react";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { useResizeDetector } from "react-resize-detector";
+import { HvTooltip, HvTypography } from "../..";
+import { styles } from "../styles";
+
+var Index = function Index(_ref) {
+  var classes = _ref.classes,
+      data = _ref.data;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isOverflowed = _useState2[0],
+      setIsOverflowed = _useState2[1];
+
+  var textRef = useRef();
+  var onResize = useCallback(function () {
+    setIsOverflowed(textRef.current != null && (textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight));
+  }, []);
+  useResizeDetector({
+    onResize: onResize,
+    targetRef: textRef
+  });
+  return /*#__PURE__*/React.createElement(HvTooltip, {
+    disableHoverListener: !isOverflowed,
+    placement: "top-start",
+    title: /*#__PURE__*/React.createElement(HvTypography, null, data)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: textRef,
+    className: clsx(classes.tooltipAnchor, classes.textContainer)
+  }, data));
+};
+
+export default withStyles(styles, {
+  name: "OverflowTooltip"
+})( /*#__PURE__*/React.memo(Index));
+//# sourceMappingURL=index.js.map

package/dist/legacy/Table/CellWithTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/CellWithTooltip/index.js"],"names":["React","useCallback","useRef","useState","clsx","withStyles","useResizeDetector","HvTooltip","HvTypography","styles","Index","classes","data","isOverflowed","setIsOverflowed","textRef","onResize","current","scrollWidth","clientWidth","scrollHeight","clientHeight","targetRef","tooltipAnchor","textContainer","name","memo"],"mappings":";;AAAA;AACA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,MAA7B,EAAqCC,QAArC,QAAqD,OAArD;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,iBAAT,QAAkC,uBAAlC;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,OAAxC;AACA,SAASC,MAAT,QAAuB,WAAvB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAuB;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACnC,kBAAwCT,QAAQ,CAAC,KAAD,CAAhD;AAAA;AAAA,MAAOU,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,OAAO,GAAGb,MAAM,EAAtB;AAEA,MAAMc,QAAQ,GAAGf,WAAW,CAAC,YAAM;AACjCa,IAAAA,eAAe,CACbC,OAAO,CAACE,OAAR,IAAmB,IAAnB,KACGF,OAAO,CAACE,OAAR,CAAgBC,WAAhB,GAA8BH,OAAO,CAACE,OAAR,CAAgBE,WAA9C,IACCJ,OAAO,CAACE,OAAR,CAAgBG,YAAhB,GAA+BL,OAAO,CAACE,OAAR,CAAgBI,YAFnD,CADa,CAAf;AAKD,GAN2B,EAMzB,EANyB,CAA5B;AAQAf,EAAAA,iBAAiB,CAAC;AAAEU,IAAAA,QAAQ,EAARA,QAAF;AAAYM,IAAAA,SAAS,EAAEP;AAAvB,GAAD,CAAjB;AAEA,sBACE,oBAAC,SAAD;AACE,IAAA,oBAAoB,EAAE,CAACF,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeD,IAAf;AAHT,kBAKE;AAAK,IAAA,GAAG,EAAEG,OAAV;AAAmB,IAAA,SAAS,EAAEX,IAAI,CAACO,OAAO,CAACY,aAAT,EAAwBZ,OAAO,CAACa,aAAhC;AAAlC,KACGZ,IADH,CALF,CADF;AAWD,CAzBD;;AA0BA,eAAeP,UAAU,CAACI,MAAD,EAAS;AAChCgB,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,eAEZzB,KAAK,CAAC0B,IAAN,CAAWhB,KAAX,CAFY,CAAf","sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvTooltip, HvTypography } from \"../..\";\nimport { styles } from \"../styles\";\n\nconst Index = ({ classes, data }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  const onResize = useCallback(() => {\n    setIsOverflowed(\n      textRef.current != null &&\n        (textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight)\n    );\n  }, []);\n\n  useResizeDetector({ onResize, targetRef: textRef });\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{data}</HvTypography>}\n    >\n      <div ref={textRef} className={clsx(classes.tooltipAnchor, classes.textContainer)}>\n        {data}\n      </div>\n    </HvTooltip>\n  );\n};\nexport default withStyles(styles, {\n  name: \"OverflowTooltip\",\n})(React.memo(Index));\n"],"file":"index.js"}

package/dist/legacy/Table/DropdownMenu/index.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import HvDropDownMenu from "../../DropDownMenu"; // eslint-disable-next-line react/prop-types
+
+var DropDownMenu = function DropDownMenu(_ref) {
+  var id = _ref.id,
+      secondaryActions = _ref.secondaryActions,
+      dropdownMenuProps = _ref.dropdownMenuProps,
+      original = _ref.original;
+  return /*#__PURE__*/React.createElement(HvDropDownMenu, _extends({
+    id: id,
+    disablePortal: false,
+    icon: /*#__PURE__*/React.createElement(MoreOptionsVertical, {
+      style: {
+        width: 30,
+        height: 30
+      }
+    }),
+    dataList: secondaryActions,
+    onClick: function onClick(event, item) {
+      var _item$action;
+
+      event.stopPropagation();
+      item === null || item === void 0 ? void 0 : (_item$action = item.action) === null || _item$action === void 0 ? void 0 : _item$action.call(item, event, original);
+    },
+    keepOpened: false,
+    placement: "left"
+  }, dropdownMenuProps));
+};
+
+export default DropDownMenu;
+//# sourceMappingURL=index.js.map