@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Table/selectTable.js

@@ -0,0 +1,162 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["columns", "isSelected", "toggleSelection", "toggleAll", "keyField", "selectAll", "selectType", "selectWidth", "SelectAllInputComponent", "SelectInputComponent", "fixedCheckbox"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+/* eslint-disable */
+
+/**
+ * This file was taken from https://github.com/tannerlinsley/react-table/blob/v6/src/hoc/selectTable/index.js
+ *
+ * The select table HOC presented a bug in the checkbox.
+ * When the checkbox was selected using a keyboard it lost the focus.
+ * To solve this the default checkbox was substituted with the UI-KIT checkbox.
+ *
+ */
+import React from "react";
+import HvCheckBox from "../CheckBox";
+import { setId } from "../utils";
+
+const defaultSelectInputComponent = props => {
+  var _props$row;
+
+  return /*#__PURE__*/React.createElement(HvCheckBox, _extends({
+    id: props.id,
+    inputProps: {
+      id: setId(props.id, "input"),
+      "aria-label": setId(props.id, "select")
+    },
+    checked: props.checked,
+    onChange: () => {},
+    onClick: e => {
+      var _props$onClick;
+
+      const {
+        shiftKey
+      } = e;
+      e.stopPropagation();
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, props.id, shiftKey, props.row);
+    }
+  }, (_props$row = props.row) === null || _props$row === void 0 ? void 0 : _props$row.checkboxProps));
+};
+
+export default ((Component, options) => {
+  const wrapper = class RTSelectTable extends React.Component {
+    constructor(props) {
+      super(props);
+    }
+
+    rowSelector(row) {
+      if (!row || !row.hasOwnProperty(this.props.keyField)) return null;
+      const {
+        toggleSelection,
+        selectType,
+        keyField,
+        id
+      } = this.props;
+      const checked = this.props.isSelected(row[this.props.keyField]);
+      const inputProps = {
+        checked,
+        onClick: toggleSelection,
+        selectType,
+        row,
+        id: setId("select", row[keyField])
+      };
+      return /*#__PURE__*/React.createElement(this.props.SelectInputComponent, inputProps);
+    }
+
+    headSelector(row) {
+      const {
+        selectType
+      } = this.props;
+      if (selectType === "radio") return null;
+      const {
+        toggleAll,
+        selectAll: checked,
+        SelectAllInputComponent
+      } = this.props;
+      const inputProps = {
+        checked,
+        onClick: toggleAll,
+        selectType,
+        id: "select-all"
+      };
+      return /*#__PURE__*/React.createElement(SelectAllInputComponent, inputProps);
+    } // this is so we can expose the underlying ReactTable to get at the sortedData for selectAll
+
+
+    getWrappedInstance() {
+      if (!this.wrappedInstance) console.warn("RTSelectTable - No wrapped instance");
+      if (this.wrappedInstance.getWrappedInstance) return this.wrappedInstance.getWrappedInstance();else return this.wrappedInstance;
+    }
+
+    render() {
+      const _this$props = this.props,
+            {
+        columns: originalCols,
+        isSelected,
+        toggleSelection,
+        toggleAll,
+        keyField,
+        selectAll,
+        selectType,
+        selectWidth,
+        SelectAllInputComponent,
+        SelectInputComponent,
+        fixedCheckbox
+      } = _this$props,
+            rest = _objectWithoutProperties(_this$props, _excluded);
+
+      const select = {
+        id: "_selector",
+        accessor: () => "x",
+        // this value is not important
+        Header: this.headSelector.bind(this),
+        Cell: ci => {
+          return this.rowSelector.bind(this)(ci.original);
+        },
+        width: selectWidth || 30,
+        filterable: false,
+        sortable: false,
+        resizable: false,
+        style: {
+          textAlign: "center"
+        },
+        fixed: fixedCheckbox ? options !== undefined && options.floatingLeft === true ? "right" : "left" : undefined
+      };
+      const columns = options !== undefined && options.floatingLeft === true ? [...originalCols, select] : [select, ...originalCols];
+      const extra = {
+        columns
+      };
+      return /*#__PURE__*/React.createElement(Component, _extends({}, rest, extra, {
+        [(options === null || options === void 0 ? void 0 : options.callbackRefProperty) || "ref"]: r => this.wrappedInstance = r
+      }));
+    }
+
+  };
+  wrapper.displayName = "RTSelectTable";
+  wrapper.defaultProps = {
+    keyField: "_id",
+    isSelected: key => {
+      console.log("No isSelected handler provided:", {
+        key
+      });
+    },
+    selectAll: false,
+    toggleSelection: (key, shift, row) => {
+      console.log("No toggleSelection handler provided:", {
+        key,
+        shift,
+        row
+      });
+    },
+    toggleAll: () => {
+      console.log("No toggleAll handler provided.");
+    },
+    selectType: "checkbox",
+    SelectInputComponent: defaultSelectInputComponent,
+    SelectAllInputComponent: defaultSelectInputComponent
+  };
+  return wrapper;
+});
+//# sourceMappingURL=selectTable.js.map

package/dist/modern/Table/selectTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/selectTable.js"],"names":["React","HvCheckBox","setId","defaultSelectInputComponent","props","id","checked","e","shiftKey","stopPropagation","onClick","row","checkboxProps","Component","options","wrapper","RTSelectTable","constructor","rowSelector","hasOwnProperty","keyField","toggleSelection","selectType","isSelected","inputProps","createElement","SelectInputComponent","headSelector","toggleAll","selectAll","SelectAllInputComponent","getWrappedInstance","wrappedInstance","console","warn","render","columns","originalCols","selectWidth","fixedCheckbox","rest","select","accessor","Header","bind","Cell","ci","original","width","filterable","sortable","resizable","style","textAlign","fixed","undefined","floatingLeft","extra","callbackRefProperty","r","displayName","defaultProps","key","log","shift"],"mappings":"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","sourcesContent":["/* eslint-disable */\n/**\n * This file was taken from https://github.com/tannerlinsley/react-table/blob/v6/src/hoc/selectTable/index.js\n *\n * The select table HOC presented a bug in the checkbox.\n * When the checkbox was selected using a keyboard it lost the focus.\n * To solve this the default checkbox was substituted with the UI-KIT checkbox.\n *\n */\nimport React from \"react\";\nimport HvCheckBox from \"../CheckBox\";\nimport { setId } from \"../utils\";\n\nconst defaultSelectInputComponent = (props) => {\n  return (\n    <HvCheckBox\n      id={props.id}\n      inputProps={{\n        id: setId(props.id, \"input\"),\n        \"aria-label\": setId(props.id, \"select\"),\n      }}\n      checked={props.checked}\n      onChange={() => {}}\n      onClick={(e) => {\n        const { shiftKey } = e;\n        e.stopPropagation();\n        props.onClick?.(props.id, shiftKey, props.row);\n      }}\n      {...props.row?.checkboxProps}\n    />\n  );\n};\n\nexport default (Component, options) => {\n  const wrapper = class RTSelectTable extends React.Component {\n    constructor(props) {\n      super(props);\n    }\n\n    rowSelector(row) {\n      if (!row || !row.hasOwnProperty(this.props.keyField)) return null;\n      const { toggleSelection, selectType, keyField, id } = this.props;\n      const checked = this.props.isSelected(row[this.props.keyField]);\n      const inputProps = {\n        checked,\n        onClick: toggleSelection,\n        selectType,\n        row,\n        id: setId(\"select\", row[keyField]),\n      };\n      return React.createElement(this.props.SelectInputComponent, inputProps);\n    }\n\n    headSelector(row) {\n      const { selectType } = this.props;\n      if (selectType === \"radio\") return null;\n\n      const { toggleAll, selectAll: checked, SelectAllInputComponent } = this.props;\n      const inputProps = {\n        checked,\n        onClick: toggleAll,\n        selectType,\n        id: \"select-all\",\n      };\n\n      return React.createElement(SelectAllInputComponent, inputProps);\n    }\n\n    // this is so we can expose the underlying ReactTable to get at the sortedData for selectAll\n    getWrappedInstance() {\n      if (!this.wrappedInstance) console.warn(\"RTSelectTable - No wrapped instance\");\n      if (this.wrappedInstance.getWrappedInstance) return this.wrappedInstance.getWrappedInstance();\n      else return this.wrappedInstance;\n    }\n\n    render() {\n      const {\n        columns: originalCols,\n        isSelected,\n        toggleSelection,\n        toggleAll,\n        keyField,\n        selectAll,\n        selectType,\n        selectWidth,\n        SelectAllInputComponent,\n        SelectInputComponent,\n        fixedCheckbox,\n        ...rest\n      } = this.props;\n      const select = {\n        id: \"_selector\",\n        accessor: () => \"x\", // this value is not important\n        Header: this.headSelector.bind(this),\n        Cell: (ci) => {\n          return this.rowSelector.bind(this)(ci.original);\n        },\n        width: selectWidth || 30,\n        filterable: false,\n        sortable: false,\n        resizable: false,\n        style: { textAlign: \"center\" },\n        fixed: fixedCheckbox\n          ? options !== undefined && options.floatingLeft === true\n            ? \"right\"\n            : \"left\"\n          : undefined,\n      };\n\n      const columns =\n        options !== undefined && options.floatingLeft === true\n          ? [...originalCols, select]\n          : [select, ...originalCols];\n      const extra = {\n        columns,\n      };\n      return (\n        <Component\n          {...rest}\n          {...extra}\n          {...{ [options?.callbackRefProperty || \"ref\"]: (r) => (this.wrappedInstance = r) }}\n        />\n      );\n    }\n  };\n\n  wrapper.displayName = \"RTSelectTable\";\n  wrapper.defaultProps = {\n    keyField: \"_id\",\n    isSelected: (key) => {\n      console.log(\"No isSelected handler provided:\", { key });\n    },\n    selectAll: false,\n    toggleSelection: (key, shift, row) => {\n      console.log(\"No toggleSelection handler provided:\", { key, shift, row });\n    },\n    toggleAll: () => {\n      console.log(\"No toggleAll handler provided.\");\n    },\n    selectType: \"checkbox\",\n    SelectInputComponent: defaultSelectInputComponent,\n    SelectAllInputComponent: defaultSelectInputComponent,\n  };\n\n  return wrapper;\n};\n"],"file":"selectTable.js"}

package/dist/modern/Table/styles.js

@@ -0,0 +1,466 @@
+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 hexToRgbA from "../utils/hexToRgbA";
+
+const tableStyleOverrides = classes => ({
+  getProps: () => ({
+    className: classes.root
+  }),
+  getTableProps: () => ({
+    className: classes.table
+  }),
+  getTheadGroupProps: () => ({
+    className: classes.theadGroup
+  }),
+  getTheadGroupTrProps: () => ({
+    className: classes.theadGroupTr
+  }),
+  getTheadGroupThProps: () => ({
+    className: classes.theadGroupTh
+  }),
+  getTheadProps: () => ({
+    className: classes.thead
+  }),
+  getTheadThProps: () => ({
+    className: classes.theadTh
+  }),
+  getTheadFilterProps: () => ({
+    className: classes.theadFilter
+  }),
+  getTheadFilterTrProps: () => ({
+    className: classes.theadFilterTr
+  }),
+  getTheadFilterThProps: () => ({
+    className: classes.theadFilterTh
+  }),
+  getTbodyProps: () => ({
+    className: classes.tbody
+  }),
+  getTrGroupProps: () => ({
+    className: classes.trGroups
+  }),
+  getTrProps: () => ({
+    className: classes.tr
+  }),
+  // getThProps: () => ({ className: classes.th }), TODO: There is a bug in the component, where this prop is not used
+  getTdProps: () => ({
+    className: classes.td
+  }),
+  getTfootProps: () => ({
+    className: classes.tfoot
+  }),
+  getTfootTrProps: () => ({
+    className: classes.tfootTr
+  }),
+  getTfootThProps: () => ({
+    className: classes.tfootTh
+  }),
+  getPaginationProps: () => ({
+    className: classes.pagination
+  }),
+  getLoadingProps: () => ({
+    className: classes.loading
+  }),
+  getNoDataProps: () => ({
+    className: classes.noDate
+  }),
+  getResizerProps: () => ({
+    className: classes.resizer
+  })
+});
+
+const styles = theme => {
+  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);
+  return {
+    root: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      textAlign: "right",
+      border: "none",
+      position: "relative",
+      display: "flex",
+      "-webkit-box-orient": "vertical",
+      "-webkit-box-direction": "normal",
+      flexDirection: "column",
+      "& $table": {
+        "-ms-overflow-y": "hidden",
+        "& $thead": {
+          background: theme.hv.palette.atmosphere.atmo1,
+          textAlign: `right`,
+          borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+          borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+          boxShadow: `none`,
+          // Needed because of the HOC for the fixed columns
+          top: "0 !important",
+          display: "flex",
+          "& .rt-tr": {
+            flex: "1 0 auto",
+            display: "inline-flex"
+          },
+          "& $theadTh": {
+            outline: "none",
+            backgroundColor: theme.hv.palette.atmosphere.atmo1,
+            height: "52px",
+            minWidth: "72px",
+            padding: 0,
+            display: "flex",
+            alignItems: "flex-end",
+            justifyContent: "flex-end",
+            border: "none",
+            boxShadow: "none",
+            "& > div": {
+              width: "100%",
+              alignSelf: "baseline"
+            },
+            "& > div.rt-resizer": {
+              width: theme.hv.spacing.xs,
+              right: "-8px"
+            },
+            "&:first-child:not(.checkbox)": {
+              borderLeft: "none"
+            },
+            "&:nth-last-child(2).-secondaryActionsNeighbor": {
+              borderRightColor: theme.hv.palette.atmosphere.atmo4
+            },
+            "&:last-child": {
+              borderRight: "none"
+            },
+            "&.secondaryAction": {
+              minWidth: "30px",
+              maxWidth: "30px",
+              borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&.checkBox": {
+              minWidth: "31px",
+              maxWidth: "31px",
+              borderRight: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&.rt-th": {
+              flex: "1 0",
+              whiteSpace: "nowrap",
+              textOverflow: "ellipsis"
+            },
+            "&.rt-th.-cursor-pointer": {
+              cursor: "pointer"
+            },
+            "& ~.rt-th.rthfc-th-fixed-left-last": {
+              left: 0,
+              borderLeft: "none"
+            },
+            "&.rthfc-th-fixed": {
+              position: "sticky",
+              zIndex: 1
+            },
+            "&.rt-th.rthfc-th-fixed-left-last": {
+              borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&.rt-th.rthfc-th-fixed-right-first": {
+              borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&.sortable": {
+              "&:hover > div > div > div ": {
+                visibility: "visible"
+              },
+              "&:hover, &:focus-within": {
+                // hover and focus in table header
+                background: theme.hv.palette.atmosphere.atmo3
+              },
+              "&:hover": {
+                // hover and focus in table header
+                background: theme.hv.palette.atmosphere.atmo3
+              }
+            }
+          }
+        },
+        "& $tbody": {
+          "-ms-overflow-y": "hidden",
+          background: theme.hv.palette.atmosphere.atmo2,
+          "& $trGroups": {
+            borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+            "-webkit-box-flex": 1,
+            flex: "1 0 auto",
+            display: "flex",
+            "-webkit-box-orient": "vertical",
+            "-webkit-box-direction": "normal",
+            flexDirection: "column",
+            alignItems: "stretch",
+            "& $tr": {
+              flex: "1 0 auto",
+              display: "inline-flex",
+              "& > div$td": {
+                background: theme.hv.palette.atmosphere.atmo2,
+                "&.sorted": {
+                  background: semiTransparentAtmo1
+                },
+                "&.rthfc-td-fixed": {
+                  position: "sticky",
+                  zIndex: 1,
+                  background: theme.hv.palette.atmosphere.atmo2,
+                  "&.sorted": {
+                    backgroundColor: theme.hv.palette.atmosphere.atmo2,
+                    backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`
+                  }
+                }
+              },
+              "&.selected > div$td": {
+                "&.rthfc-td-fixed": {
+                  background: theme.hv.palette.atmosphere.atmo1,
+                  "&.sorted": {
+                    background: theme.hv.palette.atmosphere.atmo1
+                  }
+                }
+              },
+              "&.selected": {
+                background: theme.hv.palette.atmosphere.atmo1,
+                "& > div$td": {
+                  background: "none"
+                }
+              },
+              "&.selected:hover > div$td": {
+                background: theme.hv.palette.atmosphere.atmo3,
+                "&.rthfc-td-fixed": {
+                  background: theme.hv.palette.atmosphere.atmo3,
+                  "&.sorted": {
+                    background: theme.hv.palette.atmosphere.atmo3
+                  }
+                }
+              },
+              "&:hover > div$td": {
+                background: theme.hv.palette.atmosphere.atmo3,
+                "&.sorted": {
+                  background: theme.hv.palette.atmosphere.atmo3
+                },
+                "&.rthfc-td-fixed": {
+                  background: theme.hv.palette.atmosphere.atmo3,
+                  "&.sorted": {
+                    background: theme.hv.palette.atmosphere.atmo3
+                  }
+                }
+              }
+            }
+          },
+          "& $td": {
+            background: "transparent",
+            border: "0 solid transparent",
+            padding: theme.hvSpacing(0, "xs"),
+            minWidth: "72px",
+            "&.sortable": {
+              paddingLeft: "32px"
+            },
+            "&.alphaNumeric": {
+              minWidth: "70px",
+              textAlign: "left"
+            },
+            "&.link": {
+              paddingLeft: "32px",
+              "&:not(.sortable)": {
+                paddingLeft: theme.hv.spacing.xs
+              }
+            },
+            "&.secondaryAction": {
+              minWidth: "31px",
+              maxWidth: "31px",
+              padding: 0,
+              borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+              overflow: "visible"
+            },
+            "&:first-child": {
+              borderLeft: "none"
+            },
+            "&:last-child": {
+              borderRight: "none"
+            },
+            "&.rt-td": {
+              flex: "1 0",
+              whiteSpace: "nowrap",
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              transition: ".3s ease",
+              transitionProperty: "all"
+            },
+            "&.rt-td.rthfc-td-fixed-left-last": {
+              borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&.rt-td.rthfc-td-fixed-right-first": {
+              borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
+            },
+            "&$expand": {
+              paddingLeft: "0"
+            }
+          },
+          "& .firstExpandable": {
+            paddingLeft: "0px"
+          },
+          "& .checkBox": {
+            minWidth: "31px",
+            maxWidth: "31px",
+            padding: 0,
+            borderRight: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+          }
+        }
+      },
+      "& $td": {
+        display: "flex",
+        alignItems: "center"
+      }
+    }),
+    table: {
+      flex: "auto 1",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      width: "100%",
+      borderCollapse: "collapse",
+      overflow: "auto"
+    },
+    theadGroup: {},
+    theadGroupTr: {},
+    theadGroupTh: {},
+    thead: _objectSpread({}, theme.hv.typography.highlightText),
+    theadTh: {},
+    theadFilter: {},
+    theadFilterTr: {},
+    theadFilterTh: {},
+    tbody: {},
+    tBodyEmpty: {
+      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      minHeight: "calc(32px * 3)"
+    },
+    trGroups: {},
+    tr: {
+      height: "32px",
+      "& $textContainer": {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        textAlign: "left"
+      }
+    },
+    textContainer: {},
+    // th: {}, TODO: There is a bug in the component, where this prop is not used
+    td: {},
+    tfoot: {},
+    tfootTr: {},
+    tfootTh: {},
+    pagination: {},
+    loading: {
+      display: "block",
+      position: "absolute",
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      background: "rgba(255, 255, 255, 0.8)",
+      transition: "all 0.3s ease",
+      zIndex: -1,
+      opacity: 0,
+      pointerEvents: "none"
+    },
+    noDate: {},
+    resizer: {},
+    rtSortIcon: {
+      width: "32px",
+      height: "32px",
+      position: "absolute"
+    },
+    sortedIconShown: {
+      visibility: "visible"
+    },
+    sortedIconHidden: {
+      display: "none"
+    },
+    pointer: {
+      cursor: "pointer"
+    },
+    tableContainer: {},
+    subtitle: {},
+    title: {
+      marginBottom: theme.hv.spacing.sm
+    },
+    checkBoxBorder: {
+      "&:nth-child(2)": {
+        borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo3}`
+      }
+    },
+    checkBoxRow: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: theme.hv.spacing.xs
+    },
+    centered: {
+      justifyContent: "center"
+    },
+    alphaNumeric: {
+      justifyContent: "flex-start"
+    },
+    numeric: {
+      justifyContent: "flex-end",
+      textAlign: "right"
+    },
+    link: {
+      justifyContent: "flex-start",
+      "& > a": _objectSpread(_objectSpread({}, theme.hv.typography.link), {}, {
+        textDecoration: "none"
+      })
+    },
+    subComponentContainer: {
+      width: "100%",
+      height: "100%",
+      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,
+      background: theme.hv.palette.atmosphere.atmo1,
+      padding: theme.hvSpacing("md", "32px")
+    },
+    iconContainer: {
+      marginLeft: 5,
+      marginRight: 5,
+      width: "25px",
+      height: "25px",
+      minWidth: "25px",
+      minHeight: "25px",
+      borderRadius: 0,
+      "&:focus": {
+        background: theme.hv.palette.atmosphere.atmo3,
+        outline: 0
+      }
+    },
+    firstWithNumeric: {
+      width: "calc(100% - 32px)"
+    },
+    checkBoxText: {
+      display: "flex",
+      alignItems: "center"
+    },
+    menuItem: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+      textAlign: "right",
+      marginBottom: "-6px",
+      marginTop: "-6px"
+    }),
+    expand: _objectSpread({}, theme.hv.typography.highlightText),
+    separatorContainer: {
+      width: "32px",
+      height: "32px",
+      display: "flex",
+      alignItems: "center",
+      "&>svg": {
+        display: "block",
+        margin: "0 auto"
+      }
+    },
+    tooltipAnchor: {
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    bulkActions: {
+      margin: theme.hvSpacing("sm", 0, "xs")
+    }
+  };
+};
+
+export default styles;
+export { styles, tableStyleOverrides };
+//# sourceMappingURL=styles.js.map