npm - @elliemae/ds-datagrids - Versions diffs - 3.0.0-next.13 → 3.0.0-next.17 - Mend

@elliemae/ds-datagrids 3.0.0-next.13 → 3.0.0-next.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/dist/cjs/plugins/pagination/PaginationPlugin.js CHANGED Viewed

@@ -61,8 +61,7 @@ __export(PaginationPlugin_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_helper = require("./helper");
 var import_usePaginationState = require("./usePaginationState");
 var import_NoResults = require("../../components/NoResults");
@@ -110,7 +109,7 @@ const decorateRenderers = (renderers, grid) => {
   const BodyWrapper = renderers.body.wrapper;
   renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
     const { hotKeys, shouldRefocus, state } = grid.getInstance();
-    return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.FocusGrid, {
       hotKeys,
       shouldRefocus: false
     }, /* @__PURE__ */ import_react.default.createElement(Body, __spreadProps(__spreadValues({}, props), {
@@ -119,7 +118,7 @@ const decorateRenderers = (renderers, grid) => {
   }, []);
   return renderers;
 };
-const PaginationPlugin = (0, import_createInstancePlugin.createInstancePlugin)("pagination", {
+const PaginationPlugin = (0, import_ds_shared.createInstancePlugin)("pagination", {
   registerStateHook: import_usePaginationState.usePaginationState,
   decorateRenderers,
   composeRows

package/dist/cjs/plugins/pagination/PaginationPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/pagination/PaginationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { useMemo } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { FocusGrid } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { paginate } from './helper';\nimport { usePaginationState } from './usePaginationState';\nimport { NoResults } from '../../components/NoResults';\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { pagination },\n    props: { groupedRows },\n  } = grid.getInstance();\n  if (groupedRows) return rows; // disable pagination with grouping\n  if (groupedRows) {\n    const filterIds = rows.map((r) => r.id);\n    return paginate(\n      rows\n        .filter((c) => filterIds.includes(c.id))\n        .map((r) => ({\n          ...r,\n          _isGroup: r.isGroup,\n        })),\n      pagination,\n    );\n  }\n\n  return paginate(rows, pagination);\n};\n\nconst Body = React.memo(\n  ({\n    component: Component,\n    rows,\n    rowRenderer,\n    noResultsPlaceholder,\n    innerRef,\n    innerBodyRef, // depends on body-header-scroll-sync\n    isPlaceholderActive = false,\n    ...otherBodyProps\n  }) => (\n    <Component {...otherBodyProps} innerRef={mergeRefs(innerRef)}>\n      {!isPlaceholderActive ? (\n        rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  ),\n);\n\nconst decorateRenderers = (renderers, grid) => {\n  const BodyWrapper = renderers.body.wrapper;\n  renderers.body.wrapper = useMemo(\n    () => (props) => {\n      const { hotKeys, shouldRefocus, state } = grid.getInstance();\n      return (\n        <FocusGrid hotKeys={hotKeys} shouldRefocus={false}>\n          <Body {...props} component={BodyWrapper} />\n        </FocusGrid>\n      );\n    },\n    [],\n  );\n  return renderers;\n};\n\nexport const PaginationPlugin = createInstancePlugin('pagination', {\n  registerStateHook: usePaginationState,\n  decorateRenderers,\n  composeRows,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAA0B;AAC1B,uBAA0B;AAC1B,kCAAqC;AACrC,oBAAyB;AACzB,gCAAmC;AACnC,uBAA0B;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,MACP,KAAK;AACT,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE;AACpC,WAAO,4BACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KACnC,IAAI,CAAC,MAAO,iCACR,IADQ;AAAA,MAEX,UAAU,EAAE;AAAA,SAEhB;AAAA;AAIJ,SAAO,4BAAS,MAAM;AAAA;AAGxB,MAAM,OAAO,qBAAM,KACjB,CAAC,OASE;AATF,eACC;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,MAPvB,IAQI,2BARJ,IAQI;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,WAAD,iCAAe,iBAAf;AAAA,IAA+B,UAAU,mCAAU;AAAA,MAChD,CAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,SAAS,OAEtE,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,UAAM,EAAE,SAAS,eAAe,UAAU,KAAK;AAC/C,WACE,mDAAC,4BAAD;AAAA,MAAW;AAAA,MAAkB,eAAe;AAAA,OAC1C,mDAAC,MAAD,iCAAU,QAAV;AAAA,MAAiB,WAAW;AAAA;AAAA,KAIlC;AAEF,SAAO;AAAA;AAGF,MAAM,mBAAmB,sDAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA;",
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { useMemo } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { paginate } from './helper';\nimport { usePaginationState } from './usePaginationState';\nimport { NoResults } from '../../components/NoResults';\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { pagination },\n    props: { groupedRows },\n  } = grid.getInstance();\n  if (groupedRows) return rows; // disable pagination with grouping\n  if (groupedRows) {\n    const filterIds = rows.map((r) => r.id);\n    return paginate(\n      rows\n        .filter((c) => filterIds.includes(c.id))\n        .map((r) => ({\n          ...r,\n          _isGroup: r.isGroup,\n        })),\n      pagination,\n    );\n  }\n\n  return paginate(rows, pagination);\n};\n\nconst Body = React.memo(\n  ({\n    component: Component,\n    rows,\n    rowRenderer,\n    noResultsPlaceholder,\n    innerRef,\n    innerBodyRef, // depends on body-header-scroll-sync\n    isPlaceholderActive = false,\n    ...otherBodyProps\n  }) => (\n    <Component {...otherBodyProps} innerRef={mergeRefs(innerRef)}>\n      {!isPlaceholderActive ? (\n        rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  ),\n);\n\nconst decorateRenderers = (renderers, grid) => {\n  const BodyWrapper = renderers.body.wrapper;\n  renderers.body.wrapper = useMemo(\n    () => (props) => {\n      const { hotKeys, shouldRefocus, state } = grid.getInstance();\n      return (\n        <FocusGrid hotKeys={hotKeys} shouldRefocus={false}>\n          <Body {...props} component={BodyWrapper} />\n        </FocusGrid>\n      );\n    },\n    [],\n  );\n  return renderers;\n};\n\nexport const PaginationPlugin = createInstancePlugin('pagination', {\n  registerStateHook: usePaginationState,\n  decorateRenderers,\n  composeRows,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,0BAA0B;AAC1B,uBAAgD;AAChD,oBAAyB;AACzB,gCAAmC;AACnC,uBAA0B;AAE1B,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE;AAAA,MACP,KAAK;AACT,MAAI;AAAa,WAAO;AACxB,MAAI,aAAa;AACf,UAAM,YAAY,KAAK,IAAI,CAAC,MAAM,EAAE;AACpC,WAAO,4BACL,KACG,OAAO,CAAC,MAAM,UAAU,SAAS,EAAE,KACnC,IAAI,CAAC,MAAO,iCACR,IADQ;AAAA,MAEX,UAAU,EAAE;AAAA,SAEhB;AAAA;AAIJ,SAAO,4BAAS,MAAM;AAAA;AAGxB,MAAM,OAAO,qBAAM,KACjB,CAAC,OASE;AATF,eACC;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,MAPvB,IAQI,2BARJ,IAQI;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,WAAD,iCAAe,iBAAf;AAAA,IAA+B,UAAU,mCAAU;AAAA,MAChD,CAAC,sBACA,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,OAAO,UAAU,SAAS,OAEtE,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,cAAc,UAAU,KAAK;AACnC,YAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,UAAM,EAAE,SAAS,eAAe,UAAU,KAAK;AAC/C,WACE,mDAAC,4BAAD;AAAA,MAAW;AAAA,MAAkB,eAAe;AAAA,OAC1C,mDAAC,MAAD,iCAAU,QAAV;AAAA,MAAiB,WAAW;AAAA;AAAA,KAIlC;AAEF,SAAO;AAAA;AAGF,MAAM,mBAAmB,2CAAqB,cAAc;AAAA,EACjE,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/resizable/ResizablePlugin.js CHANGED Viewed

@@ -31,7 +31,7 @@ __export(ResizablePlugin_exports, {
 });
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_decorateResizable = require("./decorateResizable");
 const noop = () => null;
 const DELTA_LAST_COLUMN = 25;
@@ -102,7 +102,7 @@ const decorateColumn = (column, grid, index) => {
     isLast
   }));
 };
-const ResizablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("resizable", {
+const ResizablePlugin = (0, import_ds_shared.createInstancePlugin)("resizable", {
   decorateColumn
 });
 module.exports = __toCommonJS(ResizablePlugin_exports);

package/dist/cjs/plugins/resizable/ResizablePlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/resizable/ResizablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\nimport { runAll } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addResizableToColumn, resizableFormatter } from './decorateResizable';\n\nconst noop = () => null;\n\nconst DELTA_LAST_COLUMN = 25;\n\n// eslint-disable-next-line no-unused-vars\nconst decorateColumn = (column, grid, index) => {\n  const {\n    onResizeEnd = noop,\n    onResizeStart = noop,\n    minColumnWidth = 90,\n    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,\n    onColumnResize,\n  } = grid.props;\n\n  const { decoratedColumns } = grid.getInstance();\n  // need to do this because the decorated columns which the index in the function call\n  // could be different from the final decorated columns because a plugin could add a\n  // column afterwards\n  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);\n  const isLast = colIndex === decoratedColumns.length - 1;\n\n  if (!isColumnResizeActive(column)) return column;\n  return addResizableToColumn(\n    column,\n    resizableFormatter({\n      onDragStart: () => {\n        grid.isDragging.current = true;\n        grid.disableEvents();\n        onResizeStart();\n        onColumnResize('onResizeStart', { column });\n      },\n      onDrag: (width, increasing) => {\n        const { resizedColumns, refs } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        column.updateBodyHeaderWidth(width, width);\n        grid.updateRowWidth();\n        if (isLast && increasing) {\n          // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js\n          // It isn't watching the scrollLeft so you have to move both at the same time\n          refs.header.current.scrollLeft += DELTA_LAST_COLUMN;\n          refs.body.current.scrollLeft += DELTA_LAST_COLUMN;\n        }\n      },\n      onDragEnd: (width, increasing, extraData) => {\n        const { resizedColumns } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        resizedColumns.current[column.uuid] = width;\n\n        grid.isDragging.current = false;\n        grid.enableEvents();\n        try {\n          const total = grid.getInstance().refs.body.current.scrollWidth;\n          const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);\n          const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;\n          if (sum < total) {\n            const lastCol = grid.getInstance().columnSizeService.columns[lastKey];\n            lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            grid.getInstance().columnSizeService.updateMissingWidths(total);\n          }\n        } catch (error) {\n          console.error(\n            'Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column',\n            error,\n          );\n        }\n\n        onColumnResize('onResizeEnd', {\n          column,\n          width,\n          extraData,\n        });\n        runAll(onResizeEnd)(width, extraData);\n        grid.updateRowWidth();\n      },\n      minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),\n      isLast,\n    }),\n  );\n};\n\nexport const ResizablePlugin = createInstancePlugin('resizable', {\n  decorateColumn,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,0BAAuB;AACvB,kCAAqC;AACrC,+BAAyD;AAEzD,MAAM,OAAO,MAAM;AAEnB,MAAM,oBAAoB;AAG1B,MAAM,iBAAiB,CAAC,QAAQ,MAAM,UAAU;AAC9C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,uBAAuB,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI;AAAA,IACtD;AAAA,MACE,KAAK;AAET,QAAM,EAAE,qBAAqB,KAAK;AAIlC,QAAM,WAAW,iBAAiB,UAAU,CAAC,QAAQ,IAAI,aAAa,OAAO;AAC7E,QAAM,SAAS,aAAa,iBAAiB,SAAS;AAEtD,MAAI,CAAC,qBAAqB;AAAS,WAAO;AAC1C,SAAO,mDACL,QACA,iDAAmB;AAAA,IACjB,aAAa,MAAM;AACjB,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL;AACA,qBAAe,iBAAiB,EAAE;AAAA;AAAA,IAEpC,QAAQ,CAAC,OAAO,eAAe;AAC7B,YAAM,EAAE,gBAAgB,SAAS,KAAK;AACtC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,aAAO,sBAAsB,OAAO;AACpC,WAAK;AACL,UAAI,UAAU,YAAY;AAGxB,aAAK,OAAO,QAAQ,cAAc;AAClC,aAAK,KAAK,QAAQ,cAAc;AAAA;AAAA;AAAA,IAGpC,WAAW,CAAC,OAAO,YAAY,cAAc;AAC3C,YAAM,EAAE,mBAAmB,KAAK;AAChC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,qBAAe,QAAQ,OAAO,QAAQ;AAEtC,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL,UAAI;AACF,cAAM,QAAQ,KAAK,cAAc,KAAK,KAAK,QAAQ;AACnD,cAAM,MAAM,OAAO,KAAK,KAAK,eAAe,SAAS,OAAO,CAAC,GAAG,MAAM,KAAK,eAAe,QAAQ,KAAK,GAAG;AAC1G,cAAM,UAAU,KAAK,iBAAiB,KAAK,QAAQ,SAAS,GAAG;AAC/D,YAAI,MAAM,OAAO;AACf,gBAAM,UAAU,KAAK,cAAc,kBAAkB,QAAQ;AAC7D,kBAAQ,YAAY,KAAK,eAAe,QAAQ,WAAW,QAAQ;AACnE,kBAAQ,sBAAsB,KAAK,eAAe,QAAQ,WAAW,QAAQ;AAC7E,eAAK,cAAc,kBAAkB,oBAAoB;AAAA;AAAA,eAEpD,OAAP;AACA,gBAAQ,MACN,0GACA;AAAA;AAIJ,qBAAe,eAAe;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA;AAEF,sCAAO,aAAa,OAAO;AAC3B,WAAK;AAAA;AAAA,IAEP,UAAW,QAAO,YAAY,kBAAmB,UAAS,oBAAoB;AAAA,IAC9E;AAAA;AAAA;AAKC,MAAM,kBAAkB,sDAAqB,aAAa;AAAA,EAC/D;AAAA;",
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\nimport { runAll } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { addResizableToColumn, resizableFormatter } from './decorateResizable';\n\nconst noop = () => null;\n\nconst DELTA_LAST_COLUMN = 25;\n\n// eslint-disable-next-line no-unused-vars\nconst decorateColumn = (column, grid, index) => {\n  const {\n    onResizeEnd = noop,\n    onResizeStart = noop,\n    minColumnWidth = 90,\n    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,\n    onColumnResize,\n  } = grid.props;\n\n  const { decoratedColumns } = grid.getInstance();\n  // need to do this because the decorated columns which the index in the function call\n  // could be different from the final decorated columns because a plugin could add a\n  // column afterwards\n  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);\n  const isLast = colIndex === decoratedColumns.length - 1;\n\n  if (!isColumnResizeActive(column)) return column;\n  return addResizableToColumn(\n    column,\n    resizableFormatter({\n      onDragStart: () => {\n        grid.isDragging.current = true;\n        grid.disableEvents();\n        onResizeStart();\n        onColumnResize('onResizeStart', { column });\n      },\n      onDrag: (width, increasing) => {\n        const { resizedColumns, refs } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        column.updateBodyHeaderWidth(width, width);\n        grid.updateRowWidth();\n        if (isLast && increasing) {\n          // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js\n          // It isn't watching the scrollLeft so you have to move both at the same time\n          refs.header.current.scrollLeft += DELTA_LAST_COLUMN;\n          refs.body.current.scrollLeft += DELTA_LAST_COLUMN;\n        }\n      },\n      onDragEnd: (width, increasing, extraData) => {\n        const { resizedColumns } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        resizedColumns.current[column.uuid] = width;\n\n        grid.isDragging.current = false;\n        grid.enableEvents();\n        try {\n          const total = grid.getInstance().refs.body.current.scrollWidth;\n          const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);\n          const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;\n          if (sum < total) {\n            const lastCol = grid.getInstance().columnSizeService.columns[lastKey];\n            lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            grid.getInstance().columnSizeService.updateMissingWidths(total);\n          }\n        } catch (error) {\n          console.error(\n            'Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column',\n            error,\n          );\n        }\n\n        onColumnResize('onResizeEnd', {\n          column,\n          width,\n          extraData,\n        });\n        runAll(onResizeEnd)(width, extraData);\n        grid.updateRowWidth();\n      },\n      minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),\n      isLast,\n    }),\n  );\n};\n\nexport const ResizablePlugin = createInstancePlugin('resizable', {\n  decorateColumn,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,0BAAuB;AACvB,uBAAqC;AACrC,+BAAyD;AAEzD,MAAM,OAAO,MAAM;AAEnB,MAAM,oBAAoB;AAG1B,MAAM,iBAAiB,CAAC,QAAQ,MAAM,UAAU;AAC9C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,uBAAuB,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI;AAAA,IACtD;AAAA,MACE,KAAK;AAET,QAAM,EAAE,qBAAqB,KAAK;AAIlC,QAAM,WAAW,iBAAiB,UAAU,CAAC,QAAQ,IAAI,aAAa,OAAO;AAC7E,QAAM,SAAS,aAAa,iBAAiB,SAAS;AAEtD,MAAI,CAAC,qBAAqB;AAAS,WAAO;AAC1C,SAAO,mDACL,QACA,iDAAmB;AAAA,IACjB,aAAa,MAAM;AACjB,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL;AACA,qBAAe,iBAAiB,EAAE;AAAA;AAAA,IAEpC,QAAQ,CAAC,OAAO,eAAe;AAC7B,YAAM,EAAE,gBAAgB,SAAS,KAAK;AACtC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,aAAO,sBAAsB,OAAO;AACpC,WAAK;AACL,UAAI,UAAU,YAAY;AAGxB,aAAK,OAAO,QAAQ,cAAc;AAClC,aAAK,KAAK,QAAQ,cAAc;AAAA;AAAA;AAAA,IAGpC,WAAW,CAAC,OAAO,YAAY,cAAc;AAC3C,YAAM,EAAE,mBAAmB,KAAK;AAChC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,qBAAe,QAAQ,OAAO,QAAQ;AAEtC,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL,UAAI;AACF,cAAM,QAAQ,KAAK,cAAc,KAAK,KAAK,QAAQ;AACnD,cAAM,MAAM,OAAO,KAAK,KAAK,eAAe,SAAS,OAAO,CAAC,GAAG,MAAM,KAAK,eAAe,QAAQ,KAAK,GAAG;AAC1G,cAAM,UAAU,KAAK,iBAAiB,KAAK,QAAQ,SAAS,GAAG;AAC/D,YAAI,MAAM,OAAO;AACf,gBAAM,UAAU,KAAK,cAAc,kBAAkB,QAAQ;AAC7D,kBAAQ,YAAY,KAAK,eAAe,QAAQ,WAAW,QAAQ;AACnE,kBAAQ,sBAAsB,KAAK,eAAe,QAAQ,WAAW,QAAQ;AAC7E,eAAK,cAAc,kBAAkB,oBAAoB;AAAA;AAAA,eAEpD,OAAP;AACA,gBAAQ,MACN,0GACA;AAAA;AAIJ,qBAAe,eAAe;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA;AAEF,sCAAO,aAAa,OAAO;AAC3B,WAAK;AAAA;AAAA,IAEP,UAAW,QAAO,YAAY,kBAAmB,UAAS,oBAAoB;AAAA,IAC9E;AAAA;AAAA;AAKC,MAAM,kBAAkB,2CAAqB,aAAa;AAAA,EAC/D;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/resizable/decorateResizable.js CHANGED Viewed

@@ -49,9 +49,9 @@ __export(decorateResizable_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_useResizeHandle = require("./useResizeHandle");
-const addResizableToColumn = (column, formatter) => (0, import_initColumnDefinition.appendHeaderFormatter)(formatter, column);
+const addResizableToColumn = (column, formatter) => (0, import_ds_shared.appendHeaderFormatter)(formatter, column);
 const ResizableWrapper = import_react.default.memo(({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {
   const { containerRef, Handle } = (0, import_useResizeHandle.useResizeHandle)({
     onDrag,

package/dist/cjs/plugins/resizable/decorateResizable.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/resizable/decorateResizable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { appendHeaderFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { useResizeHandle } from './useResizeHandle';\n\nconst addResizableToColumn = (column, formatter) =>\n  appendHeaderFormatter(formatter, column);\n\nconst ResizableWrapper = React.memo(\n  ({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {\n    const { containerRef, Handle } = useResizeHandle({\n      onDrag,\n      onDragEnd,\n      onDragStart,\n      minWidth,\n      handleClassName,\n    });\n    return (\n      <div ref={containerRef} className=\"resize-container\">\n        {value}\n        <Handle />\n      </div>\n    );\n  },\n);\n\n// eslint-disable-next-line react/display-name\nconst resizableFormatter = options => value => (\n  <ResizableWrapper {...options} value={value} />\n);\n\nexport { addResizableToColumn, resizableFormatter };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAsC;AACtC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,QAAQ,cACpC,uDAAsB,WAAW;AAEnC,MAAM,mBAAmB,qBAAM,KAC7B,CAAC,EAAE,OAAO,QAAQ,WAAW,aAAa,UAAU,sBAAsB;AACxE,QAAM,EAAE,cAAc,WAAW,4CAAgB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAc,WAAU;AAAA,KAC/B,OACD,mDAAC,QAAD;AAAA;AAOR,MAAM,qBAAqB,aAAW,WACpC,mDAAC,kBAAD,iCAAsB,UAAtB;AAAA,EAA+B;AAAA;",
+  "sourcesContent": ["import React from 'react';\nimport { appendHeaderFormatter } from '@elliemae/ds-shared';\nimport { useResizeHandle } from './useResizeHandle';\n\nconst addResizableToColumn = (column, formatter) => appendHeaderFormatter(formatter, column);\n\nconst ResizableWrapper = React.memo(({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {\n  const { containerRef, Handle } = useResizeHandle({\n    onDrag,\n    onDragEnd,\n    onDragStart,\n    minWidth,\n    handleClassName,\n  });\n  return (\n    <div ref={containerRef} className=\"resize-container\">\n      {value}\n      <Handle />\n    </div>\n  );\n});\n\n// eslint-disable-next-line react/display-name\nconst resizableFormatter = (options) => (value) => <ResizableWrapper {...options} value={value} />;\n\nexport { addResizableToColumn, resizableFormatter };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAsC;AACtC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,QAAQ,cAAc,4CAAsB,WAAW;AAErF,MAAM,mBAAmB,qBAAM,KAAK,CAAC,EAAE,OAAO,QAAQ,WAAW,aAAa,UAAU,sBAAsB;AAC5G,QAAM,EAAE,cAAc,WAAW,4CAAgB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAc,WAAU;AAAA,KAC/B,OACD,mDAAC,QAAD;AAAA;AAMN,MAAM,qBAAqB,CAAC,YAAY,CAAC,UAAU,mDAAC,kBAAD,iCAAsB,UAAtB;AAAA,EAA+B;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js CHANGED Viewed

@@ -51,8 +51,7 @@ var import_react = __toESM(require("react"));
 var import_react_sortable_hoc = require("react-sortable-hoc");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 const keysToOmit = [
   "axis",
   "contentWindow",
@@ -97,7 +96,7 @@ const decorateColumns = (columns) => {
     special: true
   };
   return [
-    (0, import_initColumnDefinition.appendCellFormatter)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null)), dragColumn),
+    (0, import_ds_shared.appendCellFormatter)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null)), dragColumn),
     ...columns
   ];
 };
@@ -139,7 +138,7 @@ const decorateRenderers = (renderers) => {
     })
   });
 };
-const DndRowsPlugin = (0, import_createInstancePlugin.createInstancePlugin)("dnd-rows", {
+const DndRowsPlugin = (0, import_ds_shared.createInstancePlugin)("dnd-rows", {
   decorateColumns,
   getBodyProps,
   decorateRenderers

package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/row-dnd/DndRowsPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport { SortableElement, SortableContainer, SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { omit } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst translateDnDData = ({ oldIndex, newIndex, index }) => ({\n  sourceIndex: oldIndex,\n  targetIndex: newIndex,\n  fromIndex: index === undefined ? oldIndex : index,\n});\n\nconst decorateColumns = (columns) => {\n  const dragColumn = {\n    property: 'drag',\n    label: '',\n    visible: true,\n    width: 24,\n    minWidth: 24,\n    special: true,\n  };\n  return [\n    appendCellFormatter(\n      () => (\n        <>\n          <DragHandle />\n        </>\n      ),\n      dragColumn,\n    ),\n    ...columns,\n  ];\n};\n\nconst getBodyProps = (props, grid) => {\n  const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;\n  return {\n    ...props,\n    onSortEnd: (data) => {\n      grid.enableEvents();\n      grid.setIsRowDragging(false);\n      onMoveRowEnd(translateDnDData(data));\n    },\n    onSortStart: (...args) => {\n      grid.disableEvents();\n      grid.setIsRowDragging(true);\n      onMoveRowStart(...args);\n    },\n    onSortOver: (data) => {\n      onReorder(translateDnDData(data));\n    },\n    lockAxis: 'y',\n    useDragHandle: true,\n    helperClass: 'row-drag-helper',\n    // a promise is needed, since sortable it's mounted before it's container\n    getContainer: () =>\n      new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(grid.refs.innerBody.current || grid.refs.body.current);\n        }, 100);\n      }),\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.body.row;\n  const BodyWrapperComponent = renderers.body.wrapper;\n\n  const Row = useMemo(() => SortableElement(RowComponent), []);\n\n  const BodyWrapper = useMemo(\n    () => SortableContainer((props) => <BodyWrapperComponent {...omit(props, keysToOmit)} />),\n    [],\n  );\n\n  return {\n    ...renderers,\n    body: {\n      ...renderers.body,\n      wrapper: BodyWrapper,\n      row: Row,\n    },\n  };\n};\n\nexport const DndRowsPlugin = createInstancePlugin('dnd-rows', {\n  decorateColumns,\n  getBodyProps,\n  decorateRenderers,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,gCAAmE;AACnE,sBAAgC;AAChC,0BAAqB;AACrB,kCAAoC;AACpC,kCAAqC;AAGrC,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,aAAa,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,mBAAmB,CAAC,EAAE,UAAU,UAAU,YAAa;AAAA,EAC3D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW,UAAU,SAAY,WAAW;AAAA;AAG9C,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA;AAEX,SAAO;AAAA,IACL,qDACE,MACE,wFACE,mDAAC,YAAD,QAGJ;AAAA,IAEF,GAAG;AAAA;AAAA;AAIP,MAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAM,EAAE,cAAc,WAAW,mBAAmB,KAAK;AACzD,SAAO,iCACF,QADE;AAAA,IAEL,WAAW,CAAC,SAAS;AACnB,WAAK;AACL,WAAK,iBAAiB;AACtB,mBAAa,iBAAiB;AAAA;AAAA,IAEhC,aAAa,IAAI,SAAS;AACxB,WAAK;AACL,WAAK,iBAAiB;AACtB,qBAAe,GAAG;AAAA;AAAA,IAEpB,YAAY,CAAC,SAAS;AACpB,gBAAU,iBAAiB;AAAA;AAAA,IAE7B,UAAU;AAAA,IACV,eAAe;AAAA,IACf,aAAa;AAAA,IAEb,cAAc,MACZ,IAAI,QAAQ,CAAC,YAAY;AACvB,iBAAW,MAAM;AACf,gBAAQ,KAAK,KAAK,UAAU,WAAW,KAAK,KAAK,KAAK;AAAA,SACrD;AAAA;AAAA;AAAA;AAKX,MAAM,oBAAoB,CAAC,cAAc;AACvC,QAAM,eAAe,UAAU,KAAK;AACpC,QAAM,uBAAuB,UAAU,KAAK;AAE5C,QAAM,MAAM,0BAAQ,MAAM,+CAAgB,eAAe;AAEzD,QAAM,cAAc,0BAClB,MAAM,iDAAkB,CAAC,UAAU,mDAAC,sBAAD,mBAA0B,8BAAK,OAAO,gBACzE;AAGF,SAAO,iCACF,YADE;AAAA,IAEL,MAAM,iCACD,UAAU,OADT;AAAA,MAEJ,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;AAKJ,MAAM,gBAAgB,sDAAqB,YAAY;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA;",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport { SortableElement, SortableContainer, SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { omit } from '@elliemae/ds-utilities';\nimport { appendCellFormatter, createInstancePlugin } from '@elliemae/ds-shared';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst translateDnDData = ({ oldIndex, newIndex, index }) => ({\n  sourceIndex: oldIndex,\n  targetIndex: newIndex,\n  fromIndex: index === undefined ? oldIndex : index,\n});\n\nconst decorateColumns = (columns) => {\n  const dragColumn = {\n    property: 'drag',\n    label: '',\n    visible: true,\n    width: 24,\n    minWidth: 24,\n    special: true,\n  };\n  return [\n    appendCellFormatter(\n      () => (\n        <>\n          <DragHandle />\n        </>\n      ),\n      dragColumn,\n    ),\n    ...columns,\n  ];\n};\n\nconst getBodyProps = (props, grid) => {\n  const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;\n  return {\n    ...props,\n    onSortEnd: (data) => {\n      grid.enableEvents();\n      grid.setIsRowDragging(false);\n      onMoveRowEnd(translateDnDData(data));\n    },\n    onSortStart: (...args) => {\n      grid.disableEvents();\n      grid.setIsRowDragging(true);\n      onMoveRowStart(...args);\n    },\n    onSortOver: (data) => {\n      onReorder(translateDnDData(data));\n    },\n    lockAxis: 'y',\n    useDragHandle: true,\n    helperClass: 'row-drag-helper',\n    // a promise is needed, since sortable it's mounted before it's container\n    getContainer: () =>\n      new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(grid.refs.innerBody.current || grid.refs.body.current);\n        }, 100);\n      }),\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.body.row;\n  const BodyWrapperComponent = renderers.body.wrapper;\n\n  const Row = useMemo(() => SortableElement(RowComponent), []);\n\n  const BodyWrapper = useMemo(\n    () => SortableContainer((props) => <BodyWrapperComponent {...omit(props, keysToOmit)} />),\n    [],\n  );\n\n  return {\n    ...renderers,\n    body: {\n      ...renderers.body,\n      wrapper: BodyWrapper,\n      row: Row,\n    },\n  };\n};\n\nexport const DndRowsPlugin = createInstancePlugin('dnd-rows', {\n  decorateColumns,\n  getBodyProps,\n  decorateRenderers,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,gCAAmE;AACnE,sBAAgC;AAChC,0BAAqB;AACrB,uBAA0D;AAG1D,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,aAAa,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,mBAAmB,CAAC,EAAE,UAAU,UAAU,YAAa;AAAA,EAC3D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW,UAAU,SAAY,WAAW;AAAA;AAG9C,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA;AAEX,SAAO;AAAA,IACL,0CACE,MACE,wFACE,mDAAC,YAAD,QAGJ;AAAA,IAEF,GAAG;AAAA;AAAA;AAIP,MAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAM,EAAE,cAAc,WAAW,mBAAmB,KAAK;AACzD,SAAO,iCACF,QADE;AAAA,IAEL,WAAW,CAAC,SAAS;AACnB,WAAK;AACL,WAAK,iBAAiB;AACtB,mBAAa,iBAAiB;AAAA;AAAA,IAEhC,aAAa,IAAI,SAAS;AACxB,WAAK;AACL,WAAK,iBAAiB;AACtB,qBAAe,GAAG;AAAA;AAAA,IAEpB,YAAY,CAAC,SAAS;AACpB,gBAAU,iBAAiB;AAAA;AAAA,IAE7B,UAAU;AAAA,IACV,eAAe;AAAA,IACf,aAAa;AAAA,IAEb,cAAc,MACZ,IAAI,QAAQ,CAAC,YAAY;AACvB,iBAAW,MAAM;AACf,gBAAQ,KAAK,KAAK,UAAU,WAAW,KAAK,KAAK,KAAK;AAAA,SACrD;AAAA;AAAA;AAAA;AAKX,MAAM,oBAAoB,CAAC,cAAc;AACvC,QAAM,eAAe,UAAU,KAAK;AACpC,QAAM,uBAAuB,UAAU,KAAK;AAE5C,QAAM,MAAM,0BAAQ,MAAM,+CAAgB,eAAe;AAEzD,QAAM,cAAc,0BAClB,MAAM,iDAAkB,CAAC,UAAU,mDAAC,sBAAD,mBAA0B,8BAAK,OAAO,gBACzE;AAGF,SAAO,iCACF,YADE;AAAA,IAEL,MAAM,iCACD,UAAU,OADT;AAAA,MAEJ,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;AAKJ,MAAM,gBAAgB,2CAAqB,YAAY;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/selectable/SelectablePlugin.js CHANGED Viewed

@@ -33,7 +33,7 @@ var React = __toESM(require("react"));
 var import_react = require("react");
 var import_obj_str = __toESM(require("obj-str"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_addSelectableColumn = require("./addSelectableColumn");
 var import_useSelectableState = require("./useSelectableState");
 var import_helper = require("./helper");
@@ -126,7 +126,7 @@ const decorateGrid = (grid) => {
     lastSelectedRow
   };
 };
-const SelectablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("selectable", {
+const SelectablePlugin = (0, import_ds_shared.createInstancePlugin)("selectable", {
   decorateGrid,
   registerStateHook: import_useSelectableState.useSelectableState,
   decorateColumns,

package/dist/cjs/plugins/selectable/SelectablePlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/SelectablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-lines */\nimport { useEffect, useState, useCallback } from 'react';\nimport cx from 'obj-str';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { selectionColumnCreator } from './addSelectableColumn';\nimport { useSelectableState } from './useSelectableState';\nimport { selectMultipleRow, selectSingleRow } from './helper';\n\n// DECORATORS\nconst decorateColumns = (columns, grid) => {\n  const {\n    props: {\n      selectable,\n      multiSelectFilterLabel,\n      multiSelectFilterOptions,\n      multiSelectFilterLabels,\n      multiSelectComponent,\n    },\n    actions: { selectAll: handleSelectAll, selectRow: handleSelectRow },\n    state: { selection },\n  } = grid;\n\n  const createSelectionColumn = selectionColumnCreator({\n    grid,\n    multiple: selectable === 'multi',\n    selectAll: selection.selectAll,\n    onSelectAll: handleSelectAll,\n    onSelectRow: handleSelectRow,\n    multiSelectFilterLabel,\n    multiSelectFilterOptions,\n    multiSelectFilterLabels,\n    multiSelectComponent,\n  });\n\n  const { showSelectColumn, selectionColumnDefinition } = grid.props;\n\n  if (showSelectColumn) {\n    const selectionColumn = createSelectionColumn(selectionColumnDefinition);\n    return [selectionColumn, ...columns];\n  }\n  return columns;\n};\n\nconst getRowProps = (rowProps, grid, { rowData }) => {\n  const {\n    props: { showSelectHighlight, showSelectColumn, rowKey },\n    actions: { selectRow },\n  } = grid.getInstance();\n\n  const { _index } = rowData;\n  const isSelected = rowData['metaData.selected'];\n\n  if (!showSelectColumn) {\n    rowProps.onClick = () => selectRow(rowData[rowKey], _index);\n  }\n\n  rowProps.className = cx({\n    [rowProps.className]: true,\n    selected: isSelected,\n    'select-highlight': showSelectHighlight && isSelected,\n  });\n\n  return rowProps;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isRowSelected, multiple, rowKey },\n    state: { selection },\n  } = grid.getInstance();\n\n  const selectionPredicate = (row) =>\n    isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];\n\n  return multiple ? selectMultipleRow(rows, selectionPredicate) : selectSingleRow(rows, selectionPredicate);\n};\n\nconst decorateGrid = (grid) => {\n  // const handler = useRef();\n  const {\n    props: { isRowSelected, rowKey },\n    actions: { selectRow },\n    state: { selection },\n  } = grid.getInstance();\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastSelectedRow, setLastSelectedRow] = useState(null);\n\n  const selectRowHandler = useCallback(\n    (rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed),\n    [isRowSelected, selection, shiftPressed],\n  );\n\n  useEffect(() => {\n    const keyDownListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(true);\n      }\n    };\n    const keyUpListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(false);\n      }\n    };\n    window.addEventListener('keydown', keyDownListener);\n    window.addEventListener('keyup', keyUpListener);\n    return () => {\n      window.removeEventListener('keydown', keyDownListener);\n      window.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  return {\n    shiftPressed,\n    selectRowHandler,\n    setLastSelectedRow,\n    lastSelectedRow,\n  };\n};\n\nexport const SelectablePlugin = createInstancePlugin('selectable', {\n  decorateGrid,\n  registerStateHook: useSelectableState,\n  decorateColumns,\n  getRowProps,\n  composeRows,\n  registerHotKeys(grid) {\n    return [\n      {\n        key: 'space',\n        handler: ({ rowIndex }) => {\n          const {\n            composedRows,\n            props: { rowKey },\n            actions: { selectRow },\n          } = grid.getInstance();\n          const rows = composedRows.rows || composedRows;\n          const row = rows[rowIndex];\n          if (!row) return;\n          selectRow(row[rowKey], rowIndex);\n        },\n      },\n      {\n        key: 'ctrl+a',\n        handler: () => {\n          const {\n            state: { selection },\n            actions: { selectAll },\n          } = grid.getInstance();\n\n          selectAll(!selection.selectAll);\n        },\n      },\n    ];\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-lines */\nimport { useEffect, useState, useCallback } from 'react';\nimport cx from 'obj-str';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared';\nimport { selectionColumnCreator } from './addSelectableColumn';\nimport { useSelectableState } from './useSelectableState';\nimport { selectMultipleRow, selectSingleRow } from './helper';\n\n// DECORATORS\nconst decorateColumns = (columns, grid) => {\n  const {\n    props: {\n      selectable,\n      multiSelectFilterLabel,\n      multiSelectFilterOptions,\n      multiSelectFilterLabels,\n      multiSelectComponent,\n    },\n    actions: { selectAll: handleSelectAll, selectRow: handleSelectRow },\n    state: { selection },\n  } = grid;\n\n  const createSelectionColumn = selectionColumnCreator({\n    grid,\n    multiple: selectable === 'multi',\n    selectAll: selection.selectAll,\n    onSelectAll: handleSelectAll,\n    onSelectRow: handleSelectRow,\n    multiSelectFilterLabel,\n    multiSelectFilterOptions,\n    multiSelectFilterLabels,\n    multiSelectComponent,\n  });\n\n  const { showSelectColumn, selectionColumnDefinition } = grid.props;\n\n  if (showSelectColumn) {\n    const selectionColumn = createSelectionColumn(selectionColumnDefinition);\n    return [selectionColumn, ...columns];\n  }\n  return columns;\n};\n\nconst getRowProps = (rowProps, grid, { rowData }) => {\n  const {\n    props: { showSelectHighlight, showSelectColumn, rowKey },\n    actions: { selectRow },\n  } = grid.getInstance();\n\n  const { _index } = rowData;\n  const isSelected = rowData['metaData.selected'];\n\n  if (!showSelectColumn) {\n    rowProps.onClick = () => selectRow(rowData[rowKey], _index);\n  }\n\n  rowProps.className = cx({\n    [rowProps.className]: true,\n    selected: isSelected,\n    'select-highlight': showSelectHighlight && isSelected,\n  });\n\n  return rowProps;\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    props: { isRowSelected, multiple, rowKey },\n    state: { selection },\n  } = grid.getInstance();\n\n  const selectionPredicate = (row) =>\n    isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];\n\n  return multiple ? selectMultipleRow(rows, selectionPredicate) : selectSingleRow(rows, selectionPredicate);\n};\n\nconst decorateGrid = (grid) => {\n  // const handler = useRef();\n  const {\n    props: { isRowSelected, rowKey },\n    actions: { selectRow },\n    state: { selection },\n  } = grid.getInstance();\n  const [shiftPressed, setShiftPressed] = useState(false);\n  const [lastSelectedRow, setLastSelectedRow] = useState(null);\n\n  const selectRowHandler = useCallback(\n    (rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed),\n    [isRowSelected, selection, shiftPressed],\n  );\n\n  useEffect(() => {\n    const keyDownListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(true);\n      }\n    };\n    const keyUpListener = (event) => {\n      if (\n        event.key === 'Shift' &&\n        event.target.tagName.toLowerCase() !== 'input' &&\n        event.target.parentNode.className !== 'em-ds-combobox__input'\n      ) {\n        setShiftPressed(false);\n      }\n    };\n    window.addEventListener('keydown', keyDownListener);\n    window.addEventListener('keyup', keyUpListener);\n    return () => {\n      window.removeEventListener('keydown', keyDownListener);\n      window.removeEventListener('keyup', keyUpListener);\n    };\n  });\n\n  return {\n    shiftPressed,\n    selectRowHandler,\n    setLastSelectedRow,\n    lastSelectedRow,\n  };\n};\n\nexport const SelectablePlugin = createInstancePlugin('selectable', {\n  decorateGrid,\n  registerStateHook: useSelectableState,\n  decorateColumns,\n  getRowProps,\n  composeRows,\n  registerHotKeys(grid) {\n    return [\n      {\n        key: 'space',\n        handler: ({ rowIndex }) => {\n          const {\n            composedRows,\n            props: { rowKey },\n            actions: { selectRow },\n          } = grid.getInstance();\n          const rows = composedRows.rows || composedRows;\n          const row = rows[rowIndex];\n          if (!row) return;\n          selectRow(row[rowKey], rowIndex);\n        },\n      },\n      {\n        key: 'ctrl+a',\n        handler: () => {\n          const {\n            state: { selection },\n            actions: { selectAll },\n          } = grid.getInstance();\n\n          selectAll(!selection.selectAll);\n        },\n      },\n    ];\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/plugins/selectable/addSelectableColumn.js CHANGED Viewed

@@ -59,7 +59,7 @@ __export(addSelectableColumn_exports, {
   selectionColumnCreator: () => selectionColumnCreator
 });
 var React = __toESM(require("react"));
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_selectableFormatter = require("./selectableFormatter");
 function selectionColumnCreator({
   grid,
@@ -106,13 +106,13 @@ function selectionColumnCreator({
       minWidth: minWidth || width,
       isDataColumn
     });
-    selectionColumn = (0, import_initColumnDefinition.appendCellFormatter)((0, import_selectableFormatter.selectableFormatter)({
+    selectionColumn = (0, import_ds_shared.appendCellFormatter)((0, import_selectableFormatter.selectableFormatter)({
       isMultiSelect: multiple,
       renderer: selectionComponent || multiSelectComponent,
       onSelect: onSelectRow
     }, grid))(selectionColumn);
     if (multiple) {
-      selectionColumn = (0, import_initColumnDefinition.appendHeaderFormatter)((0, import_selectableFormatter.selectableFormatter)({
+      selectionColumn = (0, import_ds_shared.appendHeaderFormatter)((0, import_selectableFormatter.selectableFormatter)({
         rowKey,
         selectAll,
         isMultiSelect: true,

package/dist/cjs/plugins/selectable/addSelectableColumn.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/selectable/addSelectableColumn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  appendCellFormatter,\n  appendHeaderFormatter,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { selectableFormatter } from './selectableFormatter';\n\nexport function selectionColumnCreator({\n  grid,\n  selectAll,\n  selectionComponent,\n  onSelectRow,\n  onSelectAll,\n  multiple,\n\n  // backward compatibility: later this needed to be passed through column definition\n  multiSelectFilterLabel,\n  multiSelectFilterOptions,\n  multiSelectFilterLabels,\n  multiSelectComponent, // favor selectionComponent\n}) {\n  const {\n    props: { rowKey },\n  } = grid;\n\n  return ({\n    visible = true,\n    isDataColumn = false,\n    width = 40,\n    minWidth,\n    cellRenderer,\n    headerCellRenderer,\n    customRenderer,\n    header,\n    ...column\n  } = {}) => {\n    let selectionColumn = {\n      ...column,\n      property: 'metaData.selected',\n      filterLabel: multiSelectFilterLabel,\n      filterOptions: multiSelectFilterOptions,\n      filterLabels: multiSelectFilterLabels,\n      visible,\n      width,\n      minWidth: minWidth || width,\n      isDataColumn,\n    };\n    selectionColumn = appendCellFormatter(\n      selectableFormatter(\n        {\n          isMultiSelect: multiple,\n          renderer: selectionComponent || multiSelectComponent,\n          onSelect: onSelectRow,\n        },\n        grid,\n      ),\n    )(selectionColumn);\n\n    if (multiple) {\n      selectionColumn = appendHeaderFormatter(\n        selectableFormatter(\n          {\n            rowKey,\n            selectAll,\n            isMultiSelect: true,\n            isHeader: true,\n            className: 'multi-select-wrapper',\n            renderer: selectionComponent || multiSelectComponent,\n            onSelect: onSelectAll,\n          },\n          grid,\n        ),\n      )(selectionColumn);\n    }\n    return selectionColumn;\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAGO;AACP,iCAAoC;AAE7B,gCAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP;AAEJ,SAAO,CAAC,KAUJ,OAAO;AAVH,iBACN;AAAA,gBAAU;AAAA,MACV,eAAe;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QARM,IASH,mBATG,IASH;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGA,QAAI,kBAAkB,iCACjB,SADiB;AAAA,MAEpB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA;AAEF,sBAAkB,qDAChB,oDACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,uDAChB,oDACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,SAEZ,OAEF;AAAA;AAEJ,WAAO;AAAA;AAAA;",
+  "sourcesContent": ["import { appendCellFormatter, appendHeaderFormatter } from '@elliemae/ds-shared';\nimport { selectableFormatter } from './selectableFormatter';\n\nexport function selectionColumnCreator({\n  grid,\n  selectAll,\n  selectionComponent,\n  onSelectRow,\n  onSelectAll,\n  multiple,\n\n  // backward compatibility: later this needed to be passed through column definition\n  multiSelectFilterLabel,\n  multiSelectFilterOptions,\n  multiSelectFilterLabels,\n  multiSelectComponent, // favor selectionComponent\n}) {\n  const {\n    props: { rowKey },\n  } = grid;\n\n  return ({\n    visible = true,\n    isDataColumn = false,\n    width = 40,\n    minWidth,\n    cellRenderer,\n    headerCellRenderer,\n    customRenderer,\n    header,\n    ...column\n  } = {}) => {\n    let selectionColumn = {\n      ...column,\n      property: 'metaData.selected',\n      filterLabel: multiSelectFilterLabel,\n      filterOptions: multiSelectFilterOptions,\n      filterLabels: multiSelectFilterLabels,\n      visible,\n      width,\n      minWidth: minWidth || width,\n      isDataColumn,\n    };\n    selectionColumn = appendCellFormatter(\n      selectableFormatter(\n        {\n          isMultiSelect: multiple,\n          renderer: selectionComponent || multiSelectComponent,\n          onSelect: onSelectRow,\n        },\n        grid,\n      ),\n    )(selectionColumn);\n\n    if (multiple) {\n      selectionColumn = appendHeaderFormatter(\n        selectableFormatter(\n          {\n            rowKey,\n            selectAll,\n            isMultiSelect: true,\n            isHeader: true,\n            className: 'multi-select-wrapper',\n            renderer: selectionComponent || multiSelectComponent,\n            onSelect: onSelectAll,\n          },\n          grid,\n        ),\n      )(selectionColumn);\n    }\n    return selectionColumn;\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2D;AAC3D,iCAAoC;AAE7B,gCAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP;AAEJ,SAAO,CAAC,KAUJ,OAAO;AAVH,iBACN;AAAA,gBAAU;AAAA,MACV,eAAe;AAAA,MACf,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QARM,IASH,mBATG,IASH;AAAA,MARH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGA,QAAI,kBAAkB,iCACjB,SADiB;AAAA,MAEpB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA;AAEF,sBAAkB,0CAChB,oDACE;AAAA,MACE,eAAe;AAAA,MACf,UAAU,sBAAsB;AAAA,MAChC,UAAU;AAAA,OAEZ,OAEF;AAEF,QAAI,UAAU;AACZ,wBAAkB,4CAChB,oDACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU,sBAAsB;AAAA,QAChC,UAAU;AAAA,SAEZ,OAEF;AAAA;AAEJ,WAAO;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/sortable/SortablePlugin.js CHANGED Viewed

@@ -32,8 +32,7 @@ __export(SortablePlugin_exports, {
 var React = __toESM(require("react"));
 var sortabular = __toESM(require("sortabular"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_sortHeaderFormatter = require("./sortHeaderFormatter");
 var import_useSortableState = require("./useSortableState");
 var import_sorter = require("./sorter");
@@ -50,7 +49,7 @@ const decorateColumn = (column, grid) => {
     onSort: grid.actions.sort,
     strategy: sortabular.strategies.byProperty
   }), grid);
-  return (0, import_ds_utilities.compose)((0, import_initColumnDefinition.appendHeaderFormatter)(formatter), (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-sortable"))(column);
+  return (0, import_ds_utilities.compose)((0, import_ds_shared.appendHeaderFormatter)(formatter), (0, import_ds_shared.mergeClassNameToColumnHeader)("with-sortable"))(column);
 };
 const composeRows = (rows, grid) => {
   const {
@@ -71,7 +70,7 @@ const composeRows = (rows, grid) => {
   }
   return !isDataSorted ? (0, import_sorter.sorter)(sortingConfig)(rows) : rows;
 };
-const SortablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("sortable", {
+const SortablePlugin = (0, import_ds_shared.createInstancePlugin)("sortable", {
   registerStateHook: import_useSortableState.useSortableState,
   decorateColumn,
   composeRows,

package/dist/cjs/plugins/sortable/SortablePlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/sortable/SortablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as sortabular from 'sortabular';\nimport { compose, isEmpty, orderBy } from '@elliemae/ds-utilities';\nimport {\n  appendHeaderFormatter,\n  mergeClassNameToColumnHeader,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { sortHeaderFormatter } from './sortHeaderFormatter';\nimport { useSortableState } from './useSortableState';\nimport { sorter, sorterGroups } from './sorter';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isSortableColumnActive = (col) => col.sortable, groupedRows },\n  } = grid;\n\n  if (groupedRows) return column;\n  if (!isSortableColumnActive(column)) return column;\n\n  const formatter = sortHeaderFormatter(\n    sortabular.sort({\n      getSortingColumns: () => grid.getState().sortingColumns || [],\n      onSort: grid.actions.sort,\n      strategy: sortabular.strategies.byProperty,\n    }),\n    grid,\n  );\n\n  return compose(appendHeaderFormatter(formatter), mergeClassNameToColumnHeader('with-sortable'))(column);\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { sortingColumns },\n    props: { isDataSorted, groupedRows, groupedBy, sortEmptyLast },\n    rows: rowsData,\n    composedRows,\n    decoratedColumns,\n  } = grid.getInstance();\n\n  const sortingConfig = {\n    columns: decoratedColumns,\n    sortingColumns: !isEmpty(sortingColumns) && sortingColumns,\n    sort: orderBy,\n    emptyLast: sortEmptyLast,\n  };\n\n  // TODO: 1572 FIX\n  if (groupedRows && !groupedBy) {\n    return !isDataSorted ? sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;\n  }\n\n  return !isDataSorted ? sorter(sortingConfig)(rows) : rows;\n};\n\nexport const SortablePlugin = createInstancePlugin('sortable', {\n  registerStateHook: useSortableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+s',\n      handler: ({ cellIndex }) => {\n        const {\n          actions: { sort },\n          decoratedColumns,\n        } = grid.getInstance();\n        const column = decoratedColumns[cellIndex];\n        if (!column) return;\n        sort(column.property);\n      },\n    };\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAA0C;AAC1C,kCAGO;AACP,kCAAqC;AACrC,iCAAoC;AACpC,8BAAiC;AACjC,oBAAqC;AAErC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,yBAAyB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACvD;AAEJ,MAAI;AAAa,WAAO;AACxB,MAAI,CAAC,uBAAuB;AAAS,WAAO;AAE5C,QAAM,YAAY,oDAChB,WAAW,KAAK;AAAA,IACd,mBAAmB,MAAM,KAAK,WAAW,kBAAkB;AAAA,IAC3D,QAAQ,KAAK,QAAQ;AAAA,IACrB,UAAU,WAAW,WAAW;AAAA,MAElC;AAGF,SAAO,iCAAQ,uDAAsB,YAAY,8DAA6B,kBAAkB;AAAA;AAGlG,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE,cAAc,aAAa,WAAW;AAAA,IAC/C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,gBAAgB,CAAC,iCAAQ,mBAAmB;AAAA,IAC5C,MAAM;AAAA,IACN,WAAW;AAAA;AAIb,MAAI,eAAe,CAAC,WAAW;AAC7B,WAAO,CAAC,eAAe,gCAAa,eAAe,cAAc,UAAU,aAAa;AAAA;AAG1F,SAAO,CAAC,eAAe,0BAAO,eAAe,QAAQ;AAAA;AAGhD,MAAM,iBAAiB,sDAAqB,YAAY;AAAA,EAC7D,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM;AAAA,UACJ,SAAS,EAAE;AAAA,UACX;AAAA,YACE,KAAK;AACT,cAAM,SAAS,iBAAiB;AAChC,YAAI,CAAC;AAAQ;AACb,aAAK,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as sortabular from 'sortabular';\nimport { compose, isEmpty, orderBy } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared';\nimport { sortHeaderFormatter } from './sortHeaderFormatter';\nimport { useSortableState } from './useSortableState';\nimport { sorter, sorterGroups } from './sorter';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isSortableColumnActive = (col) => col.sortable, groupedRows },\n  } = grid;\n\n  if (groupedRows) return column;\n  if (!isSortableColumnActive(column)) return column;\n\n  const formatter = sortHeaderFormatter(\n    sortabular.sort({\n      getSortingColumns: () => grid.getState().sortingColumns || [],\n      onSort: grid.actions.sort,\n      strategy: sortabular.strategies.byProperty,\n    }),\n    grid,\n  );\n\n  return compose(appendHeaderFormatter(formatter), mergeClassNameToColumnHeader('with-sortable'))(column);\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { sortingColumns },\n    props: { isDataSorted, groupedRows, groupedBy, sortEmptyLast },\n    rows: rowsData,\n    composedRows,\n    decoratedColumns,\n  } = grid.getInstance();\n\n  const sortingConfig = {\n    columns: decoratedColumns,\n    sortingColumns: !isEmpty(sortingColumns) && sortingColumns,\n    sort: orderBy,\n    emptyLast: sortEmptyLast,\n  };\n\n  // TODO: 1572 FIX\n  if (groupedRows && !groupedBy) {\n    return !isDataSorted ? sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;\n  }\n\n  return !isDataSorted ? sorter(sortingConfig)(rows) : rows;\n};\n\nexport const SortablePlugin = createInstancePlugin('sortable', {\n  registerStateHook: useSortableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+s',\n      handler: ({ cellIndex }) => {\n        const {\n          actions: { sort },\n          decoratedColumns,\n        } = grid.getInstance();\n        const column = decoratedColumns[cellIndex];\n        if (!column) return;\n        sort(column.property);\n      },\n    };\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAA0C;AAC1C,uBAA0F;AAC1F,iCAAoC;AACpC,8BAAiC;AACjC,oBAAqC;AAErC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,yBAAyB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACvD;AAEJ,MAAI;AAAa,WAAO;AACxB,MAAI,CAAC,uBAAuB;AAAS,WAAO;AAE5C,QAAM,YAAY,oDAChB,WAAW,KAAK;AAAA,IACd,mBAAmB,MAAM,KAAK,WAAW,kBAAkB;AAAA,IAC3D,QAAQ,KAAK,QAAQ;AAAA,IACrB,UAAU,WAAW,WAAW;AAAA,MAElC;AAGF,SAAO,iCAAQ,4CAAsB,YAAY,mDAA6B,kBAAkB;AAAA;AAGlG,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE,cAAc,aAAa,WAAW;AAAA,IAC/C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,gBAAgB,CAAC,iCAAQ,mBAAmB;AAAA,IAC5C,MAAM;AAAA,IACN,WAAW;AAAA;AAIb,MAAI,eAAe,CAAC,WAAW;AAC7B,WAAO,CAAC,eAAe,gCAAa,eAAe,cAAc,UAAU,aAAa;AAAA;AAG1F,SAAO,CAAC,eAAe,0BAAO,eAAe,QAAQ;AAAA;AAGhD,MAAM,iBAAiB,2CAAqB,YAAY;AAAA,EAC7D,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM;AAAA,UACJ,SAAS,EAAE;AAAA,UACX;AAAA,YACE,KAAK;AACT,cAAM,SAAS,iBAAiB;AAChC,YAAI,CAAC;AAAQ;AACb,aAAK,OAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/toolbar/ToolbarPlugin.js CHANGED Viewed

@@ -31,14 +31,13 @@ __export(ToolbarPlugin_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_RowRenderer = require("./RowRenderer");
 const decorateColumns = (columns) => {
   const lastColumn = columns[columns.length - 1];
   return [
     ...columns.slice(0, -1),
-    (0, import_initColumnDefinition.appendCellFormatter)([
+    (0, import_ds_shared.appendCellFormatter)([
       (value) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, value, /* @__PURE__ */ import_react.default.createElement("div", {
         style: { width: 34, maxWidth: 34, overflow: "hidden" }
       }))
@@ -50,7 +49,7 @@ const decorateRenderers = (renderers, grid) => {
   renderers.body.row = (0, import_RowRenderer.RowRenderer)(Row, grid);
   return renderers;
 };
-const ToolbarPlugin = (0, import_createInstancePlugin.createInstancePlugin)("toolbar", {
+const ToolbarPlugin = (0, import_ds_shared.createInstancePlugin)("toolbar", {
   decorateRenderers,
   decorateColumns
 });

package/dist/cjs/plugins/toolbar/ToolbarPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/toolbar/ToolbarPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { RowRenderer } from './RowRenderer';\n\nconst decorateColumns = (columns) => {\n  const lastColumn = columns[columns.length - 1];\n  return [\n    ...columns.slice(0, -1),\n    appendCellFormatter(\n      [\n        (value) => (\n          <>\n            {value}\n            <div style={{ width: 34, maxWidth: 34, overflow: 'hidden' }} />\n          </>\n        ),\n      ],\n      lastColumn,\n      'fixedFormatters',\n    ),\n  ];\n};\n\nconst decorateRenderers = (renderers, grid) => {\n  const Row = renderers.body.row;\n  renderers.body.row = RowRenderer(Row, grid);\n  return renderers;\n};\n\nexport const ToolbarPlugin = createInstancePlugin('toolbar', {\n  decorateRenderers,\n  decorateColumns,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAqC;AACrC,kCAAoC;AACpC,yBAA4B;AAE5B,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS;AAC5C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG;AAAA,IACpB,qDACE;AAAA,MACE,CAAC,UACC,wFACG,OACD,mDAAC,OAAD;AAAA,QAAK,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU;AAAA;AAAA,OAIvD,YACA;AAAA;AAAA;AAKN,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,MAAM,oCAAY,KAAK;AACtC,SAAO;AAAA;AAGF,MAAM,gBAAgB,sDAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AAAA;",
+  "sourcesContent": ["import React from 'react';\nimport { createInstancePlugin, appendCellFormatter } from '@elliemae/ds-shared';\nimport { RowRenderer } from './RowRenderer';\n\nconst decorateColumns = (columns) => {\n  const lastColumn = columns[columns.length - 1];\n  return [\n    ...columns.slice(0, -1),\n    appendCellFormatter(\n      [\n        (value) => (\n          <>\n            {value}\n            <div style={{ width: 34, maxWidth: 34, overflow: 'hidden' }} />\n          </>\n        ),\n      ],\n      lastColumn,\n      'fixedFormatters',\n    ),\n  ];\n};\n\nconst decorateRenderers = (renderers, grid) => {\n  const Row = renderers.body.row;\n  renderers.body.row = RowRenderer(Row, grid);\n  return renderers;\n};\n\nexport const ToolbarPlugin = createInstancePlugin('toolbar', {\n  decorateRenderers,\n  decorateColumns,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0D;AAC1D,yBAA4B;AAE5B,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa,QAAQ,QAAQ,SAAS;AAC5C,SAAO;AAAA,IACL,GAAG,QAAQ,MAAM,GAAG;AAAA,IACpB,0CACE;AAAA,MACE,CAAC,UACC,wFACG,OACD,mDAAC,OAAD;AAAA,QAAK,OAAO,EAAE,OAAO,IAAI,UAAU,IAAI,UAAU;AAAA;AAAA,OAIvD,YACA;AAAA;AAAA;AAKN,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,MAAM,UAAU,KAAK;AAC3B,YAAU,KAAK,MAAM,oCAAY,KAAK;AACtC,SAAO;AAAA;AAGF,MAAM,gBAAgB,2CAAqB,WAAW;AAAA,EAC3D;AAAA,EACA;AAAA;",
   "names": []
 }

package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js CHANGED Viewed

@@ -49,12 +49,10 @@ __export(VirtualizationPlugin_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_lodash = require("lodash");
-var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_utilities2 = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_VirtualizedBody = require("./VirtualizedBody");
-const VirtualizationPlugin = (0, import_createInstancePlugin.createInstancePlugin)("virtualization", {
+const VirtualizationPlugin = (0, import_ds_shared.createInstancePlugin)("virtualization", {
   decorateRenderers(renderers, grid) {
     const BodyWrapper = renderers.body.wrapper;
     renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
@@ -68,9 +66,9 @@ const VirtualizationPlugin = (0, import_createInstancePlugin.createInstancePlugi
       } = grid.getInstance();
       const listRef = (0, import_react.useRef)();
       const nextListProps = __spreadProps(__spreadValues({}, listProps), {
-        ref: (0, import_ds_utilities2.mergeRefs)(listRef, listProps.ref)
+        ref: (0, import_ds_utilities.mergeRefs)(listRef, listProps.ref)
       });
-      return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.FocusGrid, {
         hotKeys,
         keyBindings: ({ defaultBindings }) => __spreadProps(__spreadValues({}, defaultBindings), {
           Home: (0, import_ds_utilities.runAll)((e) => {

package/dist/cjs/plugins/virtualization/VirtualizationPlugin.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/virtualization/VirtualizationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/prop-types */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo, useRef } from 'react';\nimport { get } from 'lodash';\nimport { FocusGrid } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { VirtualizedBody } from './VirtualizedBody';\n\nexport const VirtualizationPlugin = createInstancePlugin('virtualization', {\n  decorateRenderers(renderers, grid) {\n    const BodyWrapper = renderers.body.wrapper;\n    // eslint-disable-next-line react/display-name\n    renderers.body.wrapper = useMemo(\n      () => (props) => {\n        const { listProps = {}, rows } = props;\n        const {\n          hotKeys,\n          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },\n          refs: { innerBody },\n          setHasScroll,\n          state: { filters },\n        } = grid.getInstance();\n\n        const listRef = useRef();\n        const nextListProps = {\n          ...listProps,\n          ref: mergeRefs(listRef, listProps.ref),\n        };\n        return (\n          <FocusGrid\n            hotKeys={hotKeys}\n            keyBindings={({ defaultBindings }) => ({\n              ...defaultBindings,\n              // todo: this is kind of hacky, since it's virtualized and there's\n              //  the possibility that the firsts or lasts rows aren't rendered\n              Home: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(0);\n                  setTimeout(() => defaultBindings.Home(e), 10);\n                } else {\n                  defaultBindings.Home(e);\n                }\n              }),\n              End: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(rows.length - 1);\n                  setTimeout(() => defaultBindings.End(e), 10);\n                } else {\n                  defaultBindings.End(e);\n                }\n              }),\n            })}\n            shouldRefocus={false}\n          >\n            <VirtualizedBody\n              {...props}\n              autoScrollToId={autoScrollToId}\n              autoHeight={autoHeight}\n              component={BodyWrapper}\n              expandable={expandable}\n              innerBody={innerBody}\n              listProps={nextListProps}\n              overscanCount={overscanCount}\n              rowSize={rowSize}\n              setHasScroll={setHasScroll}\n              filters={filters}\n            />\n          </FocusGrid>\n        );\n      },\n      [get(grid.getInstance(), 'rows.length')],\n    );\n    return renderers;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAuC;AACvC,oBAAoB;AACpB,uBAA0B;AAC1B,0BAAuB;AACvB,2BAA0B;AAC1B,kCAAqC;AACrC,6BAAgC;AAEzB,MAAM,uBAAuB,sDAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,YAAY,IAAI,SAAS;AACjC,YAAM;AAAA,QACJ;AAAA,QACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe;AAAA,QAChE,MAAM,EAAE;AAAA,QACR;AAAA,QACA,OAAO,EAAE;AAAA,UACP,KAAK;AAET,YAAM,UAAU;AAChB,YAAM,gBAAgB,iCACjB,YADiB;AAAA,QAEpB,KAAK,oCAAU,SAAS,UAAU;AAAA;AAEpC,aACE,mDAAC,4BAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB,iCAClC,kBADkC;AAAA,UAIrC,MAAM,gCAAO,CAAC,MAAM;AAClB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa;AAC7B,yBAAW,MAAM,gBAAgB,KAAK,IAAI;AAAA,mBACrC;AACL,8BAAgB,KAAK;AAAA;AAAA;AAAA,UAGzB,KAAK,gCAAO,CAAC,MAAM;AACjB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,KAAK,SAAS;AAC3C,yBAAW,MAAM,gBAAgB,IAAI,IAAI;AAAA,mBACpC;AACL,8BAAgB,IAAI;AAAA;AAAA;AAAA;AAAA,QAI1B,eAAe;AAAA,SAEf,mDAAC,wCAAD,iCACM,QADN;AAAA,QAEE;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAKR,CAAC,uBAAI,KAAK,eAAe;AAE3B,WAAO;AAAA;AAAA;",
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/prop-types */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo, useRef } from 'react';\nimport { get } from 'lodash';\nimport { runAll, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin, FocusGrid } from '@elliemae/ds-shared';\nimport { VirtualizedBody } from './VirtualizedBody';\n\nexport const VirtualizationPlugin = createInstancePlugin('virtualization', {\n  decorateRenderers(renderers, grid) {\n    const BodyWrapper = renderers.body.wrapper;\n    // eslint-disable-next-line react/display-name\n    renderers.body.wrapper = useMemo(\n      () => (props) => {\n        const { listProps = {}, rows } = props;\n        const {\n          hotKeys,\n          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },\n          refs: { innerBody },\n          setHasScroll,\n          state: { filters },\n        } = grid.getInstance();\n\n        const listRef = useRef();\n        const nextListProps = {\n          ...listProps,\n          ref: mergeRefs(listRef, listProps.ref),\n        };\n        return (\n          <FocusGrid\n            hotKeys={hotKeys}\n            keyBindings={({ defaultBindings }) => ({\n              ...defaultBindings,\n              // todo: this is kind of hacky, since it's virtualized and there's\n              //  the possibility that the firsts or lasts rows aren't rendered\n              Home: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(0);\n                  setTimeout(() => defaultBindings.Home(e), 10);\n                } else {\n                  defaultBindings.Home(e);\n                }\n              }),\n              End: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(rows.length - 1);\n                  setTimeout(() => defaultBindings.End(e), 10);\n                } else {\n                  defaultBindings.End(e);\n                }\n              }),\n            })}\n            shouldRefocus={false}\n          >\n            <VirtualizedBody\n              {...props}\n              autoScrollToId={autoScrollToId}\n              autoHeight={autoHeight}\n              component={BodyWrapper}\n              expandable={expandable}\n              innerBody={innerBody}\n              listProps={nextListProps}\n              overscanCount={overscanCount}\n              rowSize={rowSize}\n              setHasScroll={setHasScroll}\n              filters={filters}\n            />\n          </FocusGrid>\n        );\n      },\n      [get(grid.getInstance(), 'rows.length')],\n    );\n    return renderers;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAuC;AACvC,oBAAoB;AACpB,0BAAkC;AAClC,uBAAgD;AAChD,6BAAgC;AAEzB,MAAM,uBAAuB,2CAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,YAAY,IAAI,SAAS;AACjC,YAAM;AAAA,QACJ;AAAA,QACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe;AAAA,QAChE,MAAM,EAAE;AAAA,QACR;AAAA,QACA,OAAO,EAAE;AAAA,UACP,KAAK;AAET,YAAM,UAAU;AAChB,YAAM,gBAAgB,iCACjB,YADiB;AAAA,QAEpB,KAAK,mCAAU,SAAS,UAAU;AAAA;AAEpC,aACE,mDAAC,4BAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB,iCAClC,kBADkC;AAAA,UAIrC,MAAM,gCAAO,CAAC,MAAM;AAClB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa;AAC7B,yBAAW,MAAM,gBAAgB,KAAK,IAAI;AAAA,mBACrC;AACL,8BAAgB,KAAK;AAAA;AAAA;AAAA,UAGzB,KAAK,gCAAO,CAAC,MAAM;AACjB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,KAAK,SAAS;AAC3C,yBAAW,MAAM,gBAAgB,IAAI,IAAI;AAAA,mBACpC;AACL,8BAAgB,IAAI;AAAA;AAAA;AAAA;AAAA,QAI1B,eAAe;AAAA,SAEf,mDAAC,wCAAD,iCACM,QADN;AAAA,QAEE;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAKR,CAAC,uBAAI,KAAK,eAAe;AAE3B,WAAO;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/DataGridImpl.js CHANGED Viewed

@@ -31,8 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React2, { useMemo } from "react";
-import { isFunction } from "@elliemae/ds-shared/utils";
-import { useDataGrid } from "@elliemae/ds-shared/useDataGrid";
+import { isFunction, useDataGrid } from "@elliemae/ds-shared";
 import { Table } from "./components/Table";
 import { TableBody } from "./components/TableBody";
 import { TableHeader } from "./components/TableHeader";

package/dist/esm/DataGridImpl.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataGridImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined)\n      throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size)\n    throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter(\n      (column) => column.visible || typeof column.visible === 'undefined',\n    );\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender)\n      ? noResultsRender()\n      : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination &&\n    pagination.conditionalPagination === true &&\n    rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AAAA;AAGV,MAAM,eAAe,CAAC,OAShB;AATgB,eACpB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MAPoB,IAQjB,uBARiB,IAQjB;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,uBAAuB,qCAAC,YAAD;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI;AACvB,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AACjB,YAAM,IAAI,MAAM;AAClB,eAAW,IAAI,IAAI;AACnB,WAAO,IAAI;AAAA;AAEb,MAAI,QAAQ,WAAW,WAAW;AAChC,UAAM,IAAI,MAAM;AAElB,QAAM,UAAU,oBAAoB,iCAC/B,aAD+B;AAAA,IAElC,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA;AAGzB,MAAI,mBAAmB;AACrB,kBAAc;AAAA;AAGhB,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG;AAAA,KACtC;AAGL,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OACtC,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY;AAE1D,WAAO,mBAAmB,WAAW;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA;AAET,WAAO,WAAW,mBACd,oBACA;AAAA,KACH,CAAC,sBAAsB,sBAAsB;AAEhD,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cACA,WAAW,0BAA0B,QACrC,KAAK,UAAU,WAAW,WAAW;AACvC,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,qCAAC,iBAAD;AAAA,IACE,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA,IAGf,OAAO,EAAE;AAAA,KACL,iBAEH,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,iCAAW,OAAX;AAAA,IAAiB;AAAA,MACd,cAAc,qCAAC,aAAD,OACd,iBACC,uBAEA,qCAAC,WAAD;AAAA,IACE,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,OAI3B,4BAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA;AAAA;AAQnB,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { isFunction, useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined) throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size) throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === 'undefined');\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender) ? noResultsRender() : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,YAAY,WAAW,qBAAqB;AAC7D,MAAI;AAAY,WAAO;AACvB,MAAI;AAAW,WAAO;AACtB,SAAO,CAAC;AAAA;AAGV,MAAM,eAAe,CAAC,OAShB;AATgB,eACpB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,MAPoB,IAQjB,uBARiB,IAQjB;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ,uBAAuB,qCAAC,YAAD;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,QAAQ,UAAU;AACxB,QAAM,aAAa,oBAAI;AACvB,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,QAAI,IAAI,WAAW;AAAW,YAAM,IAAI,MAAM;AAC9C,eAAW,IAAI,IAAI;AACnB,WAAO,IAAI;AAAA;AAEb,MAAI,QAAQ,WAAW,WAAW;AAAM,UAAM,IAAI,MAAM;AAExD,QAAM,UAAU,oBAAoB,iCAC/B,aAD+B;AAAA,IAElC,aAAc,EAAC,aAAa,gBAAgB,CAAC;AAAA,IAC7C,WAAY,aAAa,CAAC,eAAgB;AAAA,IAC1C,UAAU,YAAY,CAAC;AAAA;AAGzB,MAAI,mBAAmB;AACrB,kBAAc;AAAA;AAGhB,QAAM,OAAO,YAAY;AAAA,IACvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS,CAAC,GAAG,SAAS,GAAG,aAAa,GAAG;AAAA,KACtC;AAGL,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,qBAAqB,KAAK,QAAQ,OAAO,CAAC,WAAW,OAAO,WAAW,OAAO,OAAO,YAAY;AACvG,WAAO,mBAAmB,WAAW;AAAA,KACpC,CAAC,KAAK;AAET,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,kBAAkB;AACpB,aAAO;AAAA;AAET,WAAO,WAAW,mBAAmB,oBAAoB;AAAA,KACxD,CAAC,sBAAsB,sBAAsB;AAEhD,QAAM,EAAE,eAAe;AACvB,QAAM,wBACJ,cAAc,WAAW,0BAA0B,QAAQ,KAAK,UAAU,WAAW,WAAW;AAClG,QAAM,gBAAgB,aAAa,CAAC;AACpC,SACE,qCAAC,iBAAD;AAAA,IACE,WAAW,GAAG,yBAAyB;AAAA,IACvC,YAAY;AAAA,MACV,aAAa,QAAQ;AAAA,QACnB,YAAY,WAAW;AAAA,QACvB,gBAAgB,WAAW;AAAA,QAC3B,WAAW;AAAA;AAAA;AAAA,IAGf,OAAO,EAAE;AAAA,KACL,iBAEH,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,iCAAW,OAAX;AAAA,IAAiB;AAAA,MACd,cAAc,qCAAC,aAAD,OACd,iBACC,uBAEA,qCAAC,WAAD;AAAA,IACE,qBACE,oBACC,KAAK,aAAa,QAAQ,KAAK,aAAa,KAAK,WAAW,KAC7D,KAAK,aAAa,WAAW;AAAA,IAE/B,sBAAsB;AAAA,OAI3B,4BAA4B;AAAA,IAC3B;AAAA,IACA,MAAM,KAAK;AAAA;AAAA;AAQnB,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/PaginatedDataGrid.js CHANGED Viewed

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import React2 from "react";
-import { useDataGrid } from "@elliemae/ds-shared/src/useDataGrid/useDataGrid";
+import { useDataGrid } from "@elliemae/ds-shared";
 import { Table } from "./components/Table";
 import { defaultRenderers, renderRowsLoader } from "./components/renderers";
 import { DatagridWrapper } from "./components/renderers/defaultClassedRenderers";

package/dist/esm/PaginatedDataGrid.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginatedDataGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <Table.Body rows={grid.composedRows.rows || grid.composedRows} />\n        )}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B,IAYxB;AAZwB,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVyB,IAWtB,uBAXsB,IAWtB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,YAAY,iCACpB,aADoB;AAAA,IAEvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,qCAAC,iBAAD,MACG,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,mBAAW,OACT,qCAAC,MAAM,QAAP,OACC,iBACC,uBAEA,qCAAC,MAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? rowsLoaderRenderer() : <Table.Body rows={grid.composedRows.rows || grid.composedRows} />}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B,IAYxB;AAZwB,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVyB,IAWtB,uBAXsB,IAWtB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,YAAY,iCACpB,aADoB;AAAA,IAEvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,qCAAC,iBAAD,MACG,4BAA4B,EAAE,SAC/B,qCAAC,OAAD,mBAAW,OACT,qCAAC,MAAM,QAAP,OACC,iBAAiB,uBAAuB,qCAAC,MAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAE5F,qCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/components/BodyCell.js CHANGED Viewed

@@ -29,8 +29,7 @@ var __objRest = (source, exclude) => {
 import * as React from "react";
 import React2, { useEffect, useContext, useRef, useCallback } from "react";
 import PropTypes from "prop-types";
-import { FocusGridContext } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
-import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
+import { FocusGridContext, evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
   const _a = rowProps, { rowData, rowKey, isScrolling } = _a, extraRowProps = __objRest(_a, ["rowData", "rowKey", "isScrolling"]);