@elliemae/ds-datagrids 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/DataGridImpl.js

@@ -0,0 +1,177 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DataGridImpl_exports = {};
+__export(DataGridImpl_exports, {
+  DataGridImpl: () => DataGridImpl,
+  default: () => DataGridImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_utils = require("@elliemae/ds-shared/utils");
+var import_useDataGrid = require("@elliemae/ds-shared/useDataGrid");
+var import_Table = require("./components/Table");
+var import_TableBody = require("./components/TableBody");
+var import_TableHeader = require("./components/TableHeader");
+var import_renderers = require("./components/renderers");
+var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers");
+var import_addOptionalFooterComponents = require("./components/footer/addOptionalFooterComponents");
+var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
+var import_EmptyState = require("./components/EmptyState");
+var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
+var import_defaultPlugins = require("./defaultPlugins");
+var import_normalizeData = require("./utilities/normalizeData");
+const isFluid = ({ autoHeight, paginated, numRowsVisible }) => {
+  if (autoHeight)
+    return false;
+  if (paginated)
+    return false;
+  return !numRowsVisible;
+};
+const DataGridImpl = (_a) => {
+  var _b = _a, {
+    className,
+    renderers,
+    columns,
+    rows,
+    containerProps,
+    plugins: pluginsProp,
+    normalizeDataKeys
+  } = _b, otherProps = __objRest(_b, [
+    "className",
+    "renderers",
+    "columns",
+    "rows",
+    "containerProps",
+    "plugins",
+    "normalizeDataKeys"
+  ]);
+  const {
+    noResultsPlaceholder = /* @__PURE__ */ import_react.default.createElement(import_EmptyState.EmptyState, null),
+    noColumnsPlaceholder = "Please select one of more columns in order for data to be displayed.",
+    noResultsRender,
+    paginated,
+    height,
+    showHeader,
+    showRowsLoader,
+    rowsLoaderRenderer = import_renderers.renderRowsLoader,
+    groupedRows,
+    sortable,
+    rowSize,
+    wrapText,
+    onDefaultFiltersLoad,
+    rowKey
+  } = otherProps;
+  const idKey = rowKey || "id";
+  const rowsIdsSet = /* @__PURE__ */ new Set();
+  const rowsIds = rows.map((row) => {
+    if (row[idKey] === void 0)
+      throw new Error("Missing id: each row must have an unique id");
+    rowsIdsSet.add(row[idKey]);
+    return row[idKey];
+  });
+  if (rowsIds.length !== rowsIdsSet.size)
+    throw new Error("Repeated id: each row must have an unique id");
+  const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(__spreadProps(__spreadValues({}, otherProps), {
+    virtualized: (!paginated || groupedRows) && !wrapText,
+    paginated: paginated && !groupedRows || wrapText,
+    sortable: sortable && !groupedRows
+  }));
+  if (normalizeDataKeys) {
+    (0, import_normalizeData.normalizeRows)(rows);
+  }
+  const grid = (0, import_useDataGrid.useDataGrid)(__spreadValues({
+    columns,
+    rows,
+    renderers: import_renderers.defaultRenderers,
+    plugins: [...plugins, ...pluginsProp, ...import_defaultPlugins.defaultPlugins]
+  }, otherProps));
+  const noColumnsVisible = (0, import_react.useMemo)(() => {
+    const visibleUserColumns = grid.columns.filter((column) => column.visible || typeof column.visible === "undefined");
+    return visibleUserColumns.length === 0;
+  }, [grid.columns]);
+  const bodyPlaceholder = (0, import_react.useMemo)(() => {
+    if (noColumnsVisible) {
+      return noColumnsPlaceholder;
+    }
+    return (0, import_utils.isFunction)(noResultsRender) ? noResultsRender() : noResultsPlaceholder;
+  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);
+  const { pagination } = otherProps;
+  const conditionalPagination = pagination && pagination.conditionalPagination === true && rows.length <= otherProps.pagination.perPage;
+  const usePagination = paginated && !conditionalPagination;
+  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, __spreadValues({
+    className: `${className} ds-row-size-${rowSize}`,
+    classProps: {
+      fluidHeight: isFluid({
+        autoHeight: otherProps.autoHeight,
+        numRowsVisible: otherProps.numRowsVisible,
+        paginated: usePagination
+      })
+    },
+    style: { height }
+  }, containerProps), (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, __spreadProps(__spreadValues({}, grid), {
+    onDefaultFiltersLoad
+  }), showHeader && /* @__PURE__ */ import_react.default.createElement(import_TableHeader.TableHeader, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_TableBody.TableBody, {
+    isPlaceholderActive: noColumnsVisible || grid.composedRows.rows && grid.composedRows.rows.length === 0 || grid.composedRows.length === 0,
+    noResultsPlaceholder: bodyPlaceholder
+  })), (0, import_addOptionalFooterComponents.addOptionalFooterComponents)({
+    grid,
+    rows: grid.composedRows
+  }));
+};
+var DataGridImpl_default = DataGridImpl;
+module.exports = __toCommonJS(DataGridImpl_exports);
+//# sourceMappingURL=DataGridImpl.js.map

package/dist/cjs/DataGridImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DataGridImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { useDataGrid } from '@elliemae/ds-shared/useDataGrid';\nimport { Table } from './components/Table';\nimport { TableBody } from './components/TableBody';\nimport { TableHeader } from './components/TableHeader';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalFooterComponents } from './components/footer/addOptionalFooterComponents';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { EmptyState } from './components/EmptyState';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { defaultPlugins } from './defaultPlugins';\nimport { normalizeRows } from './utilities/normalizeData';\n\nconst isFluid = ({ autoHeight, paginated, numRowsVisible }) => {\n  if (autoHeight) return false;\n  if (paginated) return false;\n  return !numRowsVisible;\n};\n\nconst DataGridImpl = ({\n  className,\n  renderers,\n  columns,\n  rows,\n  containerProps,\n  plugins: pluginsProp,\n  normalizeDataKeys,\n  ...otherProps\n}) => {\n  const {\n    noResultsPlaceholder = <EmptyState />,\n    noColumnsPlaceholder = 'Please select one of more columns in order for data to be displayed.',\n    noResultsRender,\n    paginated,\n    height,\n    showHeader,\n    showRowsLoader,\n    rowsLoaderRenderer = renderRowsLoader,\n    groupedRows,\n    sortable,\n    rowSize,\n    wrapText,\n    onDefaultFiltersLoad,\n    rowKey,\n  } = otherProps;\n\n  const idKey = rowKey || 'id';\n  const rowsIdsSet = new Set();\n  const rowsIds = rows.map((row) => {\n    if (row[idKey] === undefined)\n      throw new Error('Missing id: each row must have an unique id');\n    rowsIdsSet.add(row[idKey]);\n    return row[idKey];\n  });\n  if (rowsIds.length !== rowsIdsSet.size)\n    throw new Error('Repeated id: each row must have an unique id');\n\n  const plugins = getPluginsFromProps({\n    ...otherProps,\n    virtualized: (!paginated || groupedRows) && !wrapText,\n    paginated: (paginated && !groupedRows) || wrapText,\n    sortable: sortable && !groupedRows,\n  });\n\n  if (normalizeDataKeys) {\n    normalizeRows(rows);\n  }\n\n  const grid = useDataGrid({\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins: [...plugins, ...pluginsProp, ...defaultPlugins],\n    ...otherProps,\n  });\n\n  const noColumnsVisible = useMemo(() => {\n    const visibleUserColumns = grid.columns.filter(\n      (column) => column.visible || typeof column.visible === 'undefined',\n    );\n    return visibleUserColumns.length === 0;\n  }, [grid.columns]);\n\n  const bodyPlaceholder = useMemo(() => {\n    if (noColumnsVisible) {\n      return noColumnsPlaceholder;\n    }\n    return isFunction(noResultsRender)\n      ? noResultsRender()\n      : noResultsPlaceholder;\n  }, [noResultsPlaceholder, noColumnsPlaceholder, noColumnsVisible]);\n\n  const { pagination } = otherProps;\n  const conditionalPagination =\n    pagination &&\n    pagination.conditionalPagination === true &&\n    rows.length <= otherProps.pagination.perPage;\n  const usePagination = paginated && !conditionalPagination;\n  return (\n    <DatagridWrapper\n      className={`${className} ds-row-size-${rowSize}`}\n      classProps={{\n        fluidHeight: isFluid({\n          autoHeight: otherProps.autoHeight,\n          numRowsVisible: otherProps.numRowsVisible,\n          paginated: usePagination,\n        }),\n      }}\n      style={{ height }}\n      {...containerProps}\n    >\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid} onDefaultFiltersLoad={onDefaultFiltersLoad}>\n        {showHeader && <TableHeader />}\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <TableBody\n            isPlaceholderActive={\n              noColumnsVisible ||\n              (grid.composedRows.rows && grid.composedRows.rows.length === 0) ||\n              grid.composedRows.length === 0\n            }\n            noResultsPlaceholder={bodyPlaceholder}\n          />\n        )}\n      </Table>\n      {addOptionalFooterComponents({\n        grid,\n        rows: grid.composedRows,\n      })}\n    </DatagridWrapper>\n  );\n};\n\nexport { DataGridImpl };\n\nexport default DataGridImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/PaginatedDataGrid.js

@@ -0,0 +1,114 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PaginatedDataGrid_exports = {};
+__export(PaginatedDataGrid_exports, {
+  default: () => PaginatedDataGrid_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_useDataGrid = require("@elliemae/ds-shared/src/useDataGrid/useDataGrid");
+var import_Table = require("./components/Table");
+var import_renderers = require("./components/renderers");
+var import_defaultClassedRenderers = require("./components/renderers/defaultClassedRenderers");
+var import_addOptionalHeaderComponents = require("./components/header/addOptionalHeaderComponents");
+var import_getPluginsFromProps = require("./utilities/getPluginsFromProps");
+var import_Pagination = require("./plugins/pagination/components/Pagination");
+function PaginatedDataGrid(_a) {
+  var _b = _a, {
+    columns,
+    rows,
+    showRowsLoader,
+    noResultsPlaceholder,
+    rowsLoaderRenderer = import_renderers.renderRowsLoader,
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    pagination
+  } = _b, otherProps = __objRest(_b, [
+    "columns",
+    "rows",
+    "showRowsLoader",
+    "noResultsPlaceholder",
+    "rowsLoaderRenderer",
+    "maxPerPage",
+    "minPerPage",
+    "onPageSelect",
+    "onPerPage",
+    "pagination"
+  ]);
+  const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(otherProps, { infiniteScrolling: true });
+  const grid = (0, import_useDataGrid.useDataGrid)(__spreadProps(__spreadValues({}, otherProps), {
+    columns,
+    rows,
+    renderers: import_renderers.defaultRenderers,
+    plugins
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_defaultClassedRenderers.DatagridWrapper, null, (0, import_addOptionalHeaderComponents.addOptionalHeaderComponents)({ grid }), /* @__PURE__ */ import_react.default.createElement(import_Table.Table, __spreadValues({}, grid), /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ import_react.default.createElement(import_Table.Table.Body, {
+    rows: grid.composedRows.rows || grid.composedRows
+  })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, {
+    maxPerPage,
+    minPerPage,
+    onPageSelect,
+    onPerPage,
+    paginated: rows,
+    pagination
+  }));
+}
+var PaginatedDataGrid_default = PaginatedDataGrid;
+module.exports = __toCommonJS(PaginatedDataGrid_exports);
+//# sourceMappingURL=PaginatedDataGrid.js.map

package/dist/cjs/PaginatedDataGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PaginatedDataGrid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared/src/useDataGrid/useDataGrid';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? (\n          rowsLoaderRenderer()\n        ) : (\n          <Table.Body rows={grid.composedRows.rows || grid.composedRows} />\n        )}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,yBAA4B;AAC5B,mBAAsB;AACtB,uBAAmD;AACnD,qCAAgC;AAChC,yCAA4C;AAC5C,iCAAoC;AACpC,wBAA2B;AAE3B,2BAA2B,IAYxB;AAZwB,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVyB,IAWtB,uBAXsB,IAWtB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,oDAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,oCAAY,iCACpB,aADoB;AAAA,IAEvB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,mDAAC,gDAAD,MACG,oEAA4B,EAAE,SAC/B,mDAAC,oBAAD,mBAAW,OACT,mDAAC,mBAAM,QAAP,OACC,iBACC,uBAEA,mDAAC,mBAAM,MAAP;AAAA,IAAY,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,OAGrD,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAAA;AAMR,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/cjs/blockNames.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var blockNames_exports = {};
+__export(blockNames_exports, {
+  bodyBlockName: () => bodyBlockName,
+  dataGridBlockName: () => dataGridBlockName,
+  headerBlockName: () => headerBlockName
+});
+var React = __toESM(require("react"));
+const dataGridBlockName = "data-grid";
+const headerBlockName = `${dataGridBlockName}-header`;
+const bodyBlockName = `${dataGridBlockName}-body`;
+module.exports = __toCommonJS(blockNames_exports);
+//# sourceMappingURL=blockNames.js.map

package/dist/cjs/blockNames.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/blockNames.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const dataGridBlockName = 'data-grid';\nconst headerBlockName = `${dataGridBlockName}-header`;\nconst bodyBlockName = `${dataGridBlockName}-body`;\n\nexport { dataGridBlockName, headerBlockName, bodyBlockName };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;",
+  "names": []
+}

package/dist/cjs/columns/IconColumn.js

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var IconColumn_exports = {};
+__export(IconColumn_exports, {
+  IconColumn: () => IconColumn,
+  default: () => IconColumn_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const Intents = {
+  SUCCESS: "success",
+  INFO: "info",
+  DANGER: "danger",
+  WARNING: "warning"
+};
+const IntentIconColors = {
+  [Intents.SUCCESS]: ["success", 900],
+  [Intents.INFO]: ["brand-primary", 600],
+  [Intents.DANGER]: ["danger", 900],
+  [Intents.WARNING]: ["warning", 900]
+};
+const ValueWrapper = (0, import_ds_classnames.aggregatedClasses)("span")("icon-column-cell");
+const addColorToIcon = (icon, intentColor) => {
+  if (icon.props.color) {
+    return icon;
+  }
+  return import_react.default.cloneElement(icon, { color: intentColor });
+};
+const IconColumn = ({
+  property,
+  label,
+  headerIcon,
+  getRowIcon = () => null,
+  isVisited = () => null,
+  intent = Intents.SUCCESS,
+  width = 60,
+  onClick,
+  visible,
+  resizable,
+  sortable,
+  searchable
+}) => {
+  const formatter = (value, extraParams) => {
+    const icon = getRowIcon(value, extraParams);
+    const onClickHandler = (e) => onClick(e, extraParams);
+    return /* @__PURE__ */ import_react.default.createElement(ValueWrapper, {
+      className: (0, import_ds_utilities.cx)(`icc-${intent}`, isVisited(value, extraParams))
+    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== "undefined" ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+      buttonType: "text",
+      intent,
+      labelText: value,
+      onClick: onClickHandler
+    }) : value);
+  };
+  return {
+    property,
+    label,
+    headerStyle: {
+      justifyContent: "center"
+    },
+    header: {
+      formatters: [
+        () => /* @__PURE__ */ import_react.default.createElement("span", null, import_react.default.cloneElement(headerIcon, {
+          color: IntentIconColors[intent]
+        }))
+      ]
+    },
+    cell: {
+      formatters: [formatter]
+    },
+    cellStyle: {
+      justifyContent: "center"
+    },
+    width,
+    visible: typeof visible === "undefined" || visible,
+    resizable,
+    sortable,
+    searchable
+  };
+};
+var IconColumn_default = IconColumn;
+module.exports = __toCommonJS(IconColumn_exports);
+//# sourceMappingURL=IconColumn.js.map

package/dist/cjs/columns/IconColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/columns/IconColumn.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Intents = {\n  SUCCESS: 'success',\n  INFO: 'info',\n  DANGER: 'danger',\n  WARNING: 'warning',\n};\n\nconst IntentIconColors = {\n  [Intents.SUCCESS]: ['success', 900],\n  [Intents.INFO]: ['brand-primary', 600],\n  [Intents.DANGER]: ['danger', 900],\n  [Intents.WARNING]: ['warning', 900],\n};\n\nconst ValueWrapper = aggregatedClasses('span')('icon-column-cell');\n\nconst addColorToIcon = (icon, intentColor) => {\n  if (icon.props.color) {\n    return icon;\n  }\n  return React.cloneElement(icon, { color: intentColor });\n};\n\nexport const IconColumn = ({\n  property,\n  label,\n  headerIcon,\n  getRowIcon = () => null,\n  isVisited = () => null,\n  intent = Intents.SUCCESS,\n  width = 60,\n  onClick,\n  visible,\n  resizable,\n  sortable,\n  searchable,\n}) => {\n  const formatter = (value, extraParams) => {\n    const icon = getRowIcon(value, extraParams);\n    const onClickHandler = (e) => onClick(e, extraParams);\n    return (\n      <ValueWrapper className={cx(`icc-${intent}`, isVisited(value, extraParams))}>\n        {icon && addColorToIcon(icon, IntentIconColors[intent])}\n        {onClick && typeof value !== 'undefined' ? (\n          <DSButton buttonType=\"text\" intent={intent} labelText={value} onClick={onClickHandler} />\n        ) : (\n          value\n        )}\n      </ValueWrapper>\n    );\n  };\n  return {\n    property,\n    label,\n    headerStyle: {\n      justifyContent: 'center',\n    },\n    header: {\n      formatters: [\n        () => (\n          <span>\n            {React.cloneElement(headerIcon, {\n              color: IntentIconColors[intent],\n            })}\n          </span>\n        ),\n      ],\n    },\n    cell: {\n      formatters: [formatter],\n    },\n    cellStyle: {\n      justifyContent: 'center',\n    },\n    width,\n    visible: typeof visible === 'undefined' || visible,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default IconColumn;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAmB;AACnB,uBAAyB;AACzB,2BAAkC;AAElC,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA;AAGX,MAAM,mBAAmB;AAAA,GACtB,QAAQ,UAAU,CAAC,WAAW;AAAA,GAC9B,QAAQ,OAAO,CAAC,iBAAiB;AAAA,GACjC,QAAQ,SAAS,CAAC,UAAU;AAAA,GAC5B,QAAQ,UAAU,CAAC,WAAW;AAAA;AAGjC,MAAM,eAAe,4CAAkB,QAAQ;AAE/C,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA;AAET,SAAO,qBAAM,aAAa,MAAM,EAAE,OAAO;AAAA;AAGpC,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,YAAY,MAAM;AAAA,EAClB,SAAS,QAAQ;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO;AAC/B,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG;AACzC,WACE,mDAAC,cAAD;AAAA,MAAc,WAAW,4BAAG,OAAO,UAAU,UAAU,OAAO;AAAA,OAC3D,QAAQ,eAAe,MAAM,iBAAiB,UAC9C,WAAW,OAAO,UAAU,cAC3B,mDAAC,2BAAD;AAAA,MAAU,YAAW;AAAA,MAAO;AAAA,MAAgB,WAAW;AAAA,MAAO,SAAS;AAAA,SAEvE;AAAA;AAKR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA;AAAA,IAElB,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,mDAAC,QAAD,MACG,qBAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB;AAAA;AAAA;AAAA;AAAA,IAMlC,MAAM;AAAA,MACJ,YAAY,CAAC;AAAA;AAAA,IAEf,WAAW;AAAA,MACT,gBAAgB;AAAA;AAAA,IAElB;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/cjs/columns/NumberColumn.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var NumberColumn_exports = {};
+__export(NumberColumn_exports, {
+  default: () => createNumberColumn
+});
+var React = __toESM(require("react"));
+function createNumberColumn({ label, property }) {
+}
+module.exports = __toCommonJS(NumberColumn_exports);
+//# sourceMappingURL=NumberColumn.js.map

package/dist/cjs/columns/NumberColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/columns/NumberColumn.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export default function createNumberColumn({ label, property }) {}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAR,4BAA4B,EAAE,OAAO,YAAY;AAAA;",
+  "names": []
+}