@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Modal/ModalTitle/index.js

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

package/dist/legacy/Modal/ModalTitle/index.js.map

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

package/dist/legacy/Modal/ModalTitle/styles.js

@@ -0,0 +1,23 @@
+import "core-js/modules/es.array.concat.js";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      padding: "".concat(theme.hv.spacing.sm, "px 0 0 ").concat(theme.hv.spacing.sm, "px"),
+      margin: 0
+    },
+    messageContainer: {
+      display: "flex",
+      alignItems: "center"
+    },
+    textWithIcon: {},
+    icon: {
+      marginRight: "".concat(theme.hv.spacing.xs, "px"),
+      width: 48,
+      height: 48
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Modal/ModalTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","margin","messageContainer","display","alignItems","textWithIcon","icon","marginRight","xs","width","height"],"sources":["../../../../src/Modal/ModalTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: `${theme.hv.spacing.sm}px 0 0 ${theme.hv.spacing.sm}px`,\n    margin: 0,\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {},\n  icon: {\n    marginRight: `${theme.hv.spacing.xs}px`,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":";;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,YAAKF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAtB,oBAAkCL,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAAnD,OADH;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAKzBC,gBAAgB,EAAE;MAChBC,OAAO,EAAE,MADO;MAEhBC,UAAU,EAAE;IAFI,CALO;IASzBC,YAAY,EAAE,EATW;IAUzBC,IAAI,EAAE;MACJC,WAAW,YAAKZ,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBS,EAAtB,OADP;MAEJC,KAAK,EAAE,EAFH;MAGJC,MAAM,EAAE;IAHJ;EAVmB,CAAZ;AAAA,CAAf;;AAiBA,eAAehB,MAAf"}

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

@@ -0,0 +1,11 @@
+export { default } from "./Modal";
+export * from "./Modal";
+
+export { default as HvModalTitle } from "./ModalTitle";
+export * from "./ModalTitle";
+
+export { default as HvModalContent } from "./ModalContent";
+export * from "./ModalContent";
+
+export { default as HvModalActions } from "./ModalActions";
+export * from "./ModalActions";

package/dist/legacy/Modal/index.js

@@ -0,0 +1,5 @@
+export { default } from "./Modal";
+export { default as HvModalTitle } from "./ModalTitle";
+export { default as HvModalContent } from "./ModalContent";
+export { default as HvModalActions } from "./ModalActions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvModalTitle","HvModalContent","HvModalActions"],"sources":["../../../src/Modal/index.js"],"sourcesContent":["export { default } from \"./Modal\";\nexport { default as HvModalTitle } from \"./ModalTitle\";\nexport { default as HvModalContent } from \"./ModalContent\";\nexport { default as HvModalActions } from \"./ModalActions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,cAAxC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,gBAA1C"}

package/dist/legacy/Modal/styles.js

@@ -0,0 +1,26 @@
+import { fade, hexToRgb } from "@material-ui/core";
+
+var styles = function styles(theme) {
+  return {
+    background: {
+      background: fade(hexToRgb(theme.hv.palette.atmosphere.atmo5), 0.8)
+    },
+    paper: {
+      background: "".concat(theme.hv.palette.atmosphere.atmo1),
+      padding: "0px",
+      overflow: "auto",
+      boxShadow: theme.hv.shadows[1]
+    },
+    closeButton: {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      padding: 0,
+      margin: "".concat(theme.hv.spacing.xs, "px"),
+      minWidth: "unset"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["fade","hexToRgb","styles","theme","background","hv","palette","atmosphere","atmo5","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","position","right","top","margin","spacing","xs","minWidth"],"sources":["../../../src/Modal/styles.js"],"sourcesContent":["import { fade, hexToRgb } from \"@material-ui/core\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(hexToRgb(theme.hv.palette.atmosphere.atmo5), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    padding: 0,\n    margin: `${theme.hv.spacing.xs}px`,\n    minWidth: \"unset\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,IAAT,EAAeC,QAAf,QAA+B,mBAA/B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEJ,IAAI,CAACC,QAAQ,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;IADN,CADa;IAIzBC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXC,QAAQ,EAAE,UADC;MAEXC,KAAK,EAAE,CAFI;MAGXC,GAAG,EAAE,CAHM;MAIXP,OAAO,EAAE,CAJE;MAKXQ,MAAM,YAAKhB,KAAK,CAACE,EAAN,CAASe,OAAT,CAAiBC,EAAtB,OALK;MAMXC,QAAQ,EAAE;IANC;EAVY,CAAZ;AAAA,CAAf;;AAoBA,eAAepB,MAAf"}

package/dist/legacy/MultiButton/MultiButton.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvButtonProps } from "../Button";
+
+export interface MultiButtonData extends HvButtonProps {
+  id: string;
+  value?: string;
+  icon?: React.ReactNode;
+  selected?: boolean;
+  enforced?: boolean;
+}
+
+export interface HvMultiButtonProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvMultiButtonClassKey, "onChange"> {
+  /**
+   * If the MultiButton is to be displayed vertically.
+   */
+  vertical?: boolean;
+  /**
+   * If the MultiButton is multi selectable.
+   */
+  multi?: boolean;
+  /**
+   * Type of button display.
+   *  - Accepted values:
+   *    --"label": displays just a text label,
+   *    --"icon": displays just an icon,
+   *    --"mixed": displays both a label and an icon
+   */
+  type: "text" | "icon" | "mixed";
+  /**
+   * Buttons definitions
+   */
+  buttons: MultiButtonData[];
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: (event: React.FormEvent<HTMLDivElement>, checkedItems: MultiButtonData[]) => void;
+  /**
+   * Specify minimum number of selections in component
+   */
+  minSelection?: number;
+  /**
+   * Specify maximum number of selections in component
+   */
+  maxSelection?: number;
+}
+
+export type HvMultiButtonClassKey =
+  | "root"
+  | "vertical"
+  | "labelText"
+  | "button"
+  | "icon"
+  | "isSelected"
+  | "isUnselected";
+
+export default function HvMultiButton(props: HvMultiButtonProps): JSX.Element | null;

package/dist/legacy/MultiButton/MultiButton.js

@@ -0,0 +1,257 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "classes", "type", "onChange", "multi", "minSelection", "maxSelection", "buttons", "vertical"],
+    _excluded2 = ["id", "icon", "selected", "value"];
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.slice.js";
+import React, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvButton from "../Button";
+import styles from "./styles";
+/**
+ * parse button properties and if any buttons are preset as selected
+ * set the state with their ids
+ * */
+
+var getInitialState = function getInitialState(buttons) {
+  return buttons.filter(function (item) {
+    return item.selected;
+  }).map(function (item) {
+    return item.id;
+  });
+};
+
+var MultiButton = function MultiButton(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      type = _ref.type,
+      onChange = _ref.onChange,
+      _ref$multi = _ref.multi,
+      multi = _ref$multi === void 0 ? false : _ref$multi,
+      _ref$minSelection = _ref.minSelection,
+      minSelection = _ref$minSelection === void 0 ? 0 : _ref$minSelection,
+      _ref$maxSelection = _ref.maxSelection,
+      maxSelection = _ref$maxSelection === void 0 ? Infinity : _ref$maxSelection,
+      buttons = _ref.buttons,
+      _ref$vertical = _ref.vertical,
+      vertical = _ref$vertical === void 0 ? false : _ref$vertical,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /**
+   * set state; if button properties are mismatched set hasError prop
+   * in order to throw error in component and alert for the need to correctly
+   * set the button props
+   */
+  var _useState = useState(getInitialState(buttons)),
+      _useState2 = _slicedToArray(_useState, 2),
+      checkedItems = _useState2[0],
+      setCheckedItems = _useState2[1];
+
+  useEffect(function () {
+    setCheckedItems(getInitialState(buttons));
+  }, [buttons]);
+
+  var handleClick = function handleClick(event, idx) {
+    var newState;
+    var clickedBtnDefs = buttons[idx];
+    var btnClickable = clickedBtnDefs.enforced !== undefined ? clickedBtnDefs : false;
+    if (btnClickable) return;
+    var clickedBtnId = buttons[idx].id;
+
+    if (checkedItems.length === minSelection && checkedItems.includes(clickedBtnId)) {
+      return;
+    }
+
+    if (checkedItems.length === maxSelection && !checkedItems.includes(clickedBtnId)) {
+      return;
+    }
+
+    var clickedBtnPositionInState = checkedItems.indexOf(clickedBtnId);
+
+    if (multi) {
+      // check if item has not been clicked
+      if (clickedBtnPositionInState === -1) {
+        // handle state change
+        newState = [].concat(_toConsumableArray(checkedItems), [buttons[idx].id]);
+      } else {
+        var itemToRemove = clickedBtnPositionInState;
+        newState = checkedItems.filter(function (_, i) {
+          return i !== itemToRemove;
+        });
+      }
+    } else if (clickedBtnPositionInState === -1) {
+      // handle state change
+      // this enforces that the change happens only when we click on
+      // a deselected element mimicking the behavior of the button component
+      newState = [clickedBtnId];
+    } else {
+      return;
+    }
+
+    setCheckedItems(newState);
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, newState.slice());
+  };
+
+  var renderButton = function renderButton(button, idx) {
+    var bId = button.id,
+        icon = button.icon,
+        selected = button.selected,
+        value = button.value,
+        other = _objectWithoutProperties(button, _excluded2);
+
+    var isSelected = checkedItems.indexOf(bId) !== -1;
+    var iconButton = icon && type === "mixed" ? /*#__PURE__*/React.cloneElement(icon, {
+      className: classes.icon
+    }) : icon;
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      key: "btnkey_".concat(idx + 1),
+      id: bId,
+      onClick: function onClick(event) {
+        return handleClick(event, idx);
+      },
+      className: clsx(classes.button, isSelected ? classes.isSelected : classes.isUnselected),
+      category: "ghost",
+      "aria-label": value,
+      overrideIconColors: false
+    }, other), type !== "text" && iconButton, type !== "icon" && /*#__PURE__*/React.createElement("div", {
+      className: classes.labelText
+    }, value));
+  };
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root, vertical && classes.vertical)
+  }, others), buttons.map(function (button, idx) {
+    return renderButton(button, idx);
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? MultiButton.propTypes = {
+  /**
+   * Identifier
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the multibutton root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the multibutton when it's vertical.
+     */
+    vertical: PropTypes.string,
+
+    /**
+     * Styles applied to the button label.
+     */
+    labelText: PropTypes.string,
+
+    /**
+     * Styles applied to the each button.
+     */
+    button: PropTypes.string,
+
+    /**
+     * Styles applied to the each button's icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the button when it's selected.
+     */
+    isSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the button when it's not selected.
+     */
+    isUnselected: PropTypes.string
+  }).isRequired,
+
+  /**
+   * If the multibutton is to be displayed vertically.
+   */
+  vertical: PropTypes.bool,
+
+  /**
+   * If the multibutton is multi selectable.
+   */
+  multi: PropTypes.bool,
+
+  /**
+   * Type of button display.
+   *  - Accepted values:
+   *    --"label": displays just a text label,
+   *    --"icon": displays just an icon,
+   *    --"mixed": displays both a label and an icon
+   */
+  type: PropTypes.oneOf(["text", "icon", "mixed"]).isRequired,
+
+  /**
+   * Buttons definitions
+   */
+  buttons: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * the button id.
+     */
+    id: PropTypes.string.isRequired,
+
+    /**
+     * the button label.
+     */
+    value: PropTypes.string,
+
+    /**
+     * icon in button.
+     */
+    icon: PropTypes.node,
+
+    /**
+     * If the button is selected.
+     */
+    selected: PropTypes.bool,
+
+    /**
+     * Specify if item can be toggled or not.
+     */
+    enforced: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Callback function to be triggered when the input value is changed
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Specify minimum number of selections in component
+   */
+  minSelection: PropTypes.number,
+
+  /**
+   * Specify maximum number of selections in component
+   */
+  maxSelection: PropTypes.number
+} : void 0;
+export default withStyles(styles, {
+  name: "HvMultiButton"
+})(MultiButton);
+//# sourceMappingURL=MultiButton.js.map

package/dist/legacy/MultiButton/MultiButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiButton.js","names":["React","useEffect","useState","PropTypes","clsx","withStyles","HvButton","styles","getInitialState","buttons","filter","item","selected","map","id","MultiButton","className","classes","type","onChange","multi","minSelection","maxSelection","Infinity","vertical","others","checkedItems","setCheckedItems","handleClick","event","idx","newState","clickedBtnDefs","btnClickable","enforced","undefined","clickedBtnId","length","includes","clickedBtnPositionInState","indexOf","itemToRemove","_","i","slice","renderButton","button","bId","icon","value","other","isSelected","iconButton","cloneElement","isUnselected","labelText","root","propTypes","string","shape","isRequired","bool","oneOf","arrayOf","node","func","number","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvButton from \"../Button\";\nimport styles from \"./styles\";\n\n/**\n * parse button properties and if any buttons are preset as selected\n * set the state with their ids\n * */\nconst getInitialState = (buttons) => buttons.filter((item) => item.selected).map((item) => item.id);\n\nconst MultiButton = ({\n  id,\n  className,\n  classes,\n  type,\n  onChange,\n  multi = false,\n  minSelection = 0,\n  maxSelection = Infinity,\n  buttons,\n  vertical = false,\n  ...others\n}) => {\n  /**\n   * set state; if button properties are mismatched set hasError prop\n   * in order to throw error in component and alert for the need to correctly\n   * set the button props\n   */\n  const [checkedItems, setCheckedItems] = useState(getInitialState(buttons));\n\n  useEffect(() => {\n    setCheckedItems(getInitialState(buttons));\n  }, [buttons]);\n\n  const handleClick = (event, idx) => {\n    let newState;\n\n    const clickedBtnDefs = buttons[idx];\n    const btnClickable = clickedBtnDefs.enforced !== undefined ? clickedBtnDefs : false;\n\n    if (btnClickable) return;\n\n    const clickedBtnId = buttons[idx].id;\n\n    if (checkedItems.length === minSelection && checkedItems.includes(clickedBtnId)) {\n      return;\n    }\n\n    if (checkedItems.length === maxSelection && !checkedItems.includes(clickedBtnId)) {\n      return;\n    }\n\n    const clickedBtnPositionInState = checkedItems.indexOf(clickedBtnId);\n\n    if (multi) {\n      // check if item has not been clicked\n      if (clickedBtnPositionInState === -1) {\n        // handle state change\n        newState = [...checkedItems, buttons[idx].id];\n      } else {\n        const itemToRemove = clickedBtnPositionInState;\n        newState = checkedItems.filter((_, i) => i !== itemToRemove);\n      }\n    } else if (clickedBtnPositionInState === -1) {\n      // handle state change\n      // this enforces that the change happens only when we click on\n      // a deselected element mimicking the behavior of the button component\n      newState = [clickedBtnId];\n    } else {\n      return;\n    }\n\n    setCheckedItems(newState);\n    onChange?.(event, newState.slice());\n  };\n\n  const renderButton = (button, idx) => {\n    const { id: bId, icon, selected, value, ...other } = button;\n    const isSelected = checkedItems.indexOf(bId) !== -1;\n\n    const iconButton =\n      icon && type === \"mixed\" ? React.cloneElement(icon, { className: classes.icon }) : icon;\n\n    return (\n      <HvButton\n        key={`btnkey_${idx + 1}`}\n        id={bId}\n        onClick={(event) => handleClick(event, idx)}\n        className={clsx(classes.button, {\n          [classes.isSelected]: isSelected,\n          [classes.isUnselected]: !isSelected,\n        })}\n        category=\"ghost\"\n        aria-label={value}\n        overrideIconColors={false}\n        {...other}\n      >\n        {type !== \"text\" && iconButton}\n        {type !== \"icon\" && <div className={classes.labelText}>{value}</div>}\n      </HvButton>\n    );\n  };\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {buttons.map((button, idx) => renderButton(button, idx))}\n    </div>\n  );\n};\n\nMultiButton.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the multibutton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the multibutton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the button label.\n     */\n    labelText: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the each button's icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    isSelected: PropTypes.string,\n    /**\n     * Styles applied to the button when it's not selected.\n     */\n    isUnselected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If the multibutton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * If the multibutton is multi selectable.\n   */\n  multi: PropTypes.bool,\n  /**\n   * Type of button display.\n   *  - Accepted values:\n   *    --\"label\": displays just a text label,\n   *    --\"icon\": displays just an icon,\n   *    --\"mixed\": displays both a label and an icon\n   */\n  type: PropTypes.oneOf([\"text\", \"icon\", \"mixed\"]).isRequired,\n  /**\n   * Buttons definitions\n   */\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * the button id.\n       */\n      id: PropTypes.string.isRequired,\n      /**\n       * the button label.\n       */\n      value: PropTypes.string,\n      /**\n       * icon in button.\n       */\n      icon: PropTypes.node,\n      /**\n       * If the button is selected.\n       */\n      selected: PropTypes.bool,\n      /**\n       * Specify if item can be toggled or not.\n       */\n      enforced: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Callback function to be triggered when the input value is changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specify minimum number of selections in component\n   */\n  minSelection: PropTypes.number,\n  /**\n   * Specify maximum number of selections in component\n   */\n  maxSelection: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(MultiButton);\n"],"mappings":"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"}

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

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

package/dist/legacy/MultiButton/index.js

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

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

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

package/dist/legacy/MultiButton/styles.js

@@ -0,0 +1,82 @@
+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); 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.concat.js";
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      height: 32,
+      alignItems: "center",
+      transition: "none",
+      boxShadow: "-1px 1px 0px 0px ".concat(theme.hv.palette.atmosphere.atmo6, ", 1px 1px 0px 0px ").concat(theme.hv.palette.atmosphere.atmo6, ", -1px -1px 0px 0px ").concat(theme.hv.palette.atmosphere.atmo6, ", 1px -1px 0px 0px ").concat(theme.hv.palette.atmosphere.atmo6),
+      background: theme.hv.palette.atmosphere.atmo2,
+      position: "relative",
+      zIndex: 0
+    },
+    button: {
+      width: "100%",
+      minWidth: 32,
+      maxWidth: 200,
+      padding: 0,
+      border: "none",
+      transition: "none",
+      flex: "1 0 0px",
+      "&:active": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo4)
+      }
+    },
+    labelText: {
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      overflow: "hidden"
+    },
+    isSelected: _objectSpread(_objectSpread({
+      background: theme.hv.palette.atmosphere.atmo1,
+      height: 34,
+      cursor: "default"
+    }, theme.hv.typography.highlightText), {}, {
+      boxShadow: "1px -1px 0px 0px ".concat(theme.hv.palette.accent.acce1, ", 1px 0px 0px 0px ").concat(theme.hv.palette.accent.acce1, ", 0px 0px 0px 1px ").concat(theme.hv.palette.accent.acce1, ", 0px 0px 0px 0px ").concat(theme.hv.palette.accent.acce1),
+      zIndex: 1
+    }),
+    isUnselected: _objectSpread(_objectSpread({
+      minWidth: "32px !important"
+    }, theme.hv.typography.normalText), {}, {
+      "&:hover": {
+        background: theme.hv.palette.atmosphere.atmo4
+      }
+    }),
+    icon: {
+      marginLeft: -8
+    },
+    // vertical button display Styling
+    vertical: {
+      flexDirection: "column",
+      height: "auto",
+      btnSecondary: {
+        flex: "1 1 20px"
+      },
+      "& $button": {
+        width: "100%"
+      },
+      "& $isSelected": {
+        height: 32,
+        width: "calc(100% + 2px) !important"
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","boxShadow","hv","palette","atmosphere","atmo6","background","atmo2","position","zIndex","button","width","minWidth","maxWidth","padding","border","flex","backgroundColor","atmo4","labelText","textOverflow","whiteSpace","overflow","isSelected","atmo1","cursor","typography","highlightText","accent","acce1","isUnselected","normalText","icon","marginLeft","vertical","flexDirection","btnSecondary"],"sources":["../../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    boxShadow: `-1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px 1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, -1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}, 1px -1px 0px 0px ${theme.hv.palette.atmosphere.atmo6}`,\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n  },\n  button: {\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    padding: 0,\n    border: \"none\",\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    \"&:active\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo4}`,\n    },\n  },\n  labelText: {\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n  },\n  isSelected: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    height: 34,\n    cursor: \"default\",\n    ...theme.hv.typography.highlightText,\n    boxShadow: `1px -1px 0px 0px ${theme.hv.palette.accent.acce1}, 1px 0px 0px 0px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 1px ${theme.hv.palette.accent.acce1}, 0px 0px 0px 0px ${theme.hv.palette.accent.acce1}`,\n    zIndex: 1,\n  },\n  isUnselected: {\n    minWidth: \"32px !important\",\n\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo4,\n    },\n  },\n  icon: {\n    marginLeft: -8,\n  },\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& $button\": {\n      width: \"100%\",\n    },\n    \"& $isSelected\": {\n      height: 32,\n      width: `calc(100% + 2px) !important`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,MAAM,EAAE,EAFJ;MAGJC,UAAU,EAAE,QAHR;MAIJC,UAAU,EAAE,MAJR;MAKJC,SAAS,6BAAsBN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAlD,+BAA4EV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAxG,iCAAoIV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAhK,gCAA2LV,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAvN,CALL;MAMJC,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KANpC;MAOJC,QAAQ,EAAE,UAPN;MAQJC,MAAM,EAAE;IARJ,CADmB;IAWzBC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENC,QAAQ,EAAE,EAFJ;MAGNC,QAAQ,EAAE,GAHJ;MAINC,OAAO,EAAE,CAJH;MAKNC,MAAM,EAAE,MALF;MAMNf,UAAU,EAAE,MANN;MAONgB,IAAI,EAAE,SAPA;MAQN,YAAY;QACVC,eAAe,YAAKtB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Bc,KAAjC;MADL;IARN,CAXiB;IAuBzBC,SAAS,EAAE;MACTC,YAAY,EAAE,UADL;MAETC,UAAU,EAAE,QAFH;MAGTC,QAAQ,EAAE;IAHD,CAvBc;IA4BzBC,UAAU;MACRjB,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BoB,KADhC;MAER1B,MAAM,EAAE,EAFA;MAGR2B,MAAM,EAAE;IAHA,GAIL9B,KAAK,CAACO,EAAN,CAASwB,UAAT,CAAoBC,aAJf;MAKR1B,SAAS,6BAAsBN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAA9C,+BAAwElC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAhG,+BAA0HlC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAAlJ,+BAA4KlC,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiByB,MAAjB,CAAwBC,KAApM,CALD;MAMRpB,MAAM,EAAE;IANA,EA5Be;IAoCzBqB,YAAY;MACVlB,QAAQ,EAAE;IADA,GAGPjB,KAAK,CAACO,EAAN,CAASwB,UAAT,CAAoBK,UAHb;MAIV,WAAW;QACTzB,UAAU,EAAEX,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Bc;MAD/B;IAJD,EApCa;IA4CzBc,IAAI,EAAE;MACJC,UAAU,EAAE,CAAC;IADT,CA5CmB;IA+CzB;IACAC,QAAQ,EAAE;MACRC,aAAa,EAAE,QADP;MAERrC,MAAM,EAAE,MAFA;MAGRsC,YAAY,EAAE;QACZpB,IAAI,EAAE;MADM,CAHN;MAMR,aAAa;QACXL,KAAK,EAAE;MADI,CANL;MASR,iBAAiB;QACfb,MAAM,EAAE,EADO;QAEfa,KAAK;MAFU;IATT;EAhDe,CAAZ;AAAA,CAAf;;AAgEA,eAAejB,MAAf"}

package/dist/legacy/Pagination/Pagination.d.ts

@@ -0,0 +1,122 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvInputProps } from "../Input";
+
+export interface PaginationLabelsProp {
+  /**
+   * The show label.
+   */
+  pageSizePrev?: string;
+  /**
+   * Indicate the units of the page size selection.
+   */
+  pageSizeEntryName?: string;
+  /**
+   * Used for the aria-label of the selection of number of unit.s
+   */
+  pageSizeSelectorDescription?: string;
+  /**
+   * Separator of current page and total pages.
+   */
+  pagesSeparator?: string;
+  /**
+   * Title of button `firstPage`.
+   */
+  paginationFirstPageTitle?: string;
+  /**
+   * Title of button `previousPage`.
+   */
+  paginationPreviousPageTitle?: string;
+  /**
+   * Title of button `nextPage`.
+   */
+  paginationNextPageTitle?: string;
+  /**
+   * Title of button `lastPage`.
+   */
+  paginationLastPageTitle?: string;
+  /**
+   * Aria-label passed to the page input.
+   */
+  paginationInputLabel?: string;
+}
+
+export interface HvPaginationCommonProps {
+  /**
+   * The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page (0-indexed).
+   */
+  page?: number;
+  /**
+   * Controls whether the left page size mechanism should be visible.
+   */
+  showPageSizeOptions?: boolean;
+  /**
+   * The array of possible page sizes for the dropdown.
+   */
+  pageSizeOptions?: number[];
+  /**
+   * The currently selected page size.
+   */
+  pageSize?: number;
+  /**
+   * Controls whether the previous/first page buttons are enabled.
+   */
+  canPrevious?: boolean;
+  /**
+   * Controls whether the next/last page buttons are enabled.
+   */
+  canNext?: boolean;
+  /**
+   * Function called when the page changes.
+   */
+  onPageChange?: (page: number) => void;
+  /**
+   * Function called when the page size changes.
+   */
+  onPageSizeChange?: (pageSize: number) => void;
+}
+
+export interface HvPaginationProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPaginationClassKey>,
+    HvPaginationCommonProps {
+  /**
+   * Controls whether the central page changing mechanism should be visible.
+   */
+  showPageJump?: boolean;
+  /**
+   * An object containing all the labels for the component.
+   */
+  labels?: PaginationLabelsProp;
+  /**
+   * Other props to show page component.
+   */
+  showPageProps?: Record<string, any>;
+  /**
+   * Other props to pagination component.
+   */
+  navigationProps?: Record<string, any>;
+  /**
+   * Extra properties passed to the input component representing the current pages.
+   */
+  currentPageInputProps?: HvInputProps;
+}
+
+export type HvPaginationClassKey =
+  | "root"
+  | "pageSizeOptions"
+  | "pageSizeOptionsSelect"
+  | "pageNavigator"
+  | "pageInfo"
+  | "pageJump"
+  | "pageSizeInput"
+  | "pageSizeInputRoot"
+  | "pageSizeInputContainer"
+  | "iconContainer"
+  | "icon"
+  | "selectDownIcon";
+
+export default function HvPagination(props: HvPaginationProps): JSX.Element | null;