@elliemae/ds-legacy-datagrids 1.0.0-rc.1

package/dist/esm/utilities/getPluginsFromProps.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { DndRowsPlugin } from "../plugins/row-dnd/DndRowsPlugin.js";
+import { DndColumnsPlugin } from "../plugins/column-dnd/DndColumnsPlugin.js";
+import { InfiniteScrollPlugin } from "../plugins/infinite-scrolling/InfiniteScrollPlugin.js";
+import { EditablePlugin } from "../plugins/editable/EditablePlugin.js";
+import { SortablePlugin } from "../plugins/sortable/SortablePlugin.js";
+import { SelectablePlugin } from "../plugins/selectable/SelectablePlugin.js";
+import { FilterablePlugin } from "../plugins/filterable/FilterablePlugin.js";
+import { ToolbarPlugin } from "../plugins/toolbar/ToolbarPlugin.js";
+import { PaginationPlugin } from "../plugins/pagination/PaginationPlugin.js";
+import { VirtualizationPlugin } from "../plugins/virtualization/VirtualizationPlugin.js";
+import { ExpandablePlugin } from "../plugins/expandable-grid/ExpandablePlugin.js";
+import { GroupingPlugin } from "../plugins/grouping-grid/GroupingPlugin.js";
+import { GroupingByPlugin } from "../plugins/grouping-by/GroupingByPlugin.js";
+const mapPropToPlugin = {
+  dragAndDropColumns: DndColumnsPlugin,
+  editable: EditablePlugin,
+  selectable: SelectablePlugin,
+  sortable: SortablePlugin,
+  searchFilters: FilterablePlugin,
+  renderToolbar: ToolbarPlugin,
+  infiniteScrolling: InfiniteScrollPlugin,
+  paginated: PaginationPlugin,
+  virtualized: VirtualizationPlugin,
+  expandable: ExpandablePlugin,
+  groupedBy: GroupingByPlugin,
+  groupedRows: GroupingPlugin,
+  dragAndDropRows: DndRowsPlugin
+};
+const getPluginsFromProps = (props, omit = {}) => {
+  const plugins = [];
+  Object.keys(mapPropToPlugin).forEach((key) => {
+    if (props[key] && !omit[key])
+      plugins.push(mapPropToPlugin[key]);
+  });
+  return plugins;
+};
+var getPluginsFromProps_default = getPluginsFromProps;
+export {
+  getPluginsFromProps_default as default,
+  getPluginsFromProps
+};
+//# sourceMappingURL=getPluginsFromProps.js.map

package/dist/esm/utilities/getPluginsFromProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getPluginsFromProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';\nimport { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';\nimport { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';\nimport { EditablePlugin } from '../plugins/editable/EditablePlugin.js';\nimport { SortablePlugin } from '../plugins/sortable/SortablePlugin.js';\nimport { SelectablePlugin } from '../plugins/selectable/SelectablePlugin.js';\nimport { FilterablePlugin } from '../plugins/filterable/FilterablePlugin.js';\nimport { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin.js';\nimport { PaginationPlugin } from '../plugins/pagination/PaginationPlugin.js';\nimport { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin.js';\nimport { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin.js';\nimport { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin.js';\nimport { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin.js';\n\nconst mapPropToPlugin = {\n  dragAndDropColumns: DndColumnsPlugin,\n  editable: EditablePlugin,\n  selectable: SelectablePlugin,\n  sortable: SortablePlugin,\n  searchFilters: FilterablePlugin,\n  renderToolbar: ToolbarPlugin,\n  infiniteScrolling: InfiniteScrollPlugin,\n  paginated: PaginationPlugin,\n  virtualized: VirtualizationPlugin,\n  expandable: ExpandablePlugin,\n  groupedBy: GroupingByPlugin,\n  groupedRows: GroupingPlugin,\n  dragAndDropRows: DndRowsPlugin,\n};\n\nexport const getPluginsFromProps = (props, omit = {}) => {\n  const plugins = [];\n\n  Object.keys(mapPropToPlugin).forEach((key) => {\n    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);\n  });\n  return plugins;\n};\n\nexport default getPluginsFromProps;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAEjC,MAAM,kBAAkB;AAAA,EACtB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AACnB;AAEO,MAAM,sBAAsB,CAAC,OAAO,OAAO,CAAC,MAAM;AACvD,QAAM,UAAU,CAAC;AAEjB,SAAO,KAAK,eAAe,EAAE,QAAQ,CAAC,QAAQ;AAC5C,QAAI,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG;AAAG,cAAQ,KAAK,gBAAgB,GAAG,CAAC;AAAA,EACjE,CAAC;AACD,SAAO;AACT;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/dist/esm/utilities/getScrollbarSize.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+function getScrollbarWidth(compensatePixels = 0) {
+  const outer = document.createElement("div");
+  outer.style.visibility = "hidden";
+  outer.style.overflow = "scroll";
+  outer.style.msOverflowStyle = "scrollbar";
+  document.body.appendChild(outer);
+  const inner = document.createElement("div");
+  outer.appendChild(inner);
+  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  return scrollbarWidth + compensatePixels;
+}
+export {
+  getScrollbarWidth
+};
+//# sourceMappingURL=getScrollbarSize.js.map

package/dist/esm/utilities/getScrollbarSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getScrollbarSize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getScrollbarWidth(compensatePixels = 0) {\n  // Creating invisible container\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.overflow = 'scroll'; // forcing scrollbar to appear\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  // Creating inner element and placing it in the container\n  const inner = document.createElement('div');\n  outer.appendChild(inner);\n\n  // Calculating difference between container's full width and the child width\n  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n\n  // Removing temporary elements from the DOM\n  outer.parentNode.removeChild(outer);\n\n  // compensatePixels to check for MacOS's show\n  // scrollbar only when moving it\n  return scrollbarWidth + compensatePixels;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,kBAAkB,mBAAmB,GAAG;AAEtD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,kBAAkB;AAC9B,WAAS,KAAK,YAAY,KAAK;AAG/B,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY,KAAK;AAGvB,QAAM,iBAAiB,MAAM,cAAc,MAAM;AAGjD,QAAM,WAAW,YAAY,KAAK;AAIlC,SAAO,iBAAiB;AAC1B;",
+  "names": []
+}

package/dist/esm/utilities/normalizeData.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+const normalizeRows = (rows) => rows.map((row) => {
+  Object.keys(row).forEach((key) => row[normalizeText(key)] = row[key]);
+  return row;
+});
+const normalizeColumns = (columns) => columns.map((column) => {
+  const { property } = column;
+  return {
+    ...column,
+    originalProperty: column.property,
+    property: normalizeText(property)
+  };
+});
+const normalizeText = (text) => text.replace(/\s+/g, "");
+export {
+  normalizeColumns,
+  normalizeRows,
+  normalizeText
+};
+//# sourceMappingURL=normalizeData.js.map

package/dist/esm/utilities/normalizeData.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/normalizeData.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const normalizeRows = (rows) =>\n  rows.map((row) => {\n    Object.keys(row).forEach((key) => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = (columns) =>\n  columns.map((column) => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = (text) => text.replace(/\\s+/g, '');\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB,CAAC,SAC5B,KAAK,IAAI,CAAC,QAAQ;AAChB,SAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAS,IAAI,cAAc,GAAG,CAAC,IAAI,IAAI,GAAG,CAAE;AACtE,SAAO;AACT,CAAC;AAEI,MAAM,mBAAmB,CAAC,YAC/B,QAAQ,IAAI,CAAC,WAAW;AACtB,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc,QAAQ;AAAA,EAClC;AACF,CAAC;AAEI,MAAM,gBAAgB,CAAC,SAAS,KAAK,QAAQ,QAAQ,EAAE;",
+  "names": []
+}

package/dist/types/DSDataGrid.d.ts

@@ -0,0 +1,452 @@
+declare const DSDataGrids: {
+    ({ containerProps, instanceRef, className, columns, rows, rowKey, infiniteScrolling, editable, sortable, sortEmptyLast, paginated, dragAndDropRows, selectable, resizeableColumns, searchFilters, dragAndDropColumns, useTreeData, autoScrollToId, overscanCount, selectAll, selectedRows, filters, onAddFilter, onRemoveFilter, onFiltersChange, showFilterBar, multiSelectFilterOptions, multiSelectFilterLabels, multiSelectFilterLabel, aggregations, groupingColumn, sortingColumns, minPerPage, maxPerPage, onPerPageChange, onPageChange, paginationStep, pagination, showHeader, fixedHeader, wrapText, height, minColumnWidth, showRowsLoader, visibleColumns, showSelectHighlight, showSelectColumn, selectColumnSortable, selectColumnFilterable, selectionColumnDefinition, filterBarOptions, renderToolbar, toolbarDelayClose, renderFilterToolbar, multiSelectComponent, noResultsRender, noResultsPlaceholder, fluidHeight, customHandlers, groupedBy, onDefaultFiltersLoad, onReorder, onMoveRowEnd, onMoveRowStart, onMoveColumnOver, onMoveColumnStart, onMoveColumnEnd, onColumnResize, onExpandChange, onToggleExpand, onExpandRow, onFilter, onSort, onColumnRowEdited, onColumnRowEdit, onSelectRow, onSelectAll, onInfiniteScrolling, onFilterMenuClose, onFilterMenuOpen, getData, serverSideData, isDataSorted, isDataFiltered, virtualized, numRowsVisible, isColumnEditable, groupedRows, groupedRowsRenderHeader, renderExpandedDetails, detailColumns, expandable, getChildrenRows, expandableSubrowsVisible, renderRowDetails, getExpandedRowSize, getExpandedRowMinSize, rowSize, subRowSize, bindColumnsSizeTo, bindRowSizeTo, onToggleShowAllRows, expandedRows, autoHeight, noColumnsPlaceholder, plugins, normalizeDataKeys, }: {
+        containerProps?: {} | undefined;
+        instanceRef: any;
+        className?: string | undefined;
+        columns?: never[] | undefined;
+        rows?: never[] | undefined;
+        rowKey?: string | undefined;
+        infiniteScrolling?: boolean | undefined;
+        editable?: boolean | undefined;
+        sortable?: boolean | undefined;
+        sortEmptyLast?: boolean | undefined;
+        paginated?: boolean | undefined;
+        dragAndDropRows?: boolean | undefined;
+        selectable?: boolean | undefined;
+        resizeableColumns?: boolean | undefined;
+        searchFilters?: boolean | undefined;
+        dragAndDropColumns?: boolean | undefined;
+        useTreeData?: boolean | undefined;
+        autoScrollToId: any;
+        overscanCount?: number | undefined;
+        selectAll?: boolean | undefined;
+        selectedRows?: never[] | undefined;
+        filters?: undefined;
+        onAddFilter?: (() => null) | undefined;
+        onRemoveFilter?: (() => null) | undefined;
+        onFiltersChange?: (() => null) | undefined;
+        showFilterBar?: boolean | undefined;
+        multiSelectFilterOptions?: {
+            id: string;
+            label: string;
+        }[] | undefined;
+        multiSelectFilterLabels?: undefined;
+        multiSelectFilterLabel?: string | undefined;
+        aggregations?: {} | undefined;
+        groupingColumn?: undefined;
+        sortingColumns?: {} | undefined;
+        minPerPage?: number | undefined;
+        maxPerPage?: number | undefined;
+        onPerPageChange?: (() => null) | undefined;
+        onPageChange?: (() => null) | undefined;
+        paginationStep?: number | undefined;
+        pagination?: {
+            page: number;
+            perPage: number;
+        } | undefined;
+        showHeader?: boolean | undefined;
+        fixedHeader?: boolean | undefined;
+        wrapText?: boolean | undefined;
+        height?: undefined;
+        minColumnWidth?: number | undefined;
+        showRowsLoader?: boolean | undefined;
+        visibleColumns?: undefined;
+        showSelectHighlight?: boolean | undefined;
+        showSelectColumn?: boolean | undefined;
+        selectColumnSortable?: boolean | undefined;
+        selectColumnFilterable?: boolean | undefined;
+        selectionColumnDefinition?: {} | undefined;
+        filterBarOptions?: undefined;
+        renderToolbar?: undefined;
+        toolbarDelayClose?: number | undefined;
+        renderFilterToolbar?: undefined;
+        multiSelectComponent?: undefined;
+        noResultsRender: any;
+        noResultsPlaceholder: any;
+        fluidHeight?: boolean | undefined;
+        customHandlers?: {} | undefined;
+        groupedBy?: undefined;
+        onDefaultFiltersLoad?: (() => null) | undefined;
+        onReorder?: (() => null) | undefined;
+        onMoveRowEnd?: (() => null) | undefined;
+        onMoveRowStart?: (() => null) | undefined;
+        onMoveColumnOver?: (() => null) | undefined;
+        onMoveColumnStart?: (() => null) | undefined;
+        onMoveColumnEnd?: (() => null) | undefined;
+        onColumnResize?: (() => null) | undefined;
+        onExpandChange?: (() => null) | undefined;
+        onToggleExpand?: (() => null) | undefined;
+        onExpandRow?: (() => null) | undefined;
+        onFilter?: (() => null) | undefined;
+        onSort?: (() => null) | undefined;
+        onColumnRowEdited?: (() => null) | undefined;
+        onColumnRowEdit?: (() => null) | undefined;
+        onSelectRow?: (() => null) | undefined;
+        onSelectAll?: (() => null) | undefined;
+        onInfiniteScrolling?: (() => null) | undefined;
+        onFilterMenuClose?: (() => null) | undefined;
+        onFilterMenuOpen?: (() => null) | undefined;
+        getData?: undefined;
+        serverSideData?: boolean | undefined;
+        isDataSorted?: boolean | undefined;
+        isDataFiltered?: boolean | undefined;
+        virtualized?: boolean | undefined;
+        numRowsVisible?: undefined;
+        isColumnEditable?: ((column: any) => any) | undefined;
+        groupedRows?: boolean | undefined;
+        groupedRowsRenderHeader?: undefined;
+        renderExpandedDetails?: (() => null) | undefined;
+        detailColumns: any;
+        expandable?: boolean | undefined;
+        getChildrenRows?: ((row: any) => any) | undefined;
+        expandableSubrowsVisible?: number | undefined;
+        renderRowDetails?: (() => null) | undefined;
+        getExpandedRowSize?: undefined;
+        getExpandedRowMinSize: any;
+        rowSize?: string | undefined;
+        subRowSize?: string | undefined;
+        bindColumnsSizeTo?: undefined;
+        bindRowSizeTo?: undefined;
+        onToggleShowAllRows: any;
+        expandedRows: any;
+        autoHeight?: boolean | undefined;
+        noColumnsPlaceholder: any;
+        plugins?: never[] | undefined;
+        normalizeDataKeys?: boolean | undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        /** ref to the instance of the datagrid, handle it imperatively */
+        instanceRef: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** class for data grid wrapper */
+        className: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** inject props to datagrid wrapper */
+        containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** FilterBar props passed down to FilterBar */
+        filterBarOptions: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** datagrid columns */
+        columns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** datagrid rows */
+        rows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** key for each row */
+        rowKey: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** toggle infinite scroll loading behavior */
+        infiniteScrolling: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'editable' feature on the DataGrid NOTE: needs to be activated in the column definition as well */
+        overscanCount: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** turn datagrid to editable mode */
+        editable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'sortable' feature on the GataGrid NOTE: needs to be activated in the column definition as well */
+        sortable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Put empty values always last on the column after sorting */
+        sortEmptyLast: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'pagination' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        paginated: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination step for clicking the next pages */
+        paginationStep: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'drag and drop rows' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        dragAndDropRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'selection' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        selectable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'resize' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        resizeableColumns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Placeholder rendered when no rows are visible */
+        noResultsPlaceholder: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'filtering' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        searchFilters: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'drag and drop columns' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        dragAndDropColumns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates 'grouping and tree data' feature on the datagrid NOTE: needs to be activated in the column definition as well */
+        useTreeData: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** AutoScroll to row ID */
+        autoScrollToId: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether all rows are selected or not */
+        selectAll: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Defines the selected rows */
+        selectedRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Filters to be applied to the grid */
+        filters: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user expands a row */
+        onExpandRow: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user expands a row with full expand state */
+        onExpandChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user expands a row (old API) */
+        onToggleExpand: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user adds a filter */
+        onAddFilter: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user removes a filter */
+        onRemoveFilter: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when the filters state has changed */
+        onFiltersChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when the default filters load. Returns the rows rendered */
+        onDefaultFiltersLoad: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when column move is over another column */
+        onMoveColumnOver: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when column move starts */
+        onMoveColumnStart: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when column move ends */
+        onMoveColumnEnd: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to show the filter bar or not */
+        showFilterBar: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Custom option for the header with multi select */
+        multiSelectFilterOptions: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Label to the header column for multi select */
+        multiSelectFilterLabel: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Labels for multi selects */
+        multiSelectFilterLabels: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** unstable */
+        aggregations: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** unstable */
+        /** Column which rows would be grouped by */
+        groupingColumn: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** group by */
+        groupedBy: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Defines the sorting state */
+        sortingColumns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Visible columns property */
+        visibleColumns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination: Minimum number of rows per page */
+        minPerPage: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination: Maximum number of rows per page */
+        maxPerPage: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination: Handler when user changes the amount of rows per page */
+        onPerPageChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination: Handler when user changes the page */
+        onPageChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Pagination state */
+        pagination: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to show the header or not */
+        showHeader: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to header is fixed or not */
+        fixedHeader: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Defines the height of the DataGrid */
+        height: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** General min column width for all the columns */
+        minColumnWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to show a loader instead of the rows or not */
+        showRowsLoader: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** When a user selects a row, that row get highlighted */
+        showSelectHighlight: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to show the select column when the selection feature is active */
+        showSelectColumn: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates sortable feature to selection column */
+        selectColumnSortable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Activates filterable feature to selection column */
+        selectColumnFilterable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Define the definition for the selection column */
+        selectionColumnDefinition: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Function that returns a toolbar to show when the user hovers the row */
+        renderToolbar: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Timeout to close the toolbar */
+        toolbarDelayClose: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Function that returns a toolbar in the FilterBar component */
+        renderFilterToolbar: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Custom component for the selection */
+        multiSelectComponent: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Normalize the keys of the data received and the columns */
+        normalizeDataKeys: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Function that returns an Element when there are no rows */
+        noResultsRender: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** The height of the DataGrid will expand to its container */
+        fluidHeight: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** @deprecated */
+        customHandlers: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user closes the filter menu */
+        onFilterMenuClose: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user opens the filter menu */
+        onFilterMenuOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user drags a row */
+        onReorder: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user stops dragging a row */
+        onMoveRowEnd: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user starts dragging a row */
+        onMoveRowStart: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user has resized a column */
+        onColumnResize: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user filters by a column */
+        onFilter: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user sorts by a column */
+        onSort: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user has edited a cell row */
+        onColumnRowEdited: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user activates the cell row editing functionality */
+        onColumnRowEdit: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user selects a row */
+        onSelectRow: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when user checks the selection header controller */
+        onSelectAll: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler to get more data when infinite scroll is activated */
+        getData: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler to get more data when infinite scroll is activated without side-effect */
+        onInfiniteScrolling: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Flag to override empty sort when data is from server */
+        serverSideData: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Flag to force virtualization. Not used */
+        virtualized: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Number of rows visible. Not used */
+        numRowsVisible: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Callback to check if column is editable */
+        isColumnEditable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Flag for groupedRows */
+        groupedRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Header for grouped rows */
+        groupedRowsRenderHeader: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Once activated will disable the internal logic for sorting */
+        isDataSorted: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Once activated will disable the internal logic for filtering */
+        isDataFiltered: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Change row size */
+        rowSize: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Whether to wrap the text of the data grid or not */
+        wrapText: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Element to render expanded details */
+        renderExpandedDetails: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Columns to render on the details of an expanded row */
+        detailColumns: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Flag to enable the expandable feature */
+        expandable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Callback to get the row children */
+        getChildrenRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Number of rows visible on the details of an expanded row */
+        expandableSubrowsVisible: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Element to render inside expanded row */
+        renderRowDetails: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Callback to get the expanded row size */
+        getExpandedRowSize: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Callback to get the expanded row minimum size */
+        getExpandedRowMinSize: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Change expanded/details rows size */
+        subRowSize: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Bind the column size to another grid instance */
+        bindColumnsSizeTo: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Bind the row size to another grid instance */
+        bindRowSizeTo: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Handler when toggle show all is clicked  */
+        onToggleShowAllRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Expanded row state */
+        expandedRows: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Flag to enable autoheight */
+        autoHeight: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Placeholder rendered when no columns are visible */
+        noColumnsPlaceholder: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** Plugin additional array */
+        plugins: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSDataGridsWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    containerProps?: {} | undefined;
+    instanceRef: any;
+    className?: string | undefined;
+    columns?: never[] | undefined;
+    rows?: never[] | undefined;
+    rowKey?: string | undefined;
+    infiniteScrolling?: boolean | undefined;
+    editable?: boolean | undefined;
+    sortable?: boolean | undefined;
+    sortEmptyLast?: boolean | undefined;
+    paginated?: boolean | undefined;
+    dragAndDropRows?: boolean | undefined;
+    selectable?: boolean | undefined;
+    resizeableColumns?: boolean | undefined;
+    searchFilters?: boolean | undefined;
+    dragAndDropColumns?: boolean | undefined;
+    useTreeData?: boolean | undefined;
+    autoScrollToId: any;
+    overscanCount?: number | undefined;
+    selectAll?: boolean | undefined;
+    selectedRows?: never[] | undefined;
+    filters?: undefined;
+    onAddFilter?: (() => null) | undefined;
+    onRemoveFilter?: (() => null) | undefined;
+    onFiltersChange?: (() => null) | undefined;
+    showFilterBar?: boolean | undefined;
+    multiSelectFilterOptions?: {
+        id: string;
+        label: string;
+    }[] | undefined;
+    multiSelectFilterLabels?: undefined;
+    multiSelectFilterLabel?: string | undefined;
+    aggregations?: {} | undefined;
+    groupingColumn?: undefined;
+    sortingColumns?: {} | undefined;
+    minPerPage?: number | undefined;
+    maxPerPage?: number | undefined;
+    onPerPageChange?: (() => null) | undefined;
+    onPageChange?: (() => null) | undefined;
+    paginationStep?: number | undefined;
+    pagination?: {
+        page: number;
+        perPage: number;
+    } | undefined;
+    showHeader?: boolean | undefined;
+    fixedHeader?: boolean | undefined;
+    wrapText?: boolean | undefined;
+    height?: undefined;
+    minColumnWidth?: number | undefined;
+    showRowsLoader?: boolean | undefined;
+    visibleColumns?: undefined;
+    showSelectHighlight?: boolean | undefined;
+    showSelectColumn?: boolean | undefined;
+    selectColumnSortable?: boolean | undefined;
+    selectColumnFilterable?: boolean | undefined;
+    selectionColumnDefinition?: {} | undefined;
+    filterBarOptions?: undefined;
+    renderToolbar?: undefined;
+    toolbarDelayClose?: number | undefined;
+    renderFilterToolbar?: undefined;
+    multiSelectComponent?: undefined;
+    noResultsRender: any;
+    noResultsPlaceholder: any;
+    fluidHeight?: boolean | undefined;
+    customHandlers?: {} | undefined;
+    groupedBy?: undefined;
+    onDefaultFiltersLoad?: (() => null) | undefined;
+    onReorder?: (() => null) | undefined;
+    onMoveRowEnd?: (() => null) | undefined;
+    onMoveRowStart?: (() => null) | undefined;
+    onMoveColumnOver?: (() => null) | undefined;
+    onMoveColumnStart?: (() => null) | undefined;
+    onMoveColumnEnd?: (() => null) | undefined;
+    onColumnResize?: (() => null) | undefined;
+    onExpandChange?: (() => null) | undefined;
+    onToggleExpand?: (() => null) | undefined;
+    onExpandRow?: (() => null) | undefined;
+    onFilter?: (() => null) | undefined;
+    onSort?: (() => null) | undefined;
+    onColumnRowEdited?: (() => null) | undefined;
+    onColumnRowEdit?: (() => null) | undefined;
+    onSelectRow?: (() => null) | undefined;
+    onSelectAll?: (() => null) | undefined;
+    onInfiniteScrolling?: (() => null) | undefined;
+    onFilterMenuClose?: (() => null) | undefined;
+    onFilterMenuOpen?: (() => null) | undefined;
+    getData?: undefined;
+    serverSideData?: boolean | undefined;
+    isDataSorted?: boolean | undefined;
+    isDataFiltered?: boolean | undefined;
+    virtualized?: boolean | undefined;
+    numRowsVisible?: undefined;
+    isColumnEditable?: ((column: any) => any) | undefined;
+    groupedRows?: boolean | undefined;
+    groupedRowsRenderHeader?: undefined;
+    renderExpandedDetails?: (() => null) | undefined;
+    detailColumns: any;
+    expandable?: boolean | undefined;
+    getChildrenRows?: ((row: any) => any) | undefined;
+    expandableSubrowsVisible?: number | undefined;
+    renderRowDetails?: (() => null) | undefined;
+    getExpandedRowSize?: undefined;
+    getExpandedRowMinSize: any;
+    rowSize?: string | undefined;
+    subRowSize?: string | undefined;
+    bindColumnsSizeTo?: undefined;
+    bindRowSizeTo?: undefined;
+    onToggleShowAllRows: any;
+    expandedRows: any;
+    autoHeight?: boolean | undefined;
+    noColumnsPlaceholder: any;
+    plugins?: never[] | undefined;
+    normalizeDataKeys?: boolean | undefined;
+}>;
+export { DSDataGridsWithSchema, DSDataGrids, DSDataGrids as DSDataGrid };
+export default DSDataGrids;

package/dist/types/DataGridImpl.d.ts

@@ -0,0 +1,12 @@
+declare const DataGridImpl: ({ className, renderers, columns, rows, containerProps, plugins: pluginsProp, normalizeDataKeys, ...otherProps }: {
+    [x: string]: any;
+    className: any;
+    renderers: any;
+    columns: any;
+    rows: any;
+    containerProps: any;
+    plugins: any;
+    normalizeDataKeys: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { DataGridImpl };
+export default DataGridImpl;

package/dist/types/PaginatedDataGrid.d.ts

@@ -0,0 +1,14 @@
+declare const PaginatedDataGrid: ({ columns, rows, showRowsLoader, noResultsPlaceholder, rowsLoaderRenderer, maxPerPage, minPerPage, onPageSelect, onPerPage, pagination, ...otherProps }: {
+    [x: string]: any;
+    columns: any;
+    rows: any;
+    showRowsLoader: any;
+    noResultsPlaceholder: any;
+    rowsLoaderRenderer?: (() => import("react/jsx-runtime.js").JSX.Element) | undefined;
+    maxPerPage: any;
+    minPerPage: any;
+    onPageSelect: any;
+    onPerPage: any;
+    pagination: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export default PaginatedDataGrid;

package/dist/types/blockNames.d.ts

@@ -0,0 +1,4 @@
+declare const dataGridBlockName = "data-grid";
+declare const headerBlockName = "data-grid-header";
+declare const bodyBlockName = "data-grid-body";
+export { dataGridBlockName, headerBlockName, bodyBlockName };

package/dist/types/columns/IconColumn.d.ts

@@ -0,0 +1,35 @@
+export declare const IconColumn: ({ property, label, headerIcon, getRowIcon, isVisited, intent, width, onClick, visible, resizable, sortable, searchable, }: {
+    property: any;
+    label: any;
+    headerIcon: any;
+    getRowIcon?: (() => null) | undefined;
+    isVisited?: (() => null) | undefined;
+    intent?: string | undefined;
+    width?: number | undefined;
+    onClick: any;
+    visible: any;
+    resizable: any;
+    sortable: any;
+    searchable: any;
+}) => {
+    property: any;
+    label: any;
+    headerStyle: {
+        justifyContent: string;
+    };
+    header: {
+        formatters: (() => import("react/jsx-runtime").JSX.Element)[];
+    };
+    cell: {
+        formatters: ((value: any, extraParams: any) => import("react/jsx-runtime").JSX.Element)[];
+    };
+    cellStyle: {
+        justifyContent: string;
+    };
+    width: number;
+    visible: any;
+    resizable: any;
+    sortable: any;
+    searchable: any;
+};
+export default IconColumn;