@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/esm/components/footer/addOptionalFooterComponents.js

@@ -1,38 +1,40 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Pagination } from '../../plugins/pagination/components/Pagination.js';
-import '@elliemae/ds-classnames';
-import '../../plugins/pagination/components/Paginator.js';
-import 'react-pagify';
-import 'segmentize';
-import '../../plugins/pagination/components/PerPageDropdown.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'memoize-one';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-form';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-var addOptionalFooterComponents = function addOptionalFooterComponents(_ref) {
-  var grid = _ref.grid,
-      rows = _ref.rows;
-  var _grid$props = grid.props,
-      maxPerPage = _grid$props.maxPerPage,
-      minPerPage = _grid$props.minPerPage,
-      paginated = _grid$props.paginated,
-      paginationStep = _grid$props.paginationStep,
-      pagination = grid.state.pagination,
-      _grid$actions = grid.actions,
-      onPerPage = _grid$actions.onPerPage,
-      onPageSelect = _grid$actions.onPageSelect;
+const addOptionalFooterComponents = _ref => {
+  let {
+    grid,
+    rows
+  } = _ref;
+  const {
+    props: {
+      maxPerPage,
+      minPerPage,
+      paginated,
+      paginationStep
+    },
+    state: {
+      pagination
+    },
+    actions: {
+      onPerPage,
+      onPageSelect
+    }
+  } = grid;
   if (!paginated) return null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-    maxPerPage: maxPerPage,
-    minPerPage: minPerPage,
-    onPageSelect: onPageSelect,
-    onPerPage: onPerPage,
-    paginationStep: paginationStep,
-    paginated: rows,
-    pagination: pagination
-  }));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/_jsx(Pagination, {
+      maxPerPage: maxPerPage,
+      minPerPage: minPerPage,
+      onPageSelect: onPageSelect,
+      onPerPage: onPerPage,
+      paginationStep: paginationStep,
+      paginated: rows,
+      pagination: pagination
+    })
+  });
 };
 
 export { addOptionalFooterComponents as default };
-//# sourceMappingURL=addOptionalFooterComponents.js.map

package/esm/components/header/PrimaryControls.js

@@ -1,24 +1,26 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSSearchBox } from '@elliemae/ds-form';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'data-grid';
-var Container = aggregatedClasses('div')(blockName, 'controls');
-var SearchContainer = aggregatedClasses('div')(blockName, 'search-container');
+const blockName = 'data-grid';
+const Container = aggregatedClasses('div')(blockName, 'controls');
+const SearchContainer = aggregatedClasses('div')(blockName, 'search-container');
 
-var PrimaryControls = function PrimaryControls(_ref) {
-  var _ref$onAddFilter = _ref.onAddFilter,
-      onAddFilter = _ref$onAddFilter === void 0 ? function () {
-    return null;
-  } : _ref$onAddFilter;
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(SearchContainer, null, /*#__PURE__*/React.createElement(DSSearchBox, {
-    onSearch: function onSearch(_ref2) {
-      var property = _ref2.property,
-          value = _ref2.value;
+const PrimaryControls = _ref => {
+  let {
+    onAddFilter = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(Container, {}, void 0, /*#__PURE__*/_jsx(SearchContainer, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
+    onSearch: _ref2 => {
+      let {
+        property,
+        value
+      } = _ref2;
       return onAddFilter({
         filterId: property,
         label: 'All',
-        value: value
+        value
       });
     },
     placeholder: "Search all"
@@ -26,4 +28,3 @@ var PrimaryControls = function PrimaryControls(_ref) {
 };
 
 export { PrimaryControls as default };
-//# sourceMappingURL=PrimaryControls.js.map

package/esm/components/header/addOptionalHeaderComponents.js

@@ -1,37 +1,40 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import DSFilterBar from '@elliemae/ds-filterbar';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-var addOptionalHeaderComponents = function addOptionalHeaderComponents(_ref) {
-  var grid = _ref.grid;
-
-  var _grid$getInstance = grid.getInstance(),
-      _grid$getInstance$pro = _grid$getInstance.props,
-      showFilterBar = _grid$getInstance$pro.showFilterBar,
-      renderFilterToolbar = _grid$getInstance$pro.renderFilterToolbar,
-      filterBarOptions = _grid$getInstance$pro.filterBarOptions,
-      filters = _grid$getInstance.state.filters,
-      _grid$getInstance$act = _grid$getInstance.actions,
-      removeFilter = _grid$getInstance$act.removeFilter,
-      removeAllFilters = _grid$getInstance$act.removeAllFilters;
-
-  var _ref2 = filterBarOptions || {},
-      maxWidth = _ref2.maxWidth,
-      minWidth = _ref2.minWidth;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, filters && !!filters.length && showFilterBar && /*#__PURE__*/React.createElement(DSFilterBar, {
-    filters: filters,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    onRemoveAllFilters: removeAllFilters,
-    onRemoveFilter: removeFilter,
-    renderToolbar: renderFilterToolbar
-  }));
-};
-
-addOptionalHeaderComponents.propTypes = {
-  grid: PropTypes.any
+const addOptionalHeaderComponents = _ref => {
+  let {
+    grid
+  } = _ref;
+  const {
+    props: {
+      showFilterBar,
+      renderFilterToolbar,
+      filterBarOptions
+    },
+    state: {
+      filters
+    },
+    actions: {
+      removeFilter,
+      removeAllFilters
+    }
+  } = grid.getInstance();
+  const {
+    maxWidth,
+    minWidth
+  } = filterBarOptions || {};
+  return /*#__PURE__*/jsx(Fragment, {
+    children: filters && !!filters.length && showFilterBar && /*#__PURE__*/_jsx(DSFilterBar, {
+      filters: filters,
+      maxWidth: maxWidth,
+      minWidth: minWidth,
+      onRemoveAllFilters: removeAllFilters,
+      onRemoveFilter: removeFilter,
+      renderToolbar: renderFilterToolbar
+    })
+  });
 };
 
 export { addOptionalHeaderComponents as default };
-//# sourceMappingURL=addOptionalHeaderComponents.js.map

package/esm/components/index.js

@@ -3,14 +3,3 @@ export { default as BodyCell } from './BodyCell.js';
 export { default as TableBody } from './TableBody.js';
 export { default as TableHeader } from './TableHeader.js';
 export { default as Table } from './Table.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import 'prop-types';
-import '@elliemae/ds-shared/createDataInstance/utils';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import './tableContext.js';
-//# sourceMappingURL=index.js.map

package/esm/components/renderers/defaultClassedRenderers.js

@@ -1,39 +1,46 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { dataGridBlockName, headerBlockName, bodyBlockName } from '../../blockNames.js';
 
-var NoResultsContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-no-results"));
-var SpinnerContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-spinner"));
-var DatagridWrapper = aggregatedClasses('div')("".concat(dataGridBlockName, "-wrapper"), null, function (_ref) {
-  var fluidHeight = _ref.fluidHeight;
+const NoResultsContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-no-results"));
+const SpinnerContainer = aggregatedClasses('div')("".concat(dataGridBlockName, "-spinner"));
+const DatagridWrapper = aggregatedClasses('div')("".concat(dataGridBlockName, "-wrapper"), null, _ref => {
+  let {
+    fluidHeight
+  } = _ref;
   return {
     fluid: fluidHeight
   };
 });
-var TableWrapper = aggregatedClasses('div')(dataGridBlockName);
-var HeaderWrapper = aggregatedClasses('div')(headerBlockName);
-var HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');
-var HeaderCell = aggregatedClasses('div')(headerBlockName, 'cell', function (_ref2) {
-  var wrapText = _ref2.wrapText;
+const TableWrapper = aggregatedClasses('div')(dataGridBlockName);
+const HeaderWrapper = aggregatedClasses('div')(headerBlockName);
+const HeaderRow = aggregatedClasses('div')(headerBlockName, 'row');
+const HeaderCell = aggregatedClasses('div')(headerBlockName, 'cell', _ref2 => {
+  let {
+    wrapText
+  } = _ref2;
   return {
-    wrapText: wrapText
+    wrapText
   };
 });
-var BodyWrapper = aggregatedClasses('div')(bodyBlockName, null, function (_ref3) {
-  var grouped = _ref3.grouped;
+const BodyWrapper = aggregatedClasses('div')(bodyBlockName, null, _ref3 => {
+  let {
+    grouped
+  } = _ref3;
   return {
     'ie-flex-basis-auto': true,
     'is-grouped': grouped
   };
 });
-var BodyRow = aggregatedClasses('div', {
+const BodyRow = aggregatedClasses('div', {
   'data-testid': 'datagrid-row'
 })(bodyBlockName, 'row');
-var BodyCell = aggregatedClasses('div')(bodyBlockName, 'cell', function (_ref4) {
-  var wrapText = _ref4.wrapText;
+const BodyCell = aggregatedClasses('div')(bodyBlockName, 'cell', _ref4 => {
+  let {
+    wrapText
+  } = _ref4;
   return {
-    wrapText: wrapText
+    wrapText
   };
 });
 
 export { BodyCell, BodyRow, BodyWrapper, DatagridWrapper, HeaderCell, HeaderRow, HeaderWrapper, NoResultsContainer, SpinnerContainer, TableWrapper };
-//# sourceMappingURL=defaultClassedRenderers.js.map

package/esm/components/renderers/index.js

@@ -1,9 +1,18 @@
-import './defaultClassedRenderers.js';
+import { TableWrapper, HeaderWrapper, HeaderRow, HeaderCell, BodyWrapper, BodyRow, BodyCell } from './defaultClassedRenderers.js';
 export { renderRowsLoader } from './renderRowsLoader.js';
-export { d as defaultRenderers } from '../../index-afbbe9c8.js';
-import '@elliemae/ds-classnames';
-import '../../blockNames.js';
-import 'react';
-import '../RowsLoader.js';
-import '@elliemae/ds-spinner';
-//# sourceMappingURL=index.js.map
+
+const defaultRenderers = {
+  table: TableWrapper,
+  header: {
+    wrapper: HeaderWrapper,
+    row: HeaderRow,
+    cell: HeaderCell
+  },
+  body: {
+    wrapper: BodyWrapper,
+    row: BodyRow,
+    cell: BodyCell
+  }
+};
+
+export { defaultRenderers };

package/esm/components/renderers/renderRowsLoader.js

@@ -1,13 +1,10 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import RowsLoader from '../RowsLoader.js';
-import '@elliemae/ds-spinner';
-import './defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import '../../blockNames.js';
 
+var _RowsLoader;
 function renderRowsLoader() {
-  return /*#__PURE__*/React.createElement(RowsLoader, null);
+  return _RowsLoader || (_RowsLoader = /*#__PURE__*/_jsx(RowsLoader, {}));
 }
 
 export { renderRowsLoader };
-//# sourceMappingURL=renderRowsLoader.js.map

package/esm/components/tableContext.js

@@ -1,6 +1,5 @@
 import React from 'react';
 
-var TableContext = /*#__PURE__*/React.createContext();
+const TableContext = /*#__PURE__*/React.createContext();
 
 export { TableContext };
-//# sourceMappingURL=tableContext.js.map

package/esm/defaultPlugins.js

@@ -2,40 +2,7 @@ import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync/Bo
 import { ResizablePlugin } from './plugins/resizable/ResizablePlugin.js';
 import { CustomRendererPlugin } from './plugins/custom-cell-renderer/CustomRendererPlugin.js';
 import { ColumnSizingPlugin } from './plugins/column-sizing/ColumnSizingPlugin.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/ScrollSync';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './utilities/getScrollbarSize.js';
-import './plugins/resizable/decorateResizable.js';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './plugins/resizable/useResizeHandle.js';
-import './plugins/custom-cell-renderer/addCustomRendererToCell.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './plugins/custom-cell-renderer/getRendererComponent.js';
-import '@elliemae/ds-button';
-import '@elliemae/ds-form';
-import '@elliemae/ds-dropdownmenu';
-import './index-afbbe9c8.js';
-import './components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import './blockNames.js';
-import './components/renderers/renderRowsLoader.js';
-import './components/RowsLoader.js';
-import '@elliemae/ds-spinner';
-import './plugins/column-sizing/useStylesheetHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'stylesheet-helpers';
-import './plugins/column-sizing/getColumnNameFromProperty.js';
-import './plugins/column-sizing/useColumnSizeService.js';
-import './plugins/column-sizing/utils.js';
-import './plugins/column-sizing/ext-points/getTableProps.js';
-import './plugins/column-sizing/ext-points/decorateColumn.js';
-import './plugins/column-sizing/columnMeasurerTransformer.js';
 
-var defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];
+const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];
 
 export { defaultPlugins };
-//# sourceMappingURL=defaultPlugins.js.map

package/esm/index.js

@@ -25,130 +25,3 @@ export { VirtualizationPlugin } from './plugins/virtualization/VirtualizationPlu
 export { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes.js';
 export { CellWithAddons } from './renders/CellWithAddons.js';
 export { CellContainer } from './renders/styled.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-truncated-tooltip-text';
-import './DataGridImpl.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-shared/utils';
-import '@elliemae/ds-shared/useDataGrid';
-import './components/Table.js';
-import './components/TableHeader.js';
-import './components/tableContext.js';
-import './components/TableBody.js';
-import './components/HeaderCell.js';
-import 'prop-types';
-import '@elliemae/ds-shared/createDataInstance/utils';
-import './components/BodyCell.js';
-import '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import './index-afbbe9c8.js';
-import './components/renderers/defaultClassedRenderers.js';
-import '@elliemae/ds-classnames';
-import './blockNames.js';
-import './components/renderers/renderRowsLoader.js';
-import './components/RowsLoader.js';
-import '@elliemae/ds-spinner';
-import './components/footer/addOptionalFooterComponents.js';
-import './plugins/pagination/components/Pagination.js';
-import './plugins/pagination/components/Paginator.js';
-import 'react-pagify';
-import 'segmentize';
-import './plugins/pagination/components/PerPageDropdown.js';
-import 'memoize-one';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-form';
-import './components/header/addOptionalHeaderComponents.js';
-import '@elliemae/ds-filterbar';
-import './utilities/getPluginsFromProps.js';
-import './plugins/grouping-grid/GroupingPlugin.js';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import 'react-window';
-import './plugins/grouping-grid/walkStrategy.js';
-import './plugins/grouping-by/GroupingByPlugin.js';
-import 'lodash';
-import 'react-sortable-hoc';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './plugins/column-dnd/decorateGridWithDndColumns.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import './plugins/editable/decorateEditable.js';
-import 'react-edit';
-import './plugins/editable/getEditorComponent.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import 'sortabular';
-import './plugins/sortable/sortHeaderFormatter.js';
-import './plugins/sortable/useSortableState.js';
-import 'sortabular/dist';
-import './plugins/sortable/checkIfSortable.js';
-import './plugins/sortable/sorter.js';
-import 'moment';
-import 'obj-str';
-import './plugins/selectable/addSelectableColumn.js';
-import './plugins/selectable/selectableFormatter.js';
-import './plugins/selectable/useSelectableState.js';
-import './plugins/selectable/helper.js';
-import './plugins/filterable/addFilterToColumn.js';
-import './plugins/filterable/filterableFormatter.js';
-import './plugins/filterable/components/FilterableHeader.js';
-import '@elliemae/ds-system';
-import './plugins/filterable/components/filterable-menus/getFilterMenuByType.js';
-import './plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js';
-import '@elliemae/ds-controlled-form';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-button';
-import './plugins/filterable/components/filterable-menus/defaultDateFormat.js';
-import './plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js';
-import '@elliemae/ds-grid';
-import './plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js';
-import '@elliemae/ds-basic/Popper';
-import '@elliemae/ds-basic/Button';
-import 'styled-components';
-import './plugins/filterable/components/filterable-menus/TextFilterMenu.js';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-menu';
-import './plugins/filterable/helper.js';
-import './plugins/filterable/filtering-helper/filterRowsByQuery.js';
-import './plugins/filterable/filtering-helper/strategiesOperators.js';
-import 'comparejs';
-import './plugins/filterable/useFilterableState.js';
-import 'uuid';
-import './plugins/toolbar/RowRenderer.js';
-import './plugins/toolbar/ToolbarTrigger.js';
-import './plugins/pagination/helper.js';
-import './plugins/pagination/usePaginationState.js';
-import './components/NoResults.js';
-import './plugins/virtualization/VirtualizedBody.js';
-import './plugins/virtualization/VirtualizedBodyRow.js';
-import './plugins/virtualization/helper.js';
-import './plugins/expandable-grid/ExpandedRow.js';
-import '@elliemae/ds-separator';
-import '@elliemae/ds-shared/defer-render-hoc';
-import './plugins/column-sizing/useStylesheetHelpers.js';
-import 'stylesheet-helpers';
-import './plugins/column-sizing/getColumnNameFromProperty.js';
-import './utilities/getScrollbarSize.js';
-import './plugins/column-sizing/useColumnSizeService.js';
-import './plugins/column-sizing/utils.js';
-import './plugins/column-sizing/ext-points/getTableProps.js';
-import './plugins/column-sizing/ext-points/decorateColumn.js';
-import './plugins/column-sizing/columnMeasurerTransformer.js';
-import './plugins/expandable-grid/ExpandedRowExtra.js';
-import './plugins/expandable-grid/useExpandGridState.js';
-import './defaultPlugins.js';
-import './utilities/normalizeData.js';
-import '@elliemae/ds-shared/ScrollSync';
-import './plugins/custom-cell-renderer/addCustomRendererToCell.js';
-import './plugins/custom-cell-renderer/getRendererComponent.js';
-import './plugins/resizable/decorateResizable.js';
-import './plugins/resizable/useResizeHandle.js';
-//# sourceMappingURL=index.js.map