@elliemae/ds-datagrids 2.3.0-next.0 → 3.0.0-alpha.0

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,77 @@
+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 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({
+  columns,
+  rows,
+  showRowsLoader,
+  noResultsPlaceholder,
+  rowsLoaderRenderer = import_renderers.renderRowsLoader,
+  maxPerPage,
+  minPerPage,
+  onPageSelect,
+  onPerPage,
+  pagination,
+  ...otherProps
+}) {
+  const plugins = (0, import_getPluginsFromProps.getPluginsFromProps)(otherProps, { infiniteScrolling: true });
+  const grid = (0, import_useDataGrid.useDataGrid)({
+    ...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, {
+    ...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;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oDAAoB,YAAY,EAAE,mBAAmB;AACrE,QAAM,OAAO,oCAAY;AAAA,OACpB;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA;AAGF,SACE,mDAAC,gDAAD,MACG,oEAA4B,EAAE,SAC/B,mDAAC,oBAAD;AAAA,OAAW;AAAA,KACT,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": []
+}

package/dist/cjs/components/BodyCell.js

@@ -0,0 +1,104 @@
+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 BodyCell_exports = {};
+__export(BodyCell_exports, {
+  BodyCell: () => BodyCell,
+  default: () => BodyCell_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
+var import_utils = require("@elliemae/ds-shared/createDataInstance/utils");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
+  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
+  const { property, cell, props } = column;
+  const evaluatedProperty = property || cell && cell.property;
+  const ref = (0, import_react.useRef)(null);
+  const { register } = (0, import_react.useContext)(import_FocusGrid.FocusGridContext);
+  const registerFocus = (0, import_react.useCallback)((node) => {
+    register(node, rowIndex, columnIndex);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    registerFocus(ref.current);
+  }, [ref.current]);
+  const {
+    transforms = [],
+    formatters = [],
+    fixedFormatters = [],
+    scrollingFormatters = []
+  } = cell || {};
+  const extraParameters = {
+    columnIndex,
+    property: evaluatedProperty,
+    column,
+    rowData,
+    rowIndex,
+    rowKey,
+    isScrolling,
+    registerFocus,
+    ...extraRowProps
+  };
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    value: v
+  });
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
+  const transformed = (0, import_utils.evaluateTransforms)(transforms, value, extraParameters);
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ref,
+    "data-testid": `column-${property}`,
+    tabIndex: -1,
+    classProps,
+    ...props,
+    ...cell && cell.props,
+    ...transformed
+  }, transformed.children || (0, import_utils.evaluateFormatters)(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+};
+BodyCell.propTypes = {
+  component: import_prop_types.default.element,
+  classProps: import_prop_types.default.shape({
+    wrapText: import_prop_types.default.bool
+  }),
+  rowProps: import_prop_types.default.shape({
+    rowData: import_prop_types.default.shape({}),
+    rowKey: import_prop_types.default.string,
+    isScrolling: import_prop_types.default.bool
+  }),
+  column: import_prop_types.default.shape({
+    property: import_prop_types.default.string,
+    cell: import_prop_types.default.any,
+    props: import_prop_types.default.shape({})
+  }),
+  columnIndex: import_prop_types.default.number,
+  rowIndex: import_prop_types.default.number,
+  grid: import_prop_types.default.any
+};
+var BodyCell_default = BodyCell;
+module.exports = __toCommonJS(BodyCell_exports);
+//# sourceMappingURL=BodyCell.js.map

package/dist/cjs/components/BodyCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BodyCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAsB;AACtB,uBAAiC;AACjC,mBAAuD;AACvD,uCAAuC;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,aAAa,6BAAW;AAEhC,QAAM,gBAAgB,8BAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,qCAAmB,YAAY,OAAO;AAC1D,SACE,mDAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,qCACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU,MAAM;AAAA,IAC1B,UAAU,0BAAU;AAAA;AAAA,EAEtB,UAAU,0BAAU,MAAM;AAAA,IACxB,SAAS,0BAAU,MAAM;AAAA,IACzB,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA;AAAA,EAEzB,QAAQ,0BAAU,MAAM;AAAA,IACtB,UAAU,0BAAU;AAAA,IACpB,MAAM,0BAAU;AAAA,IAChB,OAAO,0BAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,0BAAU;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/cjs/components/BodyList.js

@@ -0,0 +1,54 @@
+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 BodyList_exports = {};
+__export(BodyList_exports, {
+  default: () => BodyList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_NoResults = require("./NoResults");
+function BodyWrapperDefaultRenderer({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  ...otherBodyProps
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...otherBodyProps,
+    innerRef
+  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
+    innerRef,
+    rowRenderer
+  }, noResultsPlaceholder));
+}
+var BodyList_default = import_react.default.memo(BodyWrapperDefaultRenderer);
+module.exports = __toCommonJS(BodyList_exports);
+//# sourceMappingURL=BodyList.js.map

package/dist/cjs/components/BodyList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BodyList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0B;AAE1B,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,mDAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,qBAAM,KAAK;",
+  "names": []
+}

package/dist/cjs/components/ColumnVisibilityMenuOption.js

@@ -0,0 +1,66 @@
+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 ColumnVisibilityMenuOption_exports = {};
+__export(ColumnVisibilityMenuOption_exports, {
+  getColumnVisibilityMenuOption: () => getColumnVisibilityMenuOption
+});
+var React = __toESM(require("react"));
+const getColumnVisibilityMenuOption = ({
+  columns,
+  onColumnVisibilityChange,
+  searchable,
+  height
+}) => {
+  const { items, active } = columns.reduce((result, column, index) => ({
+    items: [
+      ...result.items,
+      {
+        id: column.property,
+        label: column.label,
+        checked: column.visible,
+        onClick: () => onColumnVisibilityChange(column, index)
+      }
+    ],
+    active: !column.visible ? result.active : [...result.active, column.property]
+  }), {
+    items: [],
+    active: []
+  });
+  return {
+    type: "SelectionGroup",
+    id: "column-visibility-option",
+    multi: true,
+    searchable,
+    closeOnClick: false,
+    active,
+    items,
+    height
+  };
+};
+module.exports = __toCommonJS(ColumnVisibilityMenuOption_exports);
+//# sourceMappingURL=ColumnVisibilityMenuOption.js.map

package/dist/cjs/components/ColumnVisibilityMenuOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ColumnVisibilityMenuOption.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const getColumnVisibilityMenuOption = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable,\n  height,\n}) => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active: !column.visible\n        ? result.active\n        : [...result.active, column.property],\n    }),\n    {\n      items: [],\n      active: [],\n    },\n  );\n\n  return {\n    type: 'SelectionGroup',\n    id: 'column-visibility-option',\n    multi: true,\n    searchable,\n    closeOnClick: false,\n    active,\n    items,\n    height,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ;AAAA;AAAA;AAAA,IAGpD,QAAQ,CAAC,OAAO,UACZ,OAAO,SACP,CAAC,GAAG,OAAO,QAAQ,OAAO;AAAA,MAEhC;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA;AAIZ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}