@elliemae/ds-data-table 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/parts/Filters/index.js

@@ -1,71 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import {
-  DateRangeFilter,
-  DateSwitcherFilter,
-  NumberRangeFilter,
-  MultiSelectFilter,
-  SingleSelectFilter,
-  SingleDateFilter,
-  CurrencyRangeFilter
-} from "../../addons/Filters";
-import { FILTER_TYPES } from "../../exported-related";
-import { useDispatchHeadersActions } from "../../redux/reducers";
-const FilterMapper = {
-  [FILTER_TYPES.SELECT]: SingleSelectFilter,
-  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,
-  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,
-  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,
-  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,
-  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,
-  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter
-};
-const FilterMapItem = (props) => {
-  const { column, filterValue: filters, onFiltersChange } = props;
-  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();
-  const filterValue = filters.find((filter) => filter.id === column.id);
-  const onValueChange = useCallback((type, newValue) => {
-    const filterIndex = filters.findIndex((filter) => filter.id === column.id);
-    if (newValue === void 0) {
-      const newFilters = filters.filter((filter) => filter.id !== column.id);
-      onFiltersChange(newFilters);
-    } else if (filterIndex === -1) {
-      onFiltersChange([...filters, { id: column.id, type, value: newValue }]);
-    } else {
-      const newFilters = [...filters];
-      newFilters[filterIndex].type = type;
-      newFilters[filterIndex].value = newValue;
-      onFiltersChange(newFilters);
-    }
-  }, [column.id, filters, onFiltersChange]);
-  const filterProps = {
-    ...props,
-    filterValue: filterValue?.value,
-    onValueChange,
-    patchHeader,
-    patchHeaderFilterButtonAndMenu
-  };
-  if (typeof column.filter === "string") {
-    if (!(column.filter in FilterMapper)) {
-      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);
-    }
-    const FilterComp = FilterMapper[column.filter];
-    return /* @__PURE__ */ React2.createElement(FilterComp, {
-      ...filterProps
-    });
-  }
-  if (column.Filter) {
-    if (typeof column.Filter !== "function") {
-      throw new Error(`column.Filter must be a component`);
-    }
-    const FilterComp = column.Filter;
-    return /* @__PURE__ */ React2.createElement(FilterComp, {
-      ...filterProps
-    });
-  }
-  return null;
-};
-export {
-  FilterMapItem
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/Filters/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Filters/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport {\n  DateRangeFilter,\n  DateSwitcherFilter,\n  NumberRangeFilter,\n  MultiSelectFilter,\n  SingleSelectFilter,\n  SingleDateFilter,\n  CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport { useDispatchHeadersActions } from '../../redux/reducers';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n  [FILTER_TYPES.SELECT]: SingleSelectFilter,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n  Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n  const { column, filterValue: filters, onFiltersChange } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();\n\n  const filterValue = filters.find((filter) => filter.id === column.id);\n\n  const onValueChange = useCallback(\n    (type: string, newValue: any) => {\n      const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n      if (newValue === undefined) {\n        const newFilters = filters.filter((filter) => filter.id !== column.id);\n        onFiltersChange(newFilters);\n      } else if (filterIndex === -1) {\n        onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n      } else {\n        const newFilters = [...filters];\n        newFilters[filterIndex].type = type;\n        newFilters[filterIndex].value = newValue;\n        onFiltersChange(newFilters);\n      }\n    },\n    [column.id, filters, onFiltersChange],\n  );\n\n  const filterProps = {\n    ...props,\n    filterValue: filterValue?.value,\n    onValueChange,\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n\n  if (typeof column.filter === 'string') {\n    if (!(column.filter in FilterMapper)) {\n      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n    }\n    const FilterComp = FilterMapper[column.filter];\n    return <FilterComp {...filterProps} />;\n  }\n\n  if (column.Filter) {\n    if (typeof column.Filter !== 'function') {\n      throw new Error(`column.Filter must be a component`);\n    }\n    const FilterComp = column.Filter;\n    return <FilterComp {...filterProps} />;\n  }\n\n  // Column doesn't have any filters\n  return null;\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAGA,MAAM,eAAiE;AAAA,GACpE,aAAa,SAAS;AAAA,GACtB,aAAa,eAAe;AAAA,GAC5B,aAAa,cAAc;AAAA,GAC3B,aAAa,aAAa;AAAA,GAC1B,aAAa,gBAAgB;AAAA,GAC7B,aAAa,eAAe;AAAA,GAC5B,aAAa,iBAAiB;AAAA;AAE1B,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,oBAAoB;AAE1D,QAAM,EAAE,gCAAgC,gBAAgB;AAExD,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO;AAElE,QAAM,gBAAgB,YACpB,CAAC,MAAc,aAAkB;AAC/B,UAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO;AACvE,QAAI,aAAa,QAAW;AAC1B,YAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO;AACnE,sBAAgB;AAAA,eACP,gBAAgB,IAAI;AAC7B,sBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO;AAAA,WACtD;AACL,YAAM,aAAa,CAAC,GAAG;AACvB,iBAAW,aAAa,OAAO;AAC/B,iBAAW,aAAa,QAAQ;AAChC,sBAAgB;AAAA;AAAA,KAGpB,CAAC,OAAO,IAAI,SAAS;AAGvB,QAAM,cAAc;AAAA,OACf;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,CAAE,QAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D;AAAA;AAEhF,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,qCAAC,YAAD;AAAA,SAAgB;AAAA;AAAA;AAGzB,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM;AAAA;AAElB,UAAM,aAAa,OAAO;AAC1B,WAAO,qCAAC,YAAD;AAAA,SAAgB;AAAA;AAAA;AAIzB,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/parts/Footer.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-const Footer = ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
-Footer.propTypes = {
-  children: PropTypes.node
-};
-var Footer_default = Footer;
-export {
-  Footer,
-  Footer_default as default
-};
-//# sourceMappingURL=Footer.js.map

package/dist/esm/parts/Footer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Footer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Footer: React.ComponentType = ({ children }) => <>{children}</>;\n\nFooter.propTypes = {\n  children: PropTypes.node,\n};\n\nexport { Footer };\nexport default Footer;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,SAA8B,CAAC,EAAE,eAAe,4DAAG;AAEzD,OAAO,YAAY;AAAA,EACjB,UAAU,UAAU;AAAA;AAItB,IAAO,iBAAQ;",
-  "names": []
-}

package/dist/esm/parts/Headers/EmptyChildrenGroup.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-const StyledBox = styled.div`
-  height: 24px;
-  margin: 0 ${(props) => props.theme.space.xxs};
-  border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};
-`;
-const EmptyChildrenGroup = () => /* @__PURE__ */ React2.createElement(StyledBox, null);
-export {
-  EmptyChildrenGroup
-};
-//# sourceMappingURL=EmptyChildrenGroup.js.map

package/dist/esm/parts/Headers/EmptyChildrenGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/EmptyChildrenGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\n\nconst StyledBox = styled.div`\n  height: 24px;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};\n`;\n\nexport const EmptyChildrenGroup: React.ComponentType<Record<string, never>> = () => <StyledBox />;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,qCAAC,WAAD;",
-  "names": []
-}

package/dist/esm/parts/Headers/HeaderCell.js

@@ -1,127 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo, useRef } from "react";
-import { connect } from "react-redux";
-import { Grid } from "@elliemae/ds-grid";
-import { useDispatchHeadersActions } from "../../redux/reducers";
-import { StyledHeadTh, StyledHeaderRightIconsWrapper, StyledFocusWithin } from "../../styled";
-import { DataTableContext } from "../../DataTableContext";
-import { SortByCaret } from "../SortByCaret";
-import { DnDHandle } from "..";
-import { SortableItemContext } from "../HoC/SortableItemContext";
-import { FilterMapItem } from "../Filters";
-import { HeaderResizer } from "./HeaderResizer";
-import { useHeaderCellHandlers } from "./useHeaderCellHandlers";
-import { useHeaderCellConfig } from "./useHeaderCellConfig";
-import { useRecoverFocusCol } from "../../hooks/useRecoverFocusCol";
-import { DATA_TESTID } from "../../configs/constants";
-import { HeaderCellTitle } from "./HeaderCellTitle";
-const buildScreenReaderInstructions = (colSpan, draggable, filterable, sortable) => {
-  const preffix = colSpan === 1 ? "" : "Column Group. ";
-  if (!draggable && !filterable && !sortable)
-    return preffix;
-  let message = sortable ? "You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so" : "";
-  if (draggable && filterable) {
-    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;
-  } else if (draggable || filterable) {
-    message = `This column is ${draggable ? "draggable" : "filterable"}. To enable this interaction press the enter key. ${message}`;
-  }
-  return `${preffix}${message}`;
-};
-function mapStateToProps(state, ownProps) {
-  return {
-    reduxHeader: state.headers?.[ownProps.column.id]
-  };
-}
-const connector = connect(mapStateToProps);
-const HeaderCellComp = (props) => {
-  const { reduxHeader, column, isDragOverlay, colSpan } = props;
-  const ctx = useContext(DataTableContext);
-  const {
-    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },
-    flattenedData
-  } = ctx;
-  const { patchHeader } = useDispatchHeadersActions();
-  const dragHandleRef = useRef(null);
-  const filterIconRef = useRef(null);
-  const { draggableProps } = useContext(SortableItemContext);
-  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = useHeaderCellConfig({
-    column,
-    dragAndDropColumns,
-    draggableProps,
-    reduxHeader,
-    isDragOverlay
-  });
-  useRecoverFocusCol(isDragging, dragHandleRef);
-  const rightIcons = useMemo(() => {
-    if (!hasRightIcons)
-      return null;
-    return /* @__PURE__ */ React2.createElement(StyledHeaderRightIconsWrapper, null, /* @__PURE__ */ React2.createElement(FilterMapItem, {
-      column,
-      ctx,
-      onFiltersChange,
-      reduxHeader,
-      filterValue: filters,
-      innerRef: filterIconRef
-    }), hasSortingCaret && /* @__PURE__ */ React2.createElement(SortByCaret, {
-      isSortedDesc: column.isSortedDesc
-    }));
-  }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);
-  const DnDHandleComponent = useMemo(() => /* @__PURE__ */ React2.createElement(Grid, {
-    mr: "2px",
-    alignItems: "center",
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React2.createElement(StyledFocusWithin, {
-    hideFocus: isDragging
-  }, /* @__PURE__ */ React2.createElement(DnDHandle, {
-    key: column.id,
-    innerRef: dragHandleRef,
-    isReachable: reduxHeader?.withTabStops,
-    id: column.id,
-    isDragOverlay
-  }))), [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops]);
-  const handlers = useHeaderCellHandlers({
-    hasFilter,
-    patchHeader,
-    column,
-    reduxHeader,
-    hasDnD,
-    onColumnSortChange,
-    dragHandleRef,
-    filterIconRef,
-    headerRef: column.ref
-  });
-  return /* @__PURE__ */ React2.createElement(StyledHeadTh, {
-    column,
-    ...handlers,
-    role: colSpan === 1 ? "columnheader" : "group",
-    colSpan,
-    "aria-describedby": `${column.id}-instructions`,
-    "aria-sort": hasSortingCaret ? column.isSortedDesc ? "descending" : "ascending" : "none",
-    "data-testid": DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!flattenedData[0]?.original?.dimsumHeaderValue,
-    tabIndex: column.isFocuseable === false ? -1 : 0,
-    isDragOverlay,
-    isDraggingActive: draggableProps && draggableProps.active,
-    shouldShowDnD,
-    ref: column.ref
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    width: "100%",
-    cols: hCols
-  }, shouldShowDnD && DnDHandleComponent, /* @__PURE__ */ React2.createElement(HeaderCellTitle, {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  }), rightIcons, isResizeable && column.canResize !== false && /* @__PURE__ */ React2.createElement(HeaderResizer, {
-    column
-  })), /* @__PURE__ */ React2.createElement("span", {
-    id: `${column.id}-instructions`,
-    style: { display: "none" },
-    "aria-hidden": "false"
-  }, buildScreenReaderInstructions(colSpan, dragAndDropColumns && column.disableDnD !== true, hasFilter, column.canSort)));
-};
-const HeaderCell = connector(HeaderCellComp);
-export {
-  HeaderCell
-};
-//# sourceMappingURL=HeaderCell.js.map

package/dist/esm/parts/Headers/HeaderCell.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useDispatchHeadersActions } from '../../redux/reducers';\nimport { StyledHeadTh, StyledHeaderRightIconsWrapper, StyledFocusWithin } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortByCaret } from '../SortByCaret';\nimport { DnDHandle } from '..';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { FilterMapItem } from '../Filters';\nimport { HeaderResizer } from './HeaderResizer';\nimport { TypescriptColumn } from '../../types/props';\nimport { useHeaderCellHandlers } from './useHeaderCellHandlers';\nimport { useHeaderCellConfig } from './useHeaderCellConfig';\nimport { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { HeaderCellTitle } from './HeaderCellTitle';\n\nconst buildScreenReaderInstructions = (colSpan: number, draggable: boolean, filterable: boolean, sortable: boolean) => {\n  const preffix = colSpan === 1 ? '' : 'Column Group. ';\n  if (!draggable && !filterable && !sortable) return preffix;\n\n  let message = sortable\n    ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so'\n    : '';\n  if (draggable && filterable) {\n    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;\n  } else if (draggable || filterable) {\n    message = `This column is ${\n      draggable ? 'draggable' : 'filterable'\n    }. To enable this interaction press the enter key. ${message}`;\n  }\n  return `${preffix}${message}`;\n};\n\ninterface HeaderCellCompProps {\n  column: TypescriptColumn;\n  isDragOverlay: boolean;\n  colSpan: number;\n}\n\nfunction mapStateToProps(state, ownProps) {\n  return {\n    reduxHeader: state.headers?.[ownProps.column.id],\n  };\n}\n\nconst connector = connect(mapStateToProps);\n\nconst HeaderCellComp: React.ComponentType<HeaderCellCompProps & ConnectedProps<typeof connector>> = (props) => {\n  const { reduxHeader, column, isDragOverlay, colSpan } = props;\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },\n    flattenedData,\n  } = ctx;\n  const { patchHeader } = useDispatchHeadersActions();\n  const dragHandleRef = useRef<HTMLDivElement>(null);\n  const filterIconRef = useRef<HTMLDivElement>(null);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = useHeaderCellConfig({\n    column,\n    dragAndDropColumns,\n    draggableProps,\n    reduxHeader,\n    isDragOverlay,\n  });\n\n  useRecoverFocusCol(isDragging, dragHandleRef);\n\n  const rightIcons = useMemo(() => {\n    if (!hasRightIcons) return null;\n    return (\n      <StyledHeaderRightIconsWrapper>\n        <FilterMapItem\n          column={column}\n          ctx={ctx}\n          onFiltersChange={onFiltersChange}\n          reduxHeader={reduxHeader}\n          filterValue={filters}\n          innerRef={filterIconRef}\n        />\n        {hasSortingCaret && <SortByCaret isSortedDesc={column.isSortedDesc} />}\n      </StyledHeaderRightIconsWrapper>\n    );\n  }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);\n\n  const DnDHandleComponent = useMemo(\n    () => (\n      <Grid mr=\"2px\" alignItems=\"center\" style={{ position: 'relative' }}>\n        <StyledFocusWithin hideFocus={isDragging}>\n          <DnDHandle\n            key={column.id}\n            innerRef={dragHandleRef}\n            isReachable={reduxHeader?.withTabStops}\n            id={column.id}\n            isDragOverlay={isDragOverlay}\n          />\n        </StyledFocusWithin>\n      </Grid>\n    ),\n    [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops],\n  );\n\n  const handlers = useHeaderCellHandlers({\n    hasFilter,\n    patchHeader,\n    column,\n    reduxHeader,\n    hasDnD,\n    onColumnSortChange,\n    dragHandleRef,\n    filterIconRef,\n    headerRef: column.ref,\n  });\n\n  return (\n    <StyledHeadTh\n      column={column}\n      {...handlers}\n      role={colSpan === 1 ? 'columnheader' : 'group'}\n      colSpan={colSpan}\n      aria-describedby={`${column.id}-instructions`}\n      // eslint-disable-next-line no-nested-ternary\n      aria-sort={hasSortingCaret ? (column.isSortedDesc ? 'descending' : 'ascending') : 'none'}\n      data-testid={DATA_TESTID.DATA_TABLE_HEADER}\n      isFirstRowGroup={!!flattenedData[0]?.original?.dimsumHeaderValue}\n      tabIndex={column.isFocuseable === false ? -1 : 0}\n      isDragOverlay={isDragOverlay}\n      isDraggingActive={draggableProps && draggableProps.active}\n      shouldShowDnD={shouldShowDnD}\n      ref={column.ref}\n    >\n      <Grid width=\"100%\" cols={hCols}>\n        {shouldShowDnD && DnDHandleComponent}\n        <HeaderCellTitle column={column} ctx={ctx} draggableProps={draggableProps} textWrap={textWrap} />\n        {rightIcons}\n        {isResizeable && column.canResize !== false && <HeaderResizer column={column} />}\n      </Grid>\n      <span id={`${column.id}-instructions`} style={{ display: 'none' }} aria-hidden=\"false\">\n        {buildScreenReaderInstructions(\n          colSpan,\n          dragAndDropColumns && column.disableDnD !== true,\n          hasFilter,\n          column.canSort,\n        )}\n      </span>\n    </StyledHeadTh>\n  );\n};\n\nexport const HeaderCell = connector(HeaderCellComp);\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/parts/Headers/HeaderCellGroup.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import PropTypes from "prop-types";
-import { HeaderCell } from "./HeaderCell";
-import { SortableItemContext } from "../HoC/SortableItemContext";
-import { withDnDSortableColumnContext } from "../HoC/withDnDSortableColumnContext";
-import { DropIndicator } from "../DropIndicator";
-import { SortableHeaderCell } from "../SortableHeaderCell";
-import { EmptyChildrenGroup } from "./EmptyChildrenGroup";
-import { DATA_TESTID } from "../../configs/constants";
-const StyledWrapper = styled(Grid)`
-  position: relative;
-  width: ${(props) => props.isDragOverlay ? "fit-content" : "100%"};
-  grid-column: ${(props) => props.gridColumn};
-  background: ${(props) => props.isDragging ? props.theme.colors.neutral["080"] : "white"};
-  opacity: ${(props) => props.isDragging ? 0.8 : 1};
-  box-shadow: 0 2px 4px 0 ${(props) => props.isDragOverlay ? "rgba(0,0,0,0.5)" : "transparent"};
-`;
-const HeaderCellGroupComp = ({
-  header,
-  isDragOverlay,
-  isDraggingParent,
-  isLast
-}) => {
-  const { draggableProps } = useContext(SortableItemContext);
-  const children = header.columns;
-  const isDragging = draggableProps && draggableProps.isDragging || isDraggingParent;
-  const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
-  const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;
-  const colSpan = children?.length ?? 1;
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
-    ref: draggableProps ? draggableProps.setNodeRef : null,
-    gridColumn: isDragOverlay ? "auto" : `span ${colSpan}`,
-    isDragOverlay,
-    isDragging,
-    cols: ["auto"],
-    "data-testid": isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : void 0
-  }, /* @__PURE__ */ React2.createElement(HeaderCell, {
-    column: header,
-    isDragOverlay,
-    colSpan
-  }), !!children?.length && !isDragOverlay && /* @__PURE__ */ React2.createElement(SortableHeaderCell, {
-    items: children,
-    isDragOverlay
-  }, children.map((h, index) => /* @__PURE__ */ React2.createElement(ChildGroup, {
-    key: h.id,
-    header: h,
-    isDragOverlay,
-    isDraggingParent: isDragging,
-    isLast: index === children.length - 1
-  }))), children?.length && isDragOverlay && /* @__PURE__ */ React2.createElement(EmptyChildrenGroup, null), /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: true,
-    dropIndicatorPosition,
-    isLast: isLast && isDragging
-  }));
-};
-HeaderCellGroupComp.propTypes = {
-  header: PropTypes.any,
-  isDragOverlay: PropTypes.bool,
-  isDraggingParent: PropTypes.bool,
-  isLast: PropTypes.bool
-};
-const HeaderCellGroup = HeaderCellGroupComp;
-const HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);
-var HeaderCellGroup_default = HeaderCellGroupSortable;
-export {
-  HeaderCellGroup,
-  HeaderCellGroup_default as default
-};
-//# sourceMappingURL=HeaderCellGroup.js.map

package/dist/esm/parts/Headers/HeaderCellGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCellGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { HeaderCell } from './HeaderCell';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { withDnDSortableColumnContext } from '../HoC/withDnDSortableColumnContext';\nimport { DropIndicator } from '../DropIndicator';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\nimport { EmptyChildrenGroup } from './EmptyChildrenGroup';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst StyledWrapper = styled(Grid)`\n  position: relative;\n  width: ${(props) => (props.isDragOverlay ? 'fit-content' : '100%')};\n  grid-column: ${(props) => props.gridColumn};\n  background: ${(props) => (props.isDragging ? props.theme.colors.neutral['080'] : 'white')};\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n`;\n\ninterface HeaderCellGroupCompProps {\n  header: TypescriptColumn;\n  isDragOverlay?: boolean;\n  isDraggingParent?: boolean;\n  isLast?: boolean;\n}\n\nconst HeaderCellGroupComp: React.ComponentType<HeaderCellGroupCompProps> = ({\n  header,\n  isDragOverlay,\n  isDraggingParent,\n  isLast,\n}) => {\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const children = header.columns;\n\n  const isDragging = (draggableProps && draggableProps.isDragging) || isDraggingParent;\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;\n\n  const colSpan = children?.length ?? 1;\n  return (\n    <StyledWrapper\n      ref={draggableProps ? draggableProps.setNodeRef : null}\n      gridColumn={isDragOverlay ? 'auto' : `span ${colSpan}`}\n      isDragOverlay={isDragOverlay}\n      isDragging={isDragging}\n      cols={['auto']}\n      data-testid={isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined}\n    >\n      <HeaderCell column={header} isDragOverlay={isDragOverlay} colSpan={colSpan} />\n      {!!children?.length && !isDragOverlay && (\n        <SortableHeaderCell items={children} isDragOverlay={isDragOverlay}>\n          {children.map((h, index) => (\n            <ChildGroup\n              key={h.id}\n              header={h}\n              isDragOverlay={isDragOverlay}\n              isDraggingParent={isDragging}\n              isLast={index === children.length - 1}\n            />\n          ))}\n        </SortableHeaderCell>\n      )}\n      {children?.length && isDragOverlay && <EmptyChildrenGroup />}\n      <DropIndicator vertical dropIndicatorPosition={dropIndicatorPosition} isLast={isLast && isDragging} />\n    </StyledWrapper>\n  );\n};\n\nHeaderCellGroupComp.propTypes = {\n  header: PropTypes.any,\n  isDragOverlay: PropTypes.bool,\n  isDraggingParent: PropTypes.bool,\n  isLast: PropTypes.bool,\n};\n\n// We need to declare this because we MUST avoid the useSortable call in the recursive calls of the function\n\nexport const HeaderCellGroup = HeaderCellGroupComp;\n\nconst HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);\n\nexport default HeaderCellGroupSortable;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA;AAAA,WAElB,CAAC,UAAW,MAAM,gBAAgB,gBAAgB;AAAA,iBAC5C,CAAC,UAAU,MAAM;AAAA,gBAClB,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,SAAS;AAAA,aACtE,CAAC,UAAW,MAAM,aAAa,MAAM;AAAA,4BACtB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB;AAAA;AAUlF,MAAM,sBAAqE,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,mBAAmB,WAAW;AAEtC,QAAM,WAAW,OAAO;AAExB,QAAM,aAAc,kBAAkB,eAAe,cAAe;AACpE,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,QAAM,aAAa,gBAAgB,kBAAkB;AAErD,QAAM,UAAU,UAAU,UAAU;AACpC,SACE,qCAAC,eAAD;AAAA,IACE,KAAK,iBAAiB,eAAe,aAAa;AAAA,IAClD,YAAY,gBAAgB,SAAS,QAAQ;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,MAAM,CAAC;AAAA,IACP,eAAa,gBAAgB,YAAY,iCAAiC;AAAA,KAE1E,qCAAC,YAAD;AAAA,IAAY,QAAQ;AAAA,IAAQ;AAAA,IAA8B;AAAA,MACzD,CAAC,CAAC,UAAU,UAAU,CAAC,iBACtB,qCAAC,oBAAD;AAAA,IAAoB,OAAO;AAAA,IAAU;AAAA,KAClC,SAAS,IAAI,CAAC,GAAG,UAChB,qCAAC,YAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,IAClB,QAAQ,UAAU,SAAS,SAAS;AAAA,QAK3C,UAAU,UAAU,iBAAiB,qCAAC,oBAAD,OACtC,qCAAC,eAAD;AAAA,IAAe,UAAQ;AAAA,IAAC;AAAA,IAA8C,QAAQ,UAAU;AAAA;AAAA;AAK9F,oBAAoB,YAAY;AAAA,EAC9B,QAAQ,UAAU;AAAA,EAClB,eAAe,UAAU;AAAA,EACzB,kBAAkB,UAAU;AAAA,EAC5B,QAAQ,UAAU;AAAA;AAKb,MAAM,kBAAkB;AAE/B,MAAM,0BAA0B,6BAA6B;AAE7D,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/esm/parts/Headers/HeaderCellTitle.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { RequiredDot } from "./RequiredDot";
-import { DATA_TESTID } from "../../configs/constants";
-const StringTitle = ({ column, textWrap }) => (column.textWrap || textWrap) === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-  value: column.Header
-}) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, column.Header);
-const HeaderCellTitle = ({ column, ctx, draggableProps, textWrap }) => /* @__PURE__ */ React2.createElement("div", {
-  style: { display: "flex", alignItems: "center" },
-  "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
-}, typeof column.Header === "string" ? /* @__PURE__ */ React2.createElement(StringTitle, {
-  column,
-  textWrap
-}) : /* @__PURE__ */ React2.createElement(column.Header, {
-  column,
-  ctx,
-  draggableProps
-}), column.required && /* @__PURE__ */ React2.createElement(RequiredDot, null));
-export {
-  HeaderCellTitle
-};
-//# sourceMappingURL=HeaderCellTitle.js.map

package/dist/esm/parts/Headers/HeaderCellTitle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCellTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { Fragment } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { TypescriptColumn, TypescriptContext } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\nimport { RequiredDot } from './RequiredDot';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface HeaderCellTitle {\n  column: TypescriptColumn;\n  ctx: TypescriptContext;\n  draggableProps: SortableItemContextType['draggableProps'];\n  textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst StringTitle = ({ column, textWrap }) =>\n  (column.textWrap || textWrap) === 'truncate' ? (\n    <SimpleTruncatedTooltipText value={column.Header} />\n  ) : (\n    <>{column.Header}</>\n  );\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitle> = ({ column, ctx, draggableProps, textWrap }) => (\n  <div style={{ display: 'flex', alignItems: 'center' }} data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}>\n    {typeof column.Header === 'string' ? (\n      <StringTitle column={column} textWrap={textWrap} />\n    ) : (\n      <column.Header column={column} ctx={ctx} draggableProps={draggableProps} />\n    )}\n    {column.required && <RequiredDot />}\n  </div>\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGA;AACA;AASA,MAAM,cAAc,CAAC,EAAE,QAAQ,eAC5B,QAAO,YAAY,cAAc,aAChC,qCAAC,4BAAD;AAAA,EAA4B,OAAO,OAAO;AAAA,KAE1C,4DAAG,OAAO;AAGP,MAAM,kBAAwD,CAAC,EAAE,QAAQ,KAAK,gBAAgB,eACnG,qCAAC,OAAD;AAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY;AAAA,EAAY,eAAa,YAAY;AAAA,GAC7E,OAAO,OAAO,WAAW,WACxB,qCAAC,aAAD;AAAA,EAAa;AAAA,EAAgB;AAAA,KAE7B,qCAAC,OAAO,QAAR;AAAA,EAAe;AAAA,EAAgB;AAAA,EAAU;AAAA,IAE1C,OAAO,YAAY,qCAAC,aAAD;",
-  "names": []
-}

package/dist/esm/parts/Headers/HeaderResizer.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import React2, { useState, useCallback, useContext, useRef, useEffect, useMemo } from "react";
-import { ColsLayoutStyle } from "../../configs/constants";
-import { DataTableContext } from "../../DataTableContext";
-import { columnsToGrid } from "../../helpers";
-import { StyledResizer } from "../../styled";
-const narrow = (value, min, max) => Math.min(Math.max(value, min ?? 30), max ?? Infinity);
-const HeaderResizer = ({ column }) => {
-  const {
-    layoutHelpers: { setGridLayout },
-    visibleColumns,
-    tableProps: { onColumnResize }
-  } = useContext(DataTableContext);
-  const [isResizing, setIsResizing] = useState(false);
-  const [nextWidth, setNextWidth] = useState(column.width ?? 150);
-  const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);
-  useEffect(() => {
-    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
-    visibleColumnsCopy[realColumnIndex].width = nextWidth;
-    setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));
-  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);
-  const ref = useRef(null);
-  const onResizeStart = useCallback(() => {
-    setIsResizing(true);
-  }, []);
-  const onResizeHandler = useCallback((e) => {
-    const delta = e.clientX - ref.current.getBoundingClientRect().x;
-    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
-    const widthWithDelta = narrow(nextWidth + delta, visibleColumnsCopy[realColumnIndex].minWidth, visibleColumnsCopy[realColumnIndex].maxWidth);
-    setNextWidth(widthWithDelta);
-    e.preventDefault();
-    e.stopPropagation();
-  }, [column.id, nextWidth, visibleColumnsCopy]);
-  const onResizeEnd = useCallback(() => {
-    setIsResizing(false);
-    onColumnResize(column.id, nextWidth);
-    setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));
-  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);
-  useEffect(() => {
-    const debouncedResizeHandler = onResizeHandler;
-    const debouncedResizeEnd = onResizeEnd;
-    const addEvents = () => {
-      document.addEventListener("mousemove", debouncedResizeHandler);
-      document.addEventListener("touchmove", debouncedResizeHandler);
-      document.addEventListener("mouseup", debouncedResizeEnd);
-      document.addEventListener("touchend", debouncedResizeEnd);
-    };
-    const removeEvents = () => {
-      document.removeEventListener("mousemove", debouncedResizeHandler);
-      document.removeEventListener("touchmove", debouncedResizeHandler);
-      document.removeEventListener("mouseup", debouncedResizeEnd);
-      document.removeEventListener("touchend", debouncedResizeEnd);
-    };
-    if (isResizing)
-      addEvents();
-    else
-      removeEvents();
-    return removeEvents;
-  }, [isResizing, onResizeHandler, onResizeEnd]);
-  return /* @__PURE__ */ React2.createElement(StyledResizer, {
-    ref,
-    role: "separator",
-    draggable: false,
-    isResizing,
-    onMouseDown: onResizeStart,
-    onTouchStart: onResizeStart,
-    onMouseUp: onResizeEnd,
-    onTouchEnd: onResizeEnd
-  });
-};
-export {
-  HeaderResizer
-};
-//# sourceMappingURL=HeaderResizer.js.map

package/dist/esm/parts/Headers/HeaderResizer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderResizer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useRef, useEffect, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { columnsToGrid } from '../../helpers';\nimport { StyledResizer } from '../../styled';\nimport { TypescriptColumn } from '../../types/props';\n\nconst narrow = (value: number, min: number, max: number): number =>\n  Math.min(Math.max(value, min ?? 30), max ?? Infinity);\n\nexport const HeaderResizer: React.ComponentType<{\n  column: TypescriptColumn;\n}> = ({ column }) => {\n  const {\n    layoutHelpers: { setGridLayout },\n    visibleColumns,\n    tableProps: { onColumnResize },\n  } = useContext(DataTableContext);\n\n  const [isResizing, setIsResizing] = useState(false);\n  const [nextWidth, setNextWidth] = useState(column.width ?? 150);\n\n  const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);\n\n  useEffect(() => {\n    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n    visibleColumnsCopy[realColumnIndex].width = nextWidth;\n    setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));\n  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const onResizeStart = useCallback(() => {\n    setIsResizing(true);\n  }, []);\n\n  const onResizeHandler = useCallback(\n    (e) => {\n      const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels\n\n      const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n      const widthWithDelta = narrow(\n        nextWidth + delta,\n        visibleColumnsCopy[realColumnIndex].minWidth,\n        visibleColumnsCopy[realColumnIndex].maxWidth,\n      );\n\n      setNextWidth(widthWithDelta);\n\n      // To prevent text selection\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    [column.id, nextWidth, visibleColumnsCopy],\n  );\n\n  const onResizeEnd = useCallback(() => {\n    setIsResizing(false);\n    onColumnResize(column.id, nextWidth);\n    setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));\n  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);\n\n  useEffect(() => {\n    const debouncedResizeHandler = onResizeHandler;\n    const debouncedResizeEnd = onResizeEnd;\n    const addEvents = () => {\n      document.addEventListener('mousemove', debouncedResizeHandler);\n      document.addEventListener('touchmove', debouncedResizeHandler);\n      document.addEventListener('mouseup', debouncedResizeEnd);\n      document.addEventListener('touchend', debouncedResizeEnd);\n    };\n    const removeEvents = () => {\n      document.removeEventListener('mousemove', debouncedResizeHandler);\n      document.removeEventListener('touchmove', debouncedResizeHandler);\n      document.removeEventListener('mouseup', debouncedResizeEnd);\n      document.removeEventListener('touchend', debouncedResizeEnd);\n    };\n\n    if (isResizing) addEvents();\n    else removeEvents();\n\n    // just in case the component is unmounted\n    return removeEvents;\n  }, [isResizing, onResizeHandler, onResizeEnd]);\n\n  return (\n    <StyledResizer\n      ref={ref}\n      role=\"separator\"\n      draggable={false}\n      isResizing={isResizing}\n      onMouseDown={onResizeStart}\n      onTouchStart={onResizeStart}\n      onMouseUp={onResizeEnd}\n      onTouchEnd={onResizeEnd}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAGA,MAAM,SAAS,CAAC,OAAe,KAAa,QAC1C,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,OAAO;AAEvC,MAAM,gBAER,CAAC,EAAE,aAAa;AACnB,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,IACjB;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,SAAS,OAAO,SAAS;AAE3D,QAAM,qBAAqB,QAAQ,MAAM,eAAe,IAAI,CAAC,QAAS,MAAK,SAAS,CAAC;AAErF,YAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,uBAAmB,iBAAiB,QAAQ;AAC5C,kBAAc,cAAc,oBAAoB,gBAAgB;AAAA,KAC/D,CAAC,OAAO,IAAI,WAAW,eAAe;AAEzC,QAAM,MAAM,OAAuB;AAEnC,QAAM,gBAAgB,YAAY,MAAM;AACtC,kBAAc;AAAA,KACb;AAEH,QAAM,kBAAkB,YACtB,CAAC,MAAM;AACL,UAAM,QAAQ,EAAE,UAAU,IAAI,QAAQ,wBAAwB;AAE9D,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,UAAM,iBAAiB,OACrB,YAAY,OACZ,mBAAmB,iBAAiB,UACpC,mBAAmB,iBAAiB;AAGtC,iBAAa;AAGb,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,OAAO,IAAI,WAAW;AAGzB,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc;AACd,mBAAe,OAAO,IAAI;AAC1B,kBAAc,cAAc,gBAAgB,gBAAgB;AAAA,KAC3D,CAAC,gBAAgB,OAAO,IAAI,WAAW,eAAe;AAEzD,YAAU,MAAM;AACd,UAAM,yBAAyB;AAC/B,UAAM,qBAAqB;AAC3B,UAAM,YAAY,MAAM;AACtB,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,WAAW;AACrC,eAAS,iBAAiB,YAAY;AAAA;AAExC,UAAM,eAAe,MAAM;AACzB,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,WAAW;AACxC,eAAS,oBAAoB,YAAY;AAAA;AAG3C,QAAI;AAAY;AAAA;AACX;AAGL,WAAO;AAAA,KACN,CAAC,YAAY,iBAAiB;AAEjC,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA,MAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/Headers/RequiredDot.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-const RequiredDot = () => /* @__PURE__ */ React2.createElement("svg", {
-  height: "4",
-  width: "4",
-  style: { marginBottom: "6px", marginLeft: "4px" }
-}, /* @__PURE__ */ React2.createElement("circle", {
-  cx: "2",
-  cy: "2",
-  r: "2",
-  fill: "red"
-}));
-export {
-  RequiredDot
-};
-//# sourceMappingURL=RequiredDot.js.map

package/dist/esm/parts/Headers/RequiredDot.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/RequiredDot.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const RequiredDot: React.ComponentType = () => (\n  <svg height=\"4\" width=\"4\" style={{ marginBottom: '6px', marginLeft: '4px' }}>\n    <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"red\" />\n  </svg>\n);\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAmC,MAC9C,qCAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI,OAAO,EAAE,cAAc,OAAO,YAAY;AAAA,GAClE,qCAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,MAAK;AAAA;",
-  "names": []
-}

package/dist/esm/parts/Headers/index.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { StyledHeadWrapper, StyledHeadTr } from "../../styled";
-import { DataTableContext } from "../../DataTableContext";
-import { withConditionalDnDColumnContext } from "../HoC/withConditionalDnDColumnContext";
-import { HeaderCellGroup } from "./HeaderCellGroup";
-import { SortableHeaderCell } from "../SortableHeaderCell";
-const HeadersComp = () => {
-  const {
-    tableProps: { isExpandable, colsLayoutStyle },
-    layoutHelpers: { gridLayout, totalColumnsWidth },
-    columnHeaderRef,
-    visibleColumns
-  } = useContext(DataTableContext);
-  const HeadersCells = useMemo(() => /* @__PURE__ */ React2.createElement(SortableHeaderCell, {
-    items: visibleColumns
-  }, /* @__PURE__ */ React2.createElement(StyledHeadTr, {
-    role: "row",
-    cols: gridLayout,
-    colsLayoutStyle,
-    isExpandable
-  }, visibleColumns.map((h, index) => /* @__PURE__ */ React2.createElement(HeaderCellGroup, {
-    header: h,
-    key: h.id,
-    isLast: index === visibleColumns.length - 1
-  })))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
-  const PureHeaders = useMemo(() => /* @__PURE__ */ React2.createElement(StyledHeadWrapper, {
-    totalColumnsWidth,
-    colsLayoutStyle,
-    ref: columnHeaderRef
-  }, HeadersCells), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
-  return PureHeaders;
-};
-const Headers = withConditionalDnDColumnContext(HeadersComp);
-var Headers_default = Headers;
-export {
-  Headers,
-  Headers_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/Headers/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { StyledHeadWrapper, StyledHeadTr } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext';\nimport { HeaderCellGroup } from './HeaderCellGroup';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\n\nconst HeadersComp = (): JSX.Element => {\n  const {\n    tableProps: { isExpandable, colsLayoutStyle },\n    layoutHelpers: { gridLayout, totalColumnsWidth },\n    columnHeaderRef,\n    visibleColumns,\n  } = useContext(DataTableContext);\n  const HeadersCells = useMemo(\n    () => (\n      <SortableHeaderCell items={visibleColumns}>\n        <StyledHeadTr role=\"row\" cols={gridLayout} colsLayoutStyle={colsLayoutStyle} isExpandable={isExpandable}>\n          {visibleColumns.map((h: TypescriptColumn, index) => (\n            <HeaderCellGroup header={h} key={h.id} isLast={index === visibleColumns.length - 1} />\n          ))}\n        </StyledHeadTr>\n      </SortableHeaderCell>\n    ),\n    [isExpandable, visibleColumns, gridLayout, colsLayoutStyle],\n  );\n\n  const PureHeaders = useMemo(\n    () => (\n      <StyledHeadWrapper totalColumnsWidth={totalColumnsWidth} colsLayoutStyle={colsLayoutStyle} ref={columnHeaderRef}>\n        {HeadersCells}\n      </StyledHeadWrapper>\n    ),\n    [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells],\n  );\n  return PureHeaders;\n};\n\nexport const Headers = withConditionalDnDColumnContext(HeadersComp);\nexport default Headers;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,cAAc,MAAmB;AACrC,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B,eAAe,EAAE,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,eAAe,QACnB,MACE,qCAAC,oBAAD;AAAA,IAAoB,OAAO;AAAA,KACzB,qCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,IAAkC;AAAA,KAC1E,eAAe,IAAI,CAAC,GAAqB,UACxC,qCAAC,iBAAD;AAAA,IAAiB,QAAQ;AAAA,IAAG,KAAK,EAAE;AAAA,IAAI,QAAQ,UAAU,eAAe,SAAS;AAAA,SAKzF,CAAC,cAAc,gBAAgB,YAAY;AAG7C,QAAM,cAAc,QAClB,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAsC;AAAA,IAAkC,KAAK;AAAA,KAC7F,eAGL,CAAC,mBAAmB,iBAAiB,iBAAiB;AAExD,SAAO;AAAA;AAGF,MAAM,UAAU,gCAAgC;AACvD,IAAO,kBAAQ;",
-  "names": []
-}

package/dist/esm/parts/Headers/useHeaderCellConfig.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-const useHeaderCellConfig = ({
-  column,
-  dragAndDropColumns,
-  draggableProps,
-  reduxHeader,
-  isDragOverlay
-}) => {
-  const hasFilter = !!(column.filter || column.Filter);
-  const hasDnD = dragAndDropColumns && !column.disableDnD;
-  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === "boolean";
-  const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);
-  const isDragging = draggableProps && draggableProps.isDragging;
-  const shouldShowDnD = hasDnD && (reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay);
-  const hCols = ["auto"];
-  if (hasRightIcons)
-    hCols.push("min-content");
-  if (shouldShowDnD)
-    hCols.unshift("min-content");
-  return {
-    hasFilter,
-    hasDnD,
-    hasSortingCaret,
-    hasRightIcons,
-    isDragging,
-    hCols,
-    shouldShowDnD
-  };
-};
-export {
-  useHeaderCellConfig
-};
-//# sourceMappingURL=useHeaderCellConfig.js.map

package/dist/esm/parts/Headers/useHeaderCellConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/useHeaderCellConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { TypescriptColumn } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\n\ntype useHeaderCellConfigType = (\n  args: {\n    column: TypescriptColumn;\n    dragAndDropColumns: boolean;\n    reduxHeader: { showDnDHandle: boolean };\n    isDragOverlay: boolean;\n  } & SortableItemContextType,\n) => {\n  hasFilter: boolean;\n  hasDnD: boolean;\n  hasSortingCaret: boolean;\n  hasRightIcons: boolean;\n  isDragging: boolean;\n  shouldShowDnD: boolean;\n  hCols: string[];\n};\n\nexport const useHeaderCellConfig: useHeaderCellConfigType = ({\n  column,\n  dragAndDropColumns,\n  draggableProps,\n  reduxHeader,\n  isDragOverlay,\n}) => {\n  const hasFilter = !!(column.filter || column.Filter);\n\n  const hasDnD = dragAndDropColumns && !column.disableDnD;\n\n  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';\n\n  const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);\n\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  const shouldShowDnD =\n    hasDnD &&\n    ((reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active) ||\n      (draggableProps && draggableProps.isDragging) ||\n      isDragOverlay);\n\n  // Column definition\n  const hCols = ['auto'];\n  if (hasRightIcons) hCols.push('min-content');\n  if (shouldShowDnD) hCols.unshift('min-content');\n\n  return {\n    hasFilter,\n    hasDnD,\n    hasSortingCaret,\n    hasRightIcons,\n    isDragging,\n    hCols,\n    shouldShowDnD,\n  };\n};\n"],
-  "mappings": "AAAA;ACqBO,MAAM,sBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,CAAE,QAAO,UAAU,OAAO;AAE7C,QAAM,SAAS,sBAAsB,CAAC,OAAO;AAE7C,QAAM,kBAAkB,OAAO,WAAW,OAAO,OAAO,iBAAiB;AAEzE,QAAM,gBAAgB,CAAC,iBAAkB,oBAAmB;AAE5D,QAAM,aAAa,kBAAkB,eAAe;AAEpD,QAAM,gBACJ,UACE,cAAa,iBAAiB,kBAAkB,CAAC,eAAe,UAC/D,kBAAkB,eAAe,cAClC;AAGJ,QAAM,QAAQ,CAAC;AACf,MAAI;AAAe,UAAM,KAAK;AAC9B,MAAI;AAAe,UAAM,QAAQ;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}