@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/plugins/sortable/sorter.js

@@ -1,166 +1,115 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { get } from '@elliemae/ds-utilities';
-import moment from 'moment';
-
-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 sorter = function () {
-  let {
-    columns,
-    sortingColumns,
-    sort,
-    emptyLast
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return data => {
-    if (!columns) {
-      throw new Error('sort.sorter - Missing "columns" argument!');
-    }
-
-    if (!sort) {
-      throw new Error('sort.sorter - Missing "sort" argument!');
-    }
-
-    if (!sortingColumns) {
-      return data;
-    }
-
-    const columnIndexList = new Array(sortingColumns.length);
-    const orderList = new Array(sortingColumns.length);
-    let actualSortFunction = sort;
-
-    if (emptyLast) {
-      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
-        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
-        const keys = Object.keys(sortingColumns);
-        const withData = sortedData.filter(r => keys.some(key => !!r[key]));
-        const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
-        return [...withData, ...withoutData];
-      };
-    }
-
-    Object.keys(sortingColumns).forEach(sortingColumnKey => {
-      const realColumn = columns.find(column => column.property === sortingColumnKey);
-      if (!realColumn) return;
-
-      const columnSorter = realColumn.sort || function resolveValue(row) {
-        const {
-          property,
-          sortBy
-        } = realColumn;
-        const value = row[sortBy || property]; // Pick resolved value by convention
-
-        const resolvedValue = get(row, "_".concat(property), value);
-
-        if (realColumn.type === 'DateTime') {
-          return moment(resolvedValue);
-        }
-
-        return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
-      };
-
-      const sortingColumn = sortingColumns[sortingColumnKey];
-      columnIndexList[sortingColumn.position] = columnSorter;
-      orderList[sortingColumn.position] = sortingColumn.direction;
-    });
-    return actualSortFunction(data, columnIndexList, orderList);
-  };
+import * as React from "react";
+import { get } from "@elliemae/ds-utilities";
+import moment from "moment";
+const sorter = ({ columns, sortingColumns, sort, emptyLast } = {}) => (data) => {
+  if (!columns) {
+    throw new Error('sort.sorter - Missing "columns" argument!');
+  }
+  if (!sort) {
+    throw new Error('sort.sorter - Missing "sort" argument!');
+  }
+  if (!sortingColumns) {
+    return data;
+  }
+  const columnIndexList = new Array(sortingColumns.length);
+  const orderList = new Array(sortingColumns.length);
+  let actualSortFunction = sort;
+  if (emptyLast) {
+    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+      const keys = Object.keys(sortingColumns);
+      const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));
+      const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));
+      return [...withData, ...withoutData];
+    };
+  }
+  Object.keys(sortingColumns).forEach((sortingColumnKey) => {
+    const realColumn = columns.find((column) => column.property === sortingColumnKey);
+    if (!realColumn)
+      return;
+    const columnSorter = realColumn.sort || function resolveValue(row) {
+      const { property, sortBy } = realColumn;
+      const value = row[sortBy || property];
+      const resolvedValue = get(row, `_${property}`, value);
+      if (realColumn.type === "DateTime") {
+        return moment(resolvedValue);
+      }
+      return typeof resolvedValue === "string" ? resolvedValue.toLowerCase() : resolvedValue;
+    };
+    const sortingColumn = sortingColumns[sortingColumnKey];
+    columnIndexList[sortingColumn.position] = columnSorter;
+    orderList[sortingColumn.position] = sortingColumn.direction;
+  });
+  return actualSortFunction(data, columnIndexList, orderList);
 };
-const sorterGroups = function () {
-  let {
-    columns,
-    sortingColumns,
-    sort,
-    emptyLast
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (data, rowsData) => {
-    if (!columns) {
-      throw new Error('sort.sorter - Missing "columns" argument!');
-    }
-
-    if (!sort) {
-      throw new Error('sort.sorter - Missing "sort" argument!');
-    }
-
-    if (!sortingColumns) {
-      return data;
-    }
-
-    const columnIndexList = new Array(sortingColumns.length);
-    const orderList = new Array(sortingColumns.length);
-    let actualSortFunction = sort;
-
-    if (emptyLast) {
-      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
-        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
-        const keys = Object.keys(sortingColumns);
-        const withData = sortedData.filter(r => keys.some(key => !!r[key]));
-        const withoutData = sortedData.filter(r => keys.some(key => !r[key]));
-        return [...withData, ...withoutData];
-      };
-    }
-
-    Object.keys(sortingColumns).forEach(sortingColumnKey => {
-      const realColumn = columns.find(column => column.property === sortingColumnKey);
-      if (!realColumn) return;
-
-      const columnSorter = realColumn.sort || function resolveValue(row) {
-        const {
-          property,
-          sortBy
-        } = realColumn;
-        const value = row[sortBy || property]; // Pick resolved value by convention
-
-        const resolvedValue = get(row, "_".concat(property), value);
-
-        if (realColumn.type === 'DateTime') {
-          return moment(resolvedValue);
-        }
-
-        return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;
-      };
-
-      const sortingColumn = sortingColumns[sortingColumnKey];
-      columnIndexList[sortingColumn.position] = columnSorter;
-      orderList[sortingColumn.position] = sortingColumn.direction;
-    });
-    const groups = {};
-    const preserveData = {};
-    data.forEach(c => {
-      preserveData[c.id] = _objectSpread({}, c);
-    });
-    rowsData.forEach(group => {
-      groups[group.id] = {
-        children: actualSortFunction(group.children.map(c => _objectSpread({
-          parentNode: preserveData[c.id].parentNode,
-          data: c
-        }, c)), columnIndexList, orderList) // sort internally
-
-      };
-    });
-    const sorted = actualSortFunction(data.map(r => _objectSpread(_objectSpread({}, r.data), r)), columnIndexList, orderList); // sort global
-
-    let ssortGlobal = [];
-    sorted.filter(s => !s.isGroup).forEach(sr => {
-      if (groups[sr.parentNode.id]) {
-        ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];
-        delete groups[sr.parentNode.id];
+const sorterGroups = ({ columns, sortingColumns, sort, emptyLast } = {}) => (data, rowsData) => {
+  if (!columns) {
+    throw new Error('sort.sorter - Missing "columns" argument!');
+  }
+  if (!sort) {
+    throw new Error('sort.sorter - Missing "sort" argument!');
+  }
+  if (!sortingColumns) {
+    return data;
+  }
+  const columnIndexList = new Array(sortingColumns.length);
+  const orderList = new Array(sortingColumns.length);
+  let actualSortFunction = sort;
+  if (emptyLast) {
+    actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {
+      const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);
+      const keys = Object.keys(sortingColumns);
+      const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));
+      const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));
+      return [...withData, ...withoutData];
+    };
+  }
+  Object.keys(sortingColumns).forEach((sortingColumnKey) => {
+    const realColumn = columns.find((column) => column.property === sortingColumnKey);
+    if (!realColumn)
+      return;
+    const columnSorter = realColumn.sort || function resolveValue(row) {
+      const { property, sortBy } = realColumn;
+      const value = row[sortBy || property];
+      const resolvedValue = get(row, `_${property}`, value);
+      if (realColumn.type === "DateTime") {
+        return moment(resolvedValue);
       }
-    });
-    return ssortGlobal;
-  };
+      return typeof resolvedValue === "string" ? resolvedValue.toLowerCase() : resolvedValue;
+    };
+    const sortingColumn = sortingColumns[sortingColumnKey];
+    columnIndexList[sortingColumn.position] = columnSorter;
+    orderList[sortingColumn.position] = sortingColumn.direction;
+  });
+  const groups = {};
+  const preserveData = {};
+  data.forEach((c) => {
+    preserveData[c.id] = { ...c };
+  });
+  rowsData.forEach((group) => {
+    groups[group.id] = {
+      children: actualSortFunction(group.children.map((c) => ({
+        parentNode: preserveData[c.id].parentNode,
+        data: c,
+        ...c
+      })), columnIndexList, orderList)
+    };
+  });
+  const sorted = actualSortFunction(data.map((r) => ({
+    ...r.data,
+    ...r
+  })), columnIndexList, orderList);
+  let ssortGlobal = [];
+  sorted.filter((s) => !s.isGroup).forEach((sr) => {
+    if (groups[sr.parentNode.id]) {
+      ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];
+      delete groups[sr.parentNode.id];
+    }
+  });
+  return ssortGlobal;
+};
+export {
+  sorter,
+  sorterGroups
 };
-
-export { sorter, sorterGroups };
+//# sourceMappingURL=sorter.js.map

package/esm/plugins/sortable/sorter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/sortable/sorter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { get } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nexport const sorter =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n    return actualSortFunction(data, columnIndexList, orderList);\n  };\n\nexport const sorterGroups =\n  ({ columns, sortingColumns, sort, emptyLast } = {}) =>\n  (data, rowsData) => {\n    if (!columns) {\n      throw new Error('sort.sorter - Missing \"columns\" argument!');\n    }\n\n    if (!sort) {\n      throw new Error('sort.sorter - Missing \"sort\" argument!');\n    }\n\n    if (!sortingColumns) {\n      return data;\n    }\n\n    const columnIndexList = new Array(sortingColumns.length);\n    const orderList = new Array(sortingColumns.length);\n\n    let actualSortFunction = sort;\n    if (emptyLast) {\n      actualSortFunction = (innerData, innerColumnIndexList, innerOrderList) => {\n        const sortedData = sort(innerData, innerColumnIndexList, innerOrderList);\n\n        const keys = Object.keys(sortingColumns);\n\n        const withData = sortedData.filter((r) => keys.some((key) => !!r[key]));\n        const withoutData = sortedData.filter((r) => keys.some((key) => !r[key]));\n\n        return [...withData, ...withoutData];\n      };\n    }\n\n    Object.keys(sortingColumns).forEach((sortingColumnKey) => {\n      const realColumn = columns.find((column) => column.property === sortingColumnKey);\n      if (!realColumn) return;\n      const columnSorter =\n        realColumn.sort ||\n        function resolveValue(row) {\n          const { property, sortBy } = realColumn;\n          const value = row[sortBy || property];\n          // Pick resolved value by convention\n          const resolvedValue = get(row, `_${property}`, value);\n\n          if (realColumn.type === 'DateTime') {\n            return moment(resolvedValue);\n          }\n\n          return typeof resolvedValue === 'string' ? resolvedValue.toLowerCase() : resolvedValue;\n        };\n\n      const sortingColumn = sortingColumns[sortingColumnKey];\n\n      columnIndexList[sortingColumn.position] = columnSorter;\n\n      orderList[sortingColumn.position] = sortingColumn.direction;\n    });\n\n    const groups = {};\n    const preserveData = {};\n    data.forEach((c) => {\n      preserveData[c.id] = { ...c };\n    });\n\n    rowsData.forEach((group) => {\n      groups[group.id] = {\n        children: actualSortFunction(\n          group.children.map((c) => ({\n            parentNode: preserveData[c.id].parentNode,\n            data: c,\n            ...c,\n          })),\n          columnIndexList,\n          orderList,\n        ), // sort internally\n      };\n    });\n\n    const sorted = actualSortFunction(\n      data.map((r) => ({\n        ...r.data,\n        ...r,\n      })),\n      columnIndexList,\n      orderList,\n    ); // sort global\n    let ssortGlobal = [];\n    sorted\n      .filter((s) => !s.isGroup)\n      .forEach((sr) => {\n        if (groups[sr.parentNode.id]) {\n          ssortGlobal = [...ssortGlobal, preserveData[sr.parentNode.id], ...groups[sr.parentNode.id].children];\n          delete groups[sr.parentNode.id];\n        }\n      });\n    return ssortGlobal;\n  };\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/plugins/sortable/useSortableState.js

@@ -1,71 +1,44 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.filter.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 * as sortabular from 'sortabular/dist/index.js';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
-import { checkIfSortable } from './checkIfSortable.js';
-
-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; }
+import * as React from "react";
+import * as sortabular from "sortabular/dist/index.js";
+import { useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import { checkIfSortable } from "./checkIfSortable";
 function useSortableState(grid) {
-  const {
-    onSort,
-    sortingColumns: sortingColumnsProp,
-    pagination
-  } = grid.props;
+  const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;
   const [sortingColumns, setSortingColumns] = useDerivedStateFromProps(sortingColumnsProp);
-
-  const handleSort = selectedColumn => {
-    // support for pagination
-    const {
-      composedRows = {},
-      props
-    } = grid.getInstance();
-    const {
-      allRows,
-      rows
-    } = composedRows;
+  const handleSort = (selectedColumn) => {
+    const { composedRows = {}, props } = grid.getInstance();
+    const { allRows, rows } = composedRows;
     const serverSidePagination = pagination && composedRows.amount !== (composedRows.rows && composedRows.rows.length);
-
     if (props.serverSideData || serverSidePagination || checkIfSortable(selectedColumn, allRows || rows || composedRows)) {
-      setSortingColumns(prevSortingColumns => {
+      setSortingColumns((prevSortingColumns) => {
         const nextSortingColumns = sortabular.byColumn({
           sortingColumns: prevSortingColumns,
           sortingOrder: {
-            FIRST: 'asc',
-            asc: 'desc',
-            desc: 'asc'
+            FIRST: "asc",
+            asc: "desc",
+            desc: "asc"
           },
           selectedColumn
         });
-        const {
-          columns
-        } = grid.getInstance();
-        let columnSorted = columns.find(col => col.property === selectedColumn);
-        columnSorted = _objectSpread(_objectSpread({}, columnSorted), {}, {
+        const { columns } = grid.getInstance();
+        let columnSorted = columns.find((col) => col.property === selectedColumn);
+        columnSorted = {
+          ...columnSorted,
           originalProperty: columnSorted.property
-        });
+        };
         onSort(nextSortingColumns, selectedColumn, columnSorted);
         return nextSortingColumns;
       });
     }
   };
-
   return {
-    state: {
-      sortingColumns
-    },
+    state: { sortingColumns },
     actions: {
       sort: handleSort
     }
   };
 }
-
-export { useSortableState };
+export {
+  useSortableState
+};
+//# sourceMappingURL=useSortableState.js.map

package/esm/plugins/sortable/useSortableState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/sortable/useSortableState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import * as sortabular from 'sortabular/dist/index.js';\nimport { useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { checkIfSortable } from './checkIfSortable';\n\nexport function useSortableState(grid) {\n  const { onSort, sortingColumns: sortingColumnsProp, pagination } = grid.props;\n\n  const [sortingColumns, setSortingColumns] = useDerivedStateFromProps(\n    sortingColumnsProp,\n  );\n\n  const handleSort = selectedColumn => {\n    // support for pagination\n    const { composedRows = {}, props } = grid.getInstance();\n    const { allRows, rows } = composedRows;\n    const serverSidePagination =\n      pagination &&\n      composedRows.amount !== (composedRows.rows && composedRows.rows.length);\n    if (\n      props.serverSideData ||\n      serverSidePagination ||\n      checkIfSortable(selectedColumn, allRows || rows || composedRows)\n    ) {\n      setSortingColumns(prevSortingColumns => {\n        const nextSortingColumns = sortabular.byColumn({\n          sortingColumns: prevSortingColumns,\n          sortingOrder: {\n            FIRST: 'asc',\n            asc: 'desc',\n            desc: 'asc',\n          },\n          selectedColumn,\n        });\n        const { columns } = grid.getInstance();\n        let columnSorted = columns.find(col => col.property === selectedColumn);\n        columnSorted = {\n          ...columnSorted,\n          originalProperty: columnSorted.property,\n        };\n        onSort(nextSortingColumns, selectedColumn, columnSorted);\n        return nextSortingColumns;\n      });\n    }\n  };\n\n  return {\n    state: { sortingColumns },\n    actions: {\n      sort: handleSort,\n    },\n  };\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,0BAA0B,MAAM;AACrC,QAAM,EAAE,QAAQ,gBAAgB,oBAAoB,eAAe,KAAK;AAExE,QAAM,CAAC,gBAAgB,qBAAqB,yBAC1C;AAGF,QAAM,aAAa,oBAAkB;AAEnC,UAAM,EAAE,eAAe,IAAI,UAAU,KAAK;AAC1C,UAAM,EAAE,SAAS,SAAS;AAC1B,UAAM,uBACJ,cACA,aAAa,WAAY,cAAa,QAAQ,aAAa,KAAK;AAClE,QACE,MAAM,kBACN,wBACA,gBAAgB,gBAAgB,WAAW,QAAQ,eACnD;AACA,wBAAkB,wBAAsB;AACtC,cAAM,qBAAqB,WAAW,SAAS;AAAA,UAC7C,gBAAgB;AAAA,UAChB,cAAc;AAAA,YACZ,OAAO;AAAA,YACP,KAAK;AAAA,YACL,MAAM;AAAA;AAAA,UAER;AAAA;AAEF,cAAM,EAAE,YAAY,KAAK;AACzB,YAAI,eAAe,QAAQ,KAAK,SAAO,IAAI,aAAa;AACxD,uBAAe;AAAA,aACV;AAAA,UACH,kBAAkB,aAAa;AAAA;AAEjC,eAAO,oBAAoB,gBAAgB;AAC3C,eAAO;AAAA;AAAA;AAAA;AAKb,SAAO;AAAA,IACL,OAAO,EAAE;AAAA,IACT,SAAS;AAAA,MACP,MAAM;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/plugins/toolbar/RowRenderer.js

@@ -1,88 +1,67 @@
-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 { useRef, useState, useEffect } from 'react';
-import { isEmpty } from 'lodash';
-import { omit } from '@elliemae/ds-utilities';
-import { ToolbarTrigger } from './ToolbarTrigger.js';
-import { RowSizes } from '../../rowSizes.js';
-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; }
+import * as React from "react";
+import React2, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { isEmpty } from "lodash";
+import { omit } from "@elliemae/ds-utilities";
+import { ToolbarTrigger } from "./ToolbarTrigger";
+import { RowSizes } from "../../rowSizes";
 const RowRenderer = (Row, grid) => {
-  const Wrapped = props => {
+  const Wrapped = (props) => {
     const ref = useRef();
+    const { rowData = {}, index, rowIndex, style } = props;
     const {
-      rowData = {},
-      index,
-      rowIndex,
-      style
-    } = props;
-    const {
-      props: {
-        wrapText
-      }
+      props: { wrapText }
     } = grid.getInstance();
     const [popStyle, setPopStyle] = useState({});
     const [rowStyle, setRowStyle] = useState(style);
     const gridInstance = grid.getInstance();
-    const {
-      refs,
-      isRowDragging
-    } = gridInstance;
+    const { refs, isRowDragging } = gridInstance;
     const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth);
     useEffect(() => {
-      const shouldOmit = isRowDragging ? ['top'] : [];
-      setPopStyle(_objectSpread(_objectSpread({}, popStyle), {
-        top: style && !isRowDragging ? style.top : '0'
-      }));
-
+      const shouldOmit = isRowDragging ? ["top"] : [];
+      setPopStyle({
+        ...popStyle,
+        ...{ top: style && !isRowDragging ? style.top : "0" }
+      });
       if (style) {
-        // style defined means it has virtualization
         setHasVerticalScrollBar(true);
       } else {
         setHasVerticalScrollBar(false);
       }
-
       setRowStyle(omit(style || {
-        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',
-        position: 'relative'
+        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
+        position: "relative"
       }, [shouldOmit]));
     }, [style, isRowDragging]);
-    return /*#__PURE__*/_jsx("div", {
+    return /* @__PURE__ */ React2.createElement("div", {
       className: "row-renderer-fixed-height",
       style: {
-        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',
-        position: style ? 'auto' : 'relative' // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',
-
+        height: !wrapText ? RowSizes[gridInstance.props.rowSize] : "auto",
+        position: style ? "auto" : "relative"
       }
-    }, void 0, /*#__PURE__*/jsx(Row, _objectSpread(_objectSpread({
-      ref: ref
-    }, props), {}, {
+    }, /* @__PURE__ */ React2.createElement(Row, {
+      ref,
+      ...props,
       style: rowStyle
-    })), isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /*#__PURE__*/_jsx("div", {
-      className: "toolbar-trigger-container ".concat(style ? 'move' : 'stay'),
-      style: _objectSpread({}, popStyle)
-    }, void 0, /*#__PURE__*/_jsx(ToolbarTrigger, {
-      grid: grid,
-      rowData: {
-        rowData,
-        index,
-        rowIndex
-      },
+    }), isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : /* @__PURE__ */ React2.createElement("div", {
+      className: `toolbar-trigger-container ${style ? "move" : "stay"}`,
+      style: { ...popStyle }
+    }, /* @__PURE__ */ React2.createElement(ToolbarTrigger, {
+      grid,
+      rowData: { rowData, index, rowIndex },
       hasScrollBar: hasVerticalScrollBar,
       rowRef: ref
     })));
   };
-
+  Wrapped.propTypes = {
+    rowData: PropTypes.any,
+    index: PropTypes.number,
+    rowIndex: PropTypes.number,
+    style: PropTypes.any
+  };
   return Wrapped;
 };
-
-export { RowRenderer };
+export {
+  RowRenderer
+};
+//# sourceMappingURL=RowRenderer.js.map

package/esm/plugins/toolbar/RowRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/toolbar/RowRenderer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable max-statements */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { omit } from '@elliemae/ds-utilities';\nimport { ToolbarTrigger } from './ToolbarTrigger';\nimport { RowSizes } from '../../rowSizes';\n\nexport const RowRenderer = (Row, grid) => {\n  const Wrapped = (props) => {\n    const ref = useRef();\n    const { rowData = {}, index, rowIndex, style } = props;\n    const {\n      props: { wrapText },\n    } = grid.getInstance();\n    const [popStyle, setPopStyle] = useState({});\n    const [rowStyle, setRowStyle] = useState(style);\n    const gridInstance = grid.getInstance();\n    const { refs, isRowDragging } = gridInstance;\n    const [hasVerticalScrollBar, setHasVerticalScrollBar] = useState(\n      refs.body.current && refs.body.current.offsetWidth > refs.body.current.clientWidth,\n    );\n\n    useEffect(() => {\n      const shouldOmit = isRowDragging ? ['top'] : [];\n      setPopStyle({\n        ...popStyle,\n        ...{ top: style && !isRowDragging ? style.top : '0' },\n      });\n      if (style) {\n        // style defined means it has virtualization\n        setHasVerticalScrollBar(true);\n      } else {\n        setHasVerticalScrollBar(false);\n      }\n      setRowStyle(\n        omit(\n          style || {\n            height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n            position: 'relative',\n          },\n          [shouldOmit],\n        ),\n      );\n    }, [style, isRowDragging]);\n    return (\n      <div\n        className=\"row-renderer-fixed-height\"\n        style={{\n          height: !wrapText ? RowSizes[gridInstance.props.rowSize] : 'auto',\n          position: style ? 'auto' : 'relative',\n          // top: isDragging ? rowStyle.top - RowSizes[gridInstance.props.rowSize] : 'auto',\n        }}\n      >\n        <Row ref={ref} {...props} style={rowStyle} />\n        {isEmpty(rowData) && !rowData.index && !rowData.rowIndex ? null : (\n          <div className={`toolbar-trigger-container ${style ? 'move' : 'stay'}`} style={{ ...popStyle }}>\n            <ToolbarTrigger\n              grid={grid}\n              rowData={{ rowData, index, rowIndex }}\n              hasScrollBar={hasVerticalScrollBar}\n              rowRef={ref}\n            />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  Wrapped.propTypes = {\n    rowData: PropTypes.any,\n    index: PropTypes.number,\n    rowIndex: PropTypes.number,\n    style: PropTypes.any,\n  };\n\n  return Wrapped;\n};\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,CAAC,KAAK,SAAS;AACxC,QAAM,UAAU,CAAC,UAAU;AACzB,UAAM,MAAM;AACZ,UAAM,EAAE,UAAU,IAAI,OAAO,UAAU,UAAU;AACjD,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,QACP,KAAK;AACT,UAAM,CAAC,UAAU,eAAe,SAAS;AACzC,UAAM,CAAC,UAAU,eAAe,SAAS;AACzC,UAAM,eAAe,KAAK;AAC1B,UAAM,EAAE,MAAM,kBAAkB;AAChC,UAAM,CAAC,sBAAsB,2BAA2B,SACtD,KAAK,KAAK,WAAW,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,QAAQ;AAGzE,cAAU,MAAM;AACd,YAAM,aAAa,gBAAgB,CAAC,SAAS;AAC7C,kBAAY;AAAA,WACP;AAAA,WACA,EAAE,KAAK,SAAS,CAAC,gBAAgB,MAAM,MAAM;AAAA;AAElD,UAAI,OAAO;AAET,gCAAwB;AAAA,aACnB;AACL,gCAAwB;AAAA;AAE1B,kBACE,KACE,SAAS;AAAA,QACP,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU;AAAA,SAEZ,CAAC;AAAA,OAGJ,CAAC,OAAO;AACX,WACE,qCAAC,OAAD;AAAA,MACE,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,CAAC,WAAW,SAAS,aAAa,MAAM,WAAW;AAAA,QAC3D,UAAU,QAAQ,SAAS;AAAA;AAAA,OAI7B,qCAAC,KAAD;AAAA,MAAK;AAAA,SAAc;AAAA,MAAO,OAAO;AAAA,QAChC,QAAQ,YAAY,CAAC,QAAQ,SAAS,CAAC,QAAQ,WAAW,OACzD,qCAAC,OAAD;AAAA,MAAK,WAAW,6BAA6B,QAAQ,SAAS;AAAA,MAAU,OAAO,KAAK;AAAA,OAClF,qCAAC,gBAAD;AAAA,MACE;AAAA,MACA,SAAS,EAAE,SAAS,OAAO;AAAA,MAC3B,cAAc;AAAA,MACd,QAAQ;AAAA;AAAA;AAQpB,UAAQ,YAAY;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,UAAU,UAAU;AAAA,IACpB,OAAO,UAAU;AAAA;AAGnB,SAAO;AAAA;",
+  "names": []
+}

package/esm/plugins/toolbar/ToolbarPlugin.js

@@ -1,33 +1,29 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import { RowRenderer } from './RowRenderer.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const decorateColumns = columns => {
+import * as React from "react";
+import React2 from "react";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { appendCellFormatter } from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
+import { RowRenderer } from "./RowRenderer";
+const decorateColumns = (columns) => {
   const lastColumn = columns[columns.length - 1];
-  return [...columns.slice(0, -1), appendCellFormatter([value => /*#__PURE__*/jsxs(Fragment, {
-    children: [value, /*#__PURE__*/_jsx("div", {
-      style: {
-        width: 34,
-        maxWidth: 34,
-        overflow: 'hidden'
-      }
-    })]
-  })], lastColumn, 'fixedFormatters')];
+  return [
+    ...columns.slice(0, -1),
+    appendCellFormatter([
+      (value) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, value, /* @__PURE__ */ React2.createElement("div", {
+        style: { width: 34, maxWidth: 34, overflow: "hidden" }
+      }))
+    ], lastColumn, "fixedFormatters")
+  ];
 };
-
 const decorateRenderers = (renderers, grid) => {
   const Row = renderers.body.row;
   renderers.body.row = RowRenderer(Row, grid);
   return renderers;
 };
-
-const ToolbarPlugin = createInstancePlugin('toolbar', {
+const ToolbarPlugin = createInstancePlugin("toolbar", {
   decorateRenderers,
   decorateColumns
 });
-
-export { ToolbarPlugin };
+export {
+  ToolbarPlugin
+};
+//# sourceMappingURL=ToolbarPlugin.js.map

package/esm/plugins/toolbar/ToolbarPlugin.js.map

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