@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/BreadCrumb/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BreadCrumb/utils.js"],"names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,qBAAT,QAAsC,mCAAtC;AACA,SAASC,cAAT,QAA+B,IAA/B;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAC7BA,KAAK,CAACC,QAAN,CAAe,GAAf,IAAsBD,KAAK,CAACE,SAAN,CAAgB,CAAhB,EAAmBF,KAAK,CAACG,WAAN,CAAkB,GAAlB,CAAnB,CAAtB,GAAmEH,KAD9D;AAGP,OAAO,MAAMI,eAAe,GAAG,CAACC,EAAD,EAAKC,OAAL,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,iBAArC,KAA2D;AACxF,QAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAV,GAAmBH,UAA5C;AACA,QAAMI,WAAW,GAAGL,SAAS,CAACM,KAAV,CAAgB,CAAhB,EAAmBH,gBAAgB,GAAG,CAAtC,CAApB;AAEAH,EAAAA,SAAS,CAACO,MAAV,CACE,CADF,EAEEJ,gBAFF,eAGE,oBAAC,cAAD;AACE,IAAA,EAAE,EAAEZ,KAAK,CAACO,EAAD,EAAK,SAAL,CADX;AAEE,IAAA,IAAI,eAAE,oBAAC,qBAAD;AAAuB,MAAA,QAAQ,EAAC,GAAhC;AAAoC,MAAA,KAAK,EAAC;AAA1C,MAFR;AAGE,IAAA,QAAQ,EAAEO;AAHZ,KAIMH,iBAJN,EAHF;AAWA,SAAOF,SAAP;AACD,CAhBM","sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"file":"utils.js"}

package/dist/modern/BulkActions/BulkActions.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { HvCheckBoxProps } from "..";
+
+export type HvBulkActionsClassKey =
+  | "root"
+  | "semantic"
+  | "actions"
+  | "selectAllContainer"
+  | "selectAll"
+  | "selectAllPages";
+
+export interface HvBulkActionsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvBulkActionsClassKey>,
+    HvActionsGenericCommonProps {
+  /**
+   * Custom label for select all checkbox
+   */
+  selectAllLabel?: React.ReactNode;
+  /**
+   * Custom label for select all pages button
+   */
+  selectAllPagesLabel?: React.ReactNode;
+  /**
+   * Whether select all pages element should be visible
+   */
+  showSelectAllPages?: boolean;
+  /**
+   * The total number of elements
+   */
+  numTotal?: number;
+  /**
+   * The number of elements currently selected
+   */
+  numSelected?: number;
+  /**
+   * Function called when the "select all" Checkbox is toggled.
+   */
+  onSelectAll?: (event: React.MouseEvent) => void;
+  /**
+   * Function called when the "select all pages" Button is clicked toggled.
+   */
+  onSelectAllPages?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+  /**
+   *  Whether actions should be all disabled
+   */
+  actionsDisabled?: boolean;
+  /**
+   * Whether the bulk actions should use the semantic styles when there are selected elements.
+   */
+  semantic?: boolean;
+  /**
+   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps?: HvCheckBoxProps;
+}
+
+export default function HvBulkActions(props: HvBulkActionsProps): JSX.Element | null;

package/dist/modern/BulkActions/BulkActions.js

@@ -0,0 +1,212 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "classes", "numTotal", "numSelected", "onSelectAll", "onSelectAllPages", "selectAllLabel", "selectAllConjunctionLabel", "selectAllPagesLabel", "showSelectAllPages", "semantic", "actions", "actionsCallback", "actionsDisabled", "maxVisibleActions", "checkboxProps"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState, useEffect } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from "..";
+import styles from "./styles";
+import { setId } from "../utils";
+/**
+ * Bulk Actions allow users to perform an action on a single or multiple items.
+ * Also known as "batch production" of multiple items at once, one stage at a time.
+ */
+
+const HvBulkActions = props => {
+  const {
+    id,
+    className,
+    classes,
+    numTotal = 0,
+    numSelected = 0,
+    onSelectAll,
+    onSelectAllPages,
+    selectAllLabel = "All",
+    selectAllConjunctionLabel = "/",
+    selectAllPagesLabel,
+    showSelectAllPages = false,
+    semantic = true,
+    actions,
+    actionsCallback,
+    actionsDisabled,
+    maxVisibleActions,
+    checkboxProps
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const [anySelected, setAnySelected] = useState(false);
+  const isSemantic = semantic && anySelected;
+  useEffect(() => {
+    setAnySelected(numSelected > 0);
+  }, [numSelected]);
+  const selectAllLabelComponent = /*#__PURE__*/React.createElement(HvTypography, {
+    component: "span",
+    variant: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.disabled ? "disabledText" : "normalText"
+  }, !anySelected ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAllLabel), ` (${numTotal})`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, numSelected), ` ${selectAllConjunctionLabel} ${numTotal}`));
+  const defaultSelectAllPagesLabel = /*#__PURE__*/React.createElement(HvTypography, {
+    style: {
+      color: "inherit"
+    },
+    variant: "highlightText",
+    component: "span"
+  }, `Select all ${numTotal} items across all pages`);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root, isSemantic && classes.semantic)
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.selectAllContainer
+  }, /*#__PURE__*/React.createElement(HvCheckBox, _extends({
+    id: setId(id, "select"),
+    className: classes.selectAll,
+    checked: numSelected > 0,
+    semantic: isSemantic,
+    onChange: (...args) => onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(...args),
+    indeterminate: numSelected > 0 && numSelected < numTotal,
+    label: selectAllLabelComponent
+  }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/React.createElement(HvButton, {
+    id: setId(id, "pages"),
+    className: classes.selectAllPages,
+    category: isSemantic ? "semantic" : "ghost",
+    onClick: (...args) => onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages(...args)
+  }, selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel)), /*#__PURE__*/React.createElement(HvActionsGeneric, {
+    id: setId(id, "actions"),
+    classes: {
+      root: classes.actions
+    },
+    category: isSemantic ? "semantic" : "ghost",
+    actions: actions,
+    disabled: actionsDisabled !== null && actionsDisabled !== void 0 ? actionsDisabled : numSelected === 0,
+    actionsCallback: actionsCallback,
+    maxVisibleActions: maxVisibleActions
+  }));
+};
+
+HvBulkActions.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  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 component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when semantic and there are selected elements.
+     */
+    semantic: PropTypes.string,
+
+    /**
+     * Styles applied to the Actions root class.
+     */
+    actions: PropTypes.string,
+
+    /**
+     * Styles applied to the Select All container.
+     */
+    selectAllContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the Select All checkbox.
+     */
+    selectAll: PropTypes.string,
+
+    /**
+     * Styles applied to the Select All pages button.
+     */
+    selectAllPages: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Custom label for select all checkbox
+   */
+  selectAllLabel: PropTypes.node,
+
+  /**
+   * Custom label for select all checkbox conjunction
+   */
+  selectAllConjunctionLabel: PropTypes.string,
+
+  /**
+   * Custom label for select all pages button
+   */
+  selectAllPagesLabel: PropTypes.node,
+
+  /**
+   * Whether select all pages element should be visible
+   */
+  showSelectAllPages: PropTypes.bool,
+
+  /**
+   * The total number of elements
+   */
+  numTotal: PropTypes.number,
+
+  /**
+   * The number of elements currently selected
+   */
+  numSelected: PropTypes.number,
+
+  /**
+   * Function called when the "select all" Checkbox is toggled.
+   */
+  onSelectAll: PropTypes.func,
+
+  /**
+   * Function called when the "select all pages" button is clicked toggled.
+   */
+  onSelectAllPages: PropTypes.func,
+
+  /**
+   * Whether the bulk actions should use the semantic styles when there are selected elements.
+   */
+  semantic: PropTypes.bool,
+
+  /**
+   * The renderable content inside the right actions slot,
+   * or an Array of actions `{ id, label, icon, disabled, ... }`
+   */
+  actions: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string,
+    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
+    disabled: PropTypes.bool
+  }))]),
+
+  /**
+   *  Whether actions should be all disabled
+   */
+  actionsDisabled: PropTypes.bool,
+
+  /**
+   *  The callback function ran when an action is triggered, receiving `action` as param
+   */
+  actionsCallback: PropTypes.func,
+
+  /**
+   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.
+   */
+  maxVisibleActions: PropTypes.number,
+
+  /**
+   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the
+   * HvCheckbox API.
+   */
+  checkboxProps: PropTypes.object
+};
+export default withStyles(styles, {
+  name: "HvBulkActions"
+})(HvBulkActions);
+//# sourceMappingURL=BulkActions.js.map

package/dist/modern/BulkActions/BulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BulkActions/BulkActions.js"],"names":["React","useState","useEffect","clsx","PropTypes","withStyles","HvActionsGeneric","HvButton","HvCheckBox","HvTypography","styles","setId","HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","anySelected","setAnySelected","isSemantic","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","root","selectAllContainer","selectAll","args","selectAllPages","propTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","name"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n    selectAllPagesLabel,\n    showSelectAllPages = false,\n    semantic = true,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    checkboxProps,\n    ...others\n  } = props;\n  const [anySelected, setAnySelected] = useState(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      variant={checkboxProps?.disabled ? \"disabledText\" : \"normalText\"}\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  const defaultSelectAllPagesLabel = (\n    <HvTypography style={{ color: \"inherit\" }} variant=\"highlightText\" component=\"span\">\n      {`Select all ${numTotal} items across all pages`}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.semantic]: isSemantic,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={(...args) => onSelectAll?.(...args)}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={isSemantic ? \"semantic\" : \"ghost\"}\n            onClick={(...args) => onSelectAllPages?.(...args)}\n          >\n            {selectAllPagesLabel ?? defaultSelectAllPagesLabel}\n          </HvButton>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\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 component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when semantic and there are selected elements.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(HvBulkActions);\n"],"file":"BulkActions.js"}

package/dist/modern/BulkActions/index.d.ts

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

package/dist/modern/BulkActions/index.js

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

package/dist/modern/BulkActions/index.js.map

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

package/dist/modern/BulkActions/styles.js

@@ -0,0 +1,41 @@
+import fade from "../utils/hexToRgbA";
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    backgroundColor: theme.palette.atmo1,
+    marginBottom: theme.hv.spacing.xs
+  },
+  semantic: {
+    backgroundColor: theme.palette.sema7,
+    "& $selectAll div": {
+      color: theme.palette.base2,
+      "&:hover:not(:disabled)": {
+        backgroundColor: fade(theme.palette.base1, 0.3)
+      },
+      "& *": {
+        color: theme.palette.base2,
+        backgroundColor: "transparent"
+      }
+    },
+    "& $selectAll:focus-within div": {
+      backgroundColor: fade(theme.palette.base1, 0.3)
+    },
+    // IE fallback code (using focus-within-polyfill)
+    "& $selectAll.focus-within div": {
+      backgroundColor: fade(theme.palette.base1, 0.3)
+    }
+  },
+  selectAllContainer: {
+    display: "flex"
+  },
+  selectAll: {},
+  selectAllPages: {},
+  actions: {
+    display: "inline-flex",
+    marginLeft: "auto"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BulkActions/styles.js"],"names":["fade","styles","theme","root","display","backgroundColor","palette","atmo1","marginBottom","hv","spacing","xs","semantic","sema7","color","base2","base1","selectAllContainer","selectAll","selectAllPages","actions","marginLeft"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcC,KAF3B;AAGJC,IAAAA,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;AAH3B,GADmB;AAMzBC,EAAAA,QAAQ,EAAE;AACRP,IAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcO,KADvB;AAER,wBAAoB;AAClBC,MAAAA,KAAK,EAAEZ,KAAK,CAACI,OAAN,CAAcS,KADH;AAElB,gCAA0B;AACxBV,QAAAA,eAAe,EAAEL,IAAI,CAACE,KAAK,CAACI,OAAN,CAAcU,KAAf,EAAsB,GAAtB;AADG,OAFR;AAKlB,aAAO;AACLF,QAAAA,KAAK,EAAEZ,KAAK,CAACI,OAAN,CAAcS,KADhB;AAELV,QAAAA,eAAe,EAAE;AAFZ;AALW,KAFZ;AAYR,qCAAiC;AAC/BA,MAAAA,eAAe,EAAEL,IAAI,CAACE,KAAK,CAACI,OAAN,CAAcU,KAAf,EAAsB,GAAtB;AADU,KAZzB;AAeR;AACA,qCAAiC;AAC/BX,MAAAA,eAAe,EAAEL,IAAI,CAACE,KAAK,CAACI,OAAN,CAAcU,KAAf,EAAsB,GAAtB;AADU;AAhBzB,GANe;AA0BzBC,EAAAA,kBAAkB,EAAE;AAClBb,IAAAA,OAAO,EAAE;AADS,GA1BK;AA6BzBc,EAAAA,SAAS,EAAE,EA7Bc;AA8BzBC,EAAAA,cAAc,EAAE,EA9BS;AA+BzBC,EAAAA,OAAO,EAAE;AACPhB,IAAAA,OAAO,EAAE,aADF;AAEPiB,IAAAA,UAAU,EAAE;AAFL;AA/BgB,CAAZ,CAAf;;AAqCA,eAAepB,MAAf","sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.palette.atmo1,\n    marginBottom: theme.hv.spacing.xs,\n  },\n  semantic: {\n    backgroundColor: theme.palette.sema7,\n    \"& $selectAll div\": {\n      color: theme.palette.base2,\n      \"&:hover:not(:disabled)\": {\n        backgroundColor: fade(theme.palette.base1, 0.3),\n      },\n      \"& *\": {\n        color: theme.palette.base2,\n        backgroundColor: \"transparent\",\n      },\n    },\n    \"& $selectAll:focus-within div\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"& $selectAll.focus-within div\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n  selectAllContainer: {\n    display: \"flex\",\n  },\n  selectAll: {},\n  selectAllPages: {},\n  actions: {\n    display: \"inline-flex\",\n    marginLeft: \"auto\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Button/Button.d.ts

@@ -0,0 +1,46 @@
+import { ButtonProps, StandardProps } from "@material-ui/core";
+
+export type HvButtonCategories = "primary" | "secondary" | "ghost" | "semantic";
+
+export type HvButtonClassKey =
+  | "root"
+  | "icon"
+  | "primary"
+  | "primaryDisabled"
+  | "secondary"
+  | "secondaryDisabled"
+  | "ghost"
+  | "ghostDisabled"
+  | "semantic"
+  | "semanticDisabled"
+  | "startIcon";
+
+export interface HvButtonProps extends StandardProps<ButtonProps, HvButtonClassKey> {
+  /**
+   * Whether the Button is an icon-only button.
+   */
+  icon?: boolean;
+  /**
+   * Category of button to use
+   */
+  category?: HvButtonCategories;
+  /**
+   * Whether the Button is in a selected state
+   */
+  selected?: boolean;
+
+  /**
+   * Defines the default colors of the button are forced into the icon.
+   */
+  overrideIconColors?: boolean;
+
+  // this prop is not being found by typescript extend chain. Consider removing this in the future
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvButton(props: HvButtonProps): JSX.Element | null;

package/dist/modern/Button/Button.js

@@ -0,0 +1,163 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "children", "disabled", "onClick", "icon", "category", "startIcon", "overrideIconColors"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Button, withStyles } from "@material-ui/core";
+import getMaterialConfiguration from "./materialConfigurarion";
+import styles from "./styles";
+/**
+ * A button refers to a graphical control element that provides the user with a simple way to trigger an event.
+ */
+
+const HvButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    id,
+    classes,
+    className,
+    children,
+    disabled,
+    onClick,
+    icon = false,
+    category: categoryProp,
+    startIcon,
+    overrideIconColors = true
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const category = categoryProp !== null && categoryProp !== void 0 ? categoryProp : icon ? "ghost" : "primary";
+  const buttonConfiguration = getMaterialConfiguration(classes, category);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    className: clsx(className, icon && classes.icon, overrideIconColors && classes[`${category}SVG`]),
+    ref: ref,
+    id: id,
+    classes: buttonConfiguration.classes,
+    variant: buttonConfiguration.variant,
+    color: buttonConfiguration.color,
+    disabled: disabled,
+    disableRipple: true,
+    onClick: onClick,
+    startIcon: startIcon // 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), children);
+});
+HvButton.propTypes = {
+  /**
+   * Category of button to use
+   */
+  category: PropTypes.oneOf(["ghost", "primary", "secondary", "semantic"]),
+
+  /**
+   * The content of the button.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See CSS API tab for more details.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the ghost button.
+     */
+    ghost: PropTypes.string,
+
+    /**
+     * Styles applied to the ghost button when it is disabled.
+     */
+    ghostDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the primary button.
+     */
+    primary: PropTypes.string,
+
+    /**
+     * Styles applied to the primary button when it is disabled.
+     */
+    primaryDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when category is icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary button.
+     */
+    secondary: PropTypes.string,
+
+    /**
+     * Styles applied to the secondary button when it is disabled.
+     */
+    secondaryDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the semantic button.
+     */
+    semantic: PropTypes.string,
+
+    /**
+     * Styles applied to the semantic button when it is disabled.
+     */
+    semanticDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the button's left icon.
+     */
+    startIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the button if keyboard focused.
+     */
+    focusVisible: PropTypes.string
+  }),
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * If `true`, the button will be disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The function executed when the button is pressed.
+   * @param event React.MouseEvent<HTMLButtonElement>
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Whether the Button is an icon-only button.
+   */
+  icon: PropTypes.bool,
+
+  /**
+   * Element placed before the children.
+   */
+  startIcon: PropTypes.node,
+
+  /**
+   * Defines the default colors of the button are forced into the icon.
+   */
+  overrideIconColors: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvButton"
+})(HvButton);
+//# sourceMappingURL=Button.js.map

package/dist/modern/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Button/Button.js"],"names":["React","PropTypes","clsx","Button","withStyles","getMaterialConfiguration","styles","HvButton","forwardRef","props","ref","id","classes","className","children","disabled","onClick","icon","category","categoryProp","startIcon","overrideIconColors","others","buttonConfiguration","variant","color","focusVisible","propTypes","oneOf","node","isRequired","shape","ghost","string","ghostDisabled","primary","primaryDisabled","root","secondary","secondaryDisabled","semantic","semanticDisabled","bool","func","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Button, withStyles } from \"@material-ui/core\";\nimport getMaterialConfiguration from \"./materialConfigurarion\";\nimport styles from \"./styles\";\n\n/**\n * A button refers to a graphical control element that provides the user with a simple way to trigger an event.\n */\nconst HvButton = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    disabled,\n    onClick,\n    icon = false,\n    category: categoryProp,\n    startIcon,\n    overrideIconColors = true,\n    ...others\n  } = props;\n  const category = categoryProp ?? (icon ? \"ghost\" : \"primary\");\n  const buttonConfiguration = getMaterialConfiguration(classes, category);\n\n  return (\n    <Button\n      className={clsx(className, {\n        [classes.icon]: icon,\n        [classes[`${category}SVG`]]: overrideIconColors,\n      })}\n      ref={ref}\n      id={id}\n      classes={buttonConfiguration.classes}\n      variant={buttonConfiguration.variant}\n      color={buttonConfiguration.color}\n      disabled={disabled}\n      disableRipple\n      onClick={onClick}\n      startIcon={startIcon}\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      {children}\n    </Button>\n  );\n});\n\nHvButton.propTypes = {\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"primary\", \"secondary\", \"semantic\"]),\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the ghost button.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghost button when it is disabled.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the primary button.\n     */\n    primary: PropTypes.string,\n    /**\n     * Styles applied to the primary button when it is disabled.\n     */\n    primaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when category is icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the secondary button.\n     */\n    secondary: PropTypes.string,\n    /**\n     * Styles applied to the secondary button when it is disabled.\n     */\n    secondaryDisabled: PropTypes.string,\n    /**\n     * Styles applied to the semantic button.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the semantic button when it is disabled.\n     */\n    semanticDisabled: PropTypes.string,\n    /**\n     * Styles applied to the button's left icon.\n     */\n    startIcon: PropTypes.string,\n    /**\n     * Styles applied to the button if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the button will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The function executed when the button is pressed.\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the Button is an icon-only button.\n   */\n  icon: PropTypes.bool,\n  /**\n   * Element placed before the children.\n   */\n  startIcon: PropTypes.node,\n  /**\n   * Defines the default colors of the button are forced into the icon.\n   */\n  overrideIconColors: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvButton\" })(HvButton);\n"],"file":"Button.js"}

package/dist/modern/Button/index.d.ts

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

package/dist/modern/Button/index.js

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

package/dist/modern/Button/index.js.map

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

package/dist/modern/Button/materialButtonConfiguration.js

@@ -0,0 +1,13 @@
+const materialButtonConfiguration = Object.freeze({
+  color: {
+    primary: "primary",
+    secondary: "secondary"
+  },
+  variant: {
+    outlined: "outlined",
+    contained: "contained",
+    text: "text"
+  }
+});
+export default materialButtonConfiguration;
+//# sourceMappingURL=materialButtonConfiguration.js.map

package/dist/modern/Button/materialButtonConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Button/materialButtonConfiguration.js"],"names":["materialButtonConfiguration","Object","freeze","color","primary","secondary","variant","outlined","contained","text"],"mappings":"AAAA,MAAMA,2BAA2B,GAAGC,MAAM,CAACC,MAAP,CAAc;AAChDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,SADJ;AAELC,IAAAA,SAAS,EAAE;AAFN,GADyC;AAKhDC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,UADH;AAEPC,IAAAA,SAAS,EAAE,WAFJ;AAGPC,IAAAA,IAAI,EAAE;AAHC;AALuC,CAAd,CAApC;AAYA,eAAeT,2BAAf","sourcesContent":["const materialButtonConfiguration = Object.freeze({\n  color: {\n    primary: \"primary\",\n    secondary: \"secondary\",\n  },\n  variant: {\n    outlined: \"outlined\",\n    contained: \"contained\",\n    text: \"text\",\n  },\n});\n\nexport default materialButtonConfiguration;\n"],"file":"materialButtonConfiguration.js"}