@elliemae/ds-datagrids 2.2.0-alpha.1 → 2.2.0-alpha.2

package/esm/columns/IconColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/IconColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,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,kBAAkB,QAAQ;AAE/C,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA;AAET,SAAO,OAAM,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,qCAAC,cAAD;AAAA,MAAc,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO;AAAA,OAC3D,QAAQ,eAAe,MAAM,iBAAiB,UAC9C,WAAW,OAAO,UAAU,cAC3B,qCAAC,UAAD;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,qCAAC,QAAD,MACG,OAAM,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/esm/columns/NumberColumn.js

@@ -1,4 +1,7 @@
-function createNumberColumn(_ref) {
+import * as React from "react";
+function createNumberColumn({ label, property }) {
 }
-
-export { createNumberColumn as default };
+export {
+  createNumberColumn as default
+};
+//# sourceMappingURL=NumberColumn.js.map

package/esm/columns/NumberColumn.js.map

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

package/esm/components/BodyCell.js

@@ -1,53 +1,16 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useContext, useCallback, useEffect } from 'react';
-import { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["rowData", "rowKey", "isScrolling"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function BodyCell(_ref) {
-  let {
-    component: Component,
-    classProps,
-    rowProps,
-    column,
-    columnIndex,
-    rowIndex,
-    grid
-  } = _ref;
-
-  const {
-    rowData,
-    rowKey,
-    isScrolling
-  } = rowProps,
-        extraRowProps = _objectWithoutProperties(rowProps, _excluded);
-
-  const {
-    property,
-    cell,
-    props
-  } = column;
+import * as React from "react";
+import React2, { useEffect, useContext, useRef, useCallback } from "react";
+import PropTypes from "prop-types";
+import { FocusGridContext } from "@elliemae/ds-shared/FocusGroup/FocusGrid";
+import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared/createDataInstance/utils";
+import { DSTruncatedTooltipText } from "@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 = useRef(null);
-  const {
-    register
-  } = useContext(FocusGridContext);
-  const registerFocus = useCallback(node => {
+  const { register } = useContext(FocusGridContext);
+  const registerFocus = useCallback((node) => {
     register(node, rowIndex, columnIndex);
   }, []);
   useEffect(() => {
@@ -57,11 +20,9 @@ function BodyCell(_ref) {
     transforms = [],
     formatters = [],
     fixedFormatters = [],
-    // useful for the toolbar trigger at the last column
     scrollingFormatters = []
   } = cell || {};
-
-  const extraParameters = _objectSpread({
+  const extraParameters = {
     columnIndex,
     property: evaluatedProperty,
     column,
@@ -69,24 +30,46 @@ function BodyCell(_ref) {
     rowIndex,
     rowKey,
     isScrolling,
-    // improve performance on scroll rendering a lightweight component instead
-    registerFocus
-  }, extraRowProps);
-
-  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+    registerFocus,
+    ...extraRowProps
+  };
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
     value: v
   });
-
-  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = evaluateTransforms(transforms, value, extraParameters);
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    ref: ref,
-    "data-testid": "column-".concat(property),
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ref,
+    "data-testid": `column-${property}`,
     tabIndex: -1,
-    classProps: classProps
-  }, props), cell && cell.props), transformed), {}, {
-    children: transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid)
-  }));
-}
-
-export { BodyCell as default };
+    classProps,
+    ...props,
+    ...cell && cell.props,
+    ...transformed
+  }, transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+};
+BodyCell.propTypes = {
+  component: PropTypes.element,
+  classProps: PropTypes.shape({
+    wrapText: PropTypes.bool
+  }),
+  rowProps: PropTypes.shape({
+    rowData: PropTypes.shape({}),
+    rowKey: PropTypes.string,
+    isScrolling: PropTypes.bool
+  }),
+  column: PropTypes.shape({
+    property: PropTypes.string,
+    cell: PropTypes.any,
+    props: PropTypes.shape({})
+  }),
+  columnIndex: PropTypes.number,
+  rowIndex: PropTypes.number,
+  grid: PropTypes.any
+};
+var BodyCell_default = BodyCell;
+export {
+  BodyCell,
+  BodyCell_default as default
+};
+//# sourceMappingURL=BodyCell.js.map

package/esm/components/BodyCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,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,OAAO;AACnB,QAAM,EAAE,aAAa,WAAW;AAEhC,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,YAAU,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,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO;AAC1D,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,mBACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA;AAAA,EAEtB,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM;AAAA,IACzB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA;AAAA,EAEzB,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "names": []
+}

package/esm/components/BodyList.js

@@ -1,45 +1,25 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-import NoResults from './NoResults.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function BodyWrapperDefaultRenderer(_ref) {
-  let {
-    component: Component,
-    rows,
-    rowRenderer,
-    noResultsPlaceholder,
+import * as React from "react";
+import React2 from "react";
+import { NoResults } from "./NoResults";
+function BodyWrapperDefaultRenderer({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  ...otherBodyProps
+}) {
+  return /* @__PURE__ */ React2.createElement(Component, {
+    ...otherBodyProps,
+    innerRef
+  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
     innerRef,
-    innerBodyRef
-  } = _ref,
-      otherBodyProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
-    innerRef: innerRef,
-    children: rows.length ? rows.map((row, index) => rowRenderer(row, {
-      index
-    }, {})) : /*#__PURE__*/_jsx(NoResults, {
-      innerRef: innerRef,
-      rowRenderer: rowRenderer
-    }, void 0, noResultsPlaceholder)
-  }));
+    rowRenderer
+  }, noResultsPlaceholder));
 }
-
-var BodyList = /*#__PURE__*/React.memo(BodyWrapperDefaultRenderer);
-
-export { BodyList as default };
+var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
+export {
+  BodyList_default as default
+};
+//# sourceMappingURL=BodyList.js.map

package/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;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,qCAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,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/esm/components/ColumnVisibilityMenuOption.js

@@ -1,33 +1,28 @@
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
-function getColumnVisibilityMenuOption(_ref) {
-  let {
-    columns,
-    onColumnVisibilityChange,
-    searchable,
-    height
-  } = _ref;
-  const {
-    items,
-    active
-  } = columns.reduce((result, column, index) => ({
-    items: [...result.items, {
-      id: column.property,
-      label: column.label,
-      checked: column.visible,
-      onClick: () => onColumnVisibilityChange(column, index)
-    }],
+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',
+    type: "SelectionGroup",
+    id: "column-visibility-option",
     multi: true,
     searchable,
     closeOnClick: false,
@@ -35,6 +30,8 @@ function getColumnVisibilityMenuOption(_ref) {
     items,
     height
   };
-}
-
-export { getColumnVisibilityMenuOption };
+};
+export {
+  getColumnVisibilityMenuOption
+};
+//# sourceMappingURL=ColumnVisibilityMenuOption.js.map

package/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/esm/components/ColumnsOptionsMenuSection.js

@@ -1,43 +1,35 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import { Menu } from '@elliemae/ds-menu';
-
-const ColumnsOptionsMenuSection = _ref => {
-  let {
-    columns,
-    onColumnVisibilityChange,
-    searchable = false,
-    height // eslint-disable-next-line react/display-name
-
-  } = _ref;
-  return () => {
-    const {
-      items,
-      active
-    } = columns.reduce((result, column, index) => ({
-      items: [...result.items, {
+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__*/_jsx(Menu.SelectionGroup, {
-      active: active,
-      height: height,
-      items: items,
-      multi: true,
-      searchable: searchable
-    });
-  };
+      }
+    ],
+    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
+  });
 };
-
-export { ColumnsOptionsMenuSection as default };
+var ColumnsOptionsMenuSection_default = ColumnsOptionsMenuSection;
+export {
+  ColumnsOptionsMenuSection,
+  ColumnsOptionsMenuSection_default as default
+};
+//# sourceMappingURL=ColumnsOptionsMenuSection.js.map

package/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/esm/components/EmptyState.js

@@ -1,41 +1,53 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { WarningTriangle } from '@elliemae/ds-icons';
-import { toMobile, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import DSButton from '@elliemae/ds-button';
-import styled from 'styled-components';
-
-var _Icon;
-const EmptyStateWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1ddwbs7-0"
-})(["min-width:132px;max-width:384px;height:fit-content;"]);
-const Icon = /*#__PURE__*/styled(WarningTriangle).withConfig({
-  componentId: "sc-1ddwbs7-1"
-})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
-const PrimaryMessage = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1ddwbs7-2"
-})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const SecondaryMessage = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1ddwbs7-3"
-})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
-const Button = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-1ddwbs7-4"
-})(["margin-top:", ";justify-self:center;width:fit-content;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
-const EmptyState = _ref => {
-  let {
-    primaryMessage = 'No Results Found',
-    secondaryMessage,
-    buttonLabel,
-    onButtonClick = () => {}
-  } = _ref;
-  return /*#__PURE__*/_jsx(EmptyStateWrapper, {}, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
-    size: "xxl"
-  })), primaryMessage && /*#__PURE__*/_jsx(PrimaryMessage, {}, void 0, primaryMessage), secondaryMessage && /*#__PURE__*/_jsx(SecondaryMessage, {}, void 0, secondaryMessage), buttonLabel && /*#__PURE__*/_jsx(Button, {
-    buttonType: "secondary",
-    labelText: buttonLabel,
-    onClick: onButtonClick
-  }));
+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
 };
-
-export { EmptyState };
+//# sourceMappingURL=EmptyState.js.map

package/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": []
+}