@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/parts/Row.js

@@ -1,46 +1,61 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { connect } from "react-redux";
-import { DataTableContext } from "../DataTableContext";
-import { setMultipleRefs } from "../helpers";
-import { SortableItemContext } from "./HoC/SortableItemContext";
-import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext";
-import { RowVariantMapItem } from "./RowVariants";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useContext } from 'react';
+import { connect } from 'react-redux';
+import DataTableContext from '../DataTableContext.js';
+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 '../configs/constants.js';
+import { setMultipleRefs } from '../helpers/refs-helpers.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { SortableItemContext } from './HoC/SortableItemContext.js';
+import { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext.js';
+import { RowVariantMapItem } from './RowVariants/index.js';
+import { jsx } from 'react/jsx-runtime';
+
 const setItemRefs = (measureRef, draggableRef, ref) => {
   const refsToSet = [];
-  if (measureRef)
-    refsToSet.push(measureRef);
-  if (draggableRef)
-    refsToSet.push(draggableRef);
+  if (measureRef) refsToSet.push(measureRef);
+  if (draggableRef) refsToSet.push(draggableRef);
   setMultipleRefs(...refsToSet)(ref);
 };
-const RowComp = (props) => {
-  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
-  const ctx = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: !isDragOverlay ? itemWrapperStyle : {},
-    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
-  }, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
+
+const RowComp = props => {
+  const {
     row,
-    itemIndex: row.realIndex,
+    measureRef,
+    itemWrapperStyle,
     isDragOverlay,
-    ctx,
     focusedRowId,
     selectedRowId
-  }));
+  } = props;
+  const ctx = useContext(DataTableContext);
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const draggableRef = draggableProps && draggableProps.setNodeRef;
+  return /*#__PURE__*/jsx("div", {
+    style: !isDragOverlay ? itemWrapperStyle : {},
+    ref: ref => setItemRefs(measureRef, draggableRef, ref),
+    children: /*#__PURE__*/_jsx(RowVariantMapItem, {
+      row: row,
+      itemIndex: row.realIndex,
+      isDragOverlay: isDragOverlay,
+      ctx: ctx,
+      focusedRowId: focusedRowId,
+      selectedRowId: selectedRowId
+    })
+  });
 };
-const mapStateToProps = (state) => ({
+
+const mapStateToProps = state => ({
   focusedRowId: state.rows.focusedRowId,
   selectedRowId: state.rows.selectedRowId
 });
+
 const Row = connect(mapStateToProps)(RowComp);
-const RowWithContext = withDnDSortableRowContext(Row);
-var Row_default = RowWithContext;
-export {
-  Row,
-  RowWithContext,
-  Row_default as default
-};
-//# sourceMappingURL=Row.js.map
+var Row$1 = withDnDSortableRowContext(Row);
+
+export { Row, Row$1 as default };

package/esm/parts/RowLoading.js

@@ -1,30 +1,49 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import { DATA_TESTID } from "../configs/constants";
-const StyledRowLoadingContainer = styled(Grid)`
-  position: absolute;
-  bottom: -40px;
-  left: 0;
-  width: 100%;
-  place-items: center;
-  background-color: white;
-`;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo } from 'react';
+import DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';
+import Grid from '@elliemae/ds-grid';
+import styled from 'styled-components';
+import { DATA_TESTID } from '../configs/constants.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/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '../configs/useRowFlattenization.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-icons';
+import '../styled.js';
+import 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import './TableContent.js';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import '../DataTableContext.js';
+import './Row.js';
+import './Footer.js';
+import './HoC/SortableItemContext.js';
+
+var _DSIndeterminateProgr;
+const StyledRowLoadingContainer = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1jmutz9-0"
+})(["position:absolute;bottom:-40px;left:0;width:100%;place-items:center;background-color:white;"]);
+
 const RowLoading = () => {
-  const PureLoading = useMemo(() => /* @__PURE__ */ React2.createElement(StyledRowLoadingContainer, {
+  const PureLoading = useMemo(() => /*#__PURE__*/_jsx(StyledRowLoadingContainer, {
     role: "row",
     "data-testid": DATA_TESTID.DATA_TABLE_ROW
-  }, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx(DSIndeterminateProgressIndicator, {
     processing: true,
     title: "Loading"
-  })), []);
+  }))), []);
   return PureLoading;
 };
-var RowLoading_default = RowLoading;
-export {
-  RowLoading,
-  RowLoading_default as default
-};
-//# sourceMappingURL=RowLoading.js.map
+
+export { RowLoading as default };

package/esm/parts/RowVariants/RowVariantHeader.js

@@ -1,27 +1,60 @@
-import * as React from "react";
-import React2, { useLayoutEffect, useMemo, useRef } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { RowRenderer } from "../../exported-related/RowRenderer";
-import { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from "../../styled";
-import { expandRowColumn } from "../../addons/Columns";
-import { DATA_TESTID } from "../../configs/constants";
-const RowContent = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import { useRef, useMemo, useLayoutEffect } from 'react';
+import Grid from '@elliemae/ds-grid';
+import RowRenderer from '../../exported-related/RowRenderer/index.js';
+import { StyledCellContainer, GroupHeaderContainer, GroupHeaderTitle } from '../../styled.js';
+import { expandRowColumn } from '../../addons/Columns/ColumnExpand/ColumnExpand.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.for-each.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 '@elliemae/ds-form';
+import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'styled-components';
+import '../TableContent.js';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-icons';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import '../../DataTableContext.js';
+import '../Row.js';
+import '../Footer.js';
+import '../HoC/SortableItemContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _Grid;
+
+const RowContent = props => {
   const {
     row,
     ctx,
     ctx: {
-      tableProps: { groupedRowsRenderHeader }
+      tableProps: {
+        groupedRowsRenderHeader
+      }
     },
-    backgroundColor = "white",
+    backgroundColor = 'white',
     focusedRowId,
     selectedRowId
   } = props;
   const rowRef = useRef(null);
-  const hasExpandCell = useMemo(() => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"), [row]);
+  const hasExpandCell = useMemo(() => row.original.subRows && row.cells.find(cell => cell.column.accessor === 'expandRowColumn'), [row]);
   const titleContent = useMemo(() => {
-    if (typeof groupedRowsRenderHeader === "function") {
+    if (typeof groupedRowsRenderHeader === 'function') {
       return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);
     }
+
     return row.original.dimsumHeaderValue;
   }, [groupedRowsRenderHeader, row]);
   useLayoutEffect(() => {
@@ -29,43 +62,46 @@ const RowContent = (props) => {
       rowRef.current.focus();
     }
   }, [focusedRowId, row.uid]);
-  return /* @__PURE__ */ React2.createElement(StyledCellContainer, {
+  return /*#__PURE__*/jsx(StyledCellContainer, {
     ref: rowRef,
     minHeight: "0px",
     tabIndex: 0,
-    backgroundColor,
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT
-  }, /* @__PURE__ */ React2.createElement(GroupHeaderContainer, {
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
-    cols: hasExpandCell ? ["min-content", "auto"] : ["auto"],
-    padding: hasExpandCell ? "4px" : "16px"
-  }, hasExpandCell ? /* @__PURE__ */ React2.createElement(expandRowColumn.Cell, {
-    row,
-    cell: row.cells[0],
-    isRowSelected: selectedRowId === row.uid,
-    ctx,
-    draggableProps: {}
-  }) : /* @__PURE__ */ React2.createElement(Grid, {
-    width: "16px"
-  }), /* @__PURE__ */ React2.createElement(GroupHeaderTitle, null, titleContent)));
+    backgroundColor: backgroundColor,
+    "data-testid": DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT,
+    children: /*#__PURE__*/_jsx(GroupHeaderContainer, {
+      "data-testid": DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
+      cols: hasExpandCell ? ['min-content', 'auto'] : ['auto'],
+      padding: hasExpandCell ? '4px' : '16px'
+    }, void 0, hasExpandCell ? /*#__PURE__*/_jsx(expandRowColumn.Cell, {
+      row: row,
+      cell: row.cells[0],
+      isRowSelected: selectedRowId === row.uid,
+      ctx: ctx,
+      draggableProps: {}
+    }) : _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
+      width: "16px"
+    })), /*#__PURE__*/_jsx(GroupHeaderTitle, {}, void 0, titleContent))
+  });
 };
-const RowVariantHeader = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  focusedRowId,
-  selectedRowId
-}) => /* @__PURE__ */ React2.createElement(RowRenderer, {
-  row,
-  itemIndex,
-  isDragOverlay,
-  minHeight: "0px",
-  height: "24px",
-  CustomRowContentRenderer: RowContent,
-  focusedRowId,
-  selectedRowId
-});
-export {
-  RowVariantHeader
+
+const RowVariantHeader = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    focusedRowId,
+    selectedRowId
+  } = _ref;
+  return /*#__PURE__*/_jsx(RowRenderer, {
+    row: row,
+    itemIndex: itemIndex,
+    isDragOverlay: isDragOverlay,
+    minHeight: "0px",
+    height: "24px",
+    CustomRowContentRenderer: RowContent,
+    focusedRowId: focusedRowId,
+    selectedRowId: selectedRowId
+  });
 };
-//# sourceMappingURL=RowVariantHeader.js.map
+
+export { RowVariantHeader };

package/esm/parts/RowVariants/RowVariantPrimary.js

@@ -1,32 +1,34 @@
-import * as React from "react";
-import React2 from "react";
-import { RowRenderer } from "../../exported-related/RowRenderer";
-const RowVariantPrimary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
-  const {
-    layoutHelpers: { gridLayout }
-  } = ctx;
-  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import RowRenderer from '../../exported-related/RowRenderer/index.js';
+
+const RowVariantPrimary = _ref => {
+  let {
     row,
     itemIndex,
     isDragOverlay,
-    compact,
-    height: compact ? "24px" : "auto",
-    minHeight: compact ? "24px" : "36px",
-    colsLayout: row.isExpanded ? void 0 : gridLayout,
-    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
+    ctx,
     focusedRowId,
-    selectedRowId
+    selectedRowId,
+    compact
+  } = _ref;
+  const {
+    layoutHelpers: {
+      gridLayout
+    }
+  } = ctx;
+  return /*#__PURE__*/_jsx(RowRenderer, {
+    row: row,
+    itemIndex: itemIndex,
+    isDragOverlay: isDragOverlay,
+    compact: compact,
+    height: compact ? '24px' : 'auto',
+    minHeight: compact ? '24px' : '36px',
+    colsLayout: row.isExpanded ? undefined : gridLayout,
+    rowsLayout: row.isExpanded ? ['auto', 'auto'] : [1],
+    focusedRowId: focusedRowId,
+    selectedRowId: selectedRowId
   });
 };
-export {
-  RowVariantPrimary
-};
-//# sourceMappingURL=RowVariantPrimary.js.map
+
+export { RowVariantPrimary };

package/esm/parts/RowVariants/RowVariantSecondary.js

@@ -1,33 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import { RowRenderer } from "../../exported-related/RowRenderer";
-const RowVariantSecondary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
-  const {
-    layoutHelpers: { gridLayout }
-  } = ctx;
-  return /* @__PURE__ */ React2.createElement(RowRenderer, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import RowRenderer from '../../exported-related/RowRenderer/index.js';
+
+const RowVariantSecondary = _ref => {
+  let {
     row,
     itemIndex,
     isDragOverlay,
-    compact,
-    height: compact ? "24px" : "auto",
-    minHeight: compact ? "24px" : "36px",
-    colsLayout: row.isExpanded ? void 0 : gridLayout,
-    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
-    backgroundColor: "#F6F7F9",
+    ctx,
     focusedRowId,
-    selectedRowId
+    selectedRowId,
+    compact
+  } = _ref;
+  const {
+    layoutHelpers: {
+      gridLayout
+    }
+  } = ctx;
+  return /*#__PURE__*/_jsx(RowRenderer, {
+    row: row,
+    itemIndex: itemIndex,
+    isDragOverlay: isDragOverlay,
+    compact: compact,
+    height: compact ? '24px' : 'auto',
+    minHeight: compact ? '24px' : '36px',
+    colsLayout: row.isExpanded ? undefined : gridLayout,
+    rowsLayout: row.isExpanded ? ['auto', 'auto'] : [1],
+    backgroundColor: "#F6F7F9",
+    focusedRowId: focusedRowId,
+    selectedRowId: selectedRowId
   });
 };
-export {
-  RowVariantSecondary
-};
-//# sourceMappingURL=RowVariantSecondary.js.map
+
+export { RowVariantSecondary };

package/esm/parts/RowVariants/index.js

@@ -1,45 +1,84 @@
-import * as React from "react";
-import React2 from "react";
-import { ROW_VARIANTS } from "../../exported-related";
-import { Cells } from "../Cells";
-import { RowVariantHeader } from "./RowVariantHeader";
-import { RowVariantPrimary } from "./RowVariantPrimary";
-import { RowVariantSecondary } from "./RowVariantSecondary";
+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 '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '@elliemae/ds-button';
+import '@elliemae/ds-popperjs';
+import 'styled-components';
+import '../../redux/reducers/index.js';
+import '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'react-virtual';
+import '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import '@elliemae/ds-icons';
+import '../../styled.js';
+import { jsx } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import '../TableContent.js';
+import '@elliemae/ds-grid';
+import '@elliemae/ds-circular-progress-indicator';
+import '@elliemae/ds-system';
+import '../../DataTableContext.js';
+import '../Row.js';
+import '../Footer.js';
+import '../HoC/SortableItemContext.js';
+import '@elliemae/ds-utilities';
+import 'uid';
+import { ROW_VARIANTS } from '../../exported-related/RowVariants.js';
+import '../../exported-related/Filters/applyOutOfTheBoxFilters.js';
+import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import Cells from '../Cells/index.js';
+import { RowVariantHeader } from './RowVariantHeader.js';
+import { RowVariantPrimary } from './RowVariantPrimary.js';
+import { RowVariantSecondary } from './RowVariantSecondary.js';
+
+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 RowVariantMapper = {
   [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,
   [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,
   [ROW_VARIANTS.SECONDARY]: RowVariantSecondary,
-  [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantPrimary, {
-    compact: true,
-    ...props
-  }),
-  [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => /* @__PURE__ */ React2.createElement(RowVariantSecondary, {
-    compact: true,
-    ...props
-  })
+  [ROW_VARIANTS.COMPACT_PRIMARY]: props => /*#__PURE__*/jsx(RowVariantPrimary, _objectSpread({
+    compact: true
+  }, props)),
+  [ROW_VARIANTS.COMPACT_SECONDARY]: props => /*#__PURE__*/jsx(RowVariantSecondary, _objectSpread({
+    compact: true
+  }, props))
 };
-const RowVariantMapItem = (props) => {
+const RowVariantMapItem = props => {
   const {
     row,
     ctx: {
-      tableProps: { getRowVariant }
+      tableProps: {
+        getRowVariant
+      }
     }
   } = props;
   const variant = getRowVariant(row, Cells);
   let Component;
-  if (typeof variant === "string") {
+
+  if (typeof variant === 'string') {
     if (!(variant in RowVariantMapper)) {
-      throw new Error(`${variant} is not an out-of-the-box row variant`);
+      throw new Error("".concat(variant, " is not an out-of-the-box row variant"));
     }
+
     Component = RowVariantMapper[variant];
   } else {
     Component = variant;
   }
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  });
+
+  return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
 };
-export {
-  RowVariantMapItem
-};
-//# sourceMappingURL=index.js.map
+
+export { RowVariantMapItem };

package/esm/parts/RowVariants/types.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=types.js.map
+