@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/components/HeaderCell.js

@@ -1,62 +1,47 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'react';
-import { evaluateTransforms, evaluateFormatters } from '@elliemae/ds-shared/createDataInstance/utils';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-import { jsx } from 'react/jsx-runtime';
-
-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 HeaderCell(_ref) {
-  let {
-    column,
-    columnIndex,
-    component: Component,
-    classProps,
-    grid
-  } = _ref;
-  const {
-    property,
-    header = {},
-    props = {}
-  } = column;
+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; // subscribe hook effects into header cell
-
-  if (column.headerHookEffects) column.headerHookEffects.forEach(hook => hook());
+  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__*/_jsx(DSTruncatedTooltipText, {
+  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__*/jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  const testId = column.headerDataId || "data-grid-header__cell";
+  return /* @__PURE__ */ React2.createElement(Component, {
+    key: `${evaluatedProperty}-header`,
     "data-testid": testId,
     index: columnIndex,
-    classProps: classProps
-  }, props), header && header.props), transformedProps), {}, {
-    children: transformedProps.children || formattedValue
-  }), "".concat(evaluatedProperty, "-header"));
-}
-
-export { HeaderCell as default };
+    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/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,OACI;AAAA,OACC,UAAU,OAAO;AAAA,OAClB;AAAA,KAEH,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/esm/components/List.js

@@ -1,26 +1,15 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-
+import * as React from "react";
+import React2 from "react";
 function List(props, instance) {
-  // todo: add should list update to memoize this
-  const {
-    renderers,
-    getListProps
-  } = instance.getInstance();
-  const ListComponent = renderers.list; // props from component props and plugins
-
+  const { renderers, getListProps } = instance.getInstance();
+  const ListComponent = renderers.list;
   const mixedProps = getListProps(props);
-  return /*#__PURE__*/jsx(ListComponent, _objectSpread({}, mixedProps));
+  return /* @__PURE__ */ React2.createElement(ListComponent, {
+    ...mixedProps
+  });
 }
-
-export { List as default };
+var List_default = List;
+export {
+  List_default as default
+};
+//# sourceMappingURL=List.js.map

package/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;AAAA,OAAmB;AAAA;AAAA;AAG5B,IAAO,eAAQ;",
+  "names": []
+}

package/esm/components/ListItem.js

@@ -1,38 +1,22 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-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/esnext.async-iterator.filter.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';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-
+import * as React from "react";
+import React2 from "react";
 function ListItem(props, instance) {
-  const {
-    record
-  } = props;
+  const { record } = props;
   const {
     renderers,
     getItemProps,
-    decorators: {
-      itemRenderer
-    }
-  } = instance.getInstance(); // props from component props and plugins
-
+    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__*/jsx(ItemComponent, _objectSpread(_objectSpread({
-    record: record
-  }, mixedProps), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */ React2.createElement(ItemComponent, {
+    record,
+    ...mixedProps
+  }, children);
 }
-
-export { ListItem as default };
+var ListItem_default = ListItem;
+export {
+  ListItem_default as default
+};
+//# sourceMappingURL=ListItem.js.map

package/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,OAAoB;AAAA,KAChC;AAAA;AAKP,IAAO,mBAAQ;",
+  "names": []
+}

package/esm/components/NoResults.js

@@ -1,43 +1,26 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const _excluded = ["innerRef", "rowRenderer", "children"];
-
-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; }
-const NoResultsContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-uiln16-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", ";padding-bottom:0;height:calc(100% - 36px);overflow:auto;"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
-
-function NoResults(_ref) {
-  let {
-    innerRef,
-    rowRenderer,
-    children
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(NoResultsContainer, _objectSpread(_objectSpread({}, rest), {}, {
-      innerRef: innerRef,
-      children: children
-    })), rowRenderer({}, {
-      style: {
-        visibility: 'hidden',
-        marginBottom: 0
-      }
-    }, {})]
-  });
-}
-
-export { NoResults as default };
+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 = ({ innerRef, rowRenderer, children, ...rest }) => {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, {
+    ...rest,
+    innerRef
+  }, children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
+};
+var NoResults_default = NoResults;
+export {
+  NoResults,
+  NoResults_default as default
+};
+//# sourceMappingURL=NoResults.js.map

package/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,EAAE,UAAU,aAAa,aAAa,WAAW;AACzE,SACE,4DACE,qCAAC,oBAAD;AAAA,OAAwB;AAAA,IAAM;AAAA,KAC3B,WAIF,YACC,IACA,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,OAC/C;AAAA;AAMR,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/components/RowsLoader.js

@@ -1,15 +1,13 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import DSSpinner from '@elliemae/ds-spinner';
-import { SpinnerContainer } from './renderers/defaultClassedRenderers.js';
-
-function RowsLoader(_ref) {
-  let {
-    size = 'm'
-  } = _ref;
-  return /*#__PURE__*/_jsx(SpinnerContainer, {}, void 0, /*#__PURE__*/_jsx(DSSpinner, {
-    size: size
-  }));
-}
-
-export { RowsLoader as default };
+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/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/esm/components/Table.js

@@ -1,26 +1,12 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useEffect, useCallback } from 'react';
-import TableHeader from './TableHeader.js';
-import TableBody from './TableBody.js';
-import HeaderCell from './HeaderCell.js';
-import BodyCell from './BodyCell.js';
-import { TableContext } from './tableContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-const {
-  Provider
-} = TableContext;
-
-function Table(props) {
+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,
@@ -29,87 +15,70 @@ function Table(props) {
     getTableProps,
     children,
     tableRef,
-    props: {
-      wrapText
-    },
+    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 = []; // optimize the rendering using for loop
-
+    const cells = [];
     for (let index = 0; index < columns.length; index++) {
-      cells.push( /*#__PURE__*/_jsx(HeaderCell, {
-        classProps: {
-          wrapText
-        },
+      cells.push(/* @__PURE__ */ React2.createElement(HeaderCell, {
+        key: index,
+        classProps: { wrapText },
         column: columns[index],
         columnIndex: index,
         component: Cell,
         grid: props
-      }, index));
+      }));
     }
-
     const rowProps = getHeaderRowProps({}, {});
-    return /*#__PURE__*/jsx(Row, _objectSpread(_objectSpread({}, rowProps), {}, {
-      children: cells
-    }));
+    return /* @__PURE__ */ React2.createElement(Row, {
+      ...rowProps
+    }, cells);
   };
-
   const bodyRowRenderer = useCallback((rowData, rowProps, extraParams) => {
     const Row = renderers.body.row;
     const Cell = renderers.body.cell;
-    const nextRowProps = getRowProps(rowProps, _objectSpread(_objectSpread({}, extraParams), {}, {
-      rowData
-    })); // get cells from columns api
-
-    const cells = []; // optimize the rendering using for loop
-
+    const nextRowProps = getRowProps(rowProps, { ...extraParams, rowData });
+    const cells = [];
     for (let index = 0; index < columns.length; index++) {
-      cells.push( /*#__PURE__*/_jsx(BodyCell, {
-        classProps: {
-          wrapText
-        },
+      cells.push(/* @__PURE__ */ React2.createElement(BodyCell, {
+        key: index,
+        classProps: { wrapText },
         column: columns[index],
         columnIndex: index,
         component: Cell,
         grid: props,
         rowIndex: extraParams.rowIndex,
-        rowProps: _objectSpread({
-          rowData
-        }, nextRowProps)
-      }, index));
+        rowProps: { rowData, ...nextRowProps }
+      }));
     }
-
-    return /*#__PURE__*/jsx(Row, _objectSpread(_objectSpread({}, nextRowProps), {}, {
-      rowData: rowData,
-      children: cells
-    }));
+    return /* @__PURE__ */ React2.createElement(Row, {
+      ...nextRowProps,
+      rowData
+    }, cells);
   }, [columns, renderers]);
   const TableComponent = renderers.table;
-
-  const value = _objectSpread(_objectSpread({}, props), {}, {
-    bodyRowRenderer,
-    headerRowRenderer
-  });
-
-  return /*#__PURE__*/_jsx(Provider, {
-    value: value
-  }, void 0, /*#__PURE__*/jsx(TableComponent, _objectSpread(_objectSpread({}, getTableProps({
-    innerRef: tableRef,
-    style
-  })), {}, {
-    children: children
-  })));
-}
-
+  const value = { ...props, bodyRowRenderer, headerRowRenderer };
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    value
+  }, /* @__PURE__ */ React2.createElement(TableComponent, {
+    ...getTableProps({
+      innerRef: tableRef,
+      style
+    })
+  }, children));
+};
 Table.Header = TableHeader;
 Table.Body = TableBody;
-
-export { Table as default };
+var Table_default = Table;
+export {
+  Table,
+  Table_default as default
+};
+//# sourceMappingURL=Table.js.map

package/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;AAAA,SAAS;AAAA,OAAW;AAAA;AAG7B,QAAM,kBAAkB,YACtB,CAAC,SAAS,UAAU,gBAAgB;AAClC,UAAM,MAAM,UAAU,KAAK;AAC3B,UAAM,OAAO,UAAU,KAAK;AAE5B,UAAM,eAAe,YAAY,UAAU,KAAK,aAAa;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,EAAE,YAAY;AAAA;AAAA;AAK9B,WACE,qCAAC,KAAD;AAAA,SAAS;AAAA,MAAc;AAAA,OACpB;AAAA,KAIP,CAAC,SAAS;AAGZ,QAAM,iBAAiB,UAAU;AAEjC,QAAM,QAAQ,KAAK,OAAO,iBAAiB;AAE3C,SACE,qCAAC,UAAD;AAAA,IAAU;AAAA,KACR,qCAAC,gBAAD;AAAA,OACM,cAAc;AAAA,MAChB,UAAU;AAAA,MACV;AAAA;AAAA,KAGD;AAAA;AAMT,MAAM,SAAS;AACf,MAAM,OAAO;AAGb,IAAO,gBAAQ;",
+  "names": []
+}

package/esm/components/TableBody.js

@@ -1,28 +1,12 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useContext } from 'react';
-import { TableContext } from './tableContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["rows", "noResultsPlaceholder", "isPlaceholderActive"];
-
-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 TableBody(_ref) {
-  let {
-    rows,
-    noResultsPlaceholder = 'No data',
-    isPlaceholderActive = false
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useContext, memo } from "react";
+import { TableContext } from "./tableContext";
+const TableBody = memo(({
+  rows,
+  noResultsPlaceholder = "No data",
+  isPlaceholderActive = false,
+  ...props
+}) => {
   const {
     refs,
     decoratedColumns,
@@ -30,32 +14,28 @@ function TableBody(_ref) {
     composedRows,
     getBodyProps,
     bodyRowRenderer: rowRenderer,
-    props: {
-      rowKey,
-      numRowsVisible,
-      groupedRows
-    }
+    props: { rowKey, numRowsVisible, groupedRows }
   } = useContext(TableContext);
   const BodyWrapperComponent = renderers.body.wrapper;
-  return /*#__PURE__*/jsx(BodyWrapperComponent, _objectSpread(_objectSpread({
-    classProps: {
-      grouped: groupedRows
-    }
-  }, getBodyProps(_objectSpread(_objectSpread({}, props), {}, {
-    innerRef: refs.body,
-    innerBodyRef: refs.innerBody,
-    rows: rows || composedRows.rows || composedRows,
-    noResultsPlaceholder,
-    rowRenderer,
-    columns: decoratedColumns,
-    rowKey,
-    numRowsVisible,
-    isPlaceholderActive
-  }))), {}, {
-    children: "kajsd;klfajsd;fj"
-  }));
-}
-
-var TableBody$1 = /*#__PURE__*/React.memo(TableBody);
-
-export { TableBody$1 as default };
+  return /* @__PURE__ */ React2.createElement(BodyWrapperComponent, {
+    classProps: { grouped: groupedRows },
+    ...getBodyProps({
+      ...props,
+      innerRef: refs.body,
+      innerBodyRef: refs.innerBody,
+      rows: rows || composedRows.rows || composedRows,
+      noResultsPlaceholder,
+      rowRenderer,
+      columns: decoratedColumns,
+      rowKey,
+      numRowsVisible,
+      isPlaceholderActive
+    })
+  }, "kajsd;klfajsd;fj");
+});
+var TableBody_default = TableBody;
+export {
+  TableBody,
+  TableBody_default as default
+};
+//# sourceMappingURL=TableBody.js.map

package/esm/components/TableBody.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TableBody.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, memo } from 'react';\nimport { TableContext } from './tableContext';\n\nconst TableBody = memo(({\n  rows,\n  noResultsPlaceholder = 'No data',\n  isPlaceholderActive = false,\n  ...props\n}) => {\n  const {\n    refs,\n    decoratedColumns,\n    decoratedRenderers: renderers,\n    composedRows,\n    getBodyProps,\n    bodyRowRenderer: rowRenderer,\n    props: { rowKey, numRowsVisible, groupedRows },\n  } = useContext(TableContext);\n\n  const BodyWrapperComponent = renderers.body.wrapper;\n  return (\n    <BodyWrapperComponent\n      classProps={{ grouped: groupedRows }}\n      {...getBodyProps({\n        ...props,\n        innerRef: refs.body,\n        innerBodyRef: refs.innerBody,\n        rows: rows || composedRows.rows || composedRows,\n        noResultsPlaceholder,\n        rowRenderer,\n        columns: decoratedColumns,\n        rowKey,\n        numRowsVisible,\n        isPlaceholderActive,\n      })}\n    >\n      kajsd;klfajsd;fj\n    </BodyWrapperComponent>\n  );\n});\n\nexport { TableBody };\nexport default TableBody;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,KAAK,CAAC;AAAA,EACtB;AAAA,EACA,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,KACnB;AAAA,MACC;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAC/B,WAAW;AAEf,QAAM,uBAAuB,UAAU,KAAK;AAC5C,SACE,qCAAC,sBAAD;AAAA,IACE,YAAY,EAAE,SAAS;AAAA,OACnB,aAAa;AAAA,SACZ;AAAA,MACH,UAAU,KAAK;AAAA,MACf,cAAc,KAAK;AAAA,MACnB,MAAM,QAAQ,aAAa,QAAQ;AAAA,MACnC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAEH;AAAA;AAOL,IAAO,oBAAQ;",
+  "names": []
+}