@wix/patterns 1.364.0 → 1.369.0

package/dist/esm/components/EditableTable/EditableCell.uni.driver.js

@@ -0,0 +1,79 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';
+import { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';
+import { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';
+import { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';
+import { SelectEditUniDriver } from './cellTypes/select/Edit.uni.driver';
+import { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';
+export function EditableCellUniDriver(base, body) {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Click the cell (focuses it) */
+        click: () => base.click(),
+        /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */
+        doubleClick: async () => {
+            const el = await base.getNative();
+            if (el.page?.evaluate) {
+                const elementHandle = await base.unwrap();
+                await elementHandle.click({ clickCount: 2 });
+            }
+            else {
+                el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));
+            }
+        },
+        /** Get the displayed text value of the cell */
+        getDisplayValue: () => base.text(),
+        /** Whether this cell is focused */
+        isFocused: async () => (await base.attr('tabindex')) === '0',
+        /** Whether this cell is in editing mode */
+        isEditing: async () => (await base.attr('data-editing')) === 'true',
+        /** Whether this cell is selected (part of a selection range) */
+        isSelected: async () => (await base.attr('aria-selected')) === 'true',
+        /** Whether this cell is read-only (not editable) */
+        isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',
+        /** Whether this cell has a validation error */
+        isInvalid: async () => (await base.attr('aria-invalid')) === 'true',
+        /** Get the row key from data attribute */
+        getRowKey: () => base.attr('data-row-key'),
+        /** Get the column id from data attribute */
+        getColumnId: () => base.attr('data-column-id'),
+        /** Whether the cell contains a validation indicator icon */
+        hasValidationIndicator: () => base.$('[data-hook="validation-indicator"]').exists(),
+        /** Get the text cell edit driver (for text columns) */
+        getTextEdit: () => TextEditUniDriver(base, body),
+        /** Get the number cell edit driver (for number columns) */
+        getNumberEdit: () => NumberEditUniDriver(base, body),
+        /** Get the url cell edit driver (for url columns) */
+        getUrlEdit: () => UrlEditUniDriver(base, body),
+        /** Get the boolean cell edit driver (for boolean columns) */
+        getBooleanEdit: () => BooleanEditUniDriver(base, body),
+        /** Get the select cell edit driver (for select columns) */
+        getSelectEdit: () => SelectEditUniDriver(base, body),
+        /** Get the date cell edit driver (for date columns) */
+        getDateEdit: () => DateEditUniDriver(base, body),
+        /** Right-click the cell (opens context menu) */
+        rightClick: async () => {
+            const el = await base.getNative();
+            if (el.page?.evaluate) {
+                // Puppeteer — unwrap to get the actual ElementHandle
+                const elementHandle = await base.unwrap();
+                await elementHandle.click({ button: 'right' });
+            }
+            else {
+                // jsdom HTMLElement
+                const rect = el.getBoundingClientRect();
+                el.dispatchEvent(new MouseEvent('contextmenu', {
+                    bubbles: true,
+                    clientX: rect.left + 5,
+                    clientY: rect.top + 5,
+                }));
+            }
+        },
+        /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */
+        pressKey: async (key, opts) => {
+            const el = await base.getNative();
+            el.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, ...opts }));
+        },
+    };
+}
+//# sourceMappingURL=EditableCell.uni.driver.js.map

package/dist/esm/components/EditableTable/EditableCell.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/EditableTable.js

@@ -0,0 +1,34 @@
+import React, { useMemo, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { TableVirtual } from '../Table/TableVirtual';
+import { EditableCell } from './EditableCell';
+import { EditableTableContextMenu } from './EditableTableContextMenu';
+import { useEditableTableContextMenu } from './useEditableTableContextMenu';
+import { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';
+import { useKeyboardNavigation } from './useKeyboardNavigation';
+import { useClipboardHandler } from './useClipboardHandler';
+import { useClearFocusOnBlur } from './useClearFocusOnBlur';
+function _EditableTable(props) {
+    const { state, columns: editableColumns, dataHook, children, ...tableBaseProps } = props;
+    useEditableTableCollectionSyncProps(props);
+    const containerRef = useRef(null);
+    const keyboard = useKeyboardNavigation(state);
+    useClipboardHandler(state, containerRef);
+    const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);
+    const tableColumns = useMemo(() => editableColumns.map((col) => ({
+        ...col,
+        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),
+        render: (_item, rowNum) => {
+            const rowKey = state.keyedItems[rowNum]?.key;
+            return rowKey ? (React.createElement(EditableCell, { state: state, rowKey: rowKey, columnId: col.id })) : null;
+        },
+    })), [editableColumns, state]);
+    const contextMenu = useEditableTableContextMenu(state.cellInteraction);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: containerRef, "data-hook": dataHook, tabIndex: 0, onKeyDown: keyboard.onKeyDown, onFocus: onFocus, onBlur: onBlur, onContextMenu: contextMenu.handleContextMenu },
+            React.createElement(TableVirtual, { ...tableBaseProps, state: state.tableState, columns: tableColumns })),
+        React.createElement(EditableTableContextMenu, { state: state, position: contextMenu.position, cell: contextMenu.cell, menuRef: contextMenu.menuRef, onClose: contextMenu.handleClose }),
+        children));
+}
+export const EditableTable = observer(_EditableTable);
+//# sourceMappingURL=EditableTable.js.map

package/dist/esm/components/EditableTable/EditableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTable.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAA0B,MAAM,uBAAuB,CAAC;AAK7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,SAAS,cAAc,CACrB,KAA+B;IAE/B,MAAM,EACJ,KAAK,EACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,QAAQ,EACR,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;IAEV,mCAAmC,CAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC9C,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEvE,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC5B,GAAG,GAAG;QACN,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;QACtE,MAAM,EAAE,CAAC,KAAQ,EAAE,MAAc,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;YAC7C,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAI,CACjE,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;KACF,CAAC,CAAqB,EACzB,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,2BAA2B,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEvE,OAAO,CACL;QACE,6BACE,GAAG,EAAE,YAAY,eACN,QAAQ,EACnB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,WAAW,CAAC,iBAAiB;YAE5C,oBAAC,YAAY,OACP,cAAc,EAClB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,OAAO,EAAE,YAAY,GACrB,CACE;QACN,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,OAAO,EAAE,WAAW,CAAC,WAAW,GAChC;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/EditableTable/EditableTable.uni.driver.js

@@ -0,0 +1,67 @@
+import { waitFor } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { EditableCellUniDriver } from './EditableCell.uni.driver';
+import { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';
+const { fireEvent = null } = process.env.NODE_ENV === 'test'
+    ? (() => {
+        try {
+            return require('@testing-library/react');
+        }
+        catch { }
+        return {};
+    })()
+    : {};
+export function EditableTableUniDriver(base, body) {
+    const getRows = () => base.$$('tbody tr[data-table-row="dataTableRow"]');
+    const getCells = () => base.$$('[role="gridcell"]');
+    const initialLoaderBase = () => base.$('[data-hook="placeholder-states-loading-state"]');
+    return {
+        ...baseUniDriverFactory(base),
+        /** Number of rendered data rows */
+        getRowsCount: () => getRows().count(),
+        /** Number of column headers */
+        getColumnsCount: () => base.$$('thead th').count(),
+        /** Get column header texts */
+        getColumnHeaders: () => base.$$('thead th').map((th) => th.text()),
+        /** Get a cell driver by row key and column id */
+        getCell: (rowKey, columnId) => EditableCellUniDriver(base.$(`[role="gridcell"][data-row-key="${rowKey}"][data-column-id="${columnId}"]`), body),
+        /** Get a cell driver by row index and column index */
+        getCellByIndex: (rowIdx, colIdx) => {
+            const row = getRows().get(rowIdx);
+            const cell = row.$$('[role="gridcell"]').get(colIdx);
+            return EditableCellUniDriver(cell, body);
+        },
+        /** Total number of gridcells rendered */
+        getCellsCount: () => getCells().count(),
+        /** Wait until root element exists */
+        wait: (timeout) => base.wait(timeout),
+        /** Wait for the initial fetch loader to be shown */
+        waitInitialLoader: (timeout) => initialLoaderBase().wait(timeout),
+        /** Wait for the initial fetch loader to be removed */
+        waitInitialLoaderRemoved: (timeout, delay) => waitFor(async () => !(await initialLoaderBase().exists()), timeout, delay),
+        /** Wait for at least one data row to render */
+        waitForRow: (timeout) => getRows().get(0).wait(timeout),
+        /** Get the context menu driver (portaled to body) */
+        getContextMenu: () => EditableTableContextMenuUniDriver(base, body),
+        /** Press a key on the table container (triggers useKeyboardNavigation) */
+        pressKey: async (key, opts) => {
+            const el = await base.getNative();
+            if (fireEvent) {
+                fireEvent.keyDown(el, { key, ...opts });
+            }
+            else {
+                el.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, ...opts }));
+            }
+        },
+        /** Dispatch a paste event on the table container */
+        dispatchPaste: async (text) => {
+            const el = await base.getNative();
+            const event = Object.assign(new Event('paste', { bubbles: true }), {
+                clipboardData: { getData: () => text },
+            });
+            el.dispatchEvent(event);
+        },
+    };
+}
+export default EditableTableUniDriver;
+//# sourceMappingURL=EditableTable.uni.driver.js.map

package/dist/esm/components/EditableTable/EditableTable.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTable.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/EditableTableContextMenu.js

@@ -0,0 +1,160 @@
+import React, { useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { observer } from 'mobx-react-lite';
+import { DropdownLayout, listItemActionBuilder } from '@wix/design-system';
+import { DeleteSmall, AddSmall, DuplicateSmall, } from '@wix/wix-ui-icons-common';
+const MENU_WIDTH = 230;
+const ITEM_HEIGHT = 36;
+const DIVIDER_HEIGHT = 9;
+const PADDING = 16;
+const OFFSET_X = 4;
+const OFFSET_Y = 4;
+function _EditableTableContextMenu({ state, position, cell, menuRef, onClose, }) {
+    const { cellInteraction, clipboard, addItemDisabled, updateItemDisabled, removeItemDisabled, } = state;
+    const handleCopy = useCallback(async () => {
+        const tsv = clipboard.copy();
+        try {
+            await navigator.clipboard.writeText(tsv);
+        }
+        catch { }
+        onClose();
+    }, [clipboard, onClose]);
+    const handleCut = useCallback(async () => {
+        const tsv = clipboard.cut();
+        try {
+            await navigator.clipboard.writeText(tsv);
+        }
+        catch { }
+        onClose();
+    }, [clipboard, onClose]);
+    const handlePaste = useCallback(async () => {
+        if (!cellInteraction.focusedCell) {
+            return;
+        }
+        try {
+            const rawData = await navigator.clipboard.readText();
+            if (!rawData) {
+                onClose();
+                return;
+            }
+            clipboard.paste(rawData);
+        }
+        catch { }
+        onClose();
+    }, [cellInteraction, clipboard, onClose]);
+    const handleClear = useCallback(() => {
+        state.clearCells(cellInteraction.selectedCellsList);
+        onClose();
+    }, [state, cellInteraction, onClose]);
+    if (!position || !cell) {
+        return null;
+    }
+    const selectedCells = cellInteraction.selectedCellsList;
+    const selectedCount = selectedCells.length;
+    const selectedRowKeys = [...new Set(selectedCells.map((c) => c.rowKey))];
+    const hasMultipleRows = selectedRowKeys.length > 1;
+    const options = [];
+    options.push(listItemActionBuilder({
+        id: 'copy',
+        title: `Copy`,
+        disabled: selectedCount === 0,
+    }), listItemActionBuilder({
+        id: 'cut',
+        title: `Cut`,
+        disabled: selectedCount === 0 || !!updateItemDisabled,
+    }), listItemActionBuilder({
+        id: 'paste',
+        title: `Paste`,
+        disabled: !!updateItemDisabled,
+    }), listItemActionBuilder({
+        id: 'clear',
+        title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
+        disabled: selectedCount === 0 || !!updateItemDisabled,
+    }));
+    const hasRowOps = !addItemDisabled || !removeItemDisabled;
+    if (hasRowOps) {
+        options.push({ id: 'divider-1', value: '-' });
+    }
+    if (!addItemDisabled) {
+        options.push(listItemActionBuilder({
+            id: 'add-above',
+            title: 'Add Row Above',
+            prefixIcon: React.createElement(AddSmall, null),
+        }), listItemActionBuilder({
+            id: 'add-below',
+            title: 'Add Row Below',
+            prefixIcon: React.createElement(AddSmall, null),
+        }), listItemActionBuilder({
+            id: 'duplicate',
+            title: 'Duplicate Row',
+            prefixIcon: React.createElement(DuplicateSmall, null),
+        }));
+    }
+    if (!removeItemDisabled) {
+        if (!addItemDisabled) {
+            options.push({ id: 'divider-2', value: '-' });
+        }
+        options.push(listItemActionBuilder({
+            id: 'delete',
+            title: hasMultipleRows
+                ? `Delete ${selectedRowKeys.length} Rows`
+                : 'Delete Row',
+            prefixIcon: React.createElement(DeleteSmall, null),
+            skin: 'destructive',
+        }));
+    }
+    const handleSelect = (option) => {
+        switch (option.id) {
+            case 'copy':
+                handleCopy();
+                break;
+            case 'cut':
+                handleCut();
+                break;
+            case 'paste':
+                handlePaste();
+                break;
+            case 'clear':
+                handleClear();
+                break;
+            case 'add-above': {
+                const rowIdx = state.keyedItems.findIndex((ki) => ki.key === cell.rowKey);
+                const prevKey = rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
+                state.addItem(prevKey);
+                onClose();
+                break;
+            }
+            case 'add-below':
+                state.addItem(cell.rowKey);
+                onClose();
+                break;
+            case 'duplicate':
+                state.duplicateItem(cell.rowKey);
+                onClose();
+                break;
+            case 'delete':
+                state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
+                onClose();
+                break;
+        }
+    };
+    const dividerCount = options.filter((o) => 'value' in o && o.value === '-').length;
+    const itemCount = options.length - dividerCount;
+    const estimatedHeight = itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;
+    const x = position.x + OFFSET_X + MENU_WIDTH > window.innerWidth
+        ? position.x - MENU_WIDTH
+        : position.x + OFFSET_X;
+    const y = position.y + OFFSET_Y + estimatedHeight > window.innerHeight
+        ? Math.max(4, position.y - estimatedHeight)
+        : position.y + OFFSET_Y;
+    return createPortal(React.createElement("div", { ref: menuRef, style: {
+            position: 'fixed',
+            left: x,
+            top: y,
+            zIndex: 1000,
+            width: MENU_WIDTH,
+        }, onMouseDown: (e) => e.preventDefault() },
+        React.createElement(DropdownLayout, { dataHook: "editable-table-context-menu", visible: true, inContainer: true, options: options, onSelect: handleSelect, onClose: onClose, maxHeightPixels: 400 })), document.body);
+}
+export const EditableTableContextMenu = observer(_EditableTableContextMenu);
+//# sourceMappingURL=EditableTableContextMenu.js.map

package/dist/esm/components/EditableTable/EditableTableContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTableContextMenu.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableTableContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/EditableTableContextMenu.uni.driver.js

@@ -0,0 +1,23 @@
+import { DropdownLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export function EditableTableContextMenuUniDriver(_base, body) {
+    const menuBase = body.$('[data-hook="editable-table-context-menu"]');
+    const getDropdownLayout = () => DropdownLayoutUniDriver(menuBase, body);
+    return {
+        isShown: async () => menuBase.exists(),
+        isOptionVisible: async (optionId) => {
+            if (!(await menuBase.exists())) {
+                return false;
+            }
+            return body.$(`[data-hook="dropdown-item-${optionId}"]`).exists();
+        },
+        clickOption: async (optionId) => {
+            const option = await getDropdownLayout().optionById(optionId);
+            await option.click();
+        },
+        getOptionText: async (optionId) => {
+            const option = await getDropdownLayout().optionById(optionId);
+            return option.content();
+        },
+    };
+}
+//# sourceMappingURL=EditableTableContextMenu.uni.driver.js.map

package/dist/esm/components/EditableTable/EditableTableContextMenu.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTableContextMenu.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableTableContextMenu.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAIpF,MAAM,UAAU,iCAAiC,CAC/C,KAAgB,EAChB,IAAe;IAEf,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC;IAErE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAE3B,uBACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEpB,OAAO;QACL,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QAEtC,eAAe,EAAE,KAAK,EAAE,QAAgB,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE;gBAC9B,OAAO,KAAK,CAAC;aACd;YACD,OAAO,IAAI,CAAC,CAAC,CAAC,6BAA6B,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QACpE,CAAC;QAED,WAAW,EAAE,KAAK,EAAE,QAAgB,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,iBAAiB,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC9D,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC;QAED,aAAa,EAAE,KAAK,EAAE,QAAgB,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,MAAM,iBAAiB,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC9D,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.js

@@ -0,0 +1,23 @@
+import React, { useCallback } from 'react';
+import { Checkbox } from '@wix/design-system';
+import { classes } from './Edit.st.css.js';
+export const BooleanEdit = ({ value, onChange, onCommit, onCancel, }) => {
+    const handleChange = useCallback(() => {
+        onChange(!value);
+        onCommit();
+    }, [value, onChange, onCommit]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onChange(!value);
+            onCommit();
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    }, [value, onChange, onCommit, onCancel]);
+    return (React.createElement("div", { onKeyDown: handleKeyDown, className: classes.booleanEdit },
+        React.createElement(Checkbox, { dataHook: "boolean-checkbox", checked: !!value, onChange: handleChange, size: "small" })));
+};
+//# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAqC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;YACjB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW;QAC3D,oBAAC,QAAQ,IACP,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,OAAO,GACZ,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css

@@ -0,0 +1,5 @@
+.booleanEdit {
+  display: flex;
+  align-items: center;
+  margin-left: 12px;
+}

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "Edit3240722367";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "Edit3240722367__root", "booleanEdit": "Edit3240722367__booleanEdit" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.uni.driver.js

@@ -0,0 +1,16 @@
+import { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function BooleanEditUniDriver(base, body) {
+    const checkbox = CheckboxUniDriver(base.$('[data-hook="boolean-checkbox"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        isChecked: () => checkbox.isChecked(),
+        toggle: () => checkbox.click(),
+        /** Native dispatch — Checkbox uni.driver has no keyDown */
+        keyDown: async (key, opts) => {
+            const input = await base.$('input').getNative();
+            input.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, ...opts }));
+        },
+    };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,oBAAoB,CAAC,IAAe,EAAE,IAAe;IACnE,MAAM,QAAQ,GAAG,iBAAiB,CAChC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EACxC,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE;QACrC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE;QAC9B,2DAA2D;QAC3D,OAAO,EAAE,KAAK,EACZ,GAAW,EACX,IAGC,EACD,EAAE;YACF,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC;YAChD,KAAK,CAAC,aAAa,CACjB,IAAI,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAC9D,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/View.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { CheckboxChecked } from '@wix/wix-ui-icons-common/system';
+import { classes } from './View.st.css.js';
+export const BooleanView = ({ value }) => (React.createElement("div", { className: classes.booleanView }, value && (React.createElement(Box, { color: "G10", margin: "0px 12px 0px 6px", dataHook: "boolean-check-icon" },
+    React.createElement(CheckboxChecked, null)))));
+//# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAqC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1E,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,IAChC,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,kBAAkB,EAAC,QAAQ,EAAC,oBAAoB;IACtE,oBAAC,eAAe,OAAG,CACf,CACP,CACG,CACP,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css

@@ -0,0 +1,6 @@
+.booleanView {
+  display: flex;
+  align-items: center;
+  margin-left: 9px;
+  pointer-events: none;
+}

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "View3426461177";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "View3426461177__root", "booleanView": "View3426461177__booleanView" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/View.uni.driver.js

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function BooleanViewUniDriver(base, _body) {
+    return {
+        ...baseUniDriverFactory(base),
+        hasCheckIcon: () => base.$('[data-hook="boolean-check-icon"]').exists(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,oBAAoB,CAAC,IAAe,EAAE,KAAgB;IACpE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,MAAM,EAAE;KACxE,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/index.js

@@ -0,0 +1,26 @@
+import { defineCellType } from '../../types';
+import { BooleanView } from './View';
+import { BooleanEdit } from './Edit';
+export { BooleanView, BooleanEdit };
+export const booleanCellType = defineCellType({
+    type: 'boolean',
+    ViewComponent: BooleanView,
+    EditComponent: BooleanEdit,
+    serialize: (value) => (value ? 'true' : 'false'),
+    deserialize: (raw) => {
+        const normalized = raw.trim().toLowerCase();
+        if (normalized === '1' ||
+            normalized === 'true' ||
+            normalized === 'checked') {
+            return true;
+        }
+        if (normalized === '0' || normalized === 'false' || normalized === '') {
+            return false;
+        }
+        throw new Error();
+    },
+    editable: true,
+    clearable: true,
+    toggleValue: (value) => !value,
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/boolean/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAU;IACrD,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,WAAW;IAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC5C,IACE,UAAU,KAAK,GAAG;YAClB,UAAU,KAAK,MAAM;YACrB,UAAU,KAAK,SAAS,EACxB;YACA,OAAO,IAAI,CAAC;SACb;QACD,IAAI,UAAU,KAAK,GAAG,IAAI,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,EAAE,EAAE;YACrE,OAAO,KAAK,CAAC;SACd;QACD,MAAM,IAAI,KAAK,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK;CAC/B,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/date/Edit.js

@@ -0,0 +1,54 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { DatePicker } from '@wix/design-system';
+import { classes } from './Edit.st.css.js';
+function isValidDate(value) {
+    if (!value) {
+        return true;
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    return !isNaN(date.getTime());
+}
+export const DateEdit = ({ value, onChange, onCommit, onCancel, inputRef, editTrigger, }) => {
+    const datePickerRef = useRef(null);
+    const validDate = isValidDate(value);
+    // Auto-open calendar when entering edit mode via type-to-edit
+    useEffect(() => {
+        if (editTrigger === 'type') {
+            datePickerRef.current?.openCalendar();
+        }
+    }, [editTrigger]);
+    const dateValue = value
+        ? value instanceof Date
+            ? value
+            : new Date(value)
+        : null;
+    const handleChange = useCallback((date) => {
+        onChange(date);
+        onCommit();
+    }, [onChange, onCommit]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    }, [onCancel]);
+    return (React.createElement("div", { onKeyDown: handleKeyDown, style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+        } },
+        React.createElement(DatePicker, { ref: datePickerRef, size: "small", inputProps: {
+                border: 'none',
+                prefix: React.createElement("span", null),
+                ...(validDate
+                    ? {}
+                    : { value: typeof value === 'string' ? value : '' }),
+                inputRef: (el) => {
+                    if (inputRef) {
+                        inputRef.current = el;
+                    }
+                },
+            }, value: dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined, onChange: handleChange, popoverProps: { appendTo: 'window', moveBy: { y: 4 } }, className: classes.dateInput })));
+};
+//# sourceMappingURL=Edit.js.map