@elliemae/ds-data-table 3.70.0-next.6 → 3.70.0-next.60

package/dist/types/configs/constants.d.ts

@@ -9,6 +9,8 @@ export declare const DropIndicatorPosition: {
     readonly After: "after";
     readonly Inside: "inside";
 };
+export declare const DEFAULT_MIN_COLUMN_WIDTH = 30;
+export declare const DEFAULT_MAX_COLUMN_WIDTH = 600;
 export declare const DATA_TESTID: {
     readonly DATA_TABLE_WRAPPER: "data-table-wrapper";
     readonly DATA_TABLE_GLOBAL_EXPAND_CELL: "data-table-global-expand-cell";

package/dist/types/constants/index.d.ts

@@ -15,6 +15,7 @@ export declare const DATA_TABLE_SLOTS: {
     readonly RESIZER: "resizer";
     readonly ACTION_CELL: "action-cell";
     readonly EXPAND_CELL_CONTAINER: "expand-cell-container";
+    readonly GLOBAL_CHECKBOX_CONTAINER: "global-checkbox-container";
     readonly SINGLE_CELL_CONTAINER: "single-cell-container";
     readonly DRAG_AND_DROP_GRIPPER: "drag-and-drop-gripper";
     readonly TEXT_EDITABLE_CELL_INPUT: "text-editable-cell-input";
@@ -112,6 +113,7 @@ export declare const DATA_TABLE_DATA_TESTID: {
     EMPTY_HEADER: "ds-datatable-empty-header";
     RESIZER: "ds-datatable-resizer";
     ACTION_CELL: "ds-datatable-action-cell";
+    GLOBAL_CHECKBOX_CONTAINER: "ds-datatable-global-checkbox-container";
     SINGLE_CELL_CONTAINER: "ds-datatable-single-cell-container";
     TEXT_EDITABLE_CELL_INPUT: "ds-datatable-text-editable-cell-input";
     FILTER_POPOVER_CONTENT: "ds-datatable-filter-popover-content";
@@ -153,6 +155,7 @@ export declare const DSDataTableSlots: {
     readonly RESIZER: "resizer";
     readonly ACTION_CELL: "action-cell";
     readonly EXPAND_CELL_CONTAINER: "expand-cell-container";
+    readonly GLOBAL_CHECKBOX_CONTAINER: "global-checkbox-container";
     readonly SINGLE_CELL_CONTAINER: "single-cell-container";
     readonly DRAG_AND_DROP_GRIPPER: "drag-and-drop-gripper";
     readonly TEXT_EDITABLE_CELL_INPUT: "text-editable-cell-input";
@@ -250,6 +253,7 @@ export declare const DSDataTableDataTestIds: {
     EMPTY_HEADER: "ds-datatable-empty-header";
     RESIZER: "ds-datatable-resizer";
     ACTION_CELL: "ds-datatable-action-cell";
+    GLOBAL_CHECKBOX_CONTAINER: "ds-datatable-global-checkbox-container";
     SINGLE_CELL_CONTAINER: "ds-datatable-single-cell-container";
     TEXT_EDITABLE_CELL_INPUT: "ds-datatable-text-editable-cell-input";
     FILTER_POPOVER_CONTENT: "ds-datatable-filter-popover-content";

package/dist/types/exported-related/Skeleton/SkeletonCell.d.ts

@@ -1 +1,2 @@
-export declare const SkeletonCell: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const SkeletonCell: () => React.JSX.Element;

package/dist/types/exported-related/Skeleton/SkeletonHeaderCell.d.ts

@@ -1 +1,2 @@
-export declare const SkeletonHeaderCell: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const SkeletonHeaderCell: () => React.JSX.Element;

package/dist/types/parts/Headers/HeaderCellGroup.d.ts

@@ -9,5 +9,5 @@ interface HeaderCellGroupCompProps {
     level?: number;
 }
 export declare const HeaderCellGroup: React.FunctionComponent<HeaderCellGroupCompProps>;
-export declare const HeaderCellGroupSortable: (props: HeaderCellGroupCompProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const HeaderCellGroupSortable: (props: HeaderCellGroupCompProps) => React.JSX.Element;
 export {};

package/dist/types/parts/Headers/buildScreenReaderInstructions.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Builds the screen-reader instructions announced for a column header (via the header's
+ * aria-describedby).
+ *
+ * Draggable, filterable and resizable share the SAME activation — pressing Enter on the focused
+ * header reveals and focuses those controls (see useHeaderCellHandlers onKeyDown) — so they are
+ * announced together as a single grammatical list with ONE "press the enter key" instruction, for
+ * any combination/permutation, instead of repeating the instruction per affordance.
+ *
+ * Sorting is a distinct interaction (Up / Down arrow keys directly on the header, no Enter), so it
+ * gets its own sentence. Wording pending a11y SME review.
+ */
+export declare const buildScreenReaderInstructions: ({ colSpan, draggable, filterable, sortable, resizable, }: {
+    colSpan: number;
+    draggable: boolean;
+    filterable: boolean;
+    sortable: boolean;
+    resizable: boolean;
+}) => string;

package/dist/types/parts/Headers/useHeaderResizer.d.ts

@@ -4,6 +4,7 @@ export declare const useHeaderResizer: ({ columnId, innerRef, }: {
     innerRef: React.MutableRefObject<HTMLInputElement | null>;
 }) => {
     isResizing: boolean;
+    columnWidth: number | undefined;
     onResizeStart: () => void;
     onResizeEnd: () => void;
     onResizeHandler: (e: MouseEvent | TouchEvent) => void;

package/dist/types/parts/HoC/withConditionalDnDSortableContext.d.ts

@@ -4,5 +4,5 @@ interface Props {
     items: DSDataTableT.InternalColumn[];
     isDragOverlay: boolean;
 }
-export declare const withConditionalDnDSortableContext: <T>(Component: React.ComponentType<T>) => (props: T & React.JSX.IntrinsicAttributes & Props) => import("react/jsx-runtime.js").JSX.Element;
+export declare const withConditionalDnDSortableContext: <T>(Component: React.ComponentType<T>) => (props: T & React.JSX.IntrinsicAttributes & Props) => React.JSX.Element;
 export {};

package/dist/types/parts/HoC/withDnDSortableColumnContext.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import type { DSDataTableT } from '../../react-desc-prop-types.js';
 export declare const withDnDSortableColumnContext: <T extends {
     header: DSDataTableT.InternalColumn;
-}>(Component: React.ComponentType<T>) => (props: T) => import("react/jsx-runtime.js").JSX.Element;
+}>(Component: React.ComponentType<T>) => (props: T) => React.JSX.Element;

package/dist/types/parts/HoC/withDnDSortableRowContext.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import type { DSDataTableT } from '../../react-desc-prop-types.js';
 export declare const withDnDSortableRowContext: <T extends {
     row: DSDataTableT.InternalRow;
-}>(Component: React.ComponentType<T>) => (props: T) => import("react/jsx-runtime.js").JSX.Element;
+}>(Component: React.ComponentType<T>) => (props: T) => React.JSX.Element;

package/dist/types/parts/Loader.d.ts

@@ -1 +1 @@
-export declare const MemoizedLoader: import("react").MemoExoticComponent<() => import("react/jsx-runtime.js").JSX.Element>;
+export declare const MemoizedLoader: import("react").MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/types/parts/Row.d.ts

@@ -11,5 +11,5 @@ declare const RowWithContext: (props: {
     measureRef?: (el: HTMLElement | null) => void;
     itemWrapperStyle?: React.CSSProperties;
     isDragOverlay: boolean;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => React.JSX.Element;
 export { RowWithContext };

package/dist/types/parts/SkeletonTable.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const SkeletonTable: React.MemoExoticComponent<({ height }: {
     height: string;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => React.JSX.Element>;

package/dist/types/parts/TableContent.d.ts

@@ -1 +1,2 @@
-export declare const TableContent: () => import("react/jsx-runtime.js").JSX.Element;
+import React from 'react';
+export declare const TableContent: () => React.JSX.Element;

package/dist/types/parts/VirtualRowsList.d.ts

@@ -1 +1,2 @@
-export declare const VirtualRowsList: () => import("react/jsx-runtime.js").JSX.Element;
+import React from 'react';
+export declare const VirtualRowsList: () => React.JSX.Element;

package/dist/types/react-desc-prop-types.d.ts

@@ -16,6 +16,7 @@ export declare namespace DSDataTableT {
         focusedRowId: string | null;
         isShiftPressed: boolean;
         reduxHeaders: Record<string, ReduxHeader>;
+        hoveredColumnId: string | null;
         isHeaderCellDragging: boolean;
     };
     export type UseAutoCalculatedT = {
@@ -26,6 +27,9 @@ export declare namespace DSDataTableT {
          */
         visibleRangeRef: React.MutableRefObject<Range>;
         columnHeaderRef: React.MutableRefObject<HTMLDivElement | null>;
+        columnHeaderCallbackRef: (node: HTMLDivElement | null) => void;
+        /** Sticky header height (px) — drives both useVirtual paddingStart and the scroll container's scroll-padding-top (PUI-18626). */
+        headerHeightPx: number;
         virtualListRef: React.MutableRefObject<HTMLDivElement | null>;
         flattenedData: InternalRow[];
         allDataFlattened: InternalRow[];
@@ -46,6 +50,8 @@ export declare namespace DSDataTableT {
     export type Reducers = {
         patchHeader: (headerId: string, newHeader: Partial<ReduxHeader>) => void;
         patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;
+        resetAllHeadersExcept: (exceptHeaderId: string) => void;
+        closeFilterMenuIfOpen: (headerId: string) => void;
     };
     export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;
     export interface Filter {
@@ -194,6 +200,7 @@ export declare namespace DSDataTableT {
         canResize?: boolean;
         isFocuseable?: boolean;
         textWrap?: 'wrap' | 'wrap-all' | 'truncate';
+        pillLabel?: string;
         ref?: React.MutableRefObject<HTMLTableColElement | null>;
         required?: boolean;
         cellStyle?: React.CSSProperties;
@@ -288,9 +295,13 @@ export declare namespace DSDataTableT {
         setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;
         focusedRowId: string | null;
         setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;
+        hoveredColumnId: string | null;
+        setHoveredColumnId: React.Dispatch<React.SetStateAction<string | null>>;
         reduxHeaders: Record<string, ReduxHeader>;
         patchHeader: (headerId: string, newHeader: ReduxHeader) => void;
         patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;
+        resetAllHeadersExcept: (exceptHeaderId: string) => void;
+        closeFilterMenuIfOpen: (headerId: string) => void;
         isShiftPressed: boolean;
         setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;
         lastSelected: React.MutableRefObject<number>;

package/dist/types/styled.d.ts

@@ -19,6 +19,7 @@ export declare const StyledTableContentWrapper: import("styled-components").Styl
 export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     gridLayout: string[];
     totalColumnsWidth: string | number;
+    headerHeightPx: number;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledHeadWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     colsLayoutStyle: string;
@@ -40,7 +41,7 @@ export declare const StyledCell: import("styled-components").StyledComponent<"di
     column: DSDataTableT.InternalColumn;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledCellContent: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element>, never>;
+export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react").JSX.Element, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react").JSX.Element>, never>;
 export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     shouldDisplayEditIcon?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "3.70.0-next.6",
+  "version": "3.70.0-next.60",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "files": [
@@ -41,46 +41,46 @@
     "react-virtual": "~2.10.4",
     "uid": "^2.0.2",
     "use-onclickoutside": "0.4.1",
-    "@elliemae/ds-button-v2": "3.70.0-next.6",
-    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.6",
-    "@elliemae/ds-drag-and-drop": "3.70.0-next.6",
-    "@elliemae/ds-dialog": "3.70.0-next.6",
-    "@elliemae/ds-dropdownmenu-v2": "3.70.0-next.6",
-    "@elliemae/ds-floating-context": "3.70.0-next.6",
-    "@elliemae/ds-form-checkbox": "3.70.0-next.6",
-    "@elliemae/ds-form-date-range-picker": "3.70.0-next.6",
-    "@elliemae/ds-form-combobox": "3.70.0-next.6",
-    "@elliemae/ds-form-date-time-picker": "3.70.0-next.6",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.6",
-    "@elliemae/ds-form-radio": "3.70.0-next.6",
-    "@elliemae/ds-grid": "3.70.0-next.6",
-    "@elliemae/ds-hooks-focus-trap": "3.70.0-next.6",
-    "@elliemae/ds-menu-button": "3.70.0-next.6",
-    "@elliemae/ds-form-input-text": "3.70.0-next.6",
-    "@elliemae/ds-form-layout-blocks": "3.70.0-next.6",
-    "@elliemae/ds-icons": "3.70.0-next.6",
-    "@elliemae/ds-pagination": "3.70.0-next.6",
-    "@elliemae/ds-pills-v2": "3.70.0-next.6",
-    "@elliemae/ds-props-helpers": "3.70.0-next.6",
-    "@elliemae/ds-skeleton": "3.70.0-next.6",
-    "@elliemae/ds-system": "3.70.0-next.6",
-    "@elliemae/ds-zustand-helpers": "3.70.0-next.6",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.6"
+    "@elliemae/ds-button-v2": "3.70.0-next.60",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-next.60",
+    "@elliemae/ds-drag-and-drop": "3.70.0-next.60",
+    "@elliemae/ds-dialog": "3.70.0-next.60",
+    "@elliemae/ds-floating-context": "3.70.0-next.60",
+    "@elliemae/ds-dropdownmenu-v2": "3.70.0-next.60",
+    "@elliemae/ds-form-checkbox": "3.70.0-next.60",
+    "@elliemae/ds-form-combobox": "3.70.0-next.60",
+    "@elliemae/ds-form-date-range-picker": "3.70.0-next.60",
+    "@elliemae/ds-form-date-time-picker": "3.70.0-next.60",
+    "@elliemae/ds-form-input-text": "3.70.0-next.60",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.60",
+    "@elliemae/ds-form-radio": "3.70.0-next.60",
+    "@elliemae/ds-form-layout-blocks": "3.70.0-next.60",
+    "@elliemae/ds-grid": "3.70.0-next.60",
+    "@elliemae/ds-menu-button": "3.70.0-next.60",
+    "@elliemae/ds-hooks-focus-trap": "3.70.0-next.60",
+    "@elliemae/ds-pagination": "3.70.0-next.60",
+    "@elliemae/ds-icons": "3.70.0-next.60",
+    "@elliemae/ds-props-helpers": "3.70.0-next.60",
+    "@elliemae/ds-pills-v2": "3.70.0-next.60",
+    "@elliemae/ds-system": "3.70.0-next.60",
+    "@elliemae/ds-skeleton": "3.70.0-next.60",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.60",
+    "@elliemae/ds-zustand-helpers": "3.70.0-next.60"
   },
   "devDependencies": {
     "jest": "^30.0.0",
-    "styled-components": "~5.3.9",
+    "styled-components": "~5.3.11",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.6",
-    "@elliemae/ds-tabs": "3.70.0-next.6",
-    "@elliemae/ds-test-utils": "3.70.0-next.6",
-    "@elliemae/ds-toolbar-v2": "3.70.0-next.6"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.60",
+    "@elliemae/ds-tabs": "3.70.0-next.60",
+    "@elliemae/ds-toolbar-v2": "3.70.0-next.60",
+    "@elliemae/ds-test-utils": "3.70.0-next.60"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9",
+    "styled-components": "~5.3.11",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {
@@ -96,4 +96,4 @@
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}

package/skills/ds-data-table-slots/SKILL.md

@@ -50,9 +50,17 @@ ROOT (dsDatatableRoot) · div
     │           │               ├── EXPAND_CELL_CONTAINER (dsDatatableExpandCellContainer) · span[role="button"]
     │           │               │   present in: the expand column header cell only
     │           │               └── RESIZER (dsDatatableResizer)  ← isResizeable=true only
-    │           │                   prop: dsDatatableResizer  ·  wraps DSInputText
-    │           │                   DSInputText root shows dsInputtextRoot  ·  data-dimsum-slot="dsDatatableResizer"
-    │           │                   and data-testid="ds-datatable-resizer" land on the inner input element
+    │           │                   styled(DSInputText, { slot: RESIZER }) — DSInputText consumes the
+    │           │                   slot prop internally and does NOT emit data-dimsum-slot="dsDatatableResizer"
+    │           │                   on any wrapper element. Only the inner <input type="range"> is visible:
+    │           │                   • inner <input> → data-testid="ds-datatable-resizer"
+    │           │                     data-dimsum-slot="dsInputtextInput"
+    │           │                     data-dimsum-parent-slot="dsDatatableResizer"
+    │           │                   Bounded aria-valuenow/valuemin/valuemax/valuetext + native value/min/max
+    │           │                   (minWidth/maxWidth, default 30/600px); name via aria-labelledby (sr-only
+    │           │                   span); operating instruction via aria-describedby. aria-hidden until the
+    │           │                   header is entered (aria-hidden ⟺ tabIndex -1) so it stays out of the header's
+    │           │                   announcement. Supports keyboard resizing via arrow keys. See docs → "DataTable — Column Resizer Accessibility".
     │           │
     │           ├── LOADER_WRAPPER (dsDatatableLoaderWrapper) · div[role="row"]
     │           │   present when: isLoading=true  (sibling of HEAD_WRAPPER)

package/dist/cjs/exported-related/FilterPopover/useOnClickOutside.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/exported-related/FilterPopover/useOnClickOutside.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect } from 'react';\n\nexport function useOnClickOutside<T extends Node>(ref: T | null, cb: (event: Event) => void): void {\n  const cbRef = React.useRef(cb);\n\n  useEffect(() => {\n    cbRef.current = cb;\n  }, [cb]);\n\n  useEffect(() => {\n    if (!ref) {\n      return () => {};\n    }\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n\n      if (ref.contains(target)) return;\n\n      cbRef.current(event);\n    };\n\n    document.addEventListener('mousedown', listener, true);\n    document.addEventListener('touchstart', listener, true);\n\n    return () => {\n      document.removeEventListener('mousedown', listener, true);\n      document.removeEventListener('touchstart', listener, true);\n    };\n  }, [ref]);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AAE1B,SAAS,kBAAkC,KAAe,IAAkC;AACjG,QAAM,QAAQ,aAAAA,QAAM,OAAO,EAAE;AAE7B,8BAAU,MAAM;AACd,UAAM,UAAU;AAAA,EAClB,GAAG,CAAC,EAAE,CAAC;AAEP,8BAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,UAAM,WAAW,CAAC,UAAmC;AACnD,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AAEb,UAAI,IAAI,SAAS,MAAM,EAAG;AAE1B,YAAM,QAAQ,KAAK;AAAA,IACrB;AAEA,aAAS,iBAAiB,aAAa,UAAU,IAAI;AACrD,aAAS,iBAAiB,cAAc,UAAU,IAAI;AAEtD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,UAAU,IAAI;AACxD,eAAS,oBAAoB,cAAc,UAAU,IAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;",
-  "names": ["React"]
-}

package/dist/esm/exported-related/FilterPopover/useOnClickOutside.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import React2, { useEffect } from "react";
-function useOnClickOutside(ref, cb) {
-  const cbRef = React2.useRef(cb);
-  useEffect(() => {
-    cbRef.current = cb;
-  }, [cb]);
-  useEffect(() => {
-    if (!ref) {
-      return () => {
-      };
-    }
-    const listener = (event) => {
-      const target = event.target;
-      if (!target) return;
-      if (ref.contains(target)) return;
-      cbRef.current(event);
-    };
-    document.addEventListener("mousedown", listener, true);
-    document.addEventListener("touchstart", listener, true);
-    return () => {
-      document.removeEventListener("mousedown", listener, true);
-      document.removeEventListener("touchstart", listener, true);
-    };
-  }, [ref]);
-}
-export {
-  useOnClickOutside
-};
-//# sourceMappingURL=useOnClickOutside.js.map

package/dist/esm/exported-related/FilterPopover/useOnClickOutside.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterPopover/useOnClickOutside.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect } from 'react';\n\nexport function useOnClickOutside<T extends Node>(ref: T | null, cb: (event: Event) => void): void {\n  const cbRef = React.useRef(cb);\n\n  useEffect(() => {\n    cbRef.current = cb;\n  }, [cb]);\n\n  useEffect(() => {\n    if (!ref) {\n      return () => {};\n    }\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n\n      if (ref.contains(target)) return;\n\n      cbRef.current(event);\n    };\n\n    document.addEventListener('mousedown', listener, true);\n    document.addEventListener('touchstart', listener, true);\n\n    return () => {\n      document.removeEventListener('mousedown', listener, true);\n      document.removeEventListener('touchstart', listener, true);\n    };\n  }, [ref]);\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,iBAAiB;AAE1B,SAAS,kBAAkC,KAAe,IAAkC;AACjG,QAAM,QAAQA,OAAM,OAAO,EAAE;AAE7B,YAAU,MAAM;AACd,UAAM,UAAU;AAAA,EAClB,GAAG,CAAC,EAAE,CAAC;AAEP,YAAU,MAAM;AACd,QAAI,CAAC,KAAK;AACR,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAEA,UAAM,WAAW,CAAC,UAAmC;AACnD,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AAEb,UAAI,IAAI,SAAS,MAAM,EAAG;AAE1B,YAAM,QAAQ,KAAK;AAAA,IACrB;AAEA,aAAS,iBAAiB,aAAa,UAAU,IAAI;AACrD,aAAS,iBAAiB,cAAc,UAAU,IAAI;AAEtD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,UAAU,IAAI;AACxD,eAAS,oBAAoB,cAAc,UAAU,IAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;",
-  "names": ["React"]
-}

package/dist/types/exported-related/FilterPopover/useOnClickOutside.d.ts

@@ -1 +0,0 @@
-export declare function useOnClickOutside<T extends Node>(ref: T | null, cb: (event: Event) => void): void;

package/dist/types/tests/DSDataTable.exports.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSDataTable.get-owner-props-arguments-slots.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y/aria-label-customization.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y/aria-level.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y/internally-printed-ids.A11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y/number-of-cells-and-columnheader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y/out-of-the-box-filters.A11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/callbacks/editableCell.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/callbacks/header.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/callbacks/pagination.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/callbacks/row.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/data-testid/DSDataTable.data-testid.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/data-testid/Renderers.d.ts

@@ -1,36 +0,0 @@
-export function Basic({ isResizable }: {
-    isResizable?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export function DND(): import("react/jsx-runtime").JSX.Element;
-export function EmptyState(): import("react/jsx-runtime").JSX.Element;
-export function Expandable(): import("react/jsx-runtime").JSX.Element;
-export function Paginated(): import("react/jsx-runtime").JSX.Element;
-export function WithToolbar(): import("react/jsx-runtime").JSX.Element;
-export function FilterBarDropdownMenuWithProps(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace filterBarPropsConfig {
-    export { FilterBarDropdownMenuWithProps as filterBarAddonRenderer };
-}
-export const mockColumnsFiltered: ({
-    Header: string;
-    accessor: string;
-    filter: any;
-    filterOptions?: undefined;
-} | {
-    Header: string;
-    accessor: string;
-    filter: any;
-    filterOptions: {
-        dsId: string;
-        type: string;
-        value: string;
-        label: string;
-    }[];
-} | {
-    Header: string;
-    accessor: string;
-    filter?: undefined;
-    filterOptions?: undefined;
-})[];
-export function Filtered({ customAttributes }: {
-    customAttributes: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/tests/filters/DSDatatable.PUI-17318.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/filters/combobox-filter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/filters/currency-range-filter-PUI-12735.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/filters/free-text-search-filter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/dragAndDropColumns.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/dragAndDropRows.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/expandable.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/grouped.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/masterDetails.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/navigation.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/selectMultiple.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/selectSingle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/keyboard/sort.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/playwright/DSDataTable.ControlledFilterTestRenderer.d.ts

@@ -1,2 +0,0 @@
-export const ControlledFilterTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
-import React from 'react';

package/dist/types/tests/playwright/DSDataTable.ControlledHiddenPanelTestRenderer.d.ts

@@ -1 +0,0 @@
-export const HiddenPanelTestRenderer: import("react").FunctionComponent<import("react").JSX.IntrinsicAttributes>;

package/dist/types/tests/playwright/DSDataTable.ControlledSortTestRenderer.d.ts

@@ -1,2 +0,0 @@
-export const ControlledSortTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
-import React from 'react';

package/dist/types/tests/playwright/DSDataTable.slot-contracts-dynamic.test.playwright.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/playwright/DSDataTable.test.playwright.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/playwright/DSDataTableDropIndicatorTestRenderer.d.ts

@@ -1 +0,0 @@
-export function DropIndicatorTestRenderer(): import("react/jsx-runtime.js").JSX.Element;

package/dist/types/tests/playwright/GenericExampleTable.d.ts

@@ -1 +0,0 @@
-export function GenericExampleTable(): import("react/jsx-runtime").JSX.Element;

package/dist/types/tests/render/cellStyle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/render/empty-state.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/render/selectMultiple.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/render/toolbar.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/utils/index.d.ts

@@ -1,65 +0,0 @@
-export function genColumns(canSort?: boolean): ({
-    Header: string;
-    accessor: string;
-    canSort: boolean;
-} | {
-    Header: string;
-    accessor: string;
-    canSort?: undefined;
-})[];
-export function genRowsFixId(n: any): {
-    id: any;
-    name: string;
-    position: string;
-    country: string;
-    salary: string;
-    singleDate: string;
-    dateRange: string;
-    uid: string;
-}[];
-export function genRows(n: any): {
-    id: any;
-    name: string;
-    position: string;
-    country: string;
-    salary: string;
-    singleDate: string;
-    dateRange: string;
-    uid: string;
-}[];
-export function genExpandableRows(n: any): {
-    id: any;
-    name: string;
-    position: string;
-    country: string;
-    salary: string;
-    singleDate: string;
-    dateRange: string;
-    myUniqueRowAccessor: string;
-}[];
-export function genMasterDetailRows(n: any): {
-    id: any;
-    name: string;
-    position: string;
-    country: string;
-    salary: string;
-    singleDate: string;
-    dateRange: string;
-    myUniqueRowAccessor: string;
-    tableRowDetails: () => string;
-}[];
-export function genGroupedRows(n: any): {
-    dimsumHeaderValue: any;
-    row_variant_type: string;
-    subRows: {
-        id: any;
-        name: string;
-        position: string;
-        country: string;
-        salary: string;
-        singleDate: string;
-        dateRange: string;
-        uid: string;
-    }[];
-    uid: string;
-}[];