@elliemae/ds-data-table 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/parts/FilterBar/components/DateSwitcherPill.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
-const format = (value) => value?.replace(/-/g, "/");
-const DateSwitcherPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = useCallback(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
-  }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value?.startDate && value?.endDate ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "removable",
-    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
-};
-export {
-  DateSwitcherPill
-};
-//# sourceMappingURL=DateSwitcherPill.js.map

package/dist/esm/parts/FilterBar/components/DateSwitcherPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateSwitcherPill: FilterPillComponent<{ startDate: string; endDate: string; isDateRange: boolean }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate)}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGA,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM;AAEhD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,OAAO,aAAa,OAAO,UAChC,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM,aAAa,OAAO,MAAM;AAAA,IAClG,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/components/MultiSelectPill.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
-const MultiSelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const multiSelectedValue = value;
-  const handleOnRemove = useCallback((valToRemove) => {
-    const newFilters = [...filters];
-    const filterIndex = newFilters.findIndex((filter) => filter.id === column);
-    newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);
-    if (newFilters[filterIndex].value.length === 0) {
-      if (prevRef?.current)
-        prevRef.current.focus();
-      else
-        nextRef.current?.focus();
-      newFilters.splice(filterIndex, 1);
-    }
-    onFiltersChange(newFilters);
-  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
-  return multiSelectedValue?.length ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ React2.createElement(DSPillV2, {
-    key: val.dsId,
-    type: "removable",
-    label: val.label,
-    onRemove: () => handleOnRemove(val),
-    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-  }))) : null;
-};
-export {
-  MultiSelectPill
-};
-//# sourceMappingURL=MultiSelectPill.js.map

package/dist/esm/parts/FilterBar/components/MultiSelectPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent, FilterOptionT } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<FilterOptionT[]> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const multiSelectedValue = value as FilterOptionT[];\n  const handleOnRemove = useCallback(\n    (valToRemove) => {\n      const newFilters = [...filters];\n      const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n      newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);\n      if (newFilters[filterIndex].value.length === 0) {\n        if (prevRef?.current) prevRef.current.focus();\n        else nextRef.current?.focus();\n        newFilters.splice(filterIndex, 1);\n      }\n      onFiltersChange(newFilters);\n    },\n    [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef],\n  );\n  return multiSelectedValue?.length ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      {multiSelectedValue.map((val, index) => (\n        <DSPillV2\n          key={val.dsId}\n          type=\"removable\"\n          label={val.label}\n          onRemove={() => handleOnRemove(val)}\n          innerRef={index === multiSelectedValue.length - 1 ? innerRef : {}}\n        />\n      ))}\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB,YACrB,CAAC,gBAAgB;AACf,UAAM,aAAa,CAAC,GAAG;AACvB,UAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO;AACnE,eAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY;AAC5F,QAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,UAAI,SAAS;AAAS,gBAAQ,QAAQ;AAAA;AACjC,gBAAQ,SAAS;AACtB,iBAAW,OAAO,aAAa;AAAA;AAEjC,oBAAgB;AAAA,KAElB,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS;AAElE,SAAO,oBAAoB,SACzB,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC7B,mBAAmB,IAAI,CAAC,KAAK,UAC5B,qCAAC,UAAD;AAAA,IACE,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe;AAAA,IAC/B,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW;AAAA,SAInE;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/components/NumberRangePill.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
-const NumberRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = useCallback(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
-  }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "removable",
-    label: `${value.from} - ${value.to}`,
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
-};
-export {
-  NumberRangePill
-};
-//# sourceMappingURL=NumberRangePill.js.map

package/dist/esm/parts/FilterBar/components/NumberRangePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/NumberRangePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const NumberRangePill: FilterPillComponent<{ from: string; to: string }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, column, prevRef, nextRef]);\n\n  return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={`${value.from} - ${value.to}`} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,QAAQ,SAAS;AAE/C,SAAQ,QAAO,QAAQ,QAAQ,MAAO,QAAO,MAAM,QAAQ,KACzD,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAE3F;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/components/SelectPill.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
-const SelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = useCallback(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
-  }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "removable",
-    label: value.label,
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
-};
-export {
-  SelectPill
-};
-//# sourceMappingURL=SelectPill.js.map

package/dist/esm/parts/FilterBar/components/SelectPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SelectPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterOptionT, FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<FilterOptionT> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.label} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,QAEzE;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/components/SingleDatePill.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
-const SingleDatePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = useCallback(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
-  }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
-    type: "removable",
-    label: value.replace(/-/g, "/"),
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
-};
-export {
-  SingleDatePill
-};
-//# sourceMappingURL=SingleDatePill.js.map

package/dist/esm/parts/FilterBar/components/SingleDatePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SingleDatePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const SingleDatePill: FilterPillComponent<string> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.replace(/-/g, '/')} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAEtF;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/components/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-export * from "./DateRangePill";
-export * from "./DateSwitcherPill";
-export * from "./MultiSelectPill";
-export * from "./NumberRangePill";
-export * from "./SelectPill";
-export * from "./SingleDatePill";
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/FilterBar/components/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DateRangePill';\nexport * from './DateSwitcherPill';\nexport * from './MultiSelectPill';\nexport * from './NumberRangePill';\nexport * from './SelectPill';\nexport * from './SingleDatePill';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { FiltersBar } from "./FiltersBar";
-export {
-  FiltersBar
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FiltersBar } from './FiltersBar';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/styled.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-const StyledWrapper = styled(Grid)`
-  display: flex;
-  flex-wrap: wrap;
-  width: ${(props) => props.width};
-  align-items: center;
-  min-height: 33px; // height of the pills
-  padding: 0 ${(props) => props.theme.space.xxxs};
-`;
-const StyledDropdownMenu = styled(DSDropdownMenu)`
-  margin-left: auto;
-`;
-export {
-  StyledDropdownMenu,
-  StyledWrapper
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/parts/FilterBar/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledWrapper = styled(Grid)`\n  display: flex;\n  flex-wrap: wrap;\n  width: ${(props) => props.width};\n  align-items: center;\n  min-height: 33px; // height of the pills\n  padding: 0 ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledDropdownMenu = styled(DSDropdownMenu)`\n  margin-left: auto;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,WAGzB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGrC,MAAM,qBAAqB,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/FilterBar/types.js

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

package/dist/esm/parts/FilterBar/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

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": "AAAA;ACIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA,MAAM,gCAAgC,CAAC,SAAiB,WAAoB,YAAqB,aAAsB;AACrH,QAAM,UAAU,YAAY,IAAI,KAAK;AACrC,MAAI,CAAC,aAAa,CAAC,cAAc,CAAC;AAAU,WAAO;AAEnD,MAAI,UAAU,WACV,0GACA;AACJ,MAAI,aAAa,YAAY;AAC3B,cAAU,8FAA8F;AAAA,aAC/F,aAAa,YAAY;AAClC,cAAU,kBACR,YAAY,cAAc,iEACyB;AAAA;AAEvD,SAAO,GAAG,UAAU;AAAA;AAStB,yBAAyB,OAAO,UAAU;AACxC,SAAO;AAAA,IACL,aAAa,MAAM,UAAU,SAAS,OAAO;AAAA;AAAA;AAIjD,MAAM,YAAY,QAAQ;AAE1B,MAAM,iBAA8F,CAAC,UAAU;AAC7G,QAAM,EAAE,aAAa,QAAQ,eAAe,YAAY;AACxD,QAAM,MAAM,WAAW;AACvB,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc,oBAAoB,oBAAoB,iBAAiB,SAAS;AAAA,IAC9F;AAAA,MACE;AACJ,QAAM,EAAE,gBAAgB;AACxB,QAAM,gBAAgB,OAAuB;AAC7C,QAAM,gBAAgB,OAAuB;AAE7C,QAAM,EAAE,mBAAmB,WAAW;AAEtC,QAAM,EAAE,WAAW,QAAQ,iBAAiB,eAAe,eAAe,OAAO,eAAe,oBAAoB;AAAA,IAClH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,qBAAmB,YAAY;AAE/B,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC;AAAe,aAAO;AAC3B,WACE,qCAAC,+BAAD,MACE,qCAAC,eAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,UAAU;AAAA,QAEX,mBAAmB,qCAAC,aAAD;AAAA,MAAa,cAAc,OAAO;AAAA;AAAA,KAGzD,CAAC,eAAe,QAAQ,KAAK,iBAAiB,aAAa,SAAS;AAEvE,QAAM,qBAAqB,QACzB,MACE,qCAAC,MAAD;AAAA,IAAM,IAAG;AAAA,IAAM,YAAW;AAAA,IAAS,OAAO,EAAE,UAAU;AAAA,KACpD,qCAAC,mBAAD;AAAA,IAAmB,WAAW;AAAA,KAC5B,qCAAC,WAAD;AAAA,IACE,KAAK,OAAO;AAAA,IACZ,UAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,IAAI,OAAO;AAAA,IACX;AAAA,QAKR,CAAC,OAAO,IAAI,eAAe,YAAY,aAAa;AAGtD,QAAM,WAAW,sBAAsB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO;AAAA;AAGpB,SACE,qCAAC,cAAD;AAAA,IACE;AAAA,OACI;AAAA,IACJ,MAAM,YAAY,IAAI,iBAAiB;AAAA,IACvC;AAAA,IACA,oBAAkB,GAAG,OAAO;AAAA,IAE5B,aAAW,kBAAmB,OAAO,eAAe,eAAe,cAAe;AAAA,IAClF,eAAa,YAAY;AAAA,IACzB,iBAAiB,CAAC,CAAC,cAAc,IAAI,UAAU;AAAA,IAC/C,UAAU,OAAO,iBAAiB,QAAQ,KAAK;AAAA,IAC/C;AAAA,IACA,kBAAkB,kBAAkB,eAAe;AAAA,IACnD;AAAA,IACA,KAAK,OAAO;AAAA,KAEZ,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,IAAO,MAAM;AAAA,KACtB,iBAAiB,oBAClB,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAgB;AAAA,IAAU;AAAA,IAAgC;AAAA,MAC1E,YACA,gBAAgB,OAAO,cAAc,SAAS,qCAAC,eAAD;AAAA,IAAe;AAAA,OAEhE,qCAAC,QAAD;AAAA,IAAM,IAAI,GAAG,OAAO;AAAA,IAAmB,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KAC5E,8BACC,SACA,sBAAsB,OAAO,eAAe,MAC5C,WACA,OAAO;AAAA;AAOV,MAAM,aAAa,UAAU;",
-  "names": []
-}