@wix/patterns 1.364.0 → 1.369.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,SAAS,EAAC,wBAAwB,EAAC,QAAQ,EAAC,uBAAuB,EAAC,CAAC;AAC7J,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/url/View.uni.driver.js

@@ -0,0 +1,13 @@
+import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function UrlViewUniDriver(base, body) {
+    const linkButton = TextButtonUniDriver(base.$('[data-hook="open-link-button"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => base.text(),
+        hasOpenLinkButton: () => linkButton.exists(),
+        getLinkHref: () => linkButton.getHref(),
+        clickOpenLink: () => linkButton.click(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,UAAU,GAAG,mBAAmB,CACpC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EACxC,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;QAC5C,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE;QACvC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { defineCellType } from '../../types';
+import { UrlView } from './View';
+import { UrlEdit } from './Edit';
+export { UrlView, UrlEdit };
+const URL_PATTERN = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/;
+export const urlCellType = defineCellType({
+    type: 'url',
+    ViewComponent: UrlView,
+    EditComponent: UrlEdit,
+    serialize: (value) => value ?? '',
+    deserialize: (raw) => raw,
+    validate: (value) => {
+        if (value && !URL_PATTERN.test(value)) {
+            return 'Invalid URL format';
+        }
+        return null;
+    },
+    editable: true,
+    clearable: true,
+    onTypeToEdit: ({ key }) => ({ value: key }),
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAE5B,MAAM,WAAW,GAAG,oDAAoD,CAAC;AAEzE,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAS;IAChD,IAAI,EAAE,KAAK;IACX,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,oBAAoB,CAAC;SAC7B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './EditableTable';
+export { defineCellType } from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,5 @@
+/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */
+export function defineCellType(cellType) {
+    return cellType;
+}
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AAmBA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAWjC;IACC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

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

@@ -0,0 +1,94 @@
+import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
+export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editInputRef, }) {
+    const { cellInteraction } = state;
+    const column = state._columnMap.get(columnId);
+    const resolved = column ? state.resolveCellType(column.cellType) : null;
+    const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+    const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+    const isEditable = state.isCellEditable(rowKey, columnId);
+    // Register the focused cell's DOM element on the state so
+    // scrollFocusedCellIntoView can use it. useLayoutEffect ensures
+    // the element is set before the requestAnimationFrame in
+    // scrollFocusedCellIntoView runs.
+    useLayoutEffect(() => {
+        if (isFocused) {
+            cellInteraction.focusedCellElement = cellRef.current;
+        }
+        return () => {
+            if (cellInteraction.focusedCellElement === cellRef.current) {
+                cellInteraction.focusedCellElement = null;
+            }
+        };
+    }, [isFocused, cellRef, cellInteraction]);
+    // When focused (not editing): focus the cell div so it receives keyboard events.
+    // When editing starts: focus the input (cursor at end, no select-all).
+    useEffect(() => {
+        if (!isFocused) {
+            return;
+        }
+        if (isEditing) {
+            if (editInputRef.current &&
+                document.activeElement !== editInputRef.current) {
+                editInputRef.current.focus();
+            }
+        }
+        else {
+            cellRef.current?.focus();
+        }
+    }, [isFocused, isEditing, cellRef, editInputRef]);
+    const handleActivate = useCallback(() => {
+        if (resolved?.toggleValue) {
+            state.cellValue.toggleCell(rowKey, columnId);
+        }
+        else {
+            cellInteraction.startEdit();
+        }
+    }, [resolved, state, rowKey, columnId, cellInteraction]);
+    // Handle Enter and type-to-edit at the cell level
+    const onKeyDown = useCallback((e) => {
+        if (!isFocused || !isEditable || isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleActivate();
+            return;
+        }
+        // Type-to-edit: prevent the browser's default text insertion, start
+        // edit mode, then set the value programmatically via React state.
+        // startEdit() must come before setEditingValue() because it resets
+        // editingValue to undefined.
+        if (e.key.length === 1 &&
+            !e.ctrlKey &&
+            !e.metaKey &&
+            !e.altKey &&
+            !e.nativeEvent.isComposing &&
+            editInputRef.current) {
+            const clearResult = resolved?.onTypeToEdit?.({ key: e.key });
+            if (!clearResult) {
+                return;
+            }
+            e.preventDefault();
+            cellInteraction.startEdit(undefined, undefined, 'type');
+            if ('value' in clearResult) {
+                cellInteraction.setEditingValue(clearResult.value);
+            }
+            editInputRef.current.focus();
+            e.stopPropagation();
+        }
+    }, [
+        editInputRef,
+        isFocused,
+        isEditable,
+        isEditing,
+        state,
+        cellInteraction,
+        resolved,
+        handleActivate,
+    ]);
+    return useMemo(() => ({ onKeyDown }), [onKeyDown]);
+}
+//# sourceMappingURL=useCellFocusAndEditing.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useRef } from 'react';
+/**
+ * Clears cell focus when the user clicks outside the table container.
+ */
+export function useClearFocusOnBlur(cellInteraction) {
+    const blurFrameId = useRef(0);
+    useEffect(() => {
+        return () => cancelAnimationFrame(blurFrameId.current);
+    }, []);
+    const onFocus = useCallback(() => {
+        cancelAnimationFrame(blurFrameId.current);
+    }, []);
+    const onBlur = useCallback((e) => {
+        cancelAnimationFrame(blurFrameId.current);
+        const container = e.currentTarget;
+        blurFrameId.current = requestAnimationFrame(() => {
+            if (container.contains(document.activeElement)) {
+                return;
+            }
+            if (!cellInteraction.isEditing) {
+                cellInteraction.clearFocus();
+            }
+        });
+    }, [cellInteraction]);
+    return { onFocus, onBlur };
+}
+//# sourceMappingURL=useClearFocusOnBlur.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClearFocusOnBlur.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIvD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,eAA2C;IAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAmC,EAAE,EAAE;QACtC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;QAElC,WAAW,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC/C,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC9C,OAAO;aACR;YAED,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE;gBAC9B,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC7B,CAAC"}

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

@@ -0,0 +1,61 @@
+import { useEffect, useCallback } from 'react';
+export function useClipboardHandler(state, containerRef) {
+    const { cellInteraction, clipboard } = state;
+    const handleCopy = useCallback((e) => {
+        if (cellInteraction.selectedCells.size === 0) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        e.preventDefault();
+        const tsv = clipboard.copy();
+        e.clipboardData?.setData('text/plain', tsv);
+    }, [cellInteraction, clipboard]);
+    const handleCut = useCallback((e) => {
+        if (cellInteraction.selectedCells.size === 0) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        e.preventDefault();
+        const tsv = clipboard.cut();
+        e.clipboardData?.setData('text/plain', tsv);
+    }, [cellInteraction, clipboard, state]);
+    const handlePaste = useCallback((e) => {
+        if (!cellInteraction.focusedCell) {
+            return;
+        }
+        if (cellInteraction.isEditing) {
+            return;
+        }
+        if (state.updateItemDisabled) {
+            return;
+        }
+        e.preventDefault();
+        const rawData = e.clipboardData?.getData('text/plain') ?? '';
+        if (!rawData) {
+            return;
+        }
+        clipboard.paste(rawData);
+    }, [cellInteraction, clipboard, state]);
+    useEffect(() => {
+        const container = containerRef?.current;
+        if (!container) {
+            return;
+        }
+        container.addEventListener('copy', handleCopy);
+        container.addEventListener('cut', handleCut);
+        container.addEventListener('paste', handlePaste);
+        return () => {
+            container.removeEventListener('copy', handleCopy);
+            container.removeEventListener('cut', handleCut);
+            container.removeEventListener('paste', handlePaste);
+        };
+    }, [handleCopy, handleCut, handlePaste, containerRef]);
+}
+//# sourceMappingURL=useClipboardHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboardHandler.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClipboardHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,UAAU,mBAAmB,CACjC,KAA+B,EAC/B,YAAoD;IAEpD,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,eAAe,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAE;YAC5C,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,CAAC,CAC7B,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,eAAe,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAE;YAC5C,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QACD,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;QAC5B,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YAChC,OAAO;SACR;QACD,IAAI,eAAe,CAAC,SAAS,EAAE;YAC7B,OAAO;SACR;QACD,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7D,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,EAAE,OAAO,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC/C,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC7C,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAClD,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAChD,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;AACzD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { useEffect } from 'react';
+export function useEditableTableCollectionSyncProps(props) {
+    const { state, columns } = props;
+    useEffect(() => state.init(columns), [state, columns]);
+}
+//# sourceMappingURL=useEditableTableCollectionSyncProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTableCollectionSyncProps.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useEditableTableCollectionSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,UAAU,mCAAmC,CACjD,KAA+B;IAE/B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AACzD,CAAC"}

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

@@ -0,0 +1,80 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+const MOUSE_LEAVE_PADDING = 30;
+const isInsidePaddedRect = (e, rect, padding) => e.clientX >= rect.left - padding &&
+    e.clientX <= rect.right + padding &&
+    e.clientY >= rect.top - padding &&
+    e.clientY <= rect.bottom + padding;
+export function useEditableTableContextMenu(cellInteraction) {
+    const [position, setPosition] = useState(null);
+    const [cell, setCell] = useState(null);
+    const menuRef = useRef(null);
+    const cellElRef = useRef(null);
+    const handleContextMenu = useCallback((e) => {
+        const cellEl = e.target.closest('[data-row-key][data-column-id]');
+        if (!cellEl) {
+            return;
+        }
+        e.preventDefault();
+        const rowKey = cellEl.getAttribute('data-row-key');
+        const columnId = cellEl.getAttribute('data-column-id');
+        if (!cellInteraction.isCellSelected(rowKey, columnId)) {
+            cellInteraction.focusCell(rowKey, columnId);
+        }
+        cellElRef.current = cellEl;
+        setPosition({ x: e.clientX, y: e.clientY });
+        setCell({ rowKey, columnId });
+    }, [cellInteraction]);
+    const handleClose = useCallback(() => {
+        setPosition(null);
+        setCell(null);
+        cellElRef.current = null;
+    }, []);
+    useEffect(() => {
+        if (!position) {
+            return;
+        }
+        const isInside = (target) => menuRef.current?.contains(target);
+        const onMouseDown = (e) => {
+            if (!isInside(e.target)) {
+                handleClose();
+            }
+        };
+        const onScroll = (e) => {
+            if (!isInside(e.target)) {
+                handleClose();
+            }
+        };
+        const onMouseMove = (e) => {
+            if (!menuRef.current) {
+                return;
+            }
+            const menuRect = menuRef.current.getBoundingClientRect();
+            // Skip until the menu has been laid out
+            if (menuRect.width === 0 || menuRect.height === 0) {
+                return;
+            }
+            // Stay open if cursor is near the menu
+            if (isInsidePaddedRect(e, menuRect, MOUSE_LEAVE_PADDING)) {
+                return;
+            }
+            // Stay open if cursor is on the cell that triggered the menu
+            if (cellElRef.current) {
+                const cellRect = cellElRef.current.getBoundingClientRect();
+                if (isInsidePaddedRect(e, cellRect, 0)) {
+                    return;
+                }
+            }
+            handleClose();
+        };
+        document.addEventListener('mousedown', onMouseDown);
+        document.addEventListener('scroll', onScroll, true);
+        document.addEventListener('mousemove', onMouseMove);
+        return () => {
+            document.removeEventListener('mousedown', onMouseDown);
+            document.removeEventListener('scroll', onScroll, true);
+            document.removeEventListener('mousemove', onMouseMove);
+        };
+    }, [position, handleClose]);
+    return { position, cell, menuRef, handleContextMenu, handleClose };
+}
+//# sourceMappingURL=useEditableTableContextMenu.js.map

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

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

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

@@ -0,0 +1,93 @@
+import { useCallback } from 'react';
+export function useKeyboardNavigation(state) {
+    const { cellInteraction, clipboard } = state;
+    const onKeyDown = useCallback((e) => {
+        const { focusedCell, isEditing } = cellInteraction;
+        if (!focusedCell) {
+            return;
+        }
+        // Don't intercept keys when editing (let the editor handle them)
+        if (isEditing) {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                cellInteraction.cancelEdit();
+            }
+            else if (e.key === 'Tab') {
+                e.preventDefault();
+                cellInteraction.commitEdit();
+                if (e.shiftKey) {
+                    cellInteraction.moveToPreviousCell();
+                }
+                else {
+                    cellInteraction.moveToNextCell();
+                }
+                cellInteraction.scrollFocusedCellIntoView();
+            }
+            return;
+        }
+        const isCtrlOrCmd = e.ctrlKey || e.metaKey;
+        const extend = e.shiftKey;
+        let navigated = false;
+        switch (e.key) {
+            case 'ArrowUp':
+                e.preventDefault();
+                cellInteraction.moveFocus('up', extend);
+                navigated = true;
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                cellInteraction.moveFocus('down', extend);
+                navigated = true;
+                break;
+            case 'ArrowLeft':
+                e.preventDefault();
+                cellInteraction.moveFocus('left', extend);
+                navigated = true;
+                break;
+            case 'ArrowRight':
+                e.preventDefault();
+                cellInteraction.moveFocus('right', extend);
+                navigated = true;
+                break;
+            case 'Tab':
+                e.preventDefault();
+                if (e.shiftKey) {
+                    cellInteraction.moveToPreviousCell();
+                }
+                else {
+                    cellInteraction.moveToNextCell();
+                }
+                navigated = true;
+                break;
+            case 'Escape':
+                e.preventDefault();
+                if (clipboard.hasCopiedCells) {
+                    clipboard.clear();
+                }
+                else {
+                    cellInteraction.clearFocus();
+                }
+                break;
+            case 'Delete':
+            case 'Backspace':
+                e.preventDefault();
+                if (!state.updateItemDisabled) {
+                    state.clearCells(cellInteraction.selectedCellsList);
+                }
+                break;
+            case 'a':
+                if (isCtrlOrCmd) {
+                    e.preventDefault();
+                    cellInteraction.selectAll();
+                }
+                break;
+            default:
+                break;
+        }
+        if (navigated) {
+            cellInteraction.scrollFocusedCellIntoView();
+        }
+    }, [cellInteraction, clipboard, state]);
+    return { onKeyDown };
+}
+//# sourceMappingURL=useKeyboardNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,UAAU,qBAAqB,CACnC,KAA+B;IAE/B,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAsB,EAAE,EAAE;QACzB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QACnD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,iEAAiE;QACjE,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,UAAU,EAAE,CAAC;gBAC7B,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACd,eAAe,CAAC,kBAAkB,EAAE,CAAC;iBACtC;qBAAM;oBACL,eAAe,CAAC,cAAc,EAAE,CAAC;iBAClC;gBACD,eAAe,CAAC,yBAAyB,EAAE,CAAC;aAC7C;YACD,OAAO;SACR;QAED,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;QAC3C,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,CAAC;QAC1B,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;gBACxC,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC1C,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC1C,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,KAAK,YAAY;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC3C,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACd,eAAe,CAAC,kBAAkB,EAAE,CAAC;iBACtC;qBAAM;oBACL,eAAe,CAAC,cAAc,EAAE,CAAC;iBAClC;gBACD,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,SAAS,CAAC,cAAc,EAAE;oBAC5B,SAAS,CAAC,KAAK,EAAE,CAAC;iBACnB;qBAAM;oBACL,eAAe,CAAC,UAAU,EAAE,CAAC;iBAC9B;gBACD,MAAM;YACR,KAAK,QAAQ,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;oBAC7B,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;iBACrD;gBACD,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,WAAW,EAAE;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,eAAe,CAAC,SAAS,EAAE,CAAC;iBAC7B;gBACD,MAAM;YACR;gBACE,MAAM;SACT;QAED,IAAI,SAAS,EAAE;YACb,eAAe,CAAC,yBAAyB,EAAE,CAAC;SAC7C;IACH,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC"}

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain2305275193";
+var _namespace_ = "EntityPagePlain2605367659";
 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": "EntityPagePlain2305275193__root" };
+export var classes = { "root": "EntityPagePlain2605367659__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade2577267590";
+var _namespace_ = "Fade3987565292";
 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": "Fade2577267590__root" };
+export var classes = { "root": "Fade3987565292__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading774911002";
+var _namespace_ = "Heading1326594153";
 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": "Heading774911002__root" };
+export var classes = { "root": "Heading1326594153__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,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,wBAAwB,EAAC,CAAC;AACvD,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"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,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,yBAAyB,EAAC,CAAC;AACxD,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/ImportButton/ImportStepUpload.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ImportStepUpload2190126313";
+var _namespace_ = "ImportStepUpload2527291098";
 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": "ImportStepUpload2190126313__root", "fileUpload": "ImportStepUpload2190126313__fileUpload" };
+export var classes = { "root": "ImportStepUpload2527291098__root", "fileUpload": "ImportStepUpload2527291098__fileUpload" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow202707770";
+var _namespace_ = "InputOverflow2955188721";
 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": "InputOverflow202707770__root" };
+export var classes = { "root": "InputOverflow2955188721__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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"}
+{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,CAAC;AAC9D,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/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3461175397";
+var _namespace_ = "LoadingRow488784554";
 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": "LoadingRow3461175397__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3461175397__gradientSwoosh" };
+export var classes = { "root": "LoadingRow488784554__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow488784554__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,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,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,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"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,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,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,qCAAqC,EAAC,CAAC;AAChF,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/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText216893253";
+var _namespace_ = "MaxHeightText2696233809";
 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": "MaxHeightText216893253__root" };
+export var classes = { "root": "MaxHeightText2696233809__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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"}
+{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,CAAC;AAC9D,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/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines1284639450";
+var _namespace_ = "MaxLines3057111191";
 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": "MaxLines1284639450__root" };
+export var classes = { "root": "MaxLines3057111191__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};