@elliemae/ds-data-table 2.0.0-rc.4 → 2.0.0-rc.8

package/types/styled.d.ts

@@ -3,35 +3,35 @@ interface WidthAndHeight {
     width?: string | number;
     height?: string | number;
 }
-export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight & {
+export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight & {
     noSelectionAllowed: boolean;
 }, never>;
-export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", any, WidthAndHeight, never>;
-export declare const StyledHeadWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
+export declare const StyledHeadWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     colsLayoutStyle: string;
     totalColumnsWidth: number | string;
 }, never>;
-export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledResizer: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledResizer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isResizing: boolean;
 }, never>;
-export declare const StyledActionCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCell: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     theme: any;
     column: any;
 }, never>;
-export declare const StyledCellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
-export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     padding: string;
 }, never>;
-export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/types/props.d.ts

@@ -170,8 +170,8 @@ export declare type TypescriptContext = {
     tableProps: Partial<TypescriptProps>;
     virtualListRef: React.RefObject<HTMLDivElement>;
     columnHeaderRef: React.RefObject<HTMLDivElement>;
-    flattenedData: any[];
-    allDataFlattened: any[];
+    flattenedData: TypescriptRow[];
+    allDataFlattened: TypescriptRow[];
     visibleColumns: TypescriptColumn[];
     virtualListHelpers?: ReturnType<typeof useVirtual>;
     layoutHelpers: {

package/cjs/addons/Filters/Components/TextInputFilter/index.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var FilterPopover = require('../../../../exported-related/FilterPopover.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@elliemae/ds-utilities');
-require('../../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-form');
-require('../../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('../../../../parts/Row.js');
-require('../../../../parts/Footer.js');
-require('../../../../parts/HoC/SortableItemContext.js');
-require('uid');
-var FilterTypes = require('../../../../exported-related/FilterTypes.js');
-require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _SearchXsmall;
-const TextInputFilter = props => {
-  const {
-    column,
-    filterValue = '',
-    reduxHeader,
-    onValueChange,
-    ctx: {
-      tableProps: {
-        data
-      }
-    },
-    innerRef
-  } = props;
-  const count = data.length;
-
-  const handleChange = event => {
-    var _event$target;
-
-    const newText = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '';
-    onValueChange(FilterTypes.FILTER_TYPES.TEXT, newText);
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: column.id,
-    menuContent:
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    _jsx__default["default"]("input", {
-      value: filterValue,
-      onChange: handleChange,
-      placeholder: "Search ".concat(count, " records..."),
-      autoFocus: true
-    }),
-    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.SearchXsmall, {})),
-    removeWrapperStyles: true,
-    innerRef: innerRef,
-    ariaLabel: "Open Text Input Filter",
-    "data-testid": "filter-popover"
-  });
-};
-
-exports.TextInputFilter = TextInputFilter;

package/cjs/exported-related/Filters/textFilterFn.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-
-const textFilterFn = (unfilteredData, filterKey, filterValue) => {
-  if (filterValue.length < 3) return unfilteredData;
-  return unfilteredData.filter(datum => datum[filterKey].includes(filterValue));
-};
-
-exports.textFilterFn = textFilterFn;

package/cjs/parts/FilterBar/components/TextPill.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var dsPills = require('@elliemae/ds-pills');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const TextPill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
-  const handleOnRemove = React.useCallback(() => {
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
-  }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
-    type: "removable",
-    label: value,
-    onRemove: handleOnRemove,
-    innerRef: innerRef
-  })) : null;
-};
-
-exports.TextPill = TextPill;

package/cjs/parts/HoC/DragOverlayContext.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const DragOverlayContext = /*#__PURE__*/React.createContext({
-  setPureDraggedJSX: () => null
-});
-
-exports.DragOverlayContext = DragOverlayContext;

package/esm/addons/Filters/Components/TextInputFilter/index.js

@@ -1,84 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { SearchXsmall } from '@elliemae/ds-icons';
-import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '../../../../styled.js';
-import '../../../../DataTableContext.js';
-import 'react/jsx-runtime';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '@elliemae/ds-utilities';
-import '../../../../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/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-form';
-import '../../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '../../../../parts/Row.js';
-import '../../../../parts/Footer.js';
-import '../../../../parts/HoC/SortableItemContext.js';
-import 'uid';
-import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.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';
-
-var _SearchXsmall;
-const TextInputFilter = props => {
-  const {
-    column,
-    filterValue = '',
-    reduxHeader,
-    onValueChange,
-    ctx: {
-      tableProps: {
-        data
-      }
-    },
-    innerRef
-  } = props;
-  const count = data.length;
-
-  const handleChange = event => {
-    var _event$target;
-
-    const newText = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '';
-    onValueChange(FILTER_TYPES.TEXT, newText);
-  };
-
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: column.id,
-    menuContent:
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    _jsx("input", {
-      value: filterValue,
-      onChange: handleChange,
-      placeholder: "Search ".concat(count, " records..."),
-      autoFocus: true
-    }),
-    triggerIcon: _SearchXsmall || (_SearchXsmall = /*#__PURE__*/_jsx(SearchXsmall, {})),
-    removeWrapperStyles: true,
-    innerRef: innerRef,
-    ariaLabel: "Open Text Input Filter",
-    "data-testid": "filter-popover"
-  });
-};
-
-export { TextInputFilter };

package/esm/exported-related/Filters/textFilterFn.js

@@ -1,10 +0,0 @@
-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';
-
-const textFilterFn = (unfilteredData, filterKey, filterValue) => {
-  if (filterValue.length < 3) return unfilteredData;
-  return unfilteredData.filter(datum => datum[filterKey].includes(filterValue));
-};
-
-export { textFilterFn };

package/esm/parts/FilterBar/components/TextPill.js

@@ -1,34 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-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 { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const TextPill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
-  const handleOnRemove = useCallback(() => {
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
-  }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /*#__PURE__*/_jsx(DSPillV2, {
-    type: "removable",
-    label: value,
-    onRemove: handleOnRemove,
-    innerRef: innerRef
-  })) : null;
-};
-
-export { TextPill };

package/esm/parts/HoC/DragOverlayContext.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-const DragOverlayContext = /*#__PURE__*/createContext({
-  setPureDraggedJSX: () => null
-});
-
-export { DragOverlayContext };

package/types/addons/Filters/Components/TextInputFilter/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FilterProps } from '../../../../types/props';
-export declare const TextInputFilter: React.ComponentType<FilterProps>;

package/types/exported-related/Filters/textFilterFn.d.ts

@@ -1,2 +0,0 @@
-import { FilterFn } from './types';
-export declare const textFilterFn: FilterFn<string>;

package/types/parts/FilterBar/components/TextPill.d.ts

@@ -1,2 +0,0 @@
-import { FilterPillComponent } from '../types';
-export declare const TextPill: FilterPillComponent<string>;

package/types/parts/HoC/DragOverlayContext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type DragOverlayContextType = {
-    setPureDraggedJSX: (PureJSX: JSX.Element) => void;
-};
-export declare const DragOverlayContext: import("react").Context<DragOverlayContextType>;
-export {};