@elliemae/ds-data-table 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/exported-related/Filters/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -1,114 +0,0 @@
-import * as React from "react";
-import React2, { useMemo, useLayoutEffect, useRef } from "react";
-import { INTERNAL_COLUMNS } from "../../addons/Columns";
-import { DATA_TESTID } from "../../configs/constants";
-import { Cells } from "../../parts/Cells";
-import { DropIndicatorPosition } from "../../parts/HoC/SortableItemContext";
-import { StyledCellContainer } from "../../styled";
-const DetailsWrapper = (props) => /* @__PURE__ */ React2.createElement("div", {
-  "data-role": "detail-view",
-  style: {
-    borderTop: "1px solid #EBEDF0",
-    borderBottom: "1px solid #EBEDF0"
-  },
-  onClick: (e) => e.stopPropagation(),
-  onKeyDown: (e) => e.stopPropagation()
-}, props.children);
-const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
-const DefaultRowContentRenderer = (props) => {
-  const {
-    row,
-    ctx: {
-      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },
-      layoutHelpers: { gridLayout },
-      visibleColumns
-    },
-    draggableProps,
-    isDragOverlay,
-    backgroundColor = "white",
-    dropIndicatorPosition,
-    focusedRowId,
-    selectedRowId,
-    compact
-  } = props;
-  const rowRef = useRef(null);
-  const isDndActive = draggableProps && draggableProps.active;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  useLayoutEffect(() => {
-    if (row.uid === focusedRowId) {
-      rowRef.current.focus({ preventScroll: true });
-    }
-  }, [focusedRowId, row.uid]);
-  const gridTemplateColProps = useMemo(() => ({
-    cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
-    isExpandable,
-    colLayoutStyle: colsLayoutStyle
-  }), [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]);
-  const detailsIndent = useMemo(() => {
-    let padding = 0;
-    for (let i = 0; i < visibleColumns.length; i += 1) {
-      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {
-        padding += visibleColumns[i].width;
-      } else {
-        padding += row.depth * 32 + 15;
-        break;
-      }
-    }
-    return padding;
-  }, [row.depth, visibleColumns]);
-  const PureRowContent = useMemo(() => {
-    const DetailsView = row.original.tableRowDetails;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledCellContainer, {
-      ref: rowRef,
-      key: row.uid,
-      tabIndex: 0,
-      role: "row",
-      "aria-rowindex": row.realIndex + 1,
-      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
-      "aria-level": row.depth + 1,
-      "aria-selected": selection?.[row.uid] === true,
-      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
-      "aria-disabled": disabledRows[row.uid],
-      ...gridTemplateColProps,
-      backgroundColor,
-      height: compact ? "24px" : "auto",
-      minHeight: compact ? "24px" : "36px",
-      isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
-      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
-      isDragOverlay,
-      isDragging,
-      selected: noSelectionColumn && selection?.[row.uid] === true,
-      disabled: disabledRows[row.uid],
-      "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT
-    }, /* @__PURE__ */ React2.createElement(Cells, {
-      row,
-      isRowSelected: selectedRowId === row.uid,
-      isDragOverlay,
-      key: row.uid
-    })), isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ React2.createElement(DetailsWrapper, null, /* @__PURE__ */ React2.createElement(DetailsView, {
-      row,
-      detailsIndent
-    })));
-  }, [
-    row,
-    selection,
-    isExpandable,
-    expandedRows,
-    disabledRows,
-    gridTemplateColProps,
-    backgroundColor,
-    compact,
-    dropIndicatorPosition,
-    isDndActive,
-    isDragging,
-    isDragOverlay,
-    noSelectionColumn,
-    selectedRowId,
-    detailsIndent
-  ]);
-  return PureRowContent;
-};
-export {
-  DefaultRowContentRenderer
-};
-//# sourceMappingURL=DefaultRowContentRenderer.js.map

package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useMemo, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line react/prop-types\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    selectedRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus({ preventScroll: true });\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-level={row.depth + 1}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n        >\n          <Cells row={row} isRowSelected={selectedRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    selection,\n    isExpandable,\n    expandedRows,\n    disabledRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    selectedRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA;AAGA,MAAM,iBAAiB,CAAC,UAItB,qCAAC,OAAD;AAAA,EACE,aAAU;AAAA,EACV,OAAO;AAAA,IACL,WAAW;AAAA,IACX,cAAc;AAAA;AAAA,EAEhB,SAAS,CAAC,MAAM,EAAE;AAAA,EAClB,WAAW,CAAC,MAAM,EAAE;AAAA,GAEnB,MAAM;AAIX,MAAM,mBAAmB,CAAC,KAAoB,aAC5C,cAAc,IAAI,YAAY,IAAI,IAAI,gBAAgB,OAAO,yBAAyB,IAAI,cAAc,MAAM,OAC5G,WAAW,eAAe;AAGvB,MAAM,4BAAkE,CAAC,UAAU;AACxF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE,cAAc,iBAAiB,WAAW,mBAAmB,cAAc;AAAA,MACzF,eAAe,EAAE;AAAA,MACjB;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,SAAS,OAAuB;AACtC,QAAM,cAAc,kBAAkB,eAAe;AACrD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM,EAAE,eAAe;AAAA;AAAA,KAEvC,CAAC,cAAc,IAAI;AAEtB,QAAM,uBAAuB,QAC3B,MAAO;AAAA,IACL,MAAM,gBAAgB,CAAC,QAAQ,UAAU;AAAA,IACzC;AAAA,IACA,gBAAgB;AAAA,MAElB,CAAC,eAAe,YAAY,iBAAiB;AAG/C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,UAAU;AACd,aAAS,IAAI,GAAG,IAAI,eAAe,QAAQ,KAAK,GAAG;AACjD,UAAI,iBAAiB,SAAS,eAAe,GAAG,KAAK;AACnD,mBAAW,eAAe,GAAG;AAAA,aACxB;AACL,mBAAW,IAAI,QAAQ,KAAK;AAC5B;AAAA;AAAA;AAGJ,WAAO;AAAA,KACN,CAAC,IAAI,OAAO;AAEf,QAAM,iBAAiB,QAAQ,MAAM;AACnC,UAAM,cAAc,IAAI,SAAS;AACjC,WACE,4DACE,qCAAC,qBAAD;AAAA,MACE,KAAK;AAAA,MACL,KAAK,IAAI;AAAA,MACT,UAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAe,IAAI,YAAY;AAAA,MAC/B,cAAY,iBAAiB,KAAK,YAAY,IAAI,SAAS;AAAA,MAC3D,cAAY,IAAI,QAAQ;AAAA,MACxB,iBAAe,YAAY,IAAI,SAAS;AAAA,MACxC,iBAAe,eAAe,aAAa,IAAI,SAAS,OAAO;AAAA,MAC/D,iBAAe,aAAa,IAAI;AAAA,SAC5B;AAAA,MACJ;AAAA,MACA,QAAQ,UAAU,SAAS;AAAA,MAC3B,WAAW,UAAU,SAAS;AAAA,MAC9B,+BAA+B,0BAA0B,sBAAsB;AAAA,MAC/E,oBAAoB,CAAC,eAAe,CAAC,cAAc,CAAC;AAAA,MACpD;AAAA,MACA;AAAA,MACA,UAAU,qBAAqB,YAAY,IAAI,SAAS;AAAA,MACxD,UAAU,aAAa,IAAI;AAAA,MAC3B,eAAa,YAAY;AAAA,OAEzB,qCAAC,OAAD;AAAA,MAAO;AAAA,MAAU,eAAe,kBAAkB,IAAI;AAAA,MAAK;AAAA,MAA8B,KAAK,IAAI;AAAA,SAEnG,gBAAgB,IAAI,cAAc,eACjC,qCAAC,gBAAD,MACE,qCAAC,aAAD;AAAA,MAAa;AAAA,MAAU;AAAA;AAAA,KAK9B;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/RowRenderer/index.js

@@ -1,98 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { DataTableContext } from "../../DataTableContext";
-import { StyledFullsizeGrid } from "../../styled";
-import { DefaultRowContentRenderer } from "./DefaultRowContentRenderer";
-import { useRowRendererHandlers } from "./useRowRendererHandlers";
-import { useRowRendererProperties } from "./useRowRendererProperties";
-import { DropIndicator } from "../../parts/DropIndicator";
-import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
-import { DATA_TESTID } from "../../configs/constants";
-const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
-  width: "100%",
-  height: "1px"
-}, /* @__PURE__ */ React2.createElement("line", {
-  x1: "0",
-  y1: "0",
-  x2: "100%",
-  y2: "0",
-  stroke: "#B0B9C8FF",
-  strokeWidth: "1.5",
-  strokeDasharray: "0, 5",
-  strokeDashoffset: "0",
-  strokeLinecap: "round"
-}));
-const RowRenderer = (props) => {
-  const {
-    row,
-    itemIndex,
-    minHeight = "36px",
-    height = "auto",
-    rowsLayout = [1],
-    CustomRowContentRenderer,
-    focusedRowId,
-    selectedRowId,
-    isDragOverlay
-  } = props;
-  const ctx = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const { flattenedData } = ctx;
-  const {
-    userDataProperties,
-    colsLayoutStyle,
-    totalColumnsWidth,
-    rowStyle,
-    shouldAppendDottedBorder,
-    dropIndicatorPosition
-  } = useRowRendererProperties({
-    row
-  });
-  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({
-    row,
-    itemIndex,
-    items: flattenedData,
-    draggableProps,
-    isDragOverlay,
-    selectedRowId
-  });
-  const rowContentProps = {
-    ...props,
-    ctx,
-    focusedRowId,
-    selectedRowId,
-    draggableProps,
-    dropIndicatorPosition
-  };
-  return /* @__PURE__ */ React2.createElement(StyledFullsizeGrid, {
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
-    colsLayoutStyle,
-    ...userDataProperties,
-    totalColumnsWidth,
-    style: rowStyle,
-    onClick: handleItemClick,
-    onKeyDown: handleKeyDown,
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    "data-expandable": Boolean(row.original.tableRowDetails),
-    "data-is-row-expanded": row.isExpanded,
-    rows: rowsLayout,
-    minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ React2.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ React2.createElement(DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
-};
-var RowRenderer_default = RowRenderer;
-export {
-  RowRenderer,
-  RowRenderer_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/RowRenderer/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledFullsizeGrid } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer';\nimport { useRowRendererHandlers } from './useRowRendererHandlers';\nimport { useRowRendererProperties } from './useRowRendererProperties';\nimport { DropIndicator } from '../../parts/DropIndicator';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface RowRendererProps {\n  row: TypescriptRow;\n  compact: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  colsLayout?: (string | number)[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string;\n  selectedRowId: string;\n  backgroundColor?: string;\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    selectedRowId,\n    isDragOverlay,\n  } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const { flattenedData } = ctx;\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  } = useRowRendererProperties({\n    row,\n  });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    selectedRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    selectedRowId,\n    draggableProps,\n    dropIndicatorPosition,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      colsLayoutStyle={colsLayoutStyle}\n      {...userDataProperties}\n      totalColumnsWidth={totalColumnsWidth}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\nexport default RowRenderer;\n"],
-  "mappings": "AAAA;ACEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAkBA,MAAM,oBACJ,qCAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,qCAAC,QAAD;AAAA,EACE,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,EACP,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,kBAAiB;AAAA,EACjB,eAAc;AAAA;AAKpB,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AAAA,IAC3B;AAAA;AAOF,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,kBAAmC;AAAA,OACpC;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,qCAAC,oBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,OACI;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS;AAAA,IACtC,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,KAEC,2BACC,qCAAC,0BAAD;AAAA,OAA8B;AAAA,OAE9B,qCAAC,2BAAD;AAAA,OAA+B;AAAA,IAAiB,KAAK,IAAI;AAAA,MAE1D,4BAA4B,mBAC7B,qCAAC,eAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA;AAO3F,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -1,76 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DATA_TESTID } from "../../configs/constants";
-import { DataTableContext } from "../../DataTableContext";
-import { useDispatchRowsActions } from "../../redux/reducers";
-const useRowRendererHandlers = ({
-  row,
-  itemIndex,
-  items,
-  draggableProps,
-  isDragOverlay,
-  selectedRowId
-}) => {
-  const {
-    tableProps: { onRowClick, onRowFocus },
-    virtualListHelpers: { scrollToIndex }
-  } = useContext(DataTableContext);
-  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();
-  const handleItemClick = useCallback((e, { original, uid } = row) => {
-    onRowClick(original, e, uid);
-    onRowFocus({
-      itemIndex,
-      scrollToItem: (opts = {
-        align: "start"
-      }) => scrollToIndex(itemIndex, opts),
-      original
-    }, e);
-  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
-  const isActive = draggableProps && draggableProps.active;
-  const handleKeyDown = useCallback((e) => {
-    if (isDragOverlay || isActive) {
-      e.preventDefault();
-      return;
-    }
-    if (e.code === "Enter") {
-      e.preventDefault();
-      if (selectedRowId !== row.uid) {
-        setSelectedRowId(row.uid);
-        setTimeout(() => {
-          const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
-          if (focuseableCell)
-            focuseableCell.ref.current.focus();
-        });
-      }
-    }
-    if (e.code === "Space") {
-      e.preventDefault();
-      handleItemClick(e, row);
-    }
-    if (e.code === "ArrowDown") {
-      e.preventDefault();
-      if (itemIndex + 1 < items.length)
-        setFocusedRowId(items[itemIndex + 1].uid);
-    }
-    if (e.code === "ArrowUp") {
-      e.preventDefault();
-      if (itemIndex - 1 >= 0)
-        setFocusedRowId(items[itemIndex - 1].uid);
-    }
-  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
-  const handleOnBlur = useCallback((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
-      setSelectedRowId(null);
-    }
-  }, [setSelectedRowId]);
-  const handleOnFocus = useCallback((e) => {
-    if (e.target && e.target.getAttribute("data-testid") === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
-      setFocusedRowId(row.uid);
-    }
-  }, [row.uid, setFocusedRowId]);
-  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
-};
-export {
-  useRowRendererHandlers
-};
-//# sourceMappingURL=useRowRendererHandlers.js.map

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowRendererHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { useDispatchRowsActions } from '../../redux/reducers';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  selectedRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  selectedRowId: string;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onRowFocus },\n    virtualListHelpers: { scrollToIndex },\n  } = useContext(DataTableContext);\n\n  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      // setSelectedRowId(null);\n      onRowClick(original, e, uid);\n      onRowFocus(\n        {\n          itemIndex,\n          scrollToItem: (\n            opts: { align: 'auto' | 'start' | 'center' | 'end' } = {\n              align: 'start',\n            },\n          ) => scrollToIndex(itemIndex, opts),\n          original,\n        },\n        e,\n      );\n    },\n    [row, onRowClick, onRowFocus, itemIndex, scrollToIndex],\n  );\n\n  const isActive = draggableProps && draggableProps.active;\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDragOverlay || isActive) {\n        e.preventDefault();\n        return;\n      }\n      if (e.code === 'Enter') {\n        e.preventDefault();\n        if (selectedRowId !== row.uid) {\n          setSelectedRowId(row.uid);\n          setTimeout(() => {\n            const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);\n            if (focuseableCell) focuseableCell.ref.current.focus();\n          });\n        }\n      }\n      if (e.code === 'Space') {\n        e.preventDefault();\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);\n      }\n    },\n    [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setSelectedRowId(null);\n      }\n    },\n    [setSelectedRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAGO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAaG;AACH,QAAM;AAAA,IACJ,YAAY,EAAE,YAAY;AAAA,IAC1B,oBAAoB,EAAE;AAAA,MACpB,WAAW;AAEf,QAAM,EAAE,kBAAkB,oBAAoB;AAE9C,QAAM,kBAAkB,YACtB,CAAC,GAAG,EAAE,UAAU,QAAQ,QAAQ;AAE9B,eAAW,UAAU,GAAG;AACxB,eACE;AAAA,MACE;AAAA,MACA,cAAc,CACZ,OAAuD;AAAA,QACrD,OAAO;AAAA,YAEN,cAAc,WAAW;AAAA,MAC9B;AAAA,OAEF;AAAA,KAGJ,CAAC,KAAK,YAAY,YAAY,WAAW;AAG3C,QAAM,WAAW,kBAAkB,eAAe;AAElD,QAAM,gBAAgB,YACpB,CAAC,MAA2B;AAC1B,QAAI,iBAAiB,UAAU;AAC7B,QAAE;AACF;AAAA;AAEF,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,UAAI,kBAAkB,IAAI,KAAK;AAC7B,yBAAiB,IAAI;AACrB,mBAAW,MAAM;AACf,gBAAM,iBAAiB,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,YAAY;AACrE,cAAI;AAAgB,2BAAe,IAAI,QAAQ;AAAA;AAAA;AAAA;AAIrD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,sBAAgB,GAAG;AAAA;AAErB,QAAI,EAAE,SAAS,aAAa;AAC1B,QAAE;AACF,UAAI,YAAY,IAAI,MAAM;AAAQ,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAEzE,QAAI,EAAE,SAAS,WAAW;AACxB,QAAE;AACF,UAAI,YAAY,KAAK;AAAG,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAAA,KAGjE,CAAC,eAAe,UAAU,eAAe,KAAK,kBAAkB,iBAAiB,WAAW,OAAO;AAGrG,QAAM,eAAe,YACnB,CAAC,MAAM;AACL,QAAI,EAAE,eAAe,aAAa,mBAAmB,0BAA0B;AAC7E,uBAAiB;AAAA;AAAA,KAGrB,CAAC;AAGH,QAAM,gBAAyC,YAC7C,CAAC,MAAM;AACL,QAAI,EAAE,UAAU,EAAE,OAAO,aAAa,mBAAmB,YAAY,wBAAwB;AAC3F,sBAAgB,IAAI;AAAA;AAAA,KAGxB,CAAC,IAAI,KAAK;AAGZ,SAAO,EAAE,iBAAiB,eAAe,cAAc;AAAA;",
-  "names": []
-}

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import { DataTableContext } from "../../DataTableContext";
-import { useRowStyle } from "./useRowStyle";
-const useRowRendererProperties = ({
-  row
-}) => {
-  const {
-    tableProps: { colsLayoutStyle },
-    layoutHelpers: { totalColumnsWidth }
-  } = useContext(DataTableContext);
-  const userDataProperties = useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
-    if (cur.startsWith("data-"))
-      acc[cur] = row.original[cur];
-    return acc;
-  }, {}), [row]);
-  const styleRelatedProps = useRowStyle(row);
-  return {
-    userDataProperties,
-    colsLayoutStyle,
-    totalColumnsWidth,
-    ...styleRelatedProps
-  };
-};
-export {
-  useRowRendererProperties
-};
-//# sourceMappingURL=useRowRendererProperties.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowRendererProperties.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEA;AAEA;AAEO,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,MAOoC;AACpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,MACf,WAAW;AAEf,QAAM,qBAAqB,QACzB,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,YAAY;AAEtC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import DataTableContext from "../../DataTableContext";
-import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
-const useRowStyle = (row) => {
-  const { flattenedData } = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const [borderTop, borderBottom, shouldAppendDottedBorder] = 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 = useMemo(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);
-  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
-  return {
-    rowStyle,
-    shouldAppendDottedBorder,
-    dropIndicatorPosition
-  };
-};
-export {
-  useRowStyle
-};
-//# sourceMappingURL=useRowStyle.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowStyle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,cAAc,CACzB,QAKG;AACH,QAAM,EAAE,kBAAkB,WAAW;AAErC,QAAM,EAAE,mBAAmB,WAAW;AAKtC,QAAM,CAAC,WAAW,cAAc,4BAAuD,QAAQ,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,QAAQ,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/esm/exported-related/RowVariants.js

@@ -1,16 +0,0 @@
-import * as React from "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";
-export {
-  ROW_VARIANTS,
-  ROW_VARIANT_COMPACT_KEY,
-  ROW_VARIANT_KEY
-};
-//# sourceMappingURL=RowVariants.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/RowVariants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAO,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/esm/exported-related/Toolbar/Toolbar.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import React2, { useCallback, useRef, useState } from "react";
-import styled from "styled-components";
-import { DSButton } from "@elliemae/ds-button";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { useOnClickOutside } from "@elliemae/ds-utilities";
-import { DATA_TESTID } from "../../configs/constants";
-const ToolbarBtns = styled.div`
-  & > .em-ds-toolbar {
-    box-shadow: none;
-  }
-`;
-const ToolbarWrapper = styled.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 = styled.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] = useState(false);
-  const [clicked, setClicked] = useState(false);
-  const toolbarRef = useRef(null);
-  const handleOnClickOutside = useCallback(() => {
-    setShow(false);
-    setClicked(false);
-  }, []);
-  const handleOnClick = useCallback(() => {
-    setShow(true);
-    setClicked(true);
-  }, []);
-  useOnClickOutside(toolbarRef, handleOnClickOutside);
-  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
-    ref: toolbarRef
-  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
-    onMouseEnter: () => setShow(true),
-    onMouseLeave: () => setShow(clicked)
-  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, children), /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    className: "toolbar-trigger",
-    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
-    onClick: handleOnClick,
-    onKeyDown: (e) => ["Enter", "Space"].includes(e.code) && handleOnClick(),
-    tabIndex: 0
-  })));
-};
-export {
-  Toolbar
-};
-//# sourceMappingURL=Toolbar.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Toolbar/Toolbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,MAAM,kBAAkB,OAAO;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,SAAS;AACjC,QAAM,CAAC,SAAS,cAAc,SAAS;AAEvC,QAAM,aAAa,OAAO;AAE1B,QAAM,uBAAuB,YAAY,MAAM;AAC7C,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,QAAM,gBAAgB,YAAY,MAAM;AACtC,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,oBAAkB,YAAY;AAE9B,SACE,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,qCAAC,gBAAD;AAAA,IAAgB,cAAc,MAAM,QAAQ;AAAA,IAAO,cAAc,MAAM,QAAQ;AAAA,KAC5E,QAAQ,qCAAC,aAAD,MAAc,WACvB,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,YAAY;AAAA,IACzB,MAAM,qCAAC,iBAAD;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,MAAM,CAAC,SAAS,SAAS,SAAS,EAAE,SAAS;AAAA,IACzD,UAAU;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { Toolbar } from "./Toolbar";
-export {
-  Toolbar
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { uid } from "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: uid(16)
-  }));
-};
-export {
-  groupBy
-};
-//# sourceMappingURL=groupBy.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/groupBy.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEO,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,IAAI;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { FilterPopover } from "./FilterPopover";
-import { EditableCell } from "./EditableCell";
-import { Toolbar } from "./Toolbar";
-import { groupBy } from "./groupBy";
-export * from "./FilterTypes";
-export * from "./RowVariants";
-export * from "./Filters";
-export {
-  EditableCell,
-  FilterPopover,
-  Toolbar,
-  groupBy
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
-}