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

package/dist/esm/components/BodyList.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
+import * as React from "react";
+import React2 from "react";
+import { NoResults } from "./NoResults";
+function BodyWrapperDefaultRenderer(_a) {
+  var _b = _a, {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef
+  } = _b, otherBodyProps = __objRest(_b, [
+    "component",
+    "rows",
+    "rowRenderer",
+    "noResultsPlaceholder",
+    "innerRef",
+    "innerBodyRef"
+  ]);
+  return /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, otherBodyProps), {
+    innerRef
+  }), rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
+    innerRef,
+    rowRenderer
+  }, noResultsPlaceholder));
+}
+var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
+export {
+  BodyList_default as default
+};
+//# sourceMappingURL=BodyList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,oCAAoC,IAQjC;AARiC,eAClC;AAAA,eAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MANkC,IAO/B,2BAP+B,IAO/B;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qCAAC,WAAD,iCAAe,iBAAf;AAAA,IAA+B;AAAA,MAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,OAAM,KAAK;",
+  "names": []
+}

package/dist/esm/components/ColumnVisibilityMenuOption.js

@@ -0,0 +1,37 @@
+import * as React from "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
+  };
+};
+export {
+  getColumnVisibilityMenuOption
+};
+//# sourceMappingURL=ColumnVisibilityMenuOption.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnVisibilityMenuOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAO,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": []
+}

package/dist/esm/components/ColumnsOptionsMenuSection.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2 from "react";
+import { Menu } from "@elliemae/ds-menu";
+const ColumnsOptionsMenuSection = ({
+  columns,
+  onColumnVisibilityChange,
+  searchable = false,
+  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: typeof column.visible === "undefined" || column.visible ? [...result.active, column.property] : result.active
+  }), { items: [], active: [] });
+  return /* @__PURE__ */ React2.createElement(Menu.SelectionGroup, {
+    active,
+    height,
+    items,
+    multi: true,
+    searchable
+  });
+};
+var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
+export {
+  ColumnsOptionsMenuSection,
+  ColumnsOptionsMenuSection_default as default
+};
+//# sourceMappingURL=ColumnsOptionsMenuSection.js.map

package/dist/esm/components/ColumnsOptionsMenuSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnsOptionsMenuSection.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Menu } from '@elliemae/ds-menu';\n\nconst ColumnsOptionsMenuSection = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable = false,\n  height,\n  // eslint-disable-next-line react/display-name\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:\n        typeof column.visible === 'undefined' || column.visible\n          ? [...result.active, column.property]\n          : result.active,\n    }),\n    { items: [], active: [] },\n  );\n  return (\n    <Menu.SelectionGroup\n      active={active}\n      height={height}\n      items={items}\n      multi\n      searchable={searchable}\n    />\n  );\n};\n\nexport { ColumnsOptionsMenuSection };\nexport default ColumnsOptionsMenuSection;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,MAEI,MAAM;AACV,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,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,YAC1B,OAAO;AAAA,MAEf,EAAE,OAAO,IAAI,QAAQ;AAEvB,SACE,qCAAC,KAAK,gBAAN;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAK;AAAA,IACL;AAAA;AAAA;AAMN,IAAO,oCAAQ;",
+  "names": []
+}

package/dist/esm/components/EmptyState.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import React2 from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { WarningTriangle } from "@elliemae/ds-icons";
+import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
+import { DSButton } from "@elliemae/ds-button";
+import styled from "styled-components";
+const EmptyStateWrapper = styled(Grid)`
+  min-width: 132px; /* fixed size in px according to specs */
+  max-width: 384px; /* fixed size in px according to specs */
+  height: fit-content;
+`;
+const Icon = styled(WarningTriangle)`
+  fill: ${(props) => props.theme.colors.neutral[300]};
+  color: ${(props) => props.theme.colors.neutral[300]};
+  justify-self: center;
+`;
+const PrimaryMessage = styled.p`
+  text-align: center;
+  font-weight: bold;
+  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};
+  color: ${(props) => props.theme.colors.neutral[600]};
+  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
+  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
+`;
+const SecondaryMessage = styled.p`
+  text-align: center;
+  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */
+  color: ${(props) => props.theme.colors.neutral[500]};
+  margin: 0;
+`;
+const Button = styled(DSButton)`
+  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
+  justify-self: center;
+  width: fit-content;
+`;
+const EmptyState = ({
+  primaryMessage = "No Results Found",
+  secondaryMessage,
+  buttonLabel,
+  onButtonClick = () => {
+  }
+}) => /* @__PURE__ */ React2.createElement(EmptyStateWrapper, null, /* @__PURE__ */ React2.createElement(Icon, {
+  size: "xxl"
+}), primaryMessage && /* @__PURE__ */ React2.createElement(PrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React2.createElement(SecondaryMessage, null, secondaryMessage), buttonLabel && /* @__PURE__ */ React2.createElement(Button, {
+  buttonType: "secondary",
+  labelText: buttonLabel,
+  onClick: onButtonClick
+}));
+export {
+  EmptyState
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/esm/components/EmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/EmptyState.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from 'styled-components';\n\nconst EmptyStateWrapper = styled(Grid)`\n  min-width: 132px; /* fixed size in px according to specs */\n  max-width: 384px; /* fixed size in px according to specs */\n  height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: bold;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\n\nexport const EmptyState = ({\n  primaryMessage = 'No Results Found',\n  secondaryMessage,\n  buttonLabel,\n  onButtonClick = () => {},\n}) => (\n  <EmptyStateWrapper>\n    <Icon size=\"xxl\" />\n    {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n    {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n    {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n  </EmptyStateWrapper>\n);\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAKjC,MAAM,OAAO,OAAO;AAAA,UACV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBACnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAEzE,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO;AAAA,gBACN,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAK/D,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA;AAAA,MAEtB,qCAAC,mBAAD,MACE,qCAAC,MAAD;AAAA,EAAM,MAAK;AAAA,IACV,kBAAkB,qCAAC,gBAAD,MAAiB,iBACnC,oBAAoB,qCAAC,kBAAD,MAAmB,mBACvC,eAAe,qCAAC,QAAD;AAAA,EAAQ,YAAW;AAAA,EAAY,WAAW;AAAA,EAAa,SAAS;AAAA;",
+  "names": []
+}

package/dist/esm/components/HeaderCell.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {
+  const { property, header = {}, props = {} } = column;
+  const evaluatedProperty = property || header && header.property;
+  const { label, transforms = [], formatters = [] } = header;
+  if (column.headerHookEffects)
+    column.headerHookEffects.forEach((hook) => hook());
+  const extraParameters = {
+    columnIndex,
+    property: evaluatedProperty,
+    column,
+    grid
+  };
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    value: v
+  });
+  const value = withTooltip(label);
+  const transformedProps = evaluateTransforms(transforms, value, extraParameters);
+  const formattedValue = evaluateFormatters(formatters, value, extraParameters);
+  const testId = column.headerDataId || "data-grid-header__cell";
+  return /* @__PURE__ */ React2.createElement(Component, __spreadValues(__spreadValues(__spreadValues({
+    key: `${evaluatedProperty}-header`,
+    "data-testid": testId,
+    index: columnIndex,
+    classProps
+  }, props), header && header.props), transformedProps), transformedProps.children || formattedValue);
+};
+HeaderCell.propTypes = {
+  column: PropTypes.any,
+  columnIndex: PropTypes.number,
+  component: PropTypes.any,
+  classProps: PropTypes.any,
+  grid: PropTypes.any
+};
+var HeaderCell_default = HeaderCell;
+export {
+  HeaderCell,
+  HeaderCell_default as default
+};
+//# sourceMappingURL=HeaderCell.js.map

package/dist/esm/components/HeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/HeaderCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n  const { property, header = {}, props = {} } = column;\n\n  const evaluatedProperty = property || (header && header.property);\n\n  const { label, transforms = [], formatters = [] } = header;\n\n  // subscribe hook effects into header cell\n  if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    grid,\n  };\n\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = withTooltip(label);\n  const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n  const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n  const testId = column.headerDataId || 'data-grid-header__cell';\n\n  return (\n    <Component\n      key={`${evaluatedProperty}-header`}\n      data-testid={testId}\n      index={columnIndex}\n      classProps={classProps}\n      {...props}\n      {...(header && header.props)}\n      {...transformedProps}\n    >\n      {transformedProps.children || formattedValue}\n    </Component>\n  );\n};\n\nHeaderCell.propTypes = {\n  column: PropTypes.any,\n  columnIndex: PropTypes.number,\n  component: PropTypes.any,\n  classProps: PropTypes.any,\n  grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,IAAI,QAAQ,OAAO;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,IAAI,aAAa,OAAO;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS;AAEzE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA;AAGF,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,YAAY;AAC1B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO;AAC/D,QAAM,iBAAiB,mBAAmB,YAAY,OAAO;AAE7D,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC,WAAD;AAAA,IACE,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,KACI,QACC,UAAU,OAAO,QAClB,mBAEH,iBAAiB,YAAY;AAAA;AAKpC,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAAA;AAGlB,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/esm/components/List.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import * as React from "react";
+import React2 from "react";
+function List(props, instance) {
+  const { renderers, getListProps } = instance.getInstance();
+  const ListComponent = renderers.list;
+  const mixedProps = getListProps(props);
+  return /* @__PURE__ */ React2.createElement(ListComponent, __spreadValues({}, mixedProps));
+}
+var List_default = List;
+export {
+  List_default as default
+};
+//# sourceMappingURL=List.js.map

package/dist/esm/components/List.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/List.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction List(props, instance) {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS;AAC7C,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa;AAChC,SAAO,qCAAC,eAAD,mBAAmB;AAAA;AAG5B,IAAO,eAAQ;",
+  "names": []
+}

package/dist/esm/components/ListItem.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+import * as React from "react";
+import React2 from "react";
+function ListItem(props, instance) {
+  const { record } = props;
+  const {
+    renderers,
+    getItemProps,
+    decorators: { itemRenderer }
+  } = instance.getInstance();
+  const mixedProps = getItemProps(props);
+  const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
+  const ItemComponent = renderers.list;
+  return /* @__PURE__ */ React2.createElement(ItemComponent, __spreadValues({
+    record
+  }, mixedProps), children);
+}
+var ListItem_default = ListItem;
+export {
+  ListItem_default as default
+};
+//# sourceMappingURL=ListItem.js.map

package/dist/esm/components/ListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ListItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction ListItem(props, instance) {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce(\n    (result, formatter) => formatter(result, record, instance),\n    record.data.name,\n  );\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n}\n\nexport default ListItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AAEA,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS;AAGb,QAAM,aAAa,aAAa;AAEhC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,WACjD,OAAO,KAAK;AAGd,QAAM,gBAAgB,UAAU;AAChC,SACE,qCAAC,eAAD;AAAA,IAAe;AAAA,KAAoB,aAChC;AAAA;AAKP,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/components/NoResults.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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;
+};
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+const NoResultsContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
+  padding-bottom: 0;
+  height: calc(100% - 36px);
+  overflow: auto;
+`;
+const NoResults = (_a) => {
+  var _b = _a, { innerRef, rowRenderer, children } = _b, rest = __objRest(_b, ["innerRef", "rowRenderer", "children"]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, __spreadProps(__spreadValues({}, rest), {
+    innerRef
+  }), children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
+};
+var NoResults_default = NoResults;
+export {
+  NoResults,
+  NoResults_default as default
+};
+//# sourceMappingURL=NoResults.js.map

package/dist/esm/components/NoResults.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/NoResults.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n  return (\n    <>\n      <NoResultsContainer {...rest} innerRef={innerRef}>\n        {children}\n      </NoResultsContainer>\n      {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n      {rowRenderer(\n        {},\n        { style: { visibility: 'hidden', marginBottom: 0 } },\n        {},\n      )}\n    </>\n  );\n}\n\nexport default NoResults;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1D,MAAM,YAAY,CAAC,OAAiD;AAAjD,eAAE,YAAU,aAAa,aAAzB,IAAsC,iBAAtC,IAAsC,CAApC,YAAU,eAAa;AACjD,SACE,4DACE,qCAAC,oBAAD,iCAAwB,OAAxB;AAAA,IAA8B;AAAA,MAC3B,WAIF,YACC,IACA,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,OAC/C;AAAA;AAMR,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/components/RowsLoader.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import React2 from "react";
+import { DSSpinner } from "@elliemae/ds-spinner";
+import { SpinnerContainer } from "./renderers/defaultClassedRenderers";
+const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ React2.createElement(SpinnerContainer, null, /* @__PURE__ */ React2.createElement(DSSpinner, {
+  size
+}));
+var RowsLoader_default = RowsLoader;
+export {
+  RowsLoader,
+  RowsLoader_default as default
+};
+//# sourceMappingURL=RowsLoader.js.map

package/dist/esm/components/RowsLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/RowsLoader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,OAAO,UAClC,qCAAC,kBAAD,MACE,qCAAC,WAAD;AAAA,EAAW;AAAA;AAIf,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/esm/components/Table.js

@@ -0,0 +1,98 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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));
+import * as React from "react";
+import React2, { useCallback, useEffect } from "react";
+import { TableHeader } from "./TableHeader";
+import { TableBody } from "./TableBody";
+import { HeaderCell } from "./HeaderCell";
+import { BodyCell } from "./BodyCell";
+import { TableContext } from "./tableContext";
+const { Provider } = TableContext;
+const Table = (props) => {
+  const {
+    decoratedRenderers: renderers,
+    decoratedColumns: columns,
+    getRowProps,
+    getHeaderRowProps,
+    getTableProps,
+    children,
+    tableRef,
+    props: { wrapText },
+    style,
+    onDefaultFiltersLoad = () => null
+  } = props;
+  useEffect(() => {
+    onDefaultFiltersLoad(props.composedRows);
+  }, [onDefaultFiltersLoad]);
+  const headerRowRenderer = () => {
+    const Row = renderers.header.row;
+    const Cell = renderers.header.cell;
+    const cells = [];
+    for (let index = 0; index < columns.length; index++) {
+      cells.push(/* @__PURE__ */ React2.createElement(HeaderCell, {
+        key: index,
+        classProps: { wrapText },
+        column: columns[index],
+        columnIndex: index,
+        component: Cell,
+        grid: props
+      }));
+    }
+    const rowProps = getHeaderRowProps({}, {});
+    return /* @__PURE__ */ React2.createElement(Row, __spreadValues({}, rowProps), cells);
+  };
+  const bodyRowRenderer = useCallback((rowData, rowProps, extraParams) => {
+    const Row = renderers.body.row;
+    const Cell = renderers.body.cell;
+    const nextRowProps = getRowProps(rowProps, __spreadProps(__spreadValues({}, extraParams), { rowData }));
+    const cells = [];
+    for (let index = 0; index < columns.length; index++) {
+      cells.push(/* @__PURE__ */ React2.createElement(BodyCell, {
+        key: index,
+        classProps: { wrapText },
+        column: columns[index],
+        columnIndex: index,
+        component: Cell,
+        grid: props,
+        rowIndex: extraParams.rowIndex,
+        rowProps: __spreadValues({ rowData }, nextRowProps)
+      }));
+    }
+    return /* @__PURE__ */ React2.createElement(Row, __spreadProps(__spreadValues({}, nextRowProps), {
+      rowData
+    }), cells);
+  }, [columns, renderers]);
+  const TableComponent = renderers.table;
+  const value = __spreadProps(__spreadValues({}, props), { bodyRowRenderer, headerRowRenderer });
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    value
+  }, /* @__PURE__ */ React2.createElement(TableComponent, __spreadValues({}, getTableProps({
+    innerRef: tableRef,
+    style
+  })), children));
+};
+Table.Header = TableHeader;
+Table.Body = TableBody;
+var Table_default = Table;
+export {
+  Table,
+  Table_default as default
+};
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/Table.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Table.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-loops/no-loops,no-plusplus */\nimport React, { useCallback, useMemo, useEffect } from 'react';\nimport { TableHeader } from './TableHeader';\nimport { TableBody } from './TableBody';\nimport { HeaderCell } from './HeaderCell';\nimport { BodyCell } from './BodyCell';\nimport { TableContext } from './tableContext';\n\nconst { Provider } = TableContext;\n\nconst Table = (props) => {\n  const {\n    decoratedRenderers: renderers,\n    decoratedColumns: columns,\n    getRowProps,\n    getHeaderRowProps,\n    getTableProps,\n    children,\n    tableRef,\n    props: { wrapText },\n    style,\n    onDefaultFiltersLoad = () => null,\n  } = props;\n\n  useEffect(() => {\n    onDefaultFiltersLoad(props.composedRows);\n  }, [onDefaultFiltersLoad]);\n\n  const headerRowRenderer = () => {\n    const Row = renderers.header.row;\n    const Cell = renderers.header.cell;\n    const cells = [];\n\n    // optimize the rendering using for loop\n    for (let index = 0; index < columns.length; index++) {\n      cells.push(\n        <HeaderCell\n          key={index}\n          classProps={{ wrapText }}\n          column={columns[index]}\n          columnIndex={index}\n          component={Cell}\n          grid={props}\n        />,\n      );\n    }\n\n    const rowProps = getHeaderRowProps({}, {});\n    return <Row {...rowProps}>{cells}</Row>;\n  };\n\n  const bodyRowRenderer = useCallback(\n    (rowData, rowProps, extraParams) => {\n      const Row = renderers.body.row;\n      const Cell = renderers.body.cell;\n\n      const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });\n\n      // get cells from columns api\n      const cells = [];\n\n      // optimize the rendering using for loop\n      for (let index = 0; index < columns.length; index++) {\n        cells.push(\n          <BodyCell\n            key={index}\n            classProps={{ wrapText }}\n            column={columns[index]}\n            columnIndex={index}\n            component={Cell}\n            grid={props}\n            rowIndex={extraParams.rowIndex}\n            rowProps={{ rowData, ...nextRowProps }}\n          />,\n        );\n      }\n\n      return (\n        <Row {...nextRowProps} rowData={rowData}>\n          {cells}\n        </Row>\n      );\n    },\n    [columns, renderers],\n  );\n\n  const TableComponent = renderers.table;\n\n  const value = { ...props, bodyRowRenderer, headerRowRenderer };\n\n  return (\n    <Provider value={value}>\n      <TableComponent\n        {...getTableProps({\n          innerRef: tableRef,\n          style,\n        })}\n      >\n        {children}\n      </TableComponent>\n    </Provider>\n  );\n};\n\nTable.Header = TableHeader;\nTable.Body = TableBody;\n\nexport { Table };\nexport default Table;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,aAAa;AAErB,MAAM,QAAQ,CAAC,UAAU;AACvB,QAAM;AAAA,IACJ,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,IACT;AAAA,IACA,uBAAuB,MAAM;AAAA,MAC3B;AAEJ,YAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,KAC1B,CAAC;AAEJ,QAAM,oBAAoB,MAAM;AAC9B,UAAM,MAAM,UAAU,OAAO;AAC7B,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,YAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA;AAAA;AAKZ,UAAM,WAAW,kBAAkB,IAAI;AACvC,WAAO,qCAAC,KAAD,mBAAS,WAAW;AAAA;AAG7B,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,iCAAK,cAAL,EAAkB;AAG7D,UAAM,QAAQ;AAGd,aAAS,QAAQ,GAAG,QAAQ,QAAQ,QAAQ,SAAS;AACnD,YAAM,KACJ,qCAAC,UAAD;AAAA,QACE,KAAK;AAAA,QACL,YAAY,EAAE;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,MAAM;AAAA,QACN,UAAU,YAAY;AAAA,QACtB,UAAU,iBAAE,WAAY;AAAA;AAAA;AAK9B,WACE,qCAAC,KAAD,iCAAS,eAAT;AAAA,MAAuB;AAAA,QACpB;AAAA,KAIP,CAAC,SAAS;AAGZ,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,iCAAK,QAAL,EAAY,iBAAiB;AAE3C,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACR,qCAAC,gBAAD,mBACM,cAAc;AAAA,IAChB,UAAU;AAAA,IACV;AAAA,OAGD;AAAA;AAMT,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
+  "names": []
+}