@elliemae/ds-shared 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/useDataGrid/initColumnDefinition.js

@@ -0,0 +1,141 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var initColumnDefinition_exports = {};
+__export(initColumnDefinition_exports, {
+  appendCellFormatter: () => appendCellFormatter,
+  appendHeaderFormatter: () => appendHeaderFormatter,
+  default: () => initColumnDefinition_default,
+  initColumnDefinition: () => initColumnDefinition,
+  mergeClassNameToColumnHeader: () => mergeClassNameToColumnHeader
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_uuid = require("uuid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const appendHeaderFormatter = (0, import_ds_utilities.curry)((formatter, column) => ({
+  ...column,
+  header: {
+    ...column.header,
+    formatters: [...(0, import_ds_utilities.get)(column, "header.formatters", []), formatter]
+  }
+}));
+const appendCellFormatter = (0, import_ds_utilities.curry)((formatter, column, path = "formatters") => {
+  const nextColumn = (0, import_ds_utilities.cloneDeep)(column);
+  const formatters = (0, import_ds_utilities.get)(nextColumn, ["cell", path], []);
+  const scrollingFormatters = (0, import_ds_utilities.get)(nextColumn, "cell.scrollingFormatters", []);
+  if (Array.isArray(formatter)) {
+    if (formatter[1])
+      scrollingFormatters.push(formatter[1]);
+    formatters.push(formatter[0]);
+  } else {
+    formatters.push(formatter);
+    scrollingFormatters.push(formatter);
+  }
+  (0, import_ds_utilities.set)(nextColumn, ["cell", path], formatters);
+  (0, import_ds_utilities.set)(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
+  return nextColumn;
+});
+const defaultColumnDefinitionOptions = {
+  normalize: false,
+  useTextTruncation: true,
+  isUserColumn: true,
+  visible: true
+};
+const mergeClassNameToColumnHeader = (0, import_ds_utilities.curry)((className, column) => {
+  const headerProps = (0, import_ds_utilities.get)(column, ["header", "props"], {});
+  const headerClassName = headerProps.className || "";
+  return {
+    ...column,
+    header: {
+      ...column.header,
+      props: {
+        ...headerProps,
+        className: `${headerClassName} ${className}`
+      }
+    }
+  };
+});
+const initColumnDefinition = (options = {}) => {
+  return (column) => {
+    if (column.type === "number") {
+      column.cellStyle = {
+        textAlign: "right"
+      };
+    }
+    const { useTextTruncation = true, isUserColumn, visible, normalize } = {
+      ...defaultColumnDefinitionOptions,
+      ...options
+    };
+    if (normalize) {
+      column.originalProperty = column.property;
+      column.property = column.property.replace(/\s+/g, "");
+    }
+    column.props = {
+      ...column.props,
+      style: {}
+    };
+    column.header = {
+      ...column.header,
+      label: column.label,
+      formatters: [...(0, import_ds_utilities.get)(column, ["header", "formatters"], [])],
+      props: {
+        style: column.headerStyle || {}
+      }
+    };
+    if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customHeaderRenderer) || column.header.formatters.length)) {
+      column.header.formatters.push((value) => /* @__PURE__ */ import_react.default.createElement("span", {
+        className: "cell-value"
+      }, value));
+    }
+    column.cell = {
+      ...column.cell,
+      transforms: [],
+      formatters: [...(0, import_ds_utilities.get)(column, ["cell", "formatters"], [])],
+      scrollingFormatters: [...(0, import_ds_utilities.get)(column, ["cell", "formatters"], [])],
+      props: {
+        style: column.cellStyle || {}
+      }
+    };
+    if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customRenderer) || column.cell.formatters.length)) {
+      column.cell.formatters.push((value) => /* @__PURE__ */ import_react.default.createElement("span", {
+        className: "cell-value",
+        style: {
+          justifyContent: column.type === "number" ? "flex-end" : "flex-start"
+        }
+      }, value));
+    }
+    column.uuid = column.uuid || (0, import_uuid.v4)();
+    column.visible = column.visible === void 0 ? visible : column.visible;
+    column.isUserColumn = column.isUserColumn || isUserColumn;
+    column.headerHookEffects = [];
+    return column;
+  };
+};
+var initColumnDefinition_default = initColumnDefinition;
+module.exports = __toCommonJS(initColumnDefinition_exports);
+//# sourceMappingURL=initColumnDefinition.js.map

package/dist/cjs/useDataGrid/initColumnDefinition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useDataGrid/initColumnDefinition.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  get,\n  curry,\n  set,\n  cloneDeep,\n  isFunction,\n} from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n  ...column,\n  header: {\n    ...column.header,\n    formatters: [...get(column, 'header.formatters', []), formatter],\n  },\n}));\n\nexport const appendCellFormatter = curry(\n  (formatter, column, path = 'formatters') => {\n    const nextColumn = cloneDeep(column);\n    const formatters = get(nextColumn, ['cell', path], []);\n    const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n    if (Array.isArray(formatter)) {\n      if (formatter[1]) scrollingFormatters.push(formatter[1]);\n      formatters.push(formatter[0]);\n    } else {\n      formatters.push(formatter);\n      scrollingFormatters.push(formatter);\n    }\n    set(nextColumn, ['cell', path], formatters);\n    set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n    return nextColumn;\n  },\n);\n\nconst defaultColumnDefinitionOptions = {\n  normalize: false,\n  useTextTruncation: true,\n  isUserColumn: true,\n  visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n  const headerProps = get(column, ['header', 'props'], {});\n  const headerClassName = headerProps.className || '';\n  return {\n    ...column,\n    header: {\n      ...column.header,\n      props: {\n        ...headerProps,\n        className: `${headerClassName} ${className}`,\n      },\n    },\n  };\n});\n\nexport const initColumnDefinition = (options = {}) => {\n  // eslint-disable-next-line complexity\n  return (column) => {\n    // todo: clean this\n    if (column.type === 'number') {\n      // eslint-disable-next-line no-param-reassign\n      column.cellStyle = {\n        textAlign: 'right',\n      };\n    }\n    const { useTextTruncation = true, isUserColumn, visible, normalize } = {\n      ...defaultColumnDefinitionOptions,\n      ...options,\n    };\n\n    if (normalize) {\n      // eslint-disable-next-line no-param-reassign\n      column.originalProperty = column.property;\n      // eslint-disable-next-line no-param-reassign\n      column.property = column.property.replace(/\\s+/g, '');\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.props = {\n      ...column.props,\n      style: {},\n    };\n    // eslint-disable-next-line no-param-reassign\n    column.header = {\n      ...column.header,\n      label: column.label,\n      formatters: [...get(column, ['header', 'formatters'], [])],\n      props: {\n        style: column.headerStyle || {},\n      },\n    };\n    if (\n      useTextTruncation &&\n      !(\n        isFunction(column.customHeaderRenderer) ||\n        column.header.formatters.length\n      )\n    ) {\n      column.header.formatters.push((value) => (\n        <span className=\"cell-value\">{value}</span>\n      ));\n    }\n\n    // eslint-disable-next-line no-param-reassign\n    column.cell = {\n      ...column.cell,\n      transforms: [],\n      formatters: [...get(column, ['cell', 'formatters'], [])],\n      scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n      props: {\n        style: column.cellStyle || {},\n      },\n    };\n\n    if (\n      useTextTruncation &&\n      !(isFunction(column.customRenderer) || column.cell.formatters.length)\n    ) {\n      column.cell.formatters.push((value) => (\n        <span\n          className=\"cell-value\"\n          style={{\n            justifyContent:\n              column.type === 'number' ? 'flex-end' : 'flex-start',\n          }}\n        >\n          {value}\n        </span>\n      ));\n    }\n    // eslint-disable-next-line no-param-reassign\n    column.uuid = column.uuid || uuidv4();\n    // eslint-disable-next-line no-param-reassign\n    column.visible = column.visible === undefined ? visible : column.visible;\n    // eslint-disable-next-line no-param-reassign, max-lines\n    column.isUserColumn = column.isUserColumn || isUserColumn;\n    // eslint-disable-next-line no-param-reassign\n    column.headerHookEffects = [];\n    return column;\n  };\n};\n\nexport default initColumnDefinition;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/useDataGrid/useDataGrid.js

@@ -0,0 +1,194 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useDataGrid_exports = {};
+__export(useDataGrid_exports, {
+  default: () => useDataGrid_default,
+  useDataGrid: () => useDataGrid
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react = require("react");
+var import_uuid = require("uuid");
+var resolve = __toESM(require("table-resolver"));
+var import_initColumnDefinition = require("./initColumnDefinition");
+var import_utils = require("../createDataInstance/utils");
+var import_VolatileRowsListener = require("./VolatileRowsListener");
+var import_utils2 = require("../utils");
+const IS_INTERNET_EXPLORER = (0, import_utils2.isInternetExplorer)();
+const useDataGrid = ({
+  uuid: uuidProp,
+  plugins: pluginsFromProps,
+  rows,
+  columns,
+  renderers = {},
+  ...props
+}) => {
+  const plugins = pluginsFromProps;
+  const instance = (0, import_react.useRef)();
+  const tableRef = (0, import_react.useRef)();
+  const headerRef = (0, import_react.useRef)();
+  const bodyRef = (0, import_react.useRef)();
+  const bodyInnerRef = (0, import_react.useRef)();
+  const [uuid] = (0, import_react.useState)(uuidProp || (() => (0, import_uuid.v4)()));
+  const [hasScroll, setHasScroll] = (0, import_react.useState)(false);
+  const [isRowDragging, setIsRowDragging] = (0, import_react.useState)(false);
+  const isScrolling = (0, import_react.useRef)();
+  const shouldRefocus = (0, import_react.useRef)();
+  const [RowsObserver] = (0, import_react.useState)(() => new import_VolatileRowsListener.VolatileRowsListener());
+  const [originalRows, updateRows] = (0, import_ds_utilities.useDerivedStateFromProps)(rows, {
+    onUpdate: resolve.resolve({
+      columns,
+      method: (extra) => (0, import_ds_utilities.compose)(resolve.byFunction("valueTransformation")(extra), resolve.nested(extra))
+    }),
+    updateOnStateChange: true
+  });
+  instance.current = {
+    decoratedRenderers: (0, import_ds_utilities.cloneDeep)(renderers),
+    decoratedColumns: columns,
+    columns,
+    rows,
+    composedRows: originalRows,
+    getRowProps: [],
+    getHeaderRowProps: [],
+    getBodyProps: [],
+    getTableProps: [],
+    effects: [],
+    uuid,
+    props,
+    refs: {
+      table: tableRef,
+      body: bodyRef,
+      header: headerRef,
+      innerBody: bodyInnerRef
+    },
+    state: {
+      hasScroll
+    },
+    actions: {
+      updateRows
+    },
+    updateRows,
+    enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? "" : null,
+    disableEvents: () => document.body.style.pointerEvents = "none",
+    observeRows: (observer) => RowsObserver.observe(observer),
+    hotKeys: {},
+    shouldRefocus,
+    isScrolling,
+    setHasScroll,
+    setIsRowDragging,
+    isRowDragging,
+    plugins
+  };
+  instance.current.getState = () => instance.current.state;
+  instance.current.getInstance = () => instance.current;
+  const defaultDecorators = {
+    decorateGrid: [],
+    registerStateHook: [],
+    registerHotKeys: [],
+    decorateColumn: [],
+    decorateColumns: [
+      (cols) => cols.map((col) => (0, import_initColumnDefinition.initColumnDefinition)({
+        useTextTruncation: col.useTextTruncation,
+        wrapText: props.wrapText,
+        normalize: props.normalizeDataKeys
+      })(col))
+    ],
+    decorateRenderers: [],
+    getRowProps: [],
+    getHeaderRowProps: [],
+    getBodyProps: [],
+    getTableProps: [],
+    getHeaderProps: [],
+    composeRows: []
+  };
+  const decorators = (0, import_react.useMemo)(() => {
+    let nextDecorators = defaultDecorators;
+    plugins.forEach((plugin) => nextDecorators = plugin(nextDecorators));
+    return nextDecorators;
+  }, [plugins]);
+  instance.current = decorators.decorateGrid.reduce((nextInstance, decorator) => ({
+    ...nextInstance,
+    ...decorator(instance.current)
+  }), instance.current);
+  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {
+    const { state, actions } = decorator(instance.current);
+    return {
+      ...nextInstance,
+      state: {
+        ...nextInstance.state,
+        ...state
+      },
+      actions: {
+        ...nextInstance.actions,
+        ...actions
+      }
+    };
+  }, instance.current);
+  const reduceHotKey = (nextInstance, { key, handler, options }) => ({
+    ...nextInstance,
+    hotKeys: {
+      ...nextInstance.hotKeys,
+      [key]: { handler, options }
+    }
+  });
+  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
+    const hotKeys = decorator(nextInstance);
+    if (Array.isArray(hotKeys)) {
+      return hotKeys.reduce(reduceHotKey, nextInstance);
+    }
+    return reduceHotKey(nextInstance, hotKeys);
+  }, instance.current);
+  instance.current.decoratedRenderers = (0, import_utils.applyDecorators)(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
+  instance.current.decoratedColumns = (0, import_react.useMemo)(() => {
+    const visibleColumns = (0, import_ds_utilities.cloneDeep)(columns).filter((column) => typeof column.visible === "undefined" || column.visible);
+    return visibleColumns.length ? (0, import_utils.decorateColumns)(visibleColumns, decorators, instance.current) : [];
+  }, [columns]);
+  instance.current.getBodyProps = (0, import_utils.reducePropsGetter)(decorators.getBodyProps, instance.current);
+  instance.current.getHeaderProps = (0, import_utils.reducePropsGetter)(decorators.getHeaderProps, instance.current);
+  instance.current.getRowProps = (0, import_utils.reducePropsGetter)(decorators.getRowProps, instance.current);
+  instance.current.getHeaderRowProps = (0, import_utils.reducePropsGetter)(decorators.getHeaderRowProps, instance.current);
+  instance.current.getTableProps = (0, import_utils.reducePropsGetter)(decorators.getTableProps, instance.current);
+  instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
+  RowsObserver.notify(instance.current.composedRows);
+  const currentShouldRefocus = instance.current.shouldRefocus.current;
+  const prevState = (0, import_ds_utilities.usePrevious)(instance.current.state);
+  if ((0, import_ds_utilities.isObject)(currentShouldRefocus) && currentShouldRefocus.forced) {
+    instance.current.shouldRefocus.current = currentShouldRefocus.value;
+  } else {
+    instance.current.shouldRefocus.current = !(0, import_ds_utilities.isEqual)(prevState, instance.current.state);
+  }
+  if (props.instanceRef)
+    (0, import_ds_utilities.setRef)(props.instanceRef, instance.current);
+  return {
+    ...instance.current,
+    decorators
+  };
+};
+var useDataGrid_default = useDataGrid;
+module.exports = __toCommonJS(useDataGrid_exports);
+//# sourceMappingURL=useDataGrid.js.map

package/dist/cjs/useDataGrid/useDataGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useDataGrid/useDataGrid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  cloneDeep,\n  compose,\n  isEqual,\n  isObject,\n  setRef, \n  usePrevious, \n  useDerivedStateFromProps \n} from '@elliemae/ds-utilities';\nimport { useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport * as resolve from 'table-resolver';\nimport { initColumnDefinition } from './initColumnDefinition';\nimport {\n  applyDecorators,\n  decorateColumns,\n  reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { VolatileRowsListener } from './VolatileRowsListener';\nimport { isInternetExplorer } from '../utils';\n\nconst IS_INTERNET_EXPLORER = isInternetExplorer();\n\n// TODO: Reuse createDataInstance for the grid the same\n//  way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js\n// eslint-disable-next-line max-statements\nexport const useDataGrid = ({\n  uuid: uuidProp,\n  plugins: pluginsFromProps,\n  rows,\n  columns,\n  renderers = {},\n  ...props\n}) => {\n  const plugins = pluginsFromProps;\n  const instance = useRef();\n  const tableRef = useRef();\n  const headerRef = useRef();\n  const bodyRef = useRef();\n  const bodyInnerRef = useRef();\n  const [uuid] = useState(uuidProp || (() => uuidv4()));\n  const [hasScroll, setHasScroll] = useState(false);\n  const [isRowDragging, setIsRowDragging] = useState(false);\n  const isScrolling = useRef();\n  const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff\n  const [RowsObserver] = useState(() => new VolatileRowsListener());\n\n  // todo move this with rows composition\n  const [originalRows, updateRows] = useDerivedStateFromProps(rows, {\n    onUpdate: resolve.resolve({\n      columns,\n      method: (extra) =>\n        compose(\n          resolve.byFunction('valueTransformation')(extra),\n          resolve.nested(extra),\n        ),\n    }),\n    updateOnStateChange: true,\n  });\n\n  instance.current = {\n    decoratedRenderers: cloneDeep(renderers),\n    decoratedColumns: columns,\n    columns,\n    rows,\n    composedRows: originalRows,\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    effects: [],\n    uuid,\n    props,\n    refs: {\n      table: tableRef,\n      body: bodyRef,\n      header: headerRef,\n      innerBody: bodyInnerRef,\n    },\n    state: {\n      hasScroll,\n    },\n    actions: {\n      updateRows,\n    },\n    updateRows,\n    // eslint-disable-next-line no-return-assign\n    enableEvents: () =>\n      (document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null),\n    // eslint-disable-next-line no-return-assign\n    disableEvents: () => (document.body.style.pointerEvents = 'none'),\n    observeRows: (observer) => RowsObserver.observe(observer),\n    hotKeys: {},\n    shouldRefocus,\n    isScrolling,\n    setHasScroll,\n    setIsRowDragging,\n    isRowDragging,\n    plugins,\n  };\n  instance.current.getState = () => instance.current.state;\n  instance.current.getInstance = () => instance.current;\n\n  const defaultDecorators = {\n    decorateGrid: [],\n    registerStateHook: [],\n    registerHotKeys: [],\n    decorateColumn: [],\n    decorateColumns: [\n      (cols) =>\n        cols.map((col) =>\n          initColumnDefinition({\n            useTextTruncation: col.useTextTruncation,\n            wrapText: props.wrapText,\n            normalize: props.normalizeDataKeys,\n          })(col),\n        ),\n    ],\n    decorateRenderers: [],\n    getRowProps: [],\n    getHeaderRowProps: [],\n    getBodyProps: [],\n    getTableProps: [],\n    getHeaderProps: [],\n    composeRows: [],\n  };\n\n  const decorators = useMemo(() => {\n    let nextDecorators = defaultDecorators;\n    // eslint-disable-next-line no-return-assign\n    plugins.forEach((plugin) => (nextDecorators = plugin(nextDecorators)));\n    return nextDecorators;\n  }, [plugins]);\n\n  instance.current = decorators.decorateGrid.reduce(\n    (nextInstance, decorator) => ({\n      ...nextInstance,\n      ...decorator(instance.current),\n    }),\n    instance.current,\n  );\n\n  instance.current = decorators.registerStateHook.reduce(\n    (nextInstance, decorator) => {\n      const { state, actions } = decorator(instance.current);\n      return {\n        ...nextInstance,\n        state: {\n          ...nextInstance.state,\n          ...state,\n        },\n        actions: {\n          ...nextInstance.actions,\n          ...actions,\n        },\n      };\n    },\n    instance.current,\n  );\n\n  const reduceHotKey = (nextInstance, { key, handler, options }) => ({\n    ...nextInstance,\n    hotKeys: {\n      ...nextInstance.hotKeys,\n      [key]: { handler, options },\n    },\n  });\n  instance.current = decorators.registerHotKeys.reduce(\n    (nextInstance, decorator) => {\n      const hotKeys = decorator(nextInstance);\n      if (Array.isArray(hotKeys)) {\n        return hotKeys.reduce(reduceHotKey, nextInstance);\n      }\n      return reduceHotKey(nextInstance, hotKeys);\n    },\n    instance.current,\n  );\n\n  instance.current.decoratedRenderers = applyDecorators(\n    instance.current.decoratedRenderers,\n    decorators.decorateRenderers,\n    instance.current,\n  );\n\n  instance.current.decoratedColumns = useMemo(() => {\n    const visibleColumns = cloneDeep(columns).filter(\n      (column) => typeof column.visible === 'undefined' || column.visible,\n    );\n    return visibleColumns.length\n      ? decorateColumns(visibleColumns, decorators, instance.current)\n      : [];\n  }, [columns]);\n\n  instance.current.getBodyProps = reducePropsGetter(\n    decorators.getBodyProps,\n    instance.current,\n  );\n  instance.current.getHeaderProps = reducePropsGetter(\n    decorators.getHeaderProps,\n    instance.current,\n  );\n  instance.current.getRowProps = reducePropsGetter(\n    decorators.getRowProps,\n    instance.current,\n  );\n  instance.current.getHeaderRowProps = reducePropsGetter(\n    decorators.getHeaderRowProps,\n    instance.current,\n  );\n  instance.current.getTableProps = reducePropsGetter(\n    decorators.getTableProps,\n    instance.current,\n  );\n\n  instance.current.composedRows = decorators.composeRows.reduce(\n    (nextRows, getter) => getter(nextRows, instance.current),\n    instance.current.composedRows,\n  );\n\n  RowsObserver.notify(instance.current.composedRows);\n\n  const currentShouldRefocus = instance.current.shouldRefocus.current;\n  const prevState = usePrevious(instance.current.state);\n  if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {\n    instance.current.shouldRefocus.current = currentShouldRefocus.value;\n  } else {\n    instance.current.shouldRefocus.current = !isEqual(\n      prevState,\n      instance.current.state,\n    );\n  }\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return {\n    ...instance.current,\n    decorators,\n  };\n};\n\nexport default useDataGrid;\n\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/useDataList/index.js

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

package/dist/cjs/useDataList/index.js.map

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

package/dist/cjs/useDataList/recordIterator.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var recordIterator_exports = {};
+__export(recordIterator_exports, {
+  recordIterator: () => recordIterator
+});
+var React = __toESM(require("react"));
+const defaultStrategy = () => {
+  throw Error("Implement an iterator strategy for record iterator");
+};
+function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {
+  const nextRows = [];
+  strategy({
+    data: records,
+    cb: (row) => {
+      let nextRow = row;
+      for (let i = 0; i < decorators.length; i++) {
+        nextRow = decorators[i](nextRow, instance);
+        if (!nextRow)
+          break;
+      }
+      if (nextRow)
+        nextRows.push(nextRow);
+    },
+    instance
+  });
+  return nextRows;
+}
+module.exports = __toCommonJS(recordIterator_exports);
+//# sourceMappingURL=recordIterator.js.map

package/dist/cjs/useDataList/recordIterator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useDataList/recordIterator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const defaultStrategy = () => {\n  throw Error('Implement an iterator strategy for record iterator');\n};\n\nexport function recordIterator(\n  records,\n  strategy = defaultStrategy,\n  decorators = [],\n  instance,\n) {\n  const nextRows = [];\n\n  strategy({\n    data: records,\n    cb: row => {\n      let nextRow = row;\n\n      // eslint-disable-next-line no-loops/no-loops,no-plusplus\n      for (let i = 0; i < decorators.length; i++) {\n        nextRow = decorators[i](nextRow, instance);\n        if (!nextRow) break;\n      }\n\n      if (nextRow) nextRows.push(nextRow);\n    },\n    instance,\n  });\n\n  return nextRows;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,kBAAkB,MAAM;AAC5B,QAAM,MAAM;AAAA;AAGP,wBACL,SACA,WAAW,iBACX,aAAa,IACb,UACA;AACA,QAAM,WAAW;AAEjB,WAAS;AAAA,IACP,MAAM;AAAA,IACN,IAAI,SAAO;AACT,UAAI,UAAU;AAGd,eAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,kBAAU,WAAW,GAAG,SAAS;AACjC,YAAI,CAAC;AAAS;AAAA;AAGhB,UAAI;AAAS,iBAAS,KAAK;AAAA;AAAA,IAE7B;AAAA;AAGF,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/useDataList/useDataList.js

@@ -0,0 +1,93 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useDataList_exports = {};
+__export(useDataList_exports, {
+  default: () => useDataList_default,
+  getItemChildren: () => getItemChildren,
+  getItemLabel: () => getItemLabel,
+  useDataList: () => useDataList
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_get = __toESM(require("lodash/get"));
+var import_utils = require("../createDataInstance/utils");
+var import_recordIterator = require("./recordIterator");
+var import_createInstanceRef = require("../createDataInstance/createInstanceRef");
+const getItemLabel = (record, nameKey = "name") => (0, import_get.default)(record, ["data", nameKey]);
+const getItemChildren = (record, childrenKey = "children") => (0, import_get.default)(record, ["data", childrenKey]);
+const listRenderers = {
+  list: "ul",
+  item: "li"
+};
+const useDataList = ({
+  data = [],
+  plugins = [],
+  renderers = listRenderers,
+  itemRenderer = [],
+  customDecorators,
+  ...props
+}) => {
+  const listRef = (0, import_react.useRef)();
+  const { instance, decorators } = (0, import_createInstanceRef.createDataInstanceRef)({
+    data,
+    renderers,
+    plugins,
+    customDecorators: {
+      ...customDecorators,
+      recordIterator: import_recordIterator.recordIterator,
+      getListProps: [],
+      getItemProps: [],
+      itemRenderer: [...itemRenderer],
+      record: [],
+      records: []
+    },
+    ...props
+  });
+  instance.current.getListRef = () => listRef;
+  instance.current.setListRef = (ref) => {
+    listRef.current = ref;
+  };
+  instance.current.getItemLabel = (record) => getItemLabel(record, props.nameKey);
+  instance.current.getItemChildren = (record) => getItemChildren(record, props.childrenKey);
+  instance.current.decorators = decorators;
+  instance.current.getListProps = (0, import_utils.reducePropsGetter)(decorators.getListProps, instance.current);
+  instance.current.getItemProps = (0, import_utils.reducePropsGetter)(decorators.getItemProps, instance.current);
+  instance.current.itemRenderer = (0, import_utils.composeFormatters)(instance.current.decorators.itemRenderer, instance.current);
+  instance.current.records = (0, import_react.useMemo)(() => {
+    let nextRecords = (0, import_recordIterator.recordIterator)(data, instance.current.decorators.recordIterator, decorators.record, instance.current);
+    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
+    return nextRecords;
+  });
+  if (props.instanceRef)
+    (0, import_ds_utilities.setRef)(props.instanceRef, instance.current);
+  return instance.current;
+};
+var useDataList_default = useDataList;
+module.exports = __toCommonJS(useDataList_exports);
+//# sourceMappingURL=useDataList.js.map

package/dist/cjs/useDataList/useDataList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/useDataList/useDataList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n  composeFormatters,\n  reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n  get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n  get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) =>\n    getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) =>\n    getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(\n    decorators.getListProps,\n    instance.current,\n  );\n  instance.current.getItemProps = reducePropsGetter(\n    decorators.getItemProps,\n    instance.current,\n  );\n  instance.current.itemRenderer = composeFormatters(\n    instance.current.decorators.itemRenderer,\n    instance.current,\n  );\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce(\n      (nextRows, getter) => getter(nextRows, instance.current),\n      nextRecords,\n    );\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,0BAAuB;AACvB,iBAAgB;AAChB,mBAGO;AACP,4BAA+B;AAC/B,+BAAsC;AAE/B,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,wBAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,wBAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,KACG;AAAA,MACC;AACJ,QAAM,UAAU;AAChB,QAAM,EAAE,UAAU,eAAe,oDAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,SACb;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,CAAC,GAAG;AAAA,MAClB,QAAQ;AAAA,MACR,SAAS;AAAA;AAAA,OAER;AAAA;AAEL,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA;AAEpB,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM;AAC7B,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM;AAEhC,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,oCAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,oCAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,oCAC9B,SAAS,QAAQ,WAAW,cAC5B,SAAS;AAGX,WAAS,QAAQ,UAAU,0BAAQ,MAAM;AAEvC,QAAI,cAAc,0CAChB,MACA,SAAS,QAAQ,WAAW,gBAC5B,WAAW,QACX,SAAS;AAIX,kBAAc,WAAW,QAAQ,OAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,UAChD;AAGF,WAAO;AAAA;AAGT,MAAI,MAAM;AAAa,oCAAO,MAAM,aAAa,SAAS;AAE1D,SAAO,SAAS;AAAA;AAGlB,IAAO,sBAAQ;",
+  "names": []
+}