@elliemae/ds-datagrids 2.0.0-next.7 → 2.0.0-rc.2

package/esm/plugins/toolbar/ToolbarTrigger.js

@@ -1,10 +1,15 @@
+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 { useState } from 'react';
 import styled from 'styled-components';
-import DSButton from '@elliemae/ds-basic/Button';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
+import DSButton from '@elliemae/ds-button';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
 
 var _MoreOptionsVert;
 
@@ -21,12 +26,13 @@ const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-pm75g5-2"
 })(["position:absolute;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:0;pointer-events:none;top:0;height:", ";margin-top:", ";"], props => props.rowRef.current ? "".concat(props.rowRef.current.offsetHeight, "px") : '36px', props => props.rowSize === 'normal' ? '0' : '0'); // eslint-disable-next-line react/prop-types
 
-const ToolbarTrigger = ({
-  grid,
-  rowData,
-  hasScrollBar,
-  rowRef
-}) => {
+const ToolbarTrigger = _ref => {
+  let {
+    grid,
+    rowData,
+    hasScrollBar,
+    rowRef
+  } = _ref;
   const {
     props: {
       renderToolbar,

package/esm/plugins/virtualization/AutoHeightList.js

@@ -1,10 +1,13 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { forwardRef, useRef } from 'react';
 import { FixedSizeList } from 'react-window';
-import { cx } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import useWindowScrollerList from '@elliemae/ds-utilities/hooks/useWindowScrollerList';
+import { useWindowScrollerList, mergeRefs, cx } from '@elliemae/ds-utilities';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];

package/esm/plugins/virtualization/VirtualizationPlugin.js

@@ -1,10 +1,14 @@
+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 { useMemo, useRef } from 'react';
 import { get } from 'lodash';
 import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import { runAll } from '@elliemae/ds-utilities/utils';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs, runAll } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import VirtualizedBody from './VirtualizedBody.js';
 import { jsx } from 'react/jsx-runtime';
@@ -46,28 +50,31 @@ const VirtualizationPlugin = createInstancePlugin('virtualization', {
 
       return /*#__PURE__*/_jsx(FocusGridManager, {
         hotKeys: hotKeys,
-        keyBindings: ({
-          defaultBindings
-        }) => _objectSpread(_objectSpread({}, defaultBindings), {}, {
-          // todo: this is kind of hacky, since it's virtualized and there's
-          //  the possibility that the firsts or lasts rows aren't rendered
-          Home: runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(0);
-              setTimeout(() => defaultBindings.Home(e), 10);
-            } else {
-              defaultBindings.Home(e);
-            }
-          }),
-          End: runAll(e => {
-            if (e.ctrlKey) {
-              listRef.current.scrollToItem(rows.length - 1);
-              setTimeout(() => defaultBindings.End(e), 10);
-            } else {
-              defaultBindings.End(e);
-            }
-          })
-        }),
+        keyBindings: _ref => {
+          let {
+            defaultBindings
+          } = _ref;
+          return _objectSpread(_objectSpread({}, defaultBindings), {}, {
+            // todo: this is kind of hacky, since it's virtualized and there's
+            //  the possibility that the firsts or lasts rows aren't rendered
+            Home: runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(0);
+                setTimeout(() => defaultBindings.Home(e), 10);
+              } else {
+                defaultBindings.Home(e);
+              }
+            }),
+            End: runAll(e => {
+              if (e.ctrlKey) {
+                listRef.current.scrollToItem(rows.length - 1);
+                setTimeout(() => defaultBindings.End(e), 10);
+              } else {
+                defaultBindings.End(e);
+              }
+            })
+          });
+        },
         shouldRefocus: false
       }, void 0, /*#__PURE__*/jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
         autoScrollToId: autoScrollToId,

package/esm/plugins/virtualization/VirtualizedBody.js

@@ -1,9 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.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 { useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
-import { debounce, isNaN } from '@elliemae/ds-utilities/utils';
+import { debounce, isNaN, mergeRefs } from '@elliemae/ds-utilities';
 import NoResults from '../../components/NoResults.js';
 import VirtualizedBodyRow from './VirtualizedBodyRow.js';
 import { RowSizes } from '../../rowSizes.js';
@@ -91,9 +99,10 @@ const VirtualizedBody = props => {
   useEffect(() => {
     autoScrollTo(visibleHeight);
   }, [autoScrollToId, visibleHeight]);
-  const handler = useCallback(debounce(({
-    target
-  }) => {
+  const handler = useCallback(debounce(_ref => {
+    let {
+      target
+    } = _ref;
     // Update coordinates
     setScrollTop(target.scrollTop || 0);
   }, 100), [setScrollTop]);

package/esm/plugins/virtualization/VirtualizedBodyRow.js

@@ -1,10 +1,11 @@
-function VirtualizedBodyRow({
-  data,
-  index,
-  style,
-  key,
-  isScrolling
-}) {
+function VirtualizedBodyRow(_ref) {
+  let {
+    data,
+    index,
+    style,
+    key,
+    isScrolling
+  } = _ref;
   const {
     rows,
     renderer: {

package/esm/renders/CellWithAddons.js

@@ -1,22 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { get } from 'lodash';
-import { Grid } from '@elliemae/ds-basic/Grid';
-import DSTruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
+import Grid from '@elliemae/ds-grid';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { CellWrapper, ValueWrapper } from './styled.js';
 
-const CellWithAddons = ({
-  leftAddon,
-  keepLeftPadding,
-  rightAddon,
-  badgeAddon,
-  highLight,
-  isEdit,
-  editComponent,
-  value,
-  neutralText,
-  metaData
-}) => {
+const CellWithAddons = _ref => {
+  let {
+    leftAddon,
+    keepLeftPadding,
+    rightAddon,
+    badgeAddon,
+    highLight,
+    isEdit,
+    editComponent,
+    value,
+    neutralText,
+    metaData
+  } = _ref;
   const hasLeftAddon = !!leftAddon || keepLeftPadding;
   const hasRightAddon = !!rightAddon && !isEdit;
   const cols = [1];

package/esm/renders/styled.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import Grid from '@elliemae/ds-grid';
 
 const m = '0.61538rem';
 const m2 = '1.23076rem';

package/esm/utilities/getPluginsFromProps.js

@@ -1,3 +1,6 @@
+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 { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';
 import { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';
 import { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';
@@ -27,7 +30,8 @@ const mapPropToPlugin = {
   groupedRows: GroupingPlugin,
   dragAndDropRows: DndRowsPlugin
 };
-function getPluginsFromProps(props, omit = {}) {
+function getPluginsFromProps(props) {
+  let omit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const plugins = [];
   Object.keys(mapPropToPlugin).forEach(key => {
     if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);

package/esm/utilities/getScrollbarSize.js

@@ -1,4 +1,5 @@
-function getScrollbarWidth(compensatePixels = 0) {
+function getScrollbarWidth() {
+  let compensatePixels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   // Creating invisible container
   const outer = document.createElement('div');
   outer.style.visibility = 'hidden';

package/esm/utilities/normalizeData.js

@@ -1,10 +1,16 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+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 'core-js/modules/es.string.replace.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 const normalizeRows = rows => rows.map(row => {
   Object.keys(row).forEach(key => row[normalizeText(key)] = row[key]);
   return row;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-datagrids",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Grids",
   "module": "./esm/index.js",
@@ -541,41 +541,42 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-next.7",
-    "@elliemae/ds-classnames": "2.0.0-next.7",
-    "@elliemae/ds-date-range-picker": "2.0.0-next.7",
-    "@elliemae/ds-dropdownmenu": "2.0.0-next.7",
-    "@elliemae/ds-filterbar": "2.0.0-next.7",
-    "@elliemae/ds-icons": "2.0.0-next.7",
-    "@elliemae/ds-shared": "2.0.0-next.7",
-    "@elliemae/ds-utilities": "2.0.0-next.7",
+    "@elliemae/ds-basic": "2.0.0-rc.2",
+    "@elliemae/ds-classnames": "2.0.0-rc.2",
+    "@elliemae/ds-controlled-form": "2.0.0-rc.2",
+    "@elliemae/ds-datagrids": "2.0.0-rc.2",
+    "@elliemae/ds-date-picker": "2.0.0-rc.2",
+    "@elliemae/ds-date-range-picker": "2.0.0-rc.2",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.2",
+    "@elliemae/ds-filterbar": "2.0.0-rc.2",
+    "@elliemae/ds-grid": "2.0.0-rc.2",
+    "@elliemae/ds-icons": "2.0.0-rc.2",
+    "@elliemae/ds-menu": "2.0.0-rc.2",
+    "@elliemae/ds-shared": "2.0.0-rc.2",
+    "@elliemae/ds-system": "2.0.0-rc.2",
+    "@elliemae/ds-utilities": "2.0.0-rc.2",
     "comparejs": "~1.0.3",
-    "defer-render-hoc": "~0.3.0",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
+    "obj-str": "~1.1.0",
     "prop-types": "~15.7.2",
-    "raf": "~3.4.1",
-    "react-beautiful-dnd": "~12.2.0",
-    "react-dates": "~21.8.0",
+    "react-desc": "~4.1.3",
     "react-edit": "~6.4.1",
     "react-pagify": "~2.4.0",
     "react-sortable-hoc": "~1.11.0",
-    "react-virtualized-auto-sizer": "~1.0.6",
     "react-window": "~1.8.6",
-    "redux": "~4.0.5",
     "segmentize": "~0.4.1",
     "sortabular": "~1.6.0",
     "stylesheet-helpers": "~0.2.2",
-    "table-resolver": "~4.1.1",
     "uuid": "~8.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   }
 }

package/types/components/BodyCell.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare function BodyCell({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid, }: {
+declare function BodyCell({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }: {
     component: any;
     classProps: any;
     rowProps: any;

package/types/components/HeaderCell.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare function HeaderCell({ column, columnIndex, component: Component, classProps, grid, }: {
+declare function HeaderCell({ column, columnIndex, component: Component, classProps, grid }: {
     column: any;
     columnIndex: any;
     component: any;

package/types/plugins/column-sizing/columnMeasurerTransformer.d.ts

@@ -2,5 +2,5 @@ export declare const columnMeasurerTransformer: (columnSizeService: any) => (val
     column: any;
     grid: any;
 }, props?: {}) => {
-    innerRef: any;
+    innerRef: (node: any) => void;
 };

package/types/plugins/column-sizing/ext-points/getTableProps.d.ts

@@ -1,4 +1,4 @@
-export declare function getTableProps(tableProps: any, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns, }: {
+export declare function getTableProps(tableProps: any, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns }: {
     refs: any;
     tableRef: any;
     bodyWidth: any;

package/types/plugins/expandable-grid/ExpandedRowExtra.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails, }: {
+declare function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails }: {
     children: any;
     rowData: any;
     rowProps: any;

package/types/plugins/expandable-grid/useExpandGridState.d.ts

@@ -1,14 +1,14 @@
 export declare const useExpandGridState: (grid: any) => {
     state: {
         expandedRows: any;
-        isExpandedAll: any;
+        isExpandedAll: boolean;
         shouldRefocus: boolean;
     };
     actions: {
-        expandRow: (row: any) => any;
-        toggleExpandAllRows: any;
+        expandRow: (row: any) => void;
+        toggleExpandAllRows: (stateData?: boolean | undefined) => void;
         toggleExpand: (row: any) => void;
         toggleShowAllRows: (row: any) => void;
-        collapseRow: any;
+        collapseRow: (item: any) => void;
     };
 };

package/types/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.d.ts

@@ -5,7 +5,7 @@ declare function DateRangeFilterMenu({ column, className, isMenuOpened, onOpenMe
     className: any;
     isMenuOpened?: boolean | undefined;
     onOpenMenu?: (() => null) | undefined;
-    placement?: any;
+    placement?: string | undefined;
     onAddFilter?: (() => null) | undefined;
     dateFormatter?: (({ startDate, endDate }: {
         startDate: any;

package/types/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.d.ts

@@ -5,7 +5,7 @@ declare function SingleDateFilterMenu({ column, className, isMenuOpened, onOpenM
     className: any;
     isMenuOpened?: boolean | undefined;
     onOpenMenu?: (() => null) | undefined;
-    placement?: any;
+    placement?: string | undefined;
     onAddFilter?: (() => null) | undefined;
     dateFormatter?: ((date: any, format?: string) => any) | undefined;
     showHeader?: boolean | undefined;

package/types/plugins/filterable/components/filterable-menus/TextFilterMenu.d.ts

@@ -8,7 +8,7 @@ declare function TextFilterMenu({ column, menuStyle, className, filters, isMenuO
     isMenuOpened?: boolean | undefined;
     onOpenMenu?: (() => null) | undefined;
     onClose?: (() => null) | undefined;
-    placement?: any;
+    placement?: string | undefined;
     menuProps?: {} | undefined;
     onAddFilter?: (() => null) | undefined;
     onRemoveFilter?: (() => null) | undefined;

package/types/plugins/filterable/helper.d.ts

@@ -1,8 +1,20 @@
 export declare const getFilterLabel: (column: any, value: any) => any;
-export declare const getFilterLabels: (column: any, rows: any) => any;
-export declare const getFilterLabelsGroup: (column: any, rows: any) => any;
+export declare const getFilterLabels: (column: any, rows: any) => ({
+    id?: undefined;
+    label?: undefined;
+} | {
+    id: any;
+    label: any;
+})[];
+export declare const getFilterLabelsGroup: (column: any, rows: any) => ({
+    id?: undefined;
+    label?: undefined;
+} | {
+    id: any;
+    label: any;
+})[];
 export declare function getFilterValue(filter: any, column: any): any;
-export declare function buildFilterArray(newFilter: any, filters: any): any;
+export declare function buildFilterArray(newFilter: any, filters: any): any[];
 export declare const groupFilters: (filters: any) => any;
 export declare function parseFiltersToQuery(filters: any): {
     condition: string;

package/types/plugins/pagination/components/PerPageDropdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function PerPageDropdown({ min, max, step, value, onChange, }: {
+declare function PerPageDropdown({ min, max, step, value, onChange }: {
     min?: number | undefined;
     max?: number | undefined;
     step?: number | undefined;