@elliemae/ds-datagrids 2.0.0-next.1 → 2.0.0-next.13

package/cjs/columns/NumberColumn.js

@@ -1,8 +1,6 @@
 'use strict';
 
-function createNumberColumn({
-  label,
-  property
-}) {}
+function createNumberColumn(_ref) {
+}
 
 module.exports = createNumberColumn;

package/cjs/components/BodyCell.js

@@ -3,10 +3,16 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 var utils = require('@elliemae/ds-shared/createDataInstance/utils');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,15 +28,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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__default["default"](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; }
 
-function BodyCell({
-  component: Component,
-  classProps,
-  rowProps,
-  column,
-  columnIndex,
-  rowIndex,
-  grid
-}) {
+function BodyCell(_ref) {
+  let {
+    component: Component,
+    classProps,
+    rowProps,
+    column,
+    columnIndex,
+    rowIndex,
+    grid
+  } = _ref;
+
   const {
     rowData,
     rowKey,
@@ -78,11 +86,11 @@ function BodyCell({
     value: v
   });
 
-  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
+  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
   const transformed = utils.evaluateTransforms(transforms, value, extraParameters);
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
-    "data-testid": `column-${property}`,
+    "data-testid": "column-".concat(property),
     tabIndex: -1,
     classProps: classProps
   }, props), cell && cell.props), transformed), {}, {

package/cjs/components/BodyList.js

@@ -3,6 +3,13 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var NoResults = require('./NoResults.js');
 var jsxRuntime = require('react/jsx-runtime');

package/cjs/components/ColumnVisibilityMenuOption.js

@@ -2,12 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function getColumnVisibilityMenuOption({
-  columns,
-  onColumnVisibilityChange,
-  searchable,
-  height
-}) {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+function getColumnVisibilityMenuOption(_ref) {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable,
+    height
+  } = _ref;
   const {
     items,
     active

package/cjs/components/ColumnsOptionsMenuSection.js

@@ -1,6 +1,10 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var dsMenu = require('@elliemae/ds-menu');
 
@@ -8,35 +12,38 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const ColumnsOptionsMenuSection = ({
-  columns,
-  onColumnVisibilityChange,
-  searchable = false,
-  height // eslint-disable-next-line react/display-name
+const ColumnsOptionsMenuSection = _ref => {
+  let {
+    columns,
+    onColumnVisibilityChange,
+    searchable = false,
+    height // eslint-disable-next-line react/display-name
 
-}) => () => {
-  const {
-    items,
-    active
-  } = columns.reduce((result, column, index) => ({
-    items: [...result.items, {
-      id: column.property,
-      label: column.label,
-      checked: column.visible,
-      onClick: () => onColumnVisibilityChange(column, index)
-    }],
-    active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
-  }), {
-    items: [],
-    active: []
-  });
-  return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
-    active: active,
-    height: height,
-    items: items,
-    multi: true,
-    searchable: searchable
-  });
+  } = _ref;
+  return () => {
+    const {
+      items,
+      active
+    } = columns.reduce((result, column, index) => ({
+      items: [...result.items, {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }],
+      active: typeof column.visible === 'undefined' || column.visible ? [...result.active, column.property] : result.active
+    }), {
+      items: [],
+      active: []
+    });
+    return /*#__PURE__*/_jsx__default["default"](dsMenu.Menu.SelectionGroup, {
+      active: active,
+      height: height,
+      items: items,
+      multi: true,
+      searchable: searchable
+    });
+  };
 };
 
 module.exports = ColumnsOptionsMenuSection;

package/cjs/components/EmptyState.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Grid = require('@elliemae/ds-basic/Grid');
-var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
 var dsSystem = require('@elliemae/ds-system');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
@@ -21,7 +20,7 @@ var _Icon;
 const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1ddwbs7-0"
 })(["min-width:132px;max-width:384px;height:fit-content;"]);
-const Icon = /*#__PURE__*/styled__default["default"](WarningTriangle__default["default"]).withConfig({
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
   componentId: "sc-1ddwbs7-1"
 })(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
 const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
@@ -33,17 +32,20 @@ const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
 const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-1ddwbs7-4"
 })(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
-const EmptyState = ({
-  primaryMessage = 'No Results Found',
-  secondaryMessage,
-  buttonLabel,
-  onButtonClick = () => {}
-}) => /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
-  size: "xxl"
-})), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
-  buttonType: "secondary",
-  labelText: buttonLabel,
-  onClick: onButtonClick
-}));
+const EmptyState = _ref => {
+  let {
+    primaryMessage = 'No Results Found',
+    secondaryMessage,
+    buttonLabel,
+    onButtonClick = () => {}
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "xxl"
+  })), primaryMessage && /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx__default["default"](Button, {
+    buttonType: "secondary",
+    labelText: buttonLabel,
+    onClick: onButtonClick
+  }));
+};
 
 exports.EmptyState = EmptyState;

package/cjs/components/HeaderCell.js

@@ -2,9 +2,14 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('react');
 var utils = require('@elliemae/ds-shared/createDataInstance/utils');
-var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,13 +22,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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__default["default"](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; }
 
-function HeaderCell({
-  column,
-  columnIndex,
-  component: Component,
-  classProps,
-  grid
-}) {
+function HeaderCell(_ref) {
+  let {
+    column,
+    columnIndex,
+    component: Component,
+    classProps,
+    grid
+  } = _ref;
   const {
     property,
     header = {},
@@ -58,7 +64,7 @@ function HeaderCell({
     classProps: classProps
   }, props), header && header.props), transformedProps), {}, {
     children: transformedProps.children || formattedValue
-  }), `${evaluatedProperty}-header`);
+  }), "".concat(evaluatedProperty, "-header"));
 }
 
 module.exports = HeaderCell;

package/cjs/components/List.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/cjs/components/ListItem.js

@@ -1,6 +1,13 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/cjs/components/NoResults.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');

package/cjs/components/RowsLoader.js

@@ -2,7 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSpinner = require('@elliemae/ds-basic/Spinner');
+var DSSpinner = require('@elliemae/ds-spinner');
 var defaultClassedRenderers = require('./renderers/defaultClassedRenderers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
 
-function RowsLoader({
-  size = 'm'
-}) {
+function RowsLoader(_ref) {
+  let {
+    size = 'm'
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](defaultClassedRenderers.SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
     size: size
   }));

package/cjs/components/Table.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');

package/cjs/components/TableBody.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');

package/cjs/components/TableHeader.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var tableContext = require('./tableContext.js');

package/cjs/components/footer/addOptionalFooterComponents.js

@@ -9,10 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const addOptionalFooterComponents = ({
-  grid,
-  rows
-}) => {
+const addOptionalFooterComponents = _ref => {
+  let {
+    grid,
+    rows
+  } = _ref;
   const {
     props: {
       maxPerPage,

package/cjs/components/header/PrimaryControls.js

@@ -2,30 +2,35 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 const blockName = 'data-grid';
 const Container = dsClassnames.aggregatedClasses('div')(blockName, 'controls');
 const SearchContainer = dsClassnames.aggregatedClasses('div')(blockName, 'search-container');
 
-const PrimaryControls = ({
-  onAddFilter = () => null
-}) => /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSSearchBox__default["default"], {
-  onSearch: ({
-    property,
-    value
-  }) => onAddFilter({
-    filterId: property,
-    label: 'All',
-    value
-  }),
-  placeholder: "Search all"
-})));
+const PrimaryControls = _ref => {
+  let {
+    onAddFilter = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Container, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSSearchBox, {
+    onSearch: _ref2 => {
+      let {
+        property,
+        value
+      } = _ref2;
+      return onAddFilter({
+        filterId: property,
+        label: 'All',
+        value
+      });
+    },
+    placeholder: "Search all"
+  })));
+};
 
 module.exports = PrimaryControls;

package/cjs/components/header/addOptionalHeaderComponents.js

@@ -10,9 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSFilterBar__default = /*#__PURE__*/_interopDefaultLegacy(DSFilterBar);
 
-const addOptionalHeaderComponents = ({
-  grid
-}) => {
+const addOptionalHeaderComponents = _ref => {
+  let {
+    grid
+  } = _ref;
   const {
     props: {
       showFilterBar,

package/cjs/components/renderers/defaultClassedRenderers.js

@@ -5,35 +5,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsClassnames = require('@elliemae/ds-classnames');
 var blockNames = require('../../blockNames.js');
 
-const NoResultsContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-no-results`);
-const SpinnerContainer = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-spinner`);
-const DatagridWrapper = dsClassnames.aggregatedClasses('div')(`${blockNames.dataGridBlockName}-wrapper`, null, ({
-  fluidHeight
-}) => ({
-  fluid: fluidHeight
-}));
+const NoResultsContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-no-results"));
+const SpinnerContainer = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-spinner"));
+const DatagridWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.dataGridBlockName, "-wrapper"), null, _ref => {
+  let {
+    fluidHeight
+  } = _ref;
+  return {
+    fluid: fluidHeight
+  };
+});
 const TableWrapper = dsClassnames.aggregatedClasses('div')(blockNames.dataGridBlockName);
 const HeaderWrapper = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName);
 const HeaderRow = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'row');
-const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
-const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, ({
-  grouped
-}) => ({
-  'ie-flex-basis-auto': true,
-  'is-grouped': grouped
-}));
+const HeaderCell = dsClassnames.aggregatedClasses('div')(blockNames.headerBlockName, 'cell', _ref2 => {
+  let {
+    wrapText
+  } = _ref2;
+  return {
+    wrapText
+  };
+});
+const BodyWrapper = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, null, _ref3 => {
+  let {
+    grouped
+  } = _ref3;
+  return {
+    'ie-flex-basis-auto': true,
+    'is-grouped': grouped
+  };
+});
 const BodyRow = dsClassnames.aggregatedClasses('div', {
   'data-testid': 'datagrid-row'
 })(blockNames.bodyBlockName, 'row');
-const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', ({
-  wrapText
-}) => ({
-  wrapText
-}));
+const BodyCell = dsClassnames.aggregatedClasses('div')(blockNames.bodyBlockName, 'cell', _ref4 => {
+  let {
+    wrapText
+  } = _ref4;
+  return {
+    wrapText
+  };
+});
 
 exports.BodyCell = BodyCell;
 exports.BodyRow = BodyRow;