@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useRowRendererProperties_exports = {};
+__export(useRowRendererProperties_exports, {
+  useRowRendererProperties: () => useRowRendererProperties
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_DataTableContext = require("../../DataTableContext");
+var import_useRowStyle = require("./useRowStyle");
+const useRowRendererProperties = ({
+  row
+}) => {
+  const {
+    tableProps: { colsLayoutStyle },
+    layoutHelpers: { totalColumnsWidth }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const userDataProperties = (0, import_react.useMemo)(() => Object.keys(row.original).reduce((acc, cur) => {
+    if (cur.startsWith("data-"))
+      acc[cur] = row.original[cur];
+    return acc;
+  }, {}), [row]);
+  const styleRelatedProps = (0, import_useRowStyle.useRowStyle)(row);
+  return __spreadValues({
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth
+  }, styleRelatedProps);
+};
+module.exports = __toCommonJS(useRowRendererProperties_exports);
+//# sourceMappingURL=useRowRendererProperties.js.map

package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/RowRenderer/useRowRendererProperties.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { TypescriptRow } from '../../types/props';\nimport { useRowStyle } from './useRowStyle';\n\nexport const useRowRendererProperties = ({\n  row,\n}: {\n  row: TypescriptRow;\n}): {\n  userDataProperties: Record<string, unknown>;\n  colsLayoutStyle: ColsLayoutStyle;\n  totalColumnsWidth: string | number;\n} & ReturnType<typeof useRowStyle> => {\n  const {\n    tableProps: { colsLayoutStyle },\n    layoutHelpers: { totalColumnsWidth },\n  } = useContext(DataTableContext);\n\n  const userDataProperties = useMemo(\n    () =>\n      Object.keys(row.original).reduce((acc, cur) => {\n        if (cur.startsWith('data-')) acc[cur] = row.original[cur];\n        return acc;\n      }, {}),\n    [row],\n  );\n\n  const styleRelatedProps = useRowStyle(row);\n\n  return {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    ...styleRelatedProps,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAEpC,8BAAiC;AAEjC,yBAA4B;AAErB,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,MAOoC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,MACf,6BAAW;AAEf,QAAM,qBAAqB,0BACzB,MACE,OAAO,KAAK,IAAI,UAAU,OAAO,CAAC,KAAK,QAAQ;AAC7C,QAAI,IAAI,WAAW;AAAU,UAAI,OAAO,IAAI,SAAS;AACrD,WAAO;AAAA,KACN,KACL,CAAC;AAGH,QAAM,oBAAoB,oCAAY;AAEtC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,KACG;AAAA;",
+  "names": []
+}

package/dist/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useRowStyle_exports = {};
+__export(useRowStyle_exports, {
+  useRowStyle: () => useRowStyle
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_DataTableContext = __toESM(require("../../DataTableContext"));
+var import_SortableItemContext = require("../../parts/HoC/SortableItemContext");
+const useRowStyle = (row) => {
+  const { flattenedData } = (0, import_react.useContext)(import_DataTableContext.default);
+  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
+  const [borderTop, borderBottom, shouldAppendDottedBorder] = (0, import_react.useMemo)(() => {
+    if (row.original.dimsumHeaderValue) {
+      return ["none", "none", false];
+    }
+    if (row.isExpanded && row.original.subRows && row.depth === 0) {
+      return ["1px solid #EBEDF0", "none", true];
+    }
+    if (row.depth >= 1) {
+      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {
+        return ["none", "2px solid #EBEDF0", false];
+      }
+      return ["none", "none", true];
+    }
+    return ["none", "1px solid #EBEDF0", false];
+  }, [row, flattenedData]);
+  const rowStyle = (0, import_react.useMemo)(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);
+  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
+  return {
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
+  };
+};
+module.exports = __toCommonJS(useRowStyle_exports);
+//# sourceMappingURL=useRowStyle.js.map

package/dist/cjs/exported-related/RowRenderer/useRowStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/RowRenderer/useRowStyle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport DataTableContext from '../../DataTableContext';\nimport { SortableItemContext, DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowStyle = (\n  row: TypescriptRow,\n): {\n  rowStyle: Record<string, unknown>;\n  shouldAppendDottedBorder: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n} => {\n  const { flattenedData } = useContext(DataTableContext);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  // ---------------------------------------------------------------------------\n  // Border calculation\n  // ---------------------------------------------------------------------------\n  const [borderTop, borderBottom, shouldAppendDottedBorder]: [string, string, boolean] = useMemo(() => {\n    if (row.original.dimsumHeaderValue) {\n      return ['none', 'none', false];\n    }\n    if (row.isExpanded && row.original.subRows && row.depth === 0) {\n      return ['1px solid #EBEDF0', 'none', true];\n    }\n\n    if (row.depth >= 1) {\n      if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {\n        return ['none', '2px solid #EBEDF0', false];\n      }\n      return ['none', 'none', true];\n    }\n\n    return ['none', '1px solid #EBEDF0', false];\n  }, [row, flattenedData]);\n\n  const rowStyle = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);\n\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  return {\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,8BAA6B;AAC7B,iCAA2D;AAGpD,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,6BAAW;AAErC,QAAM,EAAE,mBAAmB,6BAAW;AAKtC,QAAM,CAAC,WAAW,cAAc,4BAAuD,0BAAQ,MAAM;AACnG,QAAI,IAAI,SAAS,mBAAmB;AAClC,aAAO,CAAC,QAAQ,QAAQ;AAAA;AAE1B,QAAI,IAAI,cAAc,IAAI,SAAS,WAAW,IAAI,UAAU,GAAG;AAC7D,aAAO,CAAC,qBAAqB,QAAQ;AAAA;AAGvC,QAAI,IAAI,SAAS,GAAG;AAClB,UAAI,IAAI,YAAY,cAAc,SAAS,KAAK,cAAc,IAAI,YAAY,GAAG,UAAU,GAAG;AAC5F,eAAO,CAAC,QAAQ,qBAAqB;AAAA;AAEvC,aAAO,CAAC,QAAQ,QAAQ;AAAA;AAG1B,WAAO,CAAC,QAAQ,qBAAqB;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,WAAW,0BAAQ,MAAO,GAAE,WAAW,iBAAiB,CAAC,WAAW;AAE1E,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/exported-related/RowVariants.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowVariants_exports = {};
+__export(RowVariants_exports, {
+  ROW_VARIANTS: () => ROW_VARIANTS,
+  ROW_VARIANT_COMPACT_KEY: () => ROW_VARIANT_COMPACT_KEY,
+  ROW_VARIANT_KEY: () => ROW_VARIANT_KEY
+});
+var React = __toESM(require("react"));
+const ROW_VARIANTS = {
+  HEADER_GROUP: "ds-header-group-row",
+  PRIMARY: "ds-primary-row",
+  SECONDARY: "ds-secondary-row",
+  COMPACT_PRIMARY: "ds-compact-primary-row",
+  COMPACT_SECONDARY: "ds-compact-secondary-row"
+};
+const ROW_VARIANT_KEY = "row_variant_type";
+const ROW_VARIANT_COMPACT_KEY = "row_variant_compact";
+module.exports = __toCommonJS(RowVariants_exports);
+//# sourceMappingURL=RowVariants.js.map

package/dist/cjs/exported-related/RowVariants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/RowVariants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ROW_VARIANTS = {\n  HEADER_GROUP: 'ds-header-group-row',\n  PRIMARY: 'ds-primary-row',\n  SECONDARY: 'ds-secondary-row',\n  COMPACT_PRIMARY: 'ds-compact-primary-row',\n  COMPACT_SECONDARY: 'ds-compact-secondary-row',\n};\n\nexport const ROW_VARIANT_KEY = 'row_variant_type';\nexport const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,mBAAmB;AAAA;AAGd,MAAM,kBAAkB;AACxB,MAAM,0BAA0B;",
+  "names": []
+}

package/dist/cjs/exported-related/Toolbar/Toolbar.js

@@ -0,0 +1,110 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Toolbar_exports = {};
+__export(Toolbar_exports, {
+  Toolbar: () => Toolbar
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_constants = require("../../configs/constants");
+const ToolbarBtns = import_styled_components.default.div`
+  & > .em-ds-toolbar {
+    box-shadow: none;
+  }
+`;
+const ToolbarWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  height: 36px;
+  margin-right: 1px;
+  pointer-events: all;
+  &:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+    & > .toolbar-trigger {
+      border: none;
+    }
+  }
+`;
+const ToolbarPosition = import_styled_components.default.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  pointer-events: none;
+  background: white;
+  height: 28px;
+  margin-top: 4px;
+  width: 100%;
+  padding-left: 4px;
+  &:hover {
+    z-index: 1;
+  }
+  :after {
+    content: '';
+    position: absolute;
+    left: 0px;
+    top: 4px;
+    bottom: 4px;
+    width: 1px;
+    background-color: ${(props) => props.theme.colors.neutral["080"]};
+    z-index: 7;
+  }
+`;
+const Toolbar = ({ children }) => {
+  const [show, setShow] = (0, import_react.useState)(false);
+  const [clicked, setClicked] = (0, import_react.useState)(false);
+  const toolbarRef = (0, import_react.useRef)(null);
+  const handleOnClickOutside = (0, import_react.useCallback)(() => {
+    setShow(false);
+    setClicked(false);
+  }, []);
+  const handleOnClick = (0, import_react.useCallback)(() => {
+    setShow(true);
+    setClicked(true);
+  }, []);
+  (0, import_ds_utilities.useOnClickOutside)(toolbarRef, handleOnClickOutside);
+  return /* @__PURE__ */ import_react.default.createElement(ToolbarPosition, {
+    ref: toolbarRef
+  }, /* @__PURE__ */ import_react.default.createElement(ToolbarWrapper, {
+    onMouseEnter: () => setShow(true),
+    onMouseLeave: () => setShow(clicked)
+  }, show && /* @__PURE__ */ import_react.default.createElement(ToolbarBtns, null, children), /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    buttonType: "text",
+    className: "toolbar-trigger",
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null),
+    onClick: handleOnClick,
+    onKeyDown: (e) => ["Enter", "Space"].includes(e.code) && handleOnClick(),
+    tabIndex: 0
+  })));
+};
+module.exports = __toCommonJS(Toolbar_exports);
+//# sourceMappingURL=Toolbar.js.map

package/dist/cjs/exported-related/Toolbar/Toolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Toolbar/Toolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n  const [clicked, setClicked] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => {\n    setShow(false);\n    setClicked(false);\n  }, []);\n\n  const handleOnClick = useCallback(() => {\n    setShow(true);\n    setClicked(true);\n  }, []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(clicked)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          icon={<MoreOptionsVert />}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,+BAAmB;AACnB,uBAAyB;AACzB,sBAAgC;AAChC,0BAAkC;AAClC,uBAA4B;AAE5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAoBP,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAMvD,MAAM,UAA+B,CAAC,EAAE,eAAe;AAC5D,QAAM,CAAC,MAAM,WAAW,2BAAS;AACjC,QAAM,CAAC,SAAS,cAAc,2BAAS;AAEvC,QAAM,aAAa,yBAAO;AAE1B,QAAM,uBAAuB,8BAAY,MAAM;AAC7C,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,QAAM,gBAAgB,8BAAY,MAAM;AACtC,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,6CAAkB,YAAY;AAE9B,SACE,mDAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,mDAAC,gBAAD;AAAA,IAAgB,cAAc,MAAM,QAAQ;AAAA,IAAO,cAAc,MAAM,QAAQ;AAAA,KAC5E,QAAQ,mDAAC,aAAD,MAAc,WACvB,mDAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,6BAAY;AAAA,IACzB,MAAM,mDAAC,iCAAD;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,MAAM,CAAC,SAAS,SAAS,SAAS,EAAE,SAAS;AAAA,IACzD,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/exported-related/Toolbar/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Toolbar_exports = {};
+__export(Toolbar_exports, {
+  Toolbar: () => import_Toolbar.Toolbar
+});
+var React = __toESM(require("react"));
+var import_Toolbar = require("./Toolbar");
+module.exports = __toCommonJS(Toolbar_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/Toolbar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Toolbar/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { Toolbar } from './Toolbar';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAwB;",
+  "names": []
+}

package/dist/cjs/exported-related/groupBy.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var groupBy_exports = {};
+__export(groupBy_exports, {
+  groupBy: () => groupBy
+});
+var React = __toESM(require("react"));
+var import_uid = require("uid");
+const groupBy = (data, headerKey) => {
+  if (data.length === 0)
+    return [];
+  const groupsMap = {};
+  data.forEach((datum) => {
+    const groupValue = datum[headerKey];
+    if (Array.isArray(groupsMap[groupValue])) {
+      groupsMap[groupValue].push(datum);
+    } else {
+      groupsMap[groupValue] = [datum];
+    }
+  });
+  return Object.entries(groupsMap).map(([key, value]) => ({
+    dimsumHeaderValue: key,
+    subRows: value,
+    uid: (0, import_uid.uid)(16)
+  }));
+};
+module.exports = __toCommonJS(groupBy_exports);
+//# sourceMappingURL=groupBy.js.map

package/dist/cjs/exported-related/groupBy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/groupBy.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { uid } from 'uid';\n\nexport const groupBy = (data, headerKey) => {\n  if (data.length === 0) return [];\n  const groupsMap = {};\n  data.forEach((datum) => {\n    const groupValue = datum[headerKey];\n    if (Array.isArray(groupsMap[groupValue])) {\n      groupsMap[groupValue].push(datum);\n    } else {\n      groupsMap[groupValue] = [datum];\n    }\n  });\n  return Object.entries(groupsMap).map(([key, value]) => ({\n    dimsumHeaderValue: key,\n    subRows: value,\n    uid: uid(16),\n  }));\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAAoB;AAEb,MAAM,UAAU,CAAC,MAAM,cAAc;AAC1C,MAAI,KAAK,WAAW;AAAG,WAAO;AAC9B,QAAM,YAAY;AAClB,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,aAAa,MAAM;AACzB,QAAI,MAAM,QAAQ,UAAU,cAAc;AACxC,gBAAU,YAAY,KAAK;AAAA,WACtB;AACL,gBAAU,cAAc,CAAC;AAAA;AAAA;AAG7B,SAAO,OAAO,QAAQ,WAAW,IAAI,CAAC,CAAC,KAAK,WAAY;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,oBAAI;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/exported-related/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var exported_related_exports = {};
+__export(exported_related_exports, {
+  EditableCell: () => import_EditableCell.EditableCell,
+  FilterPopover: () => import_FilterPopover.FilterPopover,
+  Toolbar: () => import_Toolbar.Toolbar,
+  groupBy: () => import_groupBy.groupBy
+});
+var React = __toESM(require("react"));
+var import_FilterPopover = require("./FilterPopover");
+var import_EditableCell = require("./EditableCell");
+var import_Toolbar = require("./Toolbar");
+var import_groupBy = require("./groupBy");
+__reExport(exported_related_exports, require("./FilterTypes"));
+__reExport(exported_related_exports, require("./RowVariants"));
+__reExport(exported_related_exports, require("./Filters"));
+module.exports = __toCommonJS(exported_related_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { FilterPopover } from './FilterPopover';\nexport { EditableCell } from './EditableCell';\nexport { Toolbar } from './Toolbar';\nexport { groupBy } from './groupBy';\nexport * from './FilterTypes';\nexport * from './RowVariants';\nexport * from './Filters';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA8B;AAC9B,0BAA6B;AAC7B,qBAAwB;AACxB,qBAAwB;AACxB,qCAAc;AACd,qCAAc;AACd,qCAAc;",
+  "names": []
+}

package/dist/cjs/helpers/addCellData.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var addCellData_exports = {};
+__export(addCellData_exports, {
+  addCellData: () => addCellData
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const BasicCell = import_react.default.memo(({ cell }) => cell.value);
+const getCellValue = (row, accessor) => row.original[accessor] ?? null;
+const addColumnData = (datum, column) => {
+  datum.cells.push({
+    column,
+    value: getCellValue(datum, column.accessor),
+    render: column.Cell || BasicCell,
+    row: datum,
+    ref: import_react.default.createRef(),
+    id: `${datum.uid}__${column.id}`
+  });
+};
+const addCellData = (datum, columns) => {
+  datum.cells = [];
+  columns.forEach((column) => {
+    if (column.columns)
+      column.columns.forEach((col) => addColumnData(datum, col));
+    else
+      addColumnData(datum, column);
+  });
+};
+module.exports = __toCommonJS(addCellData_exports);
+//# sourceMappingURL=addCellData.js.map

package/dist/cjs/helpers/addCellData.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/addCellData.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { TypescriptColumn, TypescriptRow } from '../types/props';\n\nconst BasicCell = React.memo<{ cell: any }>(({ cell }) => cell.value);\n\nconst getCellValue = (row: TypescriptRow, accessor: string) => row.original[accessor] ?? null;\n\nconst addColumnData = (datum: TypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell || BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: TypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAGlB,MAAM,YAAY,qBAAM,KAAoB,CAAC,EAAE,WAAW,KAAK;AAE/D,MAAM,eAAe,CAAC,KAAoB,aAAqB,IAAI,SAAS,aAAa;AAEzF,MAAM,gBAAgB,CAAC,OAAsB,WAA6B;AACxE,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO;AAAA,IAClC,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,qBAAM;AAAA,IACX,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA;AAAA;AAIzB,MAAM,cAAc,CAAC,OAAsB,YAAsC;AACtF,QAAM,QAAQ;AACd,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO;AAAA;AACpE,oBAAc,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/helpers/cellPadding.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var cellPadding_exports = {};
+__export(cellPadding_exports, {
+  cellPadding: () => cellPadding,
+  columnPadding: () => columnPadding
+});
+var React = __toESM(require("react"));
+var import_sizeToCss = require("./sizeToCss");
+const cellPadding = ({ theme, column }) => `padding: 0 ${(0, import_sizeToCss.sizeToCss)(column.padding) ?? theme.space.xxs};`;
+const columnPadding = ({
+  theme,
+  column,
+  shouldShowDnD
+}) => {
+  if (column.padding !== void 0)
+    return `padding: 0 ${(0, import_sizeToCss.sizeToCss)(column.padding)};`;
+  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? "2px" : theme.space.xxs};`;
+};
+module.exports = __toCommonJS(cellPadding_exports);
+//# sourceMappingURL=cellPadding.js.map

package/dist/cjs/helpers/cellPadding.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/cellPadding.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { sizeToCss } from './sizeToCss';\n\nexport const cellPadding = ({ theme, column }: { theme: any; column: any }): string =>\n  `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;\n\nexport const columnPadding = ({\n  theme,\n  column,\n  shouldShowDnD,\n}: {\n  theme: any;\n  column: any;\n  shouldShowDnD: boolean;\n}): string => {\n  // Internal columns\n  if (column.padding !== undefined) return `padding: 0 ${sizeToCss(column.padding)};`;\n\n  // Default user columns\n  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAEnB,MAAM,cAAc,CAAC,EAAE,OAAO,aACnC,cAAc,gCAAU,OAAO,YAAY,MAAM,MAAM;AAElD,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,MAKY;AAEZ,MAAI,OAAO,YAAY;AAAW,WAAO,cAAc,gCAAU,OAAO;AAGxE,SAAO,cAAc,MAAM,MAAM,UAAU,gBAAgB,QAAQ,MAAM,MAAM;AAAA;",
+  "names": []
+}