@elliemae/ds-shared 2.2.0 → 2.3.0-alpha.3

package/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/esm/react-spring/renderprops.js

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

package/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/esm/toolbar/ToolbarProvider.js

@@ -1,76 +1,52 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useRef, useState, useEffect, useMemo } from 'react';
-import DSPopover from '@elliemae/ds-popper';
-import { useOnClickOutside } from '@elliemae/ds-utilities';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const ToolbarContext = /*#__PURE__*/React.createContext();
-const {
-  Provider
-} = ToolbarContext;
-
+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);
+    window.addEventListener("scroll", callback, true);
     return () => {
-      window.removeEventListener('scroll', callback, true);
+      window.removeEventListener("scroll", callback, true);
     };
   }, [dependencies]);
 };
-
 const noop = () => null;
-
-function ToolbarProvider(_ref) {
-  let {
-    delay = 200,
-    children,
-    onHide = noop,
-    onShow = noop
-  } = _ref;
+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(_objectSpread(_objectSpread({}, state), {}, {
+  const show = (state) => {
+    if (state.reference === tooltipState.reference)
+      clearTimeout(hideTimer.current);
+    showTimer.current = setTimeout(() => setTooltipState({
+      ...state,
       visible: true
-    })), delay);
+    }), delay);
     onShow();
   };
-
   const hide = (e, force) => {
-    if (!force) clearTimeout(showTimer.current);
-    hideTimer.current = setTimeout(() => setTooltipState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
+    if (!force)
+      clearTimeout(showTimer.current);
+    hideTimer.current = setTimeout(() => setTooltipState((prevState) => ({
+      ...prevState,
       visible: false
     })), 100);
     onHide(tooltipState, e);
   };
-
-  useScrollListener(e => hide(e, true), tooltipState.visible);
+  useScrollListener((e) => hide(e, true), tooltipState.visible);
   useOnClickOutside(toolbarRef, () => hide());
-
-  const keyDownHandler = e => {
-    if (e.key === 'Escape') {
+  const keyDownHandler = (e) => {
+    if (e.key === "Escape") {
       hide(e);
     }
   };
-
   useEffect(() => {
-    window.addEventListener('keydown', keyDownHandler);
+    window.addEventListener("keydown", keyDownHandler);
     return () => {
-      window.removeEventListener('keydown', keyDownHandler);
+      window.removeEventListener("keydown", keyDownHandler);
     };
   });
   const value = useMemo(() => ({
@@ -78,34 +54,29 @@ function ToolbarProvider(_ref) {
     show,
     hide
   }), [tooltipState.reference]);
-  return /*#__PURE__*/_jsx(Provider, {
-    value: value
-  }, void 0, children, /*#__PURE__*/jsx(DSPopover, _objectSpread(_objectSpread({
-    boundaries: "scrollParent"
-  }, tooltipState.options || {}), {}, {
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    value
+  }, children, /* @__PURE__ */ React2.createElement(DSPopover, {
+    boundaries: "scrollParent",
+    ...tooltipState.options || {},
     content: tooltipState.renderer,
     placement: "left",
     referenceEl: tooltipState.reference,
-    renderer: _ref2 => {
-      let {
-        as: Component,
-        style,
-        children: Content
-      } = _ref2;
-      return /*#__PURE__*/jsx("div", {
-        ref: toolbarRef,
-        onMouseEnter: e => show(tooltipState),
-        onMouseLeave: hide,
-        children: /*#__PURE__*/_jsx(Component, {
-          style: style
-        }, void 0, Content)
-      });
-    },
+    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$1 = /*#__PURE__*/React.memo(ToolbarProvider);
-
-export { ToolbarContext, ToolbarProvider$1 as default };
+  }));
+});
+var ToolbarProvider_default = ToolbarProvider;
+export {
+  ToolbarContext,
+  ToolbarProvider,
+  ToolbarProvider_default as default
+};
+//# sourceMappingURL=ToolbarProvider.js.map

package/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/esm/useDataGrid/VolatileRowsListener.js

@@ -1,22 +1,20 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { safeCall } from '@elliemae/ds-utilities';
-
+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.forEach((observer) => safeCall(observer, nextRows));
     this.observers = [];
   }
-
 }
-
-export { VolatileRowsListener as default };
+var VolatileRowsListener_default = VolatileRowsListener;
+export {
+  VolatileRowsListener,
+  VolatileRowsListener_default as default
+};
+//# sourceMappingURL=VolatileRowsListener.js.map

package/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/esm/useDataGrid/index.js

@@ -1 +1,7 @@
-export { default } from './useDataGrid.js';
+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/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/esm/useDataGrid/initColumnDefinition.js

@@ -1,41 +1,34 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
-import 'react';
-import { v4 } from 'uuid';
-import { curry, get, cloneDeep, set, isFunction } from '@elliemae/ds-utilities';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const appendHeaderFormatter = curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
-  header: _objectSpread(_objectSpread({}, column.header), {}, {
-    formatters: [...get(column, 'header.formatters', []), formatter]
-  })
+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(function (formatter, column) {
-  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
+const appendCellFormatter = curry((formatter, column, path = "formatters") => {
   const nextColumn = cloneDeep(column);
-  const formatters = get(nextColumn, ['cell', path], []);
-  const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);
-
+  const formatters = get(nextColumn, ["cell", path], []);
+  const scrollingFormatters = get(nextColumn, "cell.scrollingFormatters", []);
   if (Array.isArray(formatter)) {
-    if (formatter[1]) scrollingFormatters.push(formatter[1]);
+    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);
+  set(nextColumn, ["cell", path], formatters);
+  set(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
   return nextColumn;
 });
 const defaultColumnDefinitionOptions = {
@@ -45,90 +38,81 @@ const defaultColumnDefinitionOptions = {
   visible: true
 };
 const mergeClassNameToColumnHeader = curry((className, column) => {
-  const headerProps = get(column, ['header', 'props'], {});
-  const headerClassName = headerProps.className || '';
-  return _objectSpread(_objectSpread({}, column), {}, {
-    header: _objectSpread(_objectSpread({}, column.header), {}, {
-      props: _objectSpread(_objectSpread({}, headerProps), {}, {
-        className: "".concat(headerClassName, " ").concat(className)
-      })
-    })
-  });
+  const headerProps = get(column, ["header", "props"], {});
+  const headerClassName = headerProps.className || "";
+  return {
+    ...column,
+    header: {
+      ...column.header,
+      props: {
+        ...headerProps,
+        className: `${headerClassName} ${className}`
+      }
+    }
+  };
 });
-function initColumnDefinition() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // eslint-disable-next-line complexity
-  return column => {
-    // todo: clean this
-    if (column.type === 'number') {
-      // eslint-disable-next-line no-param-reassign
+const initColumnDefinition = (options = {}) => {
+  return (column) => {
+    if (column.type === "number") {
       column.cellStyle = {
-        textAlign: 'right'
+        textAlign: "right"
       };
     }
-
-    const {
-      useTextTruncation = true,
-      isUserColumn,
-      visible,
-      normalize
-    } = _objectSpread(_objectSpread({}, defaultColumnDefinitionOptions), options);
-
+    const { useTextTruncation = true, isUserColumn, visible, normalize } = {
+      ...defaultColumnDefinitionOptions,
+      ...options
+    };
     if (normalize) {
-      // eslint-disable-next-line no-param-reassign
-      column.originalProperty = column.property; // eslint-disable-next-line no-param-reassign
-
-      column.property = column.property.replace(/\s+/g, '');
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.props = _objectSpread(_objectSpread({}, column.props), {}, {
+      column.originalProperty = column.property;
+      column.property = column.property.replace(/\s+/g, "");
+    }
+    column.props = {
+      ...column.props,
       style: {}
-    }); // eslint-disable-next-line no-param-reassign
-
-    column.header = _objectSpread(_objectSpread({}, column.header), {}, {
+    };
+    column.header = {
+      ...column.header,
       label: column.label,
-      formatters: [...get(column, ['header', 'formatters'], [])],
+      formatters: [...get(column, ["header", "formatters"], [])],
       props: {
         style: column.headerStyle || {}
       }
-    });
-
+    };
     if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
-      column.header.formatters.push(value => /*#__PURE__*/_jsx("span", {
+      column.header.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
         className: "cell-value"
-      }, void 0, value));
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
+      }, value));
+    }
+    column.cell = {
+      ...column.cell,
       transforms: [],
-      formatters: [...get(column, ['cell', 'formatters'], [])],
-      scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],
+      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__*/_jsx("span", {
+      column.cell.formatters.push((value) => /* @__PURE__ */ React2.createElement("span", {
         className: "cell-value",
         style: {
-          justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start'
+          justifyContent: column.type === "number" ? "flex-end" : "flex-start"
         }
-      }, void 0, value));
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.uuid = column.uuid || v4(); // eslint-disable-next-line no-param-reassign
-
-    column.visible = column.visible === undefined ? visible : column.visible; // eslint-disable-next-line no-param-reassign, max-lines
-
-    column.isUserColumn = column.isUserColumn || isUserColumn; // eslint-disable-next-line no-param-reassign
-
+      }, value));
+    }
+    column.uuid = column.uuid || uuidv4();
+    column.visible = column.visible === void 0 ? visible : column.visible;
+    column.isUserColumn = column.isUserColumn || isUserColumn;
     column.headerHookEffects = [];
     return column;
   };
-}
-
-export { appendCellFormatter, appendHeaderFormatter, initColumnDefinition as default, mergeClassNameToColumnHeader };
+};
+var initColumnDefinition_default = initColumnDefinition;
+export {
+  appendCellFormatter,
+  appendHeaderFormatter,
+  initColumnDefinition_default as default,
+  initColumnDefinition,
+  mergeClassNameToColumnHeader
+};
+//# sourceMappingURL=initColumnDefinition.js.map

package/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": []
+}