@elliemae/ds-datagrids 3.27.0-next.1 → 3.27.0-next.12

package/dist/esm/plugins/expandable-grid/ExpandedRow.js

@@ -1,117 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { DSSeparator } from "@elliemae/ds-separator";
-import { DSButton } from "@elliemae/ds-button";
-import { styled } from "@elliemae/ds-system";
-import { get } from "@elliemae/ds-utilities";
-import { deferComponentRender, useDataGrid } from "@elliemae/ds-shared";
-import { PaginationPlugin } from "../pagination/index.js";
-import { BodyCell } from "../../components/BodyCell.js";
-import { defaultRenderers } from "../../components/renderers/index.js";
-import { TableBody } from "../../components/TableBody.js";
-import { Table } from "../../components/Table.js";
-import { ColumnSizingPlugin } from "../column-sizing/index.js";
-const DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {
-  const { instanceRef, ...parentProps } = parentGrid.props;
-  const grid = useDataGrid({
-    uuid: parentGrid.getInstance().uuid,
-    ...parentProps,
-    columns: parentGrid.getInstance().decoratedColumns.filter((col) => !col.expandableColumn).map((c) => ({ ...c, expandableColumn: false })),
-    rows,
-    plugins: [ColumnSizingPlugin, PaginationPlugin],
-    renderers: defaultRenderers,
-    bindColumnsSizeTo: parentGrid.uuid,
-    numRowsVisible: "all",
-    paginated: true,
-    pagination: {
-      perPage: rows.length,
-      conditionalPagination: true
-    },
-    parentRowData
-  });
-  return /* @__PURE__ */ jsx(Table, { ...grid, children: /* @__PURE__ */ jsx(TableBody, {}) });
-}, null);
-const DetailsWrapper = styled.span`
-  flex: 1;
-  width: ${(props) => props.width}px;
-`;
-const DetailGridWrapper = styled.div`
-  display: flex;
-  height: calc(100% - ${(props) => props.allRowsVisible ? 18 : 60}px);
-  width: ${(props) => props.expandableGridDetailWidth}px;
-  margin: 12px 0;
-`;
-const ExpandedRow = ({
-  parentGrid,
-  detailColumns,
-  rowData,
-  rows,
-  rowProps,
-  cellComponent: CellComponent,
-  rowComponent: RowComponent
-}) => {
-  const {
-    decoratedColumns,
-    actions: { toggleShowAllRows },
-    state: { expandedRows },
-    props: {
-      rowKey,
-      showMoreRowsText = "SHOW ALL ROWS",
-      showLessRowsText = "SHOW LESS ROWS",
-      expandableSubrowsVisible
-    },
-    columnSizeService: { expandableGridDetailWidth }
-  } = parentGrid.getInstance();
-  const { showAllRows, ...restRowProps } = rowProps;
-  return /* @__PURE__ */ jsxs(RowComponent, { ...restRowProps, children: [
-    /* @__PURE__ */ jsx(
-      BodyCell,
-      {
-        column: decoratedColumns[0],
-        columnIndex: 0,
-        component: CellComponent,
-        grid: parentGrid,
-        rowProps: { rowData, ...rowProps }
-      }
-    ),
-    /* @__PURE__ */ jsxs(DetailsWrapper, { width: expandableGridDetailWidth, children: [
-      /* @__PURE__ */ jsxs(
-        DetailGridWrapper,
-        {
-          allRowsVisible: rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, "showAllRows"]),
-          expandableGridDetailWidth,
-          children: [
-            /* @__PURE__ */ jsx(DSSeparator, { dashed: true, orientation: "vertical" }),
-            /* @__PURE__ */ jsx(
-              DetailGrid,
-              {
-                detailColumns,
-                parentGrid: parentGrid.getInstance(),
-                parentRowData: rowData,
-                rows: showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)
-              }
-            )
-          ]
-        }
-      ),
-      rows.length > expandableSubrowsVisible && /* @__PURE__ */ jsx(
-        DSButton,
-        {
-          buttonType: "text",
-          labelText: showAllRows ? showLessRowsText : showMoreRowsText,
-          onClick: (e) => {
-            e.stopPropagation();
-            toggleShowAllRows(rowData);
-          },
-          style: { marginBottom: "10px" }
-        }
-      )
-    ] })
-  ] });
-};
-var ExpandedRow_default = ExpandedRow;
-export {
-  ExpandedRow,
-  ExpandedRow_default as default
-};
-//# sourceMappingURL=ExpandedRow.js.map

package/dist/esm/plugins/expandable-grid/ExpandedRow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandedRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\nimport { get } from '@elliemae/ds-utilities';\nimport { deferComponentRender, useDataGrid } from '@elliemae/ds-shared';\nimport { PaginationPlugin } from '../pagination/index.js';\nimport { BodyCell } from '../../components/BodyCell.js';\nimport { defaultRenderers } from '../../components/renderers/index.js';\nimport { TableBody } from '../../components/TableBody.js';\nimport { Table } from '../../components/Table.js';\nimport { ColumnSizingPlugin } from '../column-sizing/index.js';\n\nconst DetailGrid = deferComponentRender(({ parentGrid, parentRowData, rows }) => {\n  const { instanceRef, ...parentProps } = parentGrid.props;\n  const grid = useDataGrid({\n    uuid: parentGrid.getInstance().uuid,\n    ...parentProps,\n    columns: parentGrid\n      .getInstance()\n      .decoratedColumns.filter((col) => !col.expandableColumn)\n      .map((c) => ({ ...c, expandableColumn: false })),\n    rows,\n    plugins: [ColumnSizingPlugin, PaginationPlugin],\n    renderers: defaultRenderers,\n    bindColumnsSizeTo: parentGrid.uuid,\n    numRowsVisible: 'all',\n    paginated: true,\n    pagination: {\n      perPage: rows.length,\n      conditionalPagination: true,\n    },\n    parentRowData,\n  });\n\n  return (\n    <Table {...grid}>\n      <TableBody />\n    </Table>\n  );\n}, null);\n\nconst DetailsWrapper = styled.span`\n  flex: 1;\n  width: ${(props) => props.width}px;\n`;\n\nconst DetailGridWrapper = styled.div`\n  display: flex;\n  height: calc(100% - ${(props) => (props.allRowsVisible ? 18 : 60)}px);\n  width: ${(props) => props.expandableGridDetailWidth}px;\n  margin: 12px 0;\n`;\n\nconst ExpandedRow = ({\n  parentGrid,\n  detailColumns,\n  rowData,\n  rows,\n  rowProps,\n  cellComponent: CellComponent,\n  rowComponent: RowComponent,\n}) => {\n  const {\n    decoratedColumns,\n    actions: { toggleShowAllRows },\n    state: { expandedRows },\n    props: {\n      rowKey,\n      showMoreRowsText = 'SHOW ALL ROWS',\n      showLessRowsText = 'SHOW LESS ROWS',\n      expandableSubrowsVisible,\n    },\n    columnSizeService: { expandableGridDetailWidth },\n  } = parentGrid.getInstance();\n\n  const { showAllRows, ...restRowProps } = rowProps;\n  return (\n    <RowComponent {...restRowProps}>\n      <BodyCell\n        column={decoratedColumns[0]}\n        columnIndex={0}\n        component={CellComponent}\n        grid={parentGrid}\n        rowProps={{ rowData, ...rowProps }}\n      />\n      <DetailsWrapper width={expandableGridDetailWidth}>\n        <DetailGridWrapper\n          allRowsVisible={rows.length < expandableSubrowsVisible || get(expandedRows, [rowKey, 'showAllRows'])}\n          expandableGridDetailWidth={expandableGridDetailWidth}\n        >\n          <DSSeparator dashed orientation=\"vertical\" />\n          <DetailGrid\n            detailColumns={detailColumns}\n            parentGrid={parentGrid.getInstance()}\n            parentRowData={rowData}\n            rows={showAllRows ? rows : (rows || []).slice(0, expandableSubrowsVisible)}\n          />\n        </DetailGridWrapper>\n        {rows.length > expandableSubrowsVisible && (\n          <DSButton\n            buttonType=\"text\"\n            labelText={showAllRows ? showLessRowsText : showMoreRowsText}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleShowAllRows(rowData);\n            }}\n            style={{ marginBottom: '10px' }}\n          />\n        )}\n      </DetailsWrapper>\n    </RowComponent>\n  );\n};\n\nexport { ExpandedRow };\nexport default ExpandedRow;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "@elliemae/ds-utilities";
-import { DSSeparator } from "@elliemae/ds-separator";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { dataGridBlockName } from "../../blockNames.js";
-const blockName = `${dataGridBlockName}-expanded-row`;
-const DetailsWrapper = aggregatedClasses("div")(`${blockName}-details-wrapper`, null, () => ({
-  "ie-flex-basis-auto": true
-}));
-const ExpandedRowExtra = ({
-  children,
-  rowData,
-  rowProps,
-  rowComponent: RowComponent,
-  renderRowDetails = () => null
-}) => /* @__PURE__ */ jsxs(RowComponent, { ...rowProps, className: cx(rowProps.className, "expanded-detail-row"), children: [
-  /* @__PURE__ */ jsx(RowComponent, { className: "master-row-expanded", children }),
-  /* @__PURE__ */ jsx(DSSeparator, { dashed: true, margin: "xs" }),
-  /* @__PURE__ */ jsx(DetailsWrapper, { children: renderRowDetails({ rowData }) })
-] });
-var ExpandedRowExtra_default = ExpandedRowExtra;
-export {
-  ExpandedRowExtra,
-  ExpandedRowExtra_default as default
-};
-//# sourceMappingURL=ExpandedRowExtra.js.map

package/dist/esm/plugins/expandable-grid/ExpandedRowExtra.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/ExpandedRowExtra.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { dataGridBlockName } from '../../blockNames.js';\n\nconst blockName = `${dataGridBlockName}-expanded-row`;\n\nconst DetailsWrapper = aggregatedClasses('div')(`${blockName}-details-wrapper`, null, () => ({\n  'ie-flex-basis-auto': true,\n}));\n\nconst ExpandedRowExtra = ({\n  children,\n  rowData,\n  rowProps,\n  rowComponent: RowComponent,\n  renderRowDetails = () => null,\n}) => (\n  <RowComponent {...rowProps} className={cx(rowProps.className, 'expanded-detail-row')}>\n    <RowComponent className=\"master-row-expanded\">{children}</RowComponent>\n    <DSSeparator dashed margin=\"xs\" />\n    <DetailsWrapper>{renderRowDetails({ rowData })}</DetailsWrapper>\n  </RowComponent>\n);\n\nexport { ExpandedRowExtra };\nexport default ExpandedRowExtra;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmBrB,SACE,KADF;AAlBF,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAElC,MAAM,YAAY,GAAG;AAErB,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,GAAG,6BAA6B,MAAM,OAAO;AAAA,EAC3F,sBAAsB;AACxB,EAAE;AAEF,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB,MAAM;AAC3B,MACE,qBAAC,gBAAc,GAAG,UAAU,WAAW,GAAG,SAAS,WAAW,qBAAqB,GACjF;AAAA,sBAAC,gBAAa,WAAU,uBAAuB,UAAS;AAAA,EACxD,oBAAC,eAAY,QAAM,MAAC,QAAO,MAAK;AAAA,EAChC,oBAAC,kBAAgB,2BAAiB,EAAE,QAAQ,CAAC,GAAE;AAAA,GACjD;AAIF,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/plugins/expandable-grid/index.js

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

package/dist/esm/plugins/expandable-grid/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ExpandablePlugin } from './ExpandablePlugin.js';\nexport { ExpandableColumn } from './ExpandableColumn.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;",
-  "names": []
-}

package/dist/esm/plugins/expandable-grid/useExpandGridState.js

@@ -1,64 +0,0 @@
-import * as React from "react";
-import { isFunction, useExpandState } from "@elliemae/ds-utilities";
-import { useState } from "react";
-const useExpandGridState = (grid) => {
-  const {
-    composedRows,
-    props: {
-      expandedRows: expandedRowsProp = {},
-      rowKey = "id",
-      onExpandRow,
-      onToggleShowAllRows,
-      onExpandChange,
-      onExpandAll,
-      onToggleExpand,
-      onCollapseRow
-    }
-  } = grid;
-  const { state, actions } = useExpandState({
-    items: composedRows,
-    itemKey: rowKey,
-    expanded: expandedRowsProp,
-    onExpand: onExpandRow,
-    onExpandChange,
-    onExpandAll,
-    onToggleExpand,
-    onCollapse: onCollapseRow
-  });
-  const [shouldRefocus, setShouldReFocus] = useState(false);
-  const expandRow = (row) => actions.expand(row, { showAllRows: false });
-  const toggleExpandAllRows = actions.toggleExpandAll;
-  const collapseRow = actions.collapse;
-  const toggleExpand = (row) => {
-    setShouldReFocus(false);
-    actions.toggleExpand(row, { showAllRows: false });
-  };
-  const toggleShowAllRows = (row) => {
-    if (isFunction(onToggleShowAllRows)) {
-      onToggleShowAllRows(row);
-    } else {
-      const key = row[rowKey];
-      actions.expand(row, {
-        showAllRows: state.expanded[key] && !state.expanded[key].showAllRows
-      });
-    }
-  };
-  return {
-    state: {
-      expandedRows: state.expanded,
-      isExpandedAll: state.isExpandedAll,
-      shouldRefocus
-    },
-    actions: {
-      expandRow,
-      toggleExpandAllRows,
-      toggleExpand,
-      toggleShowAllRows,
-      collapseRow
-    }
-  };
-};
-export {
-  useExpandGridState
-};
-//# sourceMappingURL=useExpandGridState.js.map

package/dist/esm/plugins/expandable-grid/useExpandGridState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/expandable-grid/useExpandGridState.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction, useExpandState } from '@elliemae/ds-utilities';\nimport { useState } from 'react';\n\nexport const useExpandGridState = (grid) => {\n  const {\n    composedRows,\n    props: {\n      expandedRows: expandedRowsProp = {},\n      rowKey = 'id',\n      onExpandRow,\n      onToggleShowAllRows,\n      onExpandChange,\n      onExpandAll,\n      onToggleExpand,\n      onCollapseRow,\n    },\n  } = grid;\n\n  const { state, actions } = useExpandState({\n    items: composedRows,\n    itemKey: rowKey,\n    expanded: expandedRowsProp,\n    onExpand: onExpandRow,\n    onExpandChange,\n    onExpandAll,\n    onToggleExpand,\n    onCollapse: onCollapseRow,\n  });\n\n  const [shouldRefocus, setShouldReFocus] = useState(false);\n  const expandRow = (row) => actions.expand(row, { showAllRows: false });\n\n  const toggleExpandAllRows = actions.toggleExpandAll;\n\n  const collapseRow = actions.collapse;\n\n  const toggleExpand = (row) => {\n    setShouldReFocus(false);\n    actions.toggleExpand(row, { showAllRows: false });\n  };\n\n  const toggleShowAllRows = (row) => {\n    if (isFunction(onToggleShowAllRows)) {\n      onToggleShowAllRows(row);\n    } else {\n      const key = row[rowKey];\n      actions.expand(row, {\n        showAllRows: state.expanded[key] && !state.expanded[key].showAllRows,\n      });\n    }\n  };\n\n  return {\n    state: {\n      expandedRows: state.expanded,\n      isExpandedAll: state.isExpandedAll,\n      shouldRefocus,\n    },\n    actions: {\n      expandRow,\n      toggleExpandAllRows,\n      toggleExpand,\n      toggleShowAllRows,\n      collapseRow,\n    },\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,gBAAgB;AAElB,MAAM,qBAAqB,CAAC,SAAS;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,mBAAmB,CAAC;AAAA,MAClC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,QAAQ,IAAI,eAAe;AAAA,IACxC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,CAAC;AAED,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,YAAY,CAAC,QAAQ,QAAQ,OAAO,KAAK,EAAE,aAAa,MAAM,CAAC;AAErE,QAAM,sBAAsB,QAAQ;AAEpC,QAAM,cAAc,QAAQ;AAE5B,QAAM,eAAe,CAAC,QAAQ;AAC5B,qBAAiB,KAAK;AACtB,YAAQ,aAAa,KAAK,EAAE,aAAa,MAAM,CAAC;AAAA,EAClD;AAEA,QAAM,oBAAoB,CAAC,QAAQ;AACjC,QAAI,WAAW,mBAAmB,GAAG;AACnC,0BAAoB,GAAG;AAAA,IACzB,OAAO;AACL,YAAM,MAAM,IAAI,MAAM;AACtB,cAAQ,OAAO,KAAK;AAAA,QAClB,aAAa,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,SAAS,GAAG,EAAE;AAAA,MAC3D,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,cAAc,MAAM;AAAA,MACpB,eAAe,MAAM;AAAA,MACrB;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/plugins/export-data/ExportDataPlugin.js

@@ -1,105 +0,0 @@
-import * as React from "react";
-import { get } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared";
-const isVisible = (column) => {
-  if (typeof column === "undefined") {
-    return false;
-  }
-  return typeof column.visible === "undefined" || column.visible;
-};
-const getColumnValue = (row, property) => get(row, property);
-const getVisibleRowData = (row, columns) => columns.reduce((result, column) => {
-  const columnProperty = column.property;
-  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
-}, []);
-const defaultOptions = (uuid) => ({
-  sheetName: "SheetName",
-  fileName: `datagrid-${uuid}`,
-  type: "csv",
-  onlySelection: false,
-  excludedColumns: void 0
-});
-const getOptions = (opts, uuid) => ({
-  ...defaultOptions(uuid),
-  ...opts
-});
-const getCellValue = (cell) => {
-  if (cell === void 0 || cell === null)
-    return "";
-  return cell;
-};
-const getExportedData = (rows, columns, range) => {
-  const rowsRanged = range ? rows.slice(...range) : rows;
-  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));
-  const columnsContent = columns.filter((c) => isVisible(c)).reduce((acc, curr, idx) => `${acc}${idx === 0 ? "" : ","}${curr.label}`, "");
-  const rowsContent = dataToExport.map((e) => e.map((r) => `"${String(getCellValue(r)).replace(/"/g, '""')}"`).join(",")).join("\r\n");
-  const csvContent = `${columnsContent}\r
-${rowsContent}`;
-  return csvContent;
-};
-const exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {
-  if (excludedColumns) {
-    columns = columns.filter((col) => !excludedColumns.includes(col.property));
-  }
-  const csvContent = getExportedData(rows, columns, range);
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-  if (navigator.msSaveBlob) {
-    navigator.msSaveBlob(blob, `${fileName}.${type}`);
-  } else {
-    const link = document.createElement("a");
-    if (link.download !== void 0) {
-      const url = URL.createObjectURL(blob);
-      link.setAttribute("href", url);
-      link.setAttribute("download", `${fileName}.${type}`);
-      link.style.visibility = "hidden";
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    }
-  }
-};
-const ExportDataPlugin = createInstancePlugin("export-data", {
-  decorateGrid(instance) {
-    return {
-      exportRows(opts = {}) {
-        const {
-          composedRows: rows,
-          columns,
-          uuid,
-          props: { rowKey },
-          state: { selection }
-        } = instance.getInstance();
-        const options = getOptions(opts, uuid);
-        let currentRows = rows.allRows || rows;
-        if (opts.onlySelection) {
-          const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
-        }
-        exportTo(currentRows, columns, options);
-      },
-      exportVisibleRows(opts = {}) {
-        const {
-          composedRows: rows,
-          columns,
-          uuid,
-          props: { rowKey },
-          state: { selection }
-        } = instance.getInstance();
-        const options = getOptions(opts, uuid);
-        let currentRows = rows.rows || rows;
-        if (opts.onlySelection) {
-          const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
-        }
-        exportTo(currentRows, columns, options);
-      }
-    };
-  }
-});
-export {
-  ExportDataPlugin,
-  getColumnValue,
-  getExportedData,
-  getVisibleRowData
-};
-//# sourceMappingURL=ExportDataPlugin.js.map

package/dist/esm/plugins/export-data/ExportDataPlugin.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/ExportDataPlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport { get } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\n\nconst isVisible = (column) => {\n  if (typeof column === 'undefined') {\n    return false;\n  }\n  return typeof column.visible === 'undefined' || column.visible;\n};\n\nexport const getColumnValue = (row, property) => get(row, property);\nexport const getVisibleRowData = (row, columns) =>\n  columns.reduce((result, column) => {\n    const columnProperty = column.property;\n    return isVisible(column)\n      ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)]\n      : result;\n  }, []);\n\nconst defaultOptions = (uuid) => ({\n  sheetName: 'SheetName',\n  fileName: `datagrid-${uuid}`,\n  type: 'csv',\n  onlySelection: false,\n  excludedColumns: undefined,\n});\n\nconst getOptions = (opts, uuid) => ({\n  ...defaultOptions(uuid),\n  ...opts,\n});\n\nconst getCellValue = (cell) => {\n  if (cell === undefined || cell === null) return '';\n  return cell;\n};\n\nexport const getExportedData = (rows, columns, range) => {\n  const rowsRanged = range ? rows.slice(...range) : rows;\n  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));\n  const columnsContent = columns\n    .filter((c) => isVisible(c))\n    .reduce((acc, curr, idx) => `${acc}${idx === 0 ? '' : ','}${curr.label}`, '');\n  const rowsContent = dataToExport\n    .map((e) => e.map((r) => `\"${String(getCellValue(r)).replace(/\"/g, '\"\"')}\"`).join(','))\n    .join('\\r\\n');\n  const csvContent = `${columnsContent}\\r\\n${rowsContent}`;\n  return csvContent;\n};\n\n// eslint-disable-next-line max-statements\nconst exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {\n  if (excludedColumns) {\n    // eslint-disable-next-line no-param-reassign\n    columns = columns.filter((col) => !excludedColumns.includes(col.property));\n  }\n  const csvContent = getExportedData(rows, columns, range);\n\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n  if (navigator.msSaveBlob) {\n    // IE 10+\n    navigator.msSaveBlob(blob, `${fileName}.${type}`);\n  } else {\n    const link = document.createElement('a');\n    if (link.download !== undefined) {\n      // feature detection\n      // Browsers that support HTML5 download attribute\n      const url = URL.createObjectURL(blob);\n      link.setAttribute('href', url);\n      link.setAttribute('download', `${fileName}.${type}`);\n      link.style.visibility = 'hidden';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    }\n  }\n};\n\nexport const ExportDataPlugin = createInstancePlugin('export-data', {\n  decorateGrid(instance) {\n    return {\n      exportRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n        // check paginated rows\n        let currentRows = rows.allRows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n      exportVisibleRows(opts = {}) {\n        const {\n          composedRows: rows,\n          columns,\n          uuid,\n          props: { rowKey },\n          state: { selection },\n        } = instance.getInstance();\n        const options = getOptions(opts, uuid);\n\n        // check paginated rows\n        let currentRows = rows.rows || rows;\n        if (opts.onlySelection) {\n          const selectedRows = Object.keys(selection.selectedRows);\n          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));\n        }\n\n        exportTo(currentRows, columns, options);\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/plugins/export-data/index.js

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

package/dist/esm/plugins/export-data/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/export-data/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ExportDataPlugin } from './ExportDataPlugin.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
-  "names": []
-}

package/dist/esm/plugins/filterable/FilterablePlugin.js

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { get, isFunction } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared";
-import { addFilterToColumn } from "./addFilterToColumn.js";
-import filterRowsByQuery, { filterRowsByQueryGroup } from "./filtering-helper/filterRowsByQuery.js";
-import { useFilterableState } from "./useFilterableState.js";
-const decorateColumn = (column, grid) => {
-  const {
-    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },
-    actions: { addFilter, removeFilter },
-    state: { query, filters }
-  } = grid;
-  return isFilterableColumnActive(column) ? addFilterToColumn(
-    {
-      grid,
-      onAddFilter: addFilter,
-      onRemoveFilter: removeFilter,
-      onRemoveAllFilters,
-      query,
-      filters
-    },
-    column
-  ) : column;
-};
-const composeRows = (rows, grid) => {
-  const {
-    props: { isDataFiltered, groupedRows },
-    state: { query },
-    composedRows
-  } = grid.getInstance();
-  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);
-  return !isDataFiltered ? nextRows : rows;
-};
-const FilterablePlugin = createInstancePlugin("filterable", {
-  registerStateHook: useFilterableState,
-  decorateColumn,
-  composeRows,
-  registerHotKeys(grid) {
-    return {
-      key: "ctrl+f",
-      handler: ({ cellIndex }) => {
-        const { decoratedColumns } = grid.getInstance();
-        const column = decoratedColumns[cellIndex];
-        const toggleMenuMethod = get(column, ["filterMenu", "current", "toggleMenu"]);
-        if (isFunction(toggleMenuMethod))
-          toggleMenuMethod();
-      }
-    };
-  }
-});
-export {
-  FilterablePlugin
-};
-//# sourceMappingURL=FilterablePlugin.js.map

package/dist/esm/plugins/filterable/FilterablePlugin.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/FilterablePlugin.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { get, isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addFilterToColumn } from './addFilterToColumn.js';\nimport filterRowsByQuery, { filterRowsByQueryGroup } from './filtering-helper/filterRowsByQuery.js';\nimport { useFilterableState } from './useFilterableState.js';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },\n    actions: { addFilter, removeFilter },\n    state: { query, filters },\n  } = grid;\n\n  return isFilterableColumnActive(column)\n    ? addFilterToColumn(\n        {\n          grid,\n          onAddFilter: addFilter,\n          onRemoveFilter: removeFilter,\n          onRemoveAllFilters,\n          query,\n          filters,\n        },\n        column,\n      )\n    : column;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isDataFiltered, groupedRows },\n    state: { query },\n    composedRows,\n  } = grid.getInstance();\n  const nextRows = !groupedRows ? filterRowsByQuery(rows, query) : filterRowsByQueryGroup(rows, query, composedRows);\n\n  return !isDataFiltered ? nextRows : rows;\n};\n\nexport const FilterablePlugin = createInstancePlugin('filterable', {\n  registerStateHook: useFilterableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+f',\n      handler: ({ cellIndex }) => {\n        const { decoratedColumns } = grid.getInstance();\n\n        const column = decoratedColumns[cellIndex];\n        const toggleMenuMethod = get(column, ['filterMenu', 'current', 'toggleMenu']);\n        if (isFunction(toggleMenuMethod)) toggleMenuMethod();\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,KAAK,kBAAkB;AAChC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,OAAO,qBAAqB,8BAA8B;AAC1D,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,2BAA2B,CAAC,QAAQ,IAAI,YAAY,mBAAmB;AAAA,IAChF,SAAS,EAAE,WAAW,aAAa;AAAA,IACnC,OAAO,EAAE,OAAO,QAAQ;AAAA,EAC1B,IAAI;AAEJ,SAAO,yBAAyB,MAAM,IAClC;AAAA,IACE;AAAA,MACE;AAAA,MACA,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IACA;AACN;AAEA,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,YAAY;AAAA,IACrC,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,EACF,IAAI,KAAK,YAAY;AACrB,QAAM,WAAW,CAAC,cAAc,kBAAkB,MAAM,KAAK,IAAI,uBAAuB,MAAM,OAAO,YAAY;AAEjH,SAAO,CAAC,iBAAiB,WAAW;AACtC;AAEO,MAAM,mBAAmB,qBAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,UAAU,MAAM;AAC1B,cAAM,EAAE,iBAAiB,IAAI,KAAK,YAAY;AAE9C,cAAM,SAAS,iBAAiB,SAAS;AACzC,cAAM,mBAAmB,IAAI,QAAQ,CAAC,cAAc,WAAW,YAAY,CAAC;AAC5E,YAAI,WAAW,gBAAgB;AAAG,2BAAiB;AAAA,MACrD;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
-  "names": []
-}

package/dist/esm/plugins/filterable/addFilterToColumn.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { createRef } from "react";
-import { mergeClassNameToColumnHeader } from "@elliemae/ds-shared";
-import { FilterableFormatter } from "./filterableFormatter.js";
-const addFilterToColumn = (props, column) => {
-  const filterMenuRef = createRef();
-  column.header.formatters.push(FilterableFormatter({ ...props, filterMenuRef }));
-  column.filterMenu = filterMenuRef;
-  return mergeClassNameToColumnHeader("with-filtering", column);
-};
-export {
-  addFilterToColumn
-};
-//# sourceMappingURL=addFilterToColumn.js.map

package/dist/esm/plugins/filterable/addFilterToColumn.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/addFilterToColumn.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createRef } from 'react';\nimport { mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\nimport { FilterableFormatter } from './filterableFormatter.js';\n\nexport const addFilterToColumn = (props, column) => {\n  const filterMenuRef = createRef();\n  column.header.formatters.push(FilterableFormatter({ ...props, filterMenuRef }));\n  column.filterMenu = filterMenuRef;\n  return mergeClassNameToColumnHeader('with-filtering', column);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,oCAAoC;AAC7C,SAAS,2BAA2B;AAE7B,MAAM,oBAAoB,CAAC,OAAO,WAAW;AAClD,QAAM,gBAAgB,UAAU;AAChC,SAAO,OAAO,WAAW,KAAK,oBAAoB,EAAE,GAAG,OAAO,cAAc,CAAC,CAAC;AAC9E,SAAO,aAAa;AACpB,SAAO,6BAA6B,kBAAkB,MAAM;AAC9D;",
-  "names": []
-}

package/dist/esm/plugins/filterable/components/FilterableHeader.js

@@ -1,103 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { get, debounce, useResizeObserver } from "@elliemae/ds-utilities";
-import { useTheme } from "@elliemae/ds-system";
-import { getFilterMenuByType } from "./filterable-menus/getFilterMenuByType.js";
-const blockName = "data-grid-filter-header";
-const Container = aggregatedClasses("div")(blockName, null, ({ showFilter }) => ({
-  "show-filter": showFilter
-}));
-const FilterHeaderValue = aggregatedClasses("div")(blockName, "value");
-const FilterHeaderButton = aggregatedClasses("div")(blockName, "button");
-const FilterableHeader = ({
-  column,
-  value,
-  columnData,
-  onAddFilter,
-  onRemoveFilter,
-  filterMenuRef,
-  onFilterMenuClose,
-  onFilterMenuOpen,
-  filters,
-  isMulti
-}) => {
-  const [isMenuOpened, setMenuOpened] = useState(false);
-  const [headerWidth, setHeaderWidth] = useState();
-  const debouncedWidthSetter = debounce(setHeaderWidth, 200);
-  const { filterMenuMinWidth, filterMenuMaxWidth } = column;
-  const theme = useTheme();
-  const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace("px", "")) * 2;
-  const defineHeaderWidth = ({ width }) => {
-    let nextWidth = width + 16;
-    if (nextWidth < dropdownMinWidth)
-      nextWidth = dropdownMinWidth;
-    if (filterMenuMaxWidth && nextWidth > filterMenuMaxWidth)
-      nextWidth = filterMenuMaxWidth;
-    return !isMenuOpened ? debouncedWidthSetter(nextWidth) : setHeaderWidth(nextWidth);
-  };
-  useEffect(() => {
-    if (filterMenuRef) {
-      filterMenuRef.current = {
-        toggleMenu: () => setMenuOpened((prevState) => !prevState)
-      };
-    }
-  }, [filterMenuRef]);
-  useEffect(() => {
-    if (!isMenuOpened)
-      onFilterMenuClose(column);
-    else
-      onFilterMenuOpen(column);
-  });
-  const [ref] = useResizeObserver(defineHeaderWidth);
-  const handleOpenMenu = useCallback((open) => {
-    setMenuOpened(open);
-    if (open)
-      onFilterMenuOpen();
-  }, []);
-  const FilterMenuComponent = getFilterMenuByType(get(column, ["filter", "type"]));
-  return /* @__PURE__ */ jsxs(Container, { ref, classProps: { showFilter: isMenuOpened }, children: [
-    /* @__PURE__ */ jsx(FilterHeaderValue, { className: "header-value", children: value }),
-    /* @__PURE__ */ jsx(FilterHeaderButton, { "data-testid": "data-grid-filter-header__button", children: /* @__PURE__ */ jsx(
-      FilterMenuComponent,
-      {
-        className: "filter-header-menu",
-        column,
-        filters,
-        isMenuOpened,
-        isMulti,
-        menuProps: {
-          options: columnData || [],
-          style: { minWidth: headerWidth, maxWidth: filterMenuMaxWidth },
-          zIndex: 100
-        },
-        onAddFilter,
-        onRemoveFilter,
-        onOpenMenu: handleOpenMenu,
-        onClose: onFilterMenuClose,
-        width: headerWidth,
-        ...get(column, ["filter"], {})
-      }
-    ) })
-  ] });
-};
-FilterableHeader.propTypes = {
-  column: PropTypes.any,
-  value: PropTypes.any,
-  columnData: PropTypes.any,
-  onAddFilter: PropTypes.func,
-  onRemoveFilter: PropTypes.func,
-  filterMenuRef: PropTypes.any,
-  onFilterMenuClose: PropTypes.func,
-  onFilterMenuOpen: PropTypes.func,
-  filters: PropTypes.arrayOf(PropTypes.shape({})),
-  isMulti: PropTypes.bool
-};
-var FilterableHeader_default = FilterableHeader;
-export {
-  FilterableHeader,
-  FilterableHeader_default as default
-};
-//# sourceMappingURL=FilterableHeader.js.map

package/dist/esm/plugins/filterable/components/FilterableHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/components/FilterableHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { get, debounce, useResizeObserver } from '@elliemae/ds-utilities';\nimport { useTheme } from '@elliemae/ds-system';\nimport { getFilterMenuByType } from './filterable-menus/getFilterMenuByType.js';\n\nconst blockName = 'data-grid-filter-header';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ showFilter }) => ({\n  'show-filter': showFilter,\n}));\nconst FilterHeaderValue = aggregatedClasses('div')(blockName, 'value');\nconst FilterHeaderButton = aggregatedClasses('div')(blockName, 'button');\n\nexport const FilterableHeader = ({\n  column,\n  value,\n  columnData,\n  onAddFilter,\n  onRemoveFilter,\n  filterMenuRef,\n  onFilterMenuClose,\n  onFilterMenuOpen,\n  filters,\n  isMulti,\n}) => {\n  const [isMenuOpened, setMenuOpened] = useState(false);\n  const [headerWidth, setHeaderWidth] = useState();\n  const debouncedWidthSetter = debounce(setHeaderWidth, 200);\n  const { filterMenuMinWidth, filterMenuMaxWidth } = column;\n  const theme = useTheme();\n  const dropdownMinWidth = filterMenuMinWidth || Number(theme.space.xl.replace('px', '')) * 2;\n\n  const defineHeaderWidth = ({ width }) => {\n    let nextWidth = width + 16; // todo: use dimsum space once we convert it to JS\n    if (nextWidth < dropdownMinWidth) nextWidth = dropdownMinWidth;\n    if (filterMenuMaxWidth && nextWidth > filterMenuMaxWidth) nextWidth = filterMenuMaxWidth;\n    return !isMenuOpened ? debouncedWidthSetter(nextWidth) : setHeaderWidth(nextWidth);\n  };\n\n  useEffect(() => {\n    if (filterMenuRef) {\n      filterMenuRef.current = {\n        toggleMenu: () => setMenuOpened((prevState) => !prevState),\n      };\n    }\n  }, [filterMenuRef]);\n\n  useEffect(() => {\n    if (!isMenuOpened) onFilterMenuClose(column);\n    else onFilterMenuOpen(column);\n  });\n\n  const [ref] = useResizeObserver(defineHeaderWidth);\n  const handleOpenMenu = useCallback((open) => {\n    setMenuOpened(open);\n    if (open) onFilterMenuOpen();\n  }, []);\n  const FilterMenuComponent = getFilterMenuByType(get(column, ['filter', 'type']));\n  return (\n    <Container ref={ref} classProps={{ showFilter: isMenuOpened }}>\n      <FilterHeaderValue className=\"header-value\">{value}</FilterHeaderValue>\n      <FilterHeaderButton data-testid=\"data-grid-filter-header__button\">\n        <FilterMenuComponent\n          className=\"filter-header-menu\"\n          column={column}\n          filters={filters}\n          isMenuOpened={isMenuOpened}\n          isMulti={isMulti}\n          menuProps={{\n            options: columnData || [],\n            style: { minWidth: headerWidth, maxWidth: filterMenuMaxWidth },\n            zIndex: 100,\n          }}\n          onAddFilter={onAddFilter}\n          onRemoveFilter={onRemoveFilter}\n          onOpenMenu={handleOpenMenu}\n          onClose={onFilterMenuClose}\n          width={headerWidth}\n          {...get(column, ['filter'], {})}\n        />\n      </FilterHeaderButton>\n    </Container>\n  );\n};\n\nFilterableHeader.propTypes = {\n  column: PropTypes.any,\n  value: PropTypes.any,\n  columnData: PropTypes.any,\n  onAddFilter: PropTypes.func,\n  onRemoveFilter: PropTypes.func,\n  filterMenuRef: PropTypes.any,\n  onFilterMenuClose: PropTypes.func,\n  onFilterMenuOpen: PropTypes.func,\n  filters: PropTypes.arrayOf(PropTypes.shape({})),\n  isMulti: PropTypes.bool,\n};\n\nexport default FilterableHeader;\n"],
-  "mappings": "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",
-  "names": []
-}