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

package/dist/esm/prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const dsBasicSizes = ['s' as const, 'm' as const, 'l' as const];\n\nexport const sizes = ['xsmall' as const, 'small' as const, 'medium' as const, 'large' as const, 'xlarge' as const];\n\nexport const iconSizes = [\n  'xxs' as const,\n  'xs' as const,\n  's' as const,\n  'm' as const,\n  'l' as const,\n  'xl' as const,\n  'xxl' as const,\n];\n\nexport const iconColors = [\n  ['neutral', '900'] as const,\n  ['neutral', '0'] as const,\n  ['danger', '900'] as const,\n  ['warning', '500'] as const,\n  ['success', '900'] as const,\n  ['brand-primary', '600'] as const,\n] as const;\n\nexport const CHECKBOX_VARIANT = {\n  DEFAULT: 'variant-default' as const,\n  FOCUS: 'variant-focus' as const,\n  ACTIVE: 'variant-active' as const,\n  DISABLED: 'variant-disabled' as const,\n  ERROR: 'variant-error' as const,\n};\nexport const checkboxVariants = [\n  CHECKBOX_VARIANT.DEFAULT,\n  CHECKBOX_VARIANT.FOCUS,\n  CHECKBOX_VARIANT.ACTIVE,\n  CHECKBOX_VARIANT.DISABLED,\n  CHECKBOX_VARIANT.ERROR,\n] as const;\n\nexport const COMBOBOX_VARIANT = {\n  DEFAULT: 'variant-default' as const,\n  FOCUS: 'variant-focus-input' as const,\n  FOCUS_ICON: 'variant-focus-icon' as const,\n  ACTIVE: 'variant-active-input' as const,\n  ACTIVE_ICON: 'variant-active-icon' as const,\n  DISABLED: 'variant-disabled' as const,\n  ERROR: 'variant-error' as const,\n};\n\nexport const comboBoxVariants = [\n  COMBOBOX_VARIANT.DEFAULT,\n  COMBOBOX_VARIANT.FOCUS,\n  COMBOBOX_VARIANT.FOCUS_ICON,\n  COMBOBOX_VARIANT.ACTIVE,\n  COMBOBOX_VARIANT.ACTIVE_ICON,\n  COMBOBOX_VARIANT.DISABLED,\n  COMBOBOX_VARIANT.ERROR,\n] as const;\n\nexport const sizeVariants = {\n  S: 's' as const,\n  M: 'm' as const,\n  L: 'l' as const,\n};\n\nexport const position = {\n  LEFT: 'left' as const,\n  RIGHT: 'right' as const,\n  CENTER: 'center' as const,\n};\n\nexport const fontColor = {\n  NEUTRAL500: 'neutral500' as const,\n  NEUTRAL700: 'neutral700' as const,\n};\n\nexport const orientation = ['horizontal' as const, 'vertical' as const] as const;\n\nexport const orientationVariants = {\n  HORIZONTAL: 'horizontal' as const,\n  VERTICAL: 'vertical' as const,\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe,CAAC,KAAc,KAAc;AAElD,MAAM,QAAQ,CAAC,UAAmB,SAAkB,UAAmB,SAAkB;AAEzF,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGK,MAAM,aAAa;AAAA,EACxB,CAAC,WAAW;AAAA,EACZ,CAAC,WAAW;AAAA,EACZ,CAAC,UAAU;AAAA,EACX,CAAC,WAAW;AAAA,EACZ,CAAC,WAAW;AAAA,EACZ,CAAC,iBAAiB;AAAA;AAGb,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA;AAEF,MAAM,mBAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAGZ,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,UAAU;AAAA,EACV,OAAO;AAAA;AAGF,MAAM,mBAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA;AAGZ,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,YAAY;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA;AAGP,MAAM,cAAc,CAAC,cAAuB;AAE5C,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/react-spring/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "react-spring/web";
+//# sourceMappingURL=index.js.map

package/dist/esm/react-spring/index.js.map

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

package/dist/esm/react-spring/renderprops.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "react-spring/renderprops";
+//# sourceMappingURL=renderprops.js.map

package/dist/esm/react-spring/renderprops.js.map

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

package/dist/esm/toolbar/ToolbarProvider.js

@@ -0,0 +1,82 @@
+import * as React from "react";
+import React2, { useMemo, useRef, useState, useEffect, memo } from "react";
+import { DSPopover } from "@elliemae/ds-popper";
+import { useOnClickOutside } from "@elliemae/ds-utilities";
+const ToolbarContext = React2.createContext();
+const { Provider } = ToolbarContext;
+const useScrollListener = (callback, dependencies) => {
+  useEffect(() => {
+    window.addEventListener("scroll", callback, true);
+    return () => {
+      window.removeEventListener("scroll", callback, true);
+    };
+  }, [dependencies]);
+};
+const noop = () => null;
+const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {
+  const showTimer = useRef();
+  const hideTimer = useRef();
+  const toolbarRef = useRef();
+  const [tooltipState, setTooltipState] = useState({});
+  const show = (state) => {
+    if (state.reference === tooltipState.reference)
+      clearTimeout(hideTimer.current);
+    showTimer.current = setTimeout(() => setTooltipState({
+      ...state,
+      visible: true
+    }), delay);
+    onShow();
+  };
+  const hide = (e, force) => {
+    if (!force)
+      clearTimeout(showTimer.current);
+    hideTimer.current = setTimeout(() => setTooltipState((prevState) => ({
+      ...prevState,
+      visible: false
+    })), 100);
+    onHide(tooltipState, e);
+  };
+  useScrollListener((e) => hide(e, true), tooltipState.visible);
+  useOnClickOutside(toolbarRef, () => hide());
+  const keyDownHandler = (e) => {
+    if (e.key === "Escape") {
+      hide(e);
+    }
+  };
+  useEffect(() => {
+    window.addEventListener("keydown", keyDownHandler);
+    return () => {
+      window.removeEventListener("keydown", keyDownHandler);
+    };
+  });
+  const value = useMemo(() => ({
+    state: tooltipState,
+    show,
+    hide
+  }), [tooltipState.reference]);
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    value
+  }, children, /* @__PURE__ */ React2.createElement(DSPopover, {
+    boundaries: "scrollParent",
+    ...tooltipState.options || {},
+    content: tooltipState.renderer,
+    placement: "left",
+    referenceEl: tooltipState.reference,
+    renderer: ({ as: Component, style, children: Content }) => /* @__PURE__ */ React2.createElement("div", {
+      ref: toolbarRef,
+      onMouseEnter: (e) => show(tooltipState, e),
+      onMouseLeave: hide
+    }, /* @__PURE__ */ React2.createElement(Component, {
+      style
+    }, Content)),
+    style: tooltipState.style,
+    visible: tooltipState.visible
+  }));
+});
+var ToolbarProvider_default = ToolbarProvider;
+export {
+  ToolbarContext,
+  ToolbarProvider,
+  ToolbarProvider_default as default
+};
+//# sourceMappingURL=ToolbarProvider.js.map

package/dist/esm/toolbar/ToolbarProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/toolbar/ToolbarProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popper';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n  useEffect(() => {\n    window.addEventListener('scroll', callback, true);\n    return () => {\n      window.removeEventListener('scroll', callback, true);\n    };\n  }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n  const showTimer = useRef();\n  const hideTimer = useRef();\n  const toolbarRef = useRef();\n  const [tooltipState, setTooltipState] = useState({});\n\n  const show = (state) => {\n    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n    showTimer.current = setTimeout(\n      () =>\n        setTooltipState({\n          ...state,\n          visible: true,\n        }),\n      delay,\n    );\n    onShow();\n  };\n\n  const hide = (e, force) => {\n    if (!force) clearTimeout(showTimer.current);\n    hideTimer.current = setTimeout(\n      () =>\n        setTooltipState((prevState) => ({\n          ...prevState,\n          visible: false,\n        })),\n      100,\n    );\n    onHide(tooltipState, e);\n  };\n\n  useScrollListener((e) => hide(e, true), tooltipState.visible);\n  useOnClickOutside(toolbarRef, () => hide());\n\n  const keyDownHandler = (e) => {\n    if (e.key === 'Escape') {\n      hide(e);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keyDownHandler);\n    return () => {\n      window.removeEventListener('keydown', keyDownHandler);\n    };\n  });\n\n  const value = useMemo(\n    () => ({\n      state: tooltipState,\n      show,\n      hide,\n    }),\n    [tooltipState.reference],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      <DSPopover\n        boundaries=\"scrollParent\"\n        {...(tooltipState.options || {})}\n        content={tooltipState.renderer}\n        placement=\"left\"\n        referenceEl={tooltipState.reference}\n        renderer={({ as: Component, style, children: Content }) => (\n          <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n            <Component style={style}>{Content}</Component>\n          </div>\n        )}\n        style={tooltipState.style}\n        visible={tooltipState.visible}\n      />\n    </Provider>\n  );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,OAAM;AAEpC,MAAM,EAAE,aAAa;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU;AAAA;AAAA,KAEhD,CAAC;AAAA;AAGN,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,KAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,WAAW;AACxF,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,aAAa;AACnB,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU;AACvE,cAAU,UAAU,WAClB,MACE,gBAAgB;AAAA,SACX;AAAA,MACH,SAAS;AAAA,QAEb;AAEF;AAAA;AAGF,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU;AACnC,cAAU,UAAU,WAClB,MACE,gBAAgB,CAAC,cAAe;AAAA,SAC3B;AAAA,MACH,SAAS;AAAA,SAEb;AAEF,WAAO,cAAc;AAAA;AAGvB,oBAAkB,CAAC,MAAM,KAAK,GAAG,OAAO,aAAa;AACrD,oBAAkB,YAAY,MAAM;AAEpC,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK;AAAA;AAAA;AAIT,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAI1C,QAAM,QAAQ,QACZ,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,MAEF,CAAC,aAAa;AAGhB,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACD,qCAAC,WAAD;AAAA,IACE,YAAW;AAAA,OACN,aAAa,WAAW;AAAA,IAC7B,SAAS,aAAa;AAAA,IACtB,WAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,cAC3C,qCAAC,OAAD;AAAA,MAAK,KAAK;AAAA,MAAY,cAAc,CAAC,MAAM,KAAK,cAAc;AAAA,MAAI,cAAc;AAAA,OAC9E,qCAAC,WAAD;AAAA,MAAW;AAAA,OAAe;AAAA,IAG9B,OAAO,aAAa;AAAA,IACpB,SAAS,aAAa;AAAA;AAAA;AAO9B,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/useDataGrid/VolatileRowsListener.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { safeCall } from "@elliemae/ds-utilities";
+class VolatileRowsListener {
+  constructor() {
+    this.observers = [];
+  }
+  observe(listener) {
+    this.observers.push(listener);
+  }
+  notify(nextRows) {
+    this.observers.forEach((observer) => safeCall(observer, nextRows));
+    this.observers = [];
+  }
+}
+var VolatileRowsListener_default = VolatileRowsListener;
+export {
+  VolatileRowsListener,
+  VolatileRowsListener_default as default
+};
+//# sourceMappingURL=VolatileRowsListener.js.map

package/dist/esm/useDataGrid/VolatileRowsListener.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/VolatileRowsListener.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { safeCall } from '@elliemae/ds-utilities';\n\nclass VolatileRowsListener {\n  observers = [];\n\n  observe(listener) {\n    this.observers.push(listener);\n  }\n\n  notify(nextRows) {\n    this.observers.forEach(observer => safeCall(observer, nextRows));\n    this.observers = [];\n  }\n}\n\nexport { VolatileRowsListener };\nexport default VolatileRowsListener;\n"],
+  "mappings": "AAAA;ACAA;AAEA,2BAA2B;AAAA,EAA3B,cAFA;AAGE,qBAAY;AAAA;AAAA,EAEZ,QAAQ,UAAU;AAChB,SAAK,UAAU,KAAK;AAAA;AAAA,EAGtB,OAAO,UAAU;AACf,SAAK,UAAU,QAAQ,cAAY,SAAS,UAAU;AACtD,SAAK,YAAY;AAAA;AAAA;AAKrB,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/esm/useDataGrid/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { default as default2, default as default3 } from "./useDataGrid";
+export {
+  default2 as default,
+  default3 as useDataGrid
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/useDataGrid/index.js.map

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

package/dist/esm/useDataGrid/initColumnDefinition.js

@@ -0,0 +1,118 @@
+import * as React from "react";
+import React2 from "react";
+import { v4 as uuidv4 } from "uuid";
+import {
+  get,
+  curry,
+  set,
+  cloneDeep,
+  isFunction
+} from "@elliemae/ds-utilities";
+const appendHeaderFormatter = curry((formatter, column) => ({
+  ...column,
+  header: {
+    ...column.header,
+    formatters: [...get(column, "header.formatters", []), formatter]
+  }
+}));
+const appendCellFormatter = curry((formatter, column, path = "formatters") => {
+  const nextColumn = cloneDeep(column);
+  const formatters = get(nextColumn, ["cell", path], []);
+  const scrollingFormatters = 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);
+  }
+  set(nextColumn, ["cell", path], formatters);
+  set(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
+  return nextColumn;
+});
+const defaultColumnDefinitionOptions = {
+  normalize: false,
+  useTextTruncation: true,
+  isUserColumn: true,
+  visible: true
+};
+const mergeClassNameToColumnHeader = curry((className, column) => {
+  const headerProps = 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: [...get(column, ["header", "formatters"], [])],
+      props: {
+        style: column.headerStyle || {}
+      }
+    };
+    if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
+      column.header.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
+        className: "cell-value"
+      }, value));
+    }
+    column.cell = {
+      ...column.cell,
+      transforms: [],
+      formatters: [...get(column, ["cell", "formatters"], [])],
+      scrollingFormatters: [...get(column, ["cell", "formatters"], [])],
+      props: {
+        style: column.cellStyle || {}
+      }
+    };
+    if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
+      column.cell.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
+        className: "cell-value",
+        style: {
+          justifyContent: column.type === "number" ? "flex-end" : "flex-start"
+        }
+      }, value));
+    }
+    column.uuid = column.uuid || uuidv4();
+    column.visible = column.visible === void 0 ? visible : column.visible;
+    column.isUserColumn = column.isUserColumn || isUserColumn;
+    column.headerHookEffects = [];
+    return column;
+  };
+};
+var initColumnDefinition_default = initColumnDefinition;
+export {
+  appendCellFormatter,
+  appendHeaderFormatter,
+  initColumnDefinition_default as default,
+  initColumnDefinition,
+  mergeClassNameToColumnHeader
+};
+//# sourceMappingURL=initColumnDefinition.js.map

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

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

package/dist/esm/useDataGrid/useDataGrid.js

@@ -0,0 +1,177 @@
+import * as React from "react";
+import {
+  cloneDeep,
+  compose,
+  isEqual,
+  isObject,
+  setRef,
+  usePrevious,
+  useDerivedStateFromProps
+} from "@elliemae/ds-utilities";
+import { useMemo, useRef, useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import * as resolve from "table-resolver";
+import { initColumnDefinition } from "./initColumnDefinition";
+import {
+  applyDecorators,
+  decorateColumns,
+  reducePropsGetter
+} from "../createDataInstance/utils";
+import { VolatileRowsListener } from "./VolatileRowsListener";
+import { isInternetExplorer } from "../utils";
+const IS_INTERNET_EXPLORER = isInternetExplorer();
+const useDataGrid = ({
+  uuid: uuidProp,
+  plugins: pluginsFromProps,
+  rows,
+  columns,
+  renderers = {},
+  ...props
+}) => {
+  const plugins = pluginsFromProps;
+  const instance = useRef();
+  const tableRef = useRef();
+  const headerRef = useRef();
+  const bodyRef = useRef();
+  const bodyInnerRef = useRef();
+  const [uuid] = useState(uuidProp || (() => uuidv4()));
+  const [hasScroll, setHasScroll] = useState(false);
+  const [isRowDragging, setIsRowDragging] = useState(false);
+  const isScrolling = useRef();
+  const shouldRefocus = useRef();
+  const [RowsObserver] = useState(() => new VolatileRowsListener());
+  const [originalRows, updateRows] = useDerivedStateFromProps(rows, {
+    onUpdate: resolve.resolve({
+      columns,
+      method: (extra) => compose(resolve.byFunction("valueTransformation")(extra), resolve.nested(extra))
+    }),
+    updateOnStateChange: true
+  });
+  instance.current = {
+    decoratedRenderers: 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) => initColumnDefinition({
+        useTextTruncation: col.useTextTruncation,
+        wrapText: props.wrapText,
+        normalize: props.normalizeDataKeys
+      })(col))
+    ],
+    decorateRenderers: [],
+    getRowProps: [],
+    getHeaderRowProps: [],
+    getBodyProps: [],
+    getTableProps: [],
+    getHeaderProps: [],
+    composeRows: []
+  };
+  const decorators = 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 = applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
+  instance.current.decoratedColumns = useMemo(() => {
+    const visibleColumns = cloneDeep(columns).filter((column) => typeof column.visible === "undefined" || column.visible);
+    return visibleColumns.length ? decorateColumns(visibleColumns, decorators, instance.current) : [];
+  }, [columns]);
+  instance.current.getBodyProps = reducePropsGetter(decorators.getBodyProps, instance.current);
+  instance.current.getHeaderProps = reducePropsGetter(decorators.getHeaderProps, instance.current);
+  instance.current.getRowProps = reducePropsGetter(decorators.getRowProps, instance.current);
+  instance.current.getHeaderRowProps = reducePropsGetter(decorators.getHeaderRowProps, instance.current);
+  instance.current.getTableProps = 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 = usePrevious(instance.current.state);
+  if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
+    instance.current.shouldRefocus.current = currentShouldRefocus.value;
+  } else {
+    instance.current.shouldRefocus.current = !isEqual(prevState, instance.current.state);
+  }
+  if (props.instanceRef)
+    setRef(props.instanceRef, instance.current);
+  return {
+    ...instance.current,
+    decorators
+  };
+};
+var useDataGrid_default = useDataGrid;
+export {
+  useDataGrid_default as default,
+  useDataGrid
+};
+//# sourceMappingURL=useDataGrid.js.map

package/dist/esm/useDataGrid/useDataGrid.js.map

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

package/dist/esm/useDataList/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { default as default2, default as default3 } from "./useDataList";
+export {
+  default2 as default,
+  default3 as useDataList
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/useDataList/recordIterator.js

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

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

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { useMemo, useRef } from "react";
+import { setRef } from "@elliemae/ds-utilities";
+import get from "lodash/get";
+import {
+  composeFormatters,
+  reducePropsGetter
+} from "../createDataInstance/utils";
+import { recordIterator } from "./recordIterator";
+import { createDataInstanceRef } from "../createDataInstance/createInstanceRef";
+const getItemLabel = (record, nameKey = "name") => get(record, ["data", nameKey]);
+const getItemChildren = (record, childrenKey = "children") => get(record, ["data", childrenKey]);
+const listRenderers = {
+  list: "ul",
+  item: "li"
+};
+const useDataList = ({
+  data = [],
+  plugins = [],
+  renderers = listRenderers,
+  itemRenderer = [],
+  customDecorators,
+  ...props
+}) => {
+  const listRef = useRef();
+  const { instance, decorators } = createDataInstanceRef({
+    data,
+    renderers,
+    plugins,
+    customDecorators: {
+      ...customDecorators,
+      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 = reducePropsGetter(decorators.getListProps, instance.current);
+  instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);
+  instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);
+  instance.current.records = useMemo(() => {
+    let nextRecords = 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)
+    setRef(props.instanceRef, instance.current);
+  return instance.current;
+};
+var useDataList_default = useDataList;
+export {
+  useDataList_default as default,
+  getItemChildren,
+  getItemLabel,
+  useDataList
+};
+//# sourceMappingURL=useDataList.js.map