@elliemae/ds-data-table 3.52.1 → 3.53.0-alpha.2

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

@@ -1,4 +1,3 @@
-import type { WeakValidationMap } from 'react';
 import type { Range, useVirtual } from 'react-virtual/types';
 import type { ZustandT } from '@elliemae/ds-zustand-helpers';
 import type { DSPaginationT } from '@elliemae/ds-pagination';
@@ -6,8 +5,9 @@ import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type { DnDKitTree, useSortable } from '@elliemae/ds-drag-and-drop';
 import type { DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';
 import type { DSComboboxT } from '@elliemae/ds-form-combobox';
+import { type DSPropTypesSchema, type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type DropIndicatorPosition, ColsLayoutStyle } from './configs/constants.js';
-import { DSDataTableName, DSDataTableSlots } from './DSDataTableDefinitions.js';
+import { DSDataTableName, DSDataTableSlots } from './constants/index.js';
 export declare namespace DSDataTableT {
     type PropsT<D, R, O> = Partial<D> & R & O;
     type InternalPropsT<D, R, O> = D & R & O;
@@ -16,6 +16,7 @@ export declare namespace DSDataTableT {
         focusedRowId: string | null;
         isShiftPressed: boolean;
         reduxHeaders: Record<string, ReduxHeader>;
+        isHeaderCellDragging: boolean;
     };
     export type UseAutoCalculatedT = {
         /**
@@ -38,6 +39,8 @@ export declare namespace DSDataTableT {
         };
         paginationHelpers: Pagination;
         lastSelected: React.MutableRefObject<number>;
+        bodyClientWidth: number | string;
+        setBodyClientWidth: React.Dispatch<React.SetStateAction<number | string>>;
     };
     export type Selectors = Record<string, never>;
     export type Reducers = {
@@ -77,15 +80,18 @@ export declare namespace DSDataTableT {
         label: string;
         value: string;
     }>;
+    export type FilterFnOutOfTheBoxFreeTextSearch = DSDataTableT.FilterFn<string>;
     export interface FilterItemProps {
         column: InternalColumn;
         filters: Filter[];
         onFiltersChange: (filters: Filter[]) => void;
         reduxHeader: ReduxHeader;
         innerRef: React.MutableRefObject<HTMLButtonElement | null>;
+        referenceColumn?: HTMLDivElement | null;
     }
     export interface FilterProps<T> {
         column: InternalColumn;
+        referenceColumn?: HTMLDivElement | null;
         onValueChange: (type: string, value: T | undefined) => void;
         patchHeaderFilterButtonAndMenu: (headerId: string, newState: boolean) => void;
         patchHeader: (headerId: string, newHeader: ReduxHeader) => void;
@@ -208,11 +214,13 @@ export declare namespace DSDataTableT {
         cells: Cell[];
     }
     export interface InternalColumn extends Column {
+        index?: number;
         id: string;
         parentId: string | null;
         depth: number;
         ref: React.MutableRefObject<HTMLTableColElement | null>;
         columns?: InternalColumn[];
+        persistFilterInputAfterSubmit?: boolean;
     }
     export interface CellRendererProps {
         row: InternalRow;
@@ -285,6 +293,8 @@ export declare namespace DSDataTableT {
         isShiftPressed: boolean;
         setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;
         lastSelected: React.MutableRefObject<number>;
+        isHeaderCellDragging: boolean;
+        setIsHeaderCellDragging: React.Dispatch<React.SetStateAction<boolean>>;
     }
     export interface DefaultProps {
         height: string;
@@ -373,7 +383,7 @@ export declare namespace DSDataTableT {
         }>;
         noResultsSecondaryMessage?: string;
         noResultsButtonLabel?: string;
-        noResultsPlaceholder?: TypescriptHelpersT.GenericFunc;
+        noResultsPlaceholder?: React.ReactElement;
         onNoResultsButtonClick?: TypescriptHelpersT.GenericFunc;
         onTableResize?: TypescriptHelpersT.GenericFunc;
         Pagination?: React.ComponentType<Record<string, never>>;
@@ -392,62 +402,9 @@ export declare namespace DSDataTableT {
     }
     export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps>;
     export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps>;
+    export type GetOwnerPropsT = () => ZustandT.PropsStore<DefaultProps & RequiredProps & OptionalProps & UseAutoCalculatedT>;
     export {};
 }
 export declare const defaultProps: () => DSDataTableT.DefaultProps;
-export declare const DSDataTablePropTypes: {
-    columns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    data: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    renderRowActions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isExpandable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    uniqueRowAccessor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    disabledRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    expandedRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowExpand: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    cellRendererProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    selectSingle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    selection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onSelectionChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    groupedRowsRenderHeader: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isResizeable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    filters: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    withFilterBar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    filterBarProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onFiltersChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    pagination: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    Pagination: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    colsLayoutStyle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    hiddenColumns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    dragAndDropRows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowsReorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    maxDragAndDropLevel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    dragAndDropColumns: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnsReorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getIsDropValid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    textWrap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsSecondaryMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsButtonLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noResultsPlaceholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isLoading: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSizeChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onRowFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onCellValueChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSortChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onColumnSort: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onTableResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    actionRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getRowVariant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    noSelectionColumn: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onPageChanged: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    onNoResultsButtonClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    isSkeleton: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    getAriaLabelForRow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    domIdAffix: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-    checkboxSelectAllProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
-};
-export declare const DSDataTablePropTypesSchema: WeakValidationMap<DSDataTableT.Props>;
+export declare const DSDataTablePropTypes: DSPropTypesSchema<DSDataTableT.Props>;
+export declare const DSDataTablePropTypesSchema: ValidationMap<DSDataTableT.Props>;

package/dist/types/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Theme } from '@elliemae/ds-system';
 import type { DSDataTableT } from './react-desc-prop-types.js';
 interface WidthAndHeight {
@@ -6,7 +5,7 @@ interface WidthAndHeight {
     height?: string | number;
 }
 export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
-    hideFocus?: boolean | undefined;
+    hideFocus?: 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>;
 export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, WidthAndHeight & 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 StyledDataTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
@@ -15,7 +14,7 @@ export declare const StyledDataTableContentWrapper: import("styled-components").
 export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", Theme, WidthAndHeight & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledPaginationWrapper: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
-    height?: string | number | undefined;
+    height?: string | 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 StyledVirtualListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     gridLayout: string[];
@@ -29,9 +28,9 @@ export declare const StyledHeadTr: import("styled-components").StyledComponent<i
     colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;
 } & 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 StyledHeadTh: import("styled-components").StyledComponent<"div", Theme, {
-    isDraggingActive?: boolean | undefined;
+    isDraggingActive?: boolean;
     column: DSDataTableT.InternalColumn;
-    shouldShowDnD?: boolean | undefined;
+    shouldShowDnD?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledResizer: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-form-input-text").DSInputTextT.Props>, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-form-input-text").DSInputTextT.Props>>, never>;
@@ -43,7 +42,7 @@ export declare const StyledCell: import("styled-components").StyledComponent<"di
 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 StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
-    shouldDisplayEditIcon?: boolean | undefined;
+    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>;
 export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     minHeight: string;
@@ -53,15 +52,15 @@ export declare const GroupHeaderContainer: import("styled-components").StyledCom
 } & 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 GroupHeaderTitle: import("styled-components").StyledComponent<"span", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
 export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
-    backgroundColor?: string | undefined;
-    isDragOverlay?: boolean | undefined;
-    isDragging?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    isDropValid?: boolean | undefined;
-    shouldDisplayHover?: boolean | undefined;
-    isDropIndicatorPositionInside?: boolean | undefined;
-    minHeight?: string | undefined;
-    gridTemplateColumns?: string | undefined;
+    backgroundColor?: string;
+    isDragOverlay?: boolean;
+    isDragging?: boolean;
+    isDisabled?: boolean;
+    isDropValid?: boolean;
+    shouldDisplayHover?: boolean;
+    isDropIndicatorPositionInside?: boolean;
+    minHeight?: string;
+    gridTemplateColumns?: string;
 } & 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 ScreenReaderOnly: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export {};

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

@@ -0,0 +1,36 @@
+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/combobox-filter.test.d.ts

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "3.52.1",
+  "version": "3.53.0-alpha.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "files": [
@@ -37,41 +37,42 @@
   },
   "dependencies": {
     "react-virtual": "~2.10.4",
-    "uid": "~2.0.1",
+    "uid": "^2.0.2",
     "use-onclickoutside": "0.4.1",
-    "@elliemae/ds-button": "3.52.1",
-    "@elliemae/ds-circular-progress-indicator": "3.52.1",
-    "@elliemae/ds-dropdownmenu-v2": "3.52.1",
-    "@elliemae/ds-form-checkbox": "3.52.1",
-    "@elliemae/ds-drag-and-drop": "3.52.1",
-    "@elliemae/ds-button-v2": "3.52.1",
-    "@elliemae/ds-form-combobox": "3.52.1",
-    "@elliemae/ds-dropdownmenu": "3.52.1",
-    "@elliemae/ds-form-date-time-picker": "3.52.1",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.52.1",
-    "@elliemae/ds-form-date-range-picker": "3.52.1",
-    "@elliemae/ds-form-input-text": "3.52.1",
-    "@elliemae/ds-form-radio": "3.52.1",
-    "@elliemae/ds-grid": "3.52.1",
-    "@elliemae/ds-form-layout-blocks": "3.52.1",
-    "@elliemae/ds-pills-v2": "3.52.1",
-    "@elliemae/ds-icons": "3.52.1",
-    "@elliemae/ds-popperjs": "3.52.1",
-    "@elliemae/ds-pagination": "3.52.1",
-    "@elliemae/ds-props-helpers": "3.52.1",
-    "@elliemae/ds-skeleton": "3.52.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.52.1",
-    "@elliemae/ds-zustand-helpers": "3.52.1",
-    "@elliemae/ds-system": "3.52.1",
-    "@elliemae/ds-typescript-helpers": "3.52.1"
+    "@elliemae/ds-button-v2": "3.53.0-alpha.2",
+    "@elliemae/ds-drag-and-drop": "3.53.0-alpha.2",
+    "@elliemae/ds-dropdownmenu-v2": "3.53.0-alpha.2",
+    "@elliemae/ds-circular-progress-indicator": "3.53.0-alpha.2",
+    "@elliemae/ds-dropdownmenu": "3.53.0-alpha.2",
+    "@elliemae/ds-form-checkbox": "3.53.0-alpha.2",
+    "@elliemae/ds-form-combobox": "3.53.0-alpha.2",
+    "@elliemae/ds-form-date-time-picker": "3.53.0-alpha.2",
+    "@elliemae/ds-form-date-range-picker": "3.53.0-alpha.2",
+    "@elliemae/ds-form-helpers-mask-hooks": "3.53.0-alpha.2",
+    "@elliemae/ds-form-input-text": "3.53.0-alpha.2",
+    "@elliemae/ds-form-layout-blocks": "3.53.0-alpha.2",
+    "@elliemae/ds-grid": "3.53.0-alpha.2",
+    "@elliemae/ds-form-radio": "3.53.0-alpha.2",
+    "@elliemae/ds-icons": "3.53.0-alpha.2",
+    "@elliemae/ds-pagination": "3.53.0-alpha.2",
+    "@elliemae/ds-menu-button": "3.53.0-alpha.2",
+    "@elliemae/ds-pills-v2": "3.53.0-alpha.2",
+    "@elliemae/ds-popperjs": "3.53.0-alpha.2",
+    "@elliemae/ds-skeleton": "3.53.0-alpha.2",
+    "@elliemae/ds-props-helpers": "3.53.0-alpha.2",
+    "@elliemae/ds-system": "3.53.0-alpha.2",
+    "@elliemae/ds-typescript-helpers": "3.53.0-alpha.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.53.0-alpha.2",
+    "@elliemae/ds-zustand-helpers": "3.53.0-alpha.2"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.63",
+    "@elliemae/pui-cli": "9.0.0-next.65",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.52.1",
-    "@elliemae/ds-toolbar-v2": "3.52.1"
+    "@elliemae/ds-test-utils": "3.53.0-alpha.2",
+    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
+    "@elliemae/ds-toolbar-v2": "3.53.0-alpha.2"
   },
   "peerDependencies": {
     "lodash-es": "^4.17.21",
@@ -86,7 +87,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
+    "test": "playwright test -c ./playwright.config.mjs && pui-cli test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",

package/dist/cjs/DSDataTableDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSDataTableDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSDataTableName = 'DSDatatable';\n\nexport const DSDataTableSlots = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n};\n\nexport const DSDataTableDataTestIds = slotObjectToDataTestIds(DSDataTableName, DSDataTableSlots);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AACtB;AAEO,MAAM,6BAAyB,0CAAwB,iBAAiB,gBAAgB;",
-  "names": []
-}

package/dist/cjs/tests/utils/index.js

@@ -1,131 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  genColumns: () => genColumns,
-  genExpandableRows: () => genExpandableRows,
-  genGroupedRows: () => genGroupedRows,
-  genMasterDetailRows: () => genMasterDetailRows,
-  genRows: () => genRows,
-  genRowsFixId: () => genRowsFixId
-});
-module.exports = __toCommonJS(utils_exports);
-var React = __toESM(require("react"));
-var import_uid = require("uid");
-const genColumns = (canSort = false) => [
-  {
-    Header: "id",
-    accessor: "id",
-    canSort
-  },
-  {
-    Header: "Name",
-    accessor: "name",
-    canSort
-  },
-  {
-    Header: "Position",
-    accessor: "position",
-    canSort
-  },
-  {
-    Header: "Country",
-    accessor: "country",
-    canSort
-  },
-  {
-    Header: "Salary",
-    accessor: "salary"
-  },
-  {
-    Header: "Single date",
-    accessor: "singleDate"
-  },
-  {
-    Header: "Date range",
-    accessor: "dateRange"
-  }
-];
-const generateRecord = (id) => ({
-  id: id + 1,
-  name: (id + 1) % 2 ? `John` : "Francisco",
-  position: (id + 1) % 2 ? `Developer` : `Designer`,
-  country: (id + 1) % 2 ? "US" : "ARG",
-  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-  uid: (0, import_uid.uid)(16)
-});
-const generateRecordWithOneChild = (id, level = 0) => {
-  const record = {
-    id: id + 1,
-    name: (id + 1) % 2 ? `John` : "Francisco",
-    position: (id + 1) % 2 ? `Developer` : `Designer`,
-    country: (id + 1) % 2 ? "US" : "ARG",
-    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-    singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-    dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-    myUniqueRowAccessor: (0, import_uid.uid)(16)
-  };
-  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];
-  return record;
-};
-const generateMasterDetailRecord = (id) => ({
-  id: id + 1,
-  name: (id + 1) % 2 ? `John` : "Francisco",
-  position: (id + 1) % 2 ? `Developer` : `Designer`,
-  country: (id + 1) % 2 ? "US" : "ARG",
-  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-  myUniqueRowAccessor: (0, import_uid.uid)(16),
-  tableRowDetails: () => "Custom JSX"
-});
-const generateGroupedRecord = (id) => ({
-  dimsumHeaderValue: id,
-  row_variant_type: "ds_header_group_row",
-  subRows: [generateRecord(0)],
-  uid: (0, import_uid.uid)(16)
-});
-const generateRecordFixId = (id) => ({
-  id: id + 1,
-  name: (id + 1) % 2 ? `John` : "Francisco",
-  position: (id + 1) % 2 ? `Developer` : `Designer`,
-  country: (id + 1) % 2 ? "US" : "ARG",
-  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-  uid: `${id + 1}-fix-id`
-});
-const genRowsFixId = (n) => new Array(n).fill({}).map((_, id) => generateRecordFixId(id));
-const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));
-const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));
-const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));
-const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));
-//# sourceMappingURL=index.js.map

package/dist/cjs/tests/utils/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/tests/utils/index.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n  {\n    Header: 'id',\n    accessor: 'id',\n    canSort,\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    canSort,\n  },\n  {\n    Header: 'Position',\n    accessor: 'position',\n    canSort,\n  },\n  {\n    Header: 'Country',\n    accessor: 'country',\n    canSort,\n  },\n  {\n    Header: 'Salary',\n    accessor: 'salary',\n  },\n  {\n    Header: 'Single date',\n    accessor: 'singleDate',\n  },\n  {\n    Header: 'Date range',\n    accessor: 'dateRange',\n  },\n];\n\nconst generateRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id, level = 0) => {\n  const record = {\n    id: id + 1,\n    name: (id + 1) % 2 ? `John` : 'Francisco',\n    position: (id + 1) % 2 ? `Developer` : `Designer`,\n    country: (id + 1) % 2 ? 'US' : 'ARG',\n    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n    singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n    dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n    myUniqueRowAccessor: uid(16),\n  };\n  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n  return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  myUniqueRowAccessor: uid(16),\n  tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n  dimsumHeaderValue: id,\n  row_variant_type: 'ds_header_group_row',\n  subRows: [generateRecord(0)],\n  uid: uid(16),\n});\n\nconst generateRecordFixId = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: `${id + 1}-fix-id`,\n});\n\nexport const genRowsFixId = (n) => new Array(n).fill({}).map((_, id) => generateRecordFixId(id));\nexport const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/DSDataTableDefinitions.js

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { slotObjectToDataTestIds } from "@elliemae/ds-system";
-const DSDataTableName = "DSDatatable";
-const DSDataTableSlots = {
-  ROOT: "root",
-  CONTENT_WRAPPER: "content-wrapper",
-  TABLE_WRAPPER: "table-wrapper",
-  PAGINATION_WRAPPER: "pagination-wrapper",
-  TABLE_CONTENT_WRAPPER: "table-content-wrapper",
-  VIRTUAL_LIST_WRAPPER: "virtual-list-wrapper",
-  HEAD_WRAPPER: "head-wrapper",
-  HEAD_TR: "head-tr",
-  HEAD_TH: "head-th",
-  HEAD_RIGHT_ICONS_WRAPPER: "head-right-icons-wrapper",
-  HEADER_CELL_WRAPPER: "header-cell-wrapper",
-  EMPTY_HEADER: "empty-header",
-  RESIZER: "resizer",
-  ACTION_CELL: "action-cell",
-  EXPAND_CELL_CONTAINER: "expand-cell-container",
-  SINGLE_CELL_CONTAINER: "single-cell-container",
-  DRAG_AND_DROP_GRIPPER: "drag-and-drop-gripper",
-  TEXT_EDITABLE_CELL_INPUT: "text-editable-cell-input",
-  FILTER_POPOVER_BUTTON: "filter-popover-button",
-  FILTER_POPOVER_CONTENT: "filter-popover-content",
-  DROP_INDICATOR: "drop-indicator",
-  CELL: "cell",
-  CELL_CONTENT: "cell-content",
-  PENCIL_ICON: "pencil-icon",
-  EDITABLE_CONTAINER: "editable-container",
-  FULLSIZE_GRID: "fullsize-grid",
-  ROW: "row",
-  GROUP_HEADER_CONTAINER: "group-header-container",
-  GROUP_HEADER_TITLE: "header-title",
-  CELL_CONTAINER: "cells-container",
-  TOOLBAR_WRAPPER: "toolbar-wrapper",
-  TOOLBAR_BUTTONS_WRAPPER: "toolbar-buttons-wrapper",
-  TOOLBAR_BUTTON: "toolbar-button",
-  TOOLBAR_POSITION: "toolbar-position",
-  EMPTY_STATE_WRAPPER: "empty-state-wrapper",
-  WARNING_ICON: "warning-icon",
-  EMPTY_PRIMARY_MESSAGE: "empty-primary-message",
-  EMPTY_SECONDARY_MESSAGE: "empty-secondary-message",
-  EMPTY_BUTTON: "empty-button",
-  CENTER_CONTENT_FLEX_WRAPPER: "center-content-flex-wrapper",
-  LOADER_WRAPPER: "loader-wrapper",
-  FILTER_BAR_WRAPPER: "filter-bar-wrapper"
-};
-const DSDataTableDataTestIds = slotObjectToDataTestIds(DSDataTableName, DSDataTableSlots);
-export {
-  DSDataTableDataTestIds,
-  DSDataTableName,
-  DSDataTableSlots
-};
-//# sourceMappingURL=DSDataTableDefinitions.js.map

package/dist/esm/DSDataTableDefinitions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nexport const DSDataTableName = 'DSDatatable';\n\nexport const DSDataTableSlots = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n};\n\nexport const DSDataTableDataTestIds = slotObjectToDataTestIds(DSDataTableName, DSDataTableSlots);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AACtB;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;",
-  "names": []
-}