@wix/patterns 1.385.0 → 1.388.0

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

@@ -0,0 +1,82 @@
+import React, { useMemo } from 'react';
+import { buildFieldActionGroups, } from '../FieldActions';
+import { HeaderActionsPopover } from './HeaderActionsPopover';
+const FIELD_ACTION_GROUPS = [
+    ['editField'],
+    ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],
+    ['sortAscending', 'sortDescending', 'filter'],
+    ['delete'],
+];
+export function useHeaderActions(state, columns, disabled) {
+    const { toolbar } = state;
+    const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+    const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } = state.fieldActions;
+    const isDuplicating = state.fieldActions.duplicateTask.status.isLoading ||
+        state.fieldActions.duplicateWithContentTask.status.isLoading;
+    const isMakingPrimary = state.fieldActions.makePrimaryTask.status.isLoading;
+    return useMemo(() => {
+        if (disabled) {
+            return {};
+        }
+        const result = {};
+        const loading = {
+            makePrimary: isMakingPrimary,
+            duplicateField: isDuplicating,
+            duplicateFieldWithContent: isDuplicating,
+        };
+        for (const col of columns) {
+            const handlers = {};
+            if (fieldActionHandlers?.makePrimary) {
+                handlers.makePrimary = (id) => state.fieldActions.makePrimary(id);
+            }
+            if (col.hideable !== false && customColumnsState) {
+                const toolbarColumn = toolbar.columns.find((c) => c.id === col.id);
+                if (toolbarColumn) {
+                    handlers.hideColumn = () => customColumnsState.onColumnCheckboxToggle(toolbarColumn);
+                }
+            }
+            if (fieldActionHandlers?.duplicateField) {
+                handlers.duplicateField = (id) => state.fieldActions.duplicate(id);
+            }
+            if (fieldActionHandlers?.duplicateFieldWithContent) {
+                handlers.duplicateFieldWithContent = (id) => state.fieldActions.duplicateWithContent(id);
+            }
+            if (col.sortable) {
+                handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });
+                handlers.sortDescending = (id) => state.sort(id, { forceDirection: 'desc' });
+            }
+            const hasFilter = toolbarFiltersState &&
+                state.collection.query.customFilters[col.id] != null;
+            if (hasFilter) {
+                handlers.filter = () => panels.openSidePanel('filters');
+            }
+            if (fieldActionHandlers?.deleteField) {
+                handlers.delete = (id) => state.fieldActions.confirmDelete(id);
+            }
+            const groups = buildFieldActionGroups({
+                column: col,
+                permissions: fieldActionPermissions,
+                handlers,
+                loading,
+                groups: FIELD_ACTION_GROUPS,
+            });
+            if (groups.length > 0) {
+                result[col.id] = (React.createElement(HeaderActionsPopover, { actions: groups, dataHook: `header-actions-${col.id}` }));
+            }
+        }
+        return result;
+    }, [
+        state,
+        columns,
+        toolbar,
+        customColumnsState,
+        panels,
+        toolbarFiltersState,
+        disabled,
+        fieldActionHandlers,
+        fieldActionPermissions,
+        isDuplicating,
+        isMakingPrimary,
+    ]);
+}
+//# sourceMappingURL=useHeaderActions.js.map

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

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

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_ = "EntityPagePlain304236719";
+var _namespace_ = "EntityPagePlain2692009362";
 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": "EntityPagePlain304236719__root" };
+export var classes = { "root": "EntityPagePlain2692009362__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,CAAC;AAC/D,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,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,CAAC;AAChE,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,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

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_ = "Fade2195398804";
+var _namespace_ = "Fade2962062934";
 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": "Fade2195398804__root" };
+export var classes = { "root": "Fade2962062934__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/FieldActions/FieldActions.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { SortAscendingSmall, SortDescendingSmall, ContentFilterSmall, HiddenSmall, DeleteSmall, EditSmall, FlagSmall, DuplicateSmall, } from '@wix/wix-ui-icons-common';
+const getReadOnlySchemaReason = (perms) => perms?.schemaEditable === false ? 'schemaNotEditable' : null;
+const checkEditPerms = (col, perms) => {
+    const blocked = getReadOnlySchemaReason(perms);
+    if (blocked) {
+        return blocked;
+    }
+    if (perms?.editDisabled) {
+        return 'editDisabled';
+    }
+    if (col.isSystem) {
+        return 'systemField';
+    }
+    return null;
+};
+const checkAddPerms = (col, perms) => {
+    const blocked = getReadOnlySchemaReason(perms);
+    if (blocked) {
+        return blocked;
+    }
+    if (perms?.addDisabled) {
+        return 'addDisabled';
+    }
+    if (col.isSystem) {
+        return 'systemField';
+    }
+    return null;
+};
+const checkDeletePerms = (col, perms) => {
+    const blocked = getReadOnlySchemaReason(perms);
+    if (blocked) {
+        return blocked;
+    }
+    if (perms?.deleteDisabled) {
+        return 'deleteDisabled';
+    }
+    if (col.isSystem) {
+        return 'systemField';
+    }
+    if (col.isPrimary) {
+        return 'alreadyPrimary';
+    }
+    return null;
+};
+export const FIELD_ACTIONS = {
+    editField: {
+        label: 'Edit Field',
+        icon: React.createElement(EditSmall, null),
+        getDisableReason: checkEditPerms,
+    },
+    makePrimary: {
+        label: 'Use as Primary Field',
+        icon: React.createElement(FlagSmall, null),
+        getDisableReason: (col, perms) => {
+            const blocked = getReadOnlySchemaReason(perms);
+            if (blocked) {
+                return blocked;
+            }
+            if (perms?.editDisabled) {
+                return 'editDisabled';
+            }
+            if (col.isPrimary) {
+                return 'alreadyPrimary';
+            }
+            if (col.isSystem) {
+                return 'systemField';
+            }
+            if (col.cellType !== 'text') {
+                return 'nonTextField';
+            }
+            return null;
+        },
+    },
+    hideColumn: {
+        label: 'Hide Column',
+        icon: React.createElement(HiddenSmall, null),
+    },
+    duplicateField: {
+        label: 'Duplicate Field',
+        icon: React.createElement(DuplicateSmall, null),
+        getDisableReason: checkAddPerms,
+    },
+    duplicateFieldWithContent: {
+        label: 'Duplicate Field with Content',
+        icon: React.createElement(DuplicateSmall, null),
+        getDisableReason: checkAddPerms,
+    },
+    sortAscending: {
+        label: 'Sort Ascending',
+        icon: React.createElement(SortAscendingSmall, null),
+    },
+    sortDescending: {
+        label: 'Sort Descending',
+        icon: React.createElement(SortDescendingSmall, null),
+    },
+    filter: {
+        label: 'Filter',
+        icon: React.createElement(ContentFilterSmall, null),
+    },
+    delete: {
+        label: 'Delete',
+        icon: React.createElement(DeleteSmall, null),
+        skin: 'destructive',
+        getDisableReason: checkDeletePerms,
+    },
+};
+export const FIELD_ACTION_DISABLE_REASON_TOOLTIPS = {
+    schemaNotEditable: 'This schema is read-only.',
+    addDisabled: 'Adding fields is disabled.',
+    editDisabled: 'Editing fields is disabled.',
+    deleteDisabled: 'Deleting fields is disabled.',
+    alreadyPrimary: 'This is the primary field.',
+    systemField: "System fields can't be modified.",
+    nonTextField: 'Only text fields can be made primary.',
+};
+export function getFieldActionDisableReason(action, column, permissions) {
+    return FIELD_ACTIONS[action].getDisableReason?.(column, permissions) ?? null;
+}
+export function getFieldActionDisableState(action, column, permissions) {
+    const reason = getFieldActionDisableReason(action, column, permissions);
+    return {
+        disabled: reason !== null,
+        disabledTooltip: reason
+            ? FIELD_ACTION_DISABLE_REASON_TOOLTIPS[reason]
+            : undefined,
+    };
+}
+export function buildFieldActionGroups(args) {
+    const { column, permissions, handlers, loading, groups } = args;
+    return groups
+        .map((group) => group.flatMap((key) => {
+        const handler = handlers[key];
+        if (!handler) {
+            return [];
+        }
+        const def = FIELD_ACTIONS[key];
+        const disable = getFieldActionDisableState(key, column, permissions);
+        return [
+            {
+                label: def.label,
+                icon: def.icon,
+                skin: def.skin,
+                onClick: () => handler(column.id),
+                loading: loading?.[key],
+                ...disable,
+            },
+        ];
+    }))
+        .filter((g) => g.length > 0);
+}
+//# sourceMappingURL=FieldActions.js.map

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

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

package/dist/esm/components/FieldActions/HeaderActionsPopover.js

@@ -0,0 +1,33 @@
+import React, { useState, useCallback, useRef } from 'react';
+import { PopoverMenu, IconButton, Loader } from '@wix/design-system';
+import { MoreSmall } from '@wix/wix-ui-icons-common';
+import { useCloseOnAncestorScroll } from '../../hooks/useCloseOnAncestorScroll';
+export function HeaderActionsPopover({ actions, dataHook, className, }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [popoverKey, setPopoverKey] = useState(0);
+    const wrapperRef = useRef(null);
+    const closePopover = useCallback(() => {
+        setMenuOpen(false);
+        setPopoverKey((k) => k + 1);
+    }, []);
+    useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);
+    const menuItems = actions
+        .filter((group) => group.length > 0)
+        .reduce((result, group, index, array) => {
+        const items = group.map((action, i) => (React.createElement(PopoverMenu.MenuItem, { key: `${index}-${i}`, text: action.label, onClick: action.disabled || action.loading ? undefined : action.onClick, prefixIcon: action.loading ? (React.createElement("span", null,
+                React.createElement(Loader, { size: "tiny" }))) : (action.icon), disabled: action.disabled || action.loading, disabledDescription: action.loading ? undefined : action.disabledTooltip, skin: action.skin })));
+        const divider = index < array.length - 1
+            ? [React.createElement(PopoverMenu.Divider, { key: `divider-${index}` })]
+            : [];
+        return [...result, ...items, ...divider];
+    }, []);
+    if (menuItems.length === 0) {
+        return null;
+    }
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React.createElement("div", { ref: wrapperRef, className: className, "data-menu-open": menuOpen ? 'true' : 'false', "data-hook": dataHook, onClick: (e) => e.stopPropagation() },
+        React.createElement(PopoverMenu, { key: popoverKey, dataHook: dataHook ? `${dataHook}-menu` : undefined, textSize: "small", triggerElement: React.createElement(IconButton, { size: "tiny", skin: "dark", priority: "tertiary", ariaLabel: "Column actions", dataHook: dataHook ? `${dataHook}-more-button` : undefined },
+                React.createElement(MoreSmall, null)), appendTo: "window", placement: "bottom-end", onShow: () => setMenuOpen(true), onHide: () => setMenuOpen(false) }, menuItems)));
+}
+//# sourceMappingURL=HeaderActionsPopover.js.map

package/dist/esm/components/FieldActions/HeaderActionsPopover.js.map

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

package/dist/esm/components/FieldActions/headerActionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerActionTypes.js","sourceRoot":"","sources":["../../../../src/components/FieldActions/headerActionTypes.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { FIELD_ACTIONS, FIELD_ACTION_DISABLE_REASON_TOOLTIPS, buildFieldActionGroups, getFieldActionDisableReason, getFieldActionDisableState, } from './FieldActions';
+export { HeaderActionsPopover } from './HeaderActionsPopover';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FieldActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oCAAoC,EACpC,sBAAsB,EACtB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

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_ = "Heading3124568521";
+var _namespace_ = "Heading2428011585";
 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": "Heading3124568521__root" };
+export var classes = { "root": "Heading2428011585__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "ImportStepUpload2296702810";
+var _namespace_ = "ImportStepUpload2889347292";
 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": "ImportStepUpload2296702810__root", "fileUpload": "ImportStepUpload2296702810__fileUpload" };
+export var classes = { "root": "ImportStepUpload2889347292__root", "fileUpload": "ImportStepUpload2889347292__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_ = "InputOverflow2297903710";
+var _namespace_ = "InputOverflow788375391";
 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": "InputOverflow2297903710__root" };
+export var classes = { "root": "InputOverflow788375391__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,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"}
+{"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"}

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_ = "LoadingRow2049894941";
+var _namespace_ = "LoadingRow2398801252";
 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": "LoadingRow2049894941__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow2049894941__gradientSwoosh" };
+export var classes = { "root": "LoadingRow2398801252__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2398801252__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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_ = "MaxHeightText1340995377";
+var _namespace_ = "MaxHeightText2225652198";
 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": "MaxHeightText1340995377__root" };
+export var classes = { "root": "MaxHeightText2225652198__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "MaxLines3911774545";
+var _namespace_ = "MaxLines4249316507";
 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": "MaxLines3911774545__root" };
+export var classes = { "root": "MaxLines4249316507__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar1742506254";
+var _namespace_ = "MultiBulkActionToolbar4235211275";
 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": "MultiBulkActionToolbar1742506254__root", "leftGroupWrapper": "MultiBulkActionToolbar1742506254__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar1742506254__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar1742506254__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar4235211275__root", "leftGroupWrapper": "MultiBulkActionToolbar4235211275__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar4235211275__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar4235211275__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

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

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow447893025";
+var _namespace_ = "NestedTableRow2460612389";
 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": "NestedTableRow447893025__root", "firstLevel": "NestedTableRow447893025__firstLevel", "placeholder": "NestedTableRow447893025__placeholder", "parentHovered": "NestedTableRow447893025__parentHovered" };
+export var classes = { "root": "NestedTableRow2460612389__root", "firstLevel": "NestedTableRow2460612389__firstLevel", "placeholder": "NestedTableRow2460612389__placeholder", "parentHovered": "NestedTableRow2460612389__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.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,YAAY,EAAC,qCAAqC,EAAC,aAAa,EAAC,sCAAsC,EAAC,eAAe,EAAC,wCAAwC,EAAC,CAAC;AAC/N,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":"NestedTableRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,YAAY,EAAC,sCAAsC,EAAC,aAAa,EAAC,uCAAuC,EAAC,eAAe,EAAC,yCAAyC,EAAC,CAAC;AACnO,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.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":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2884149236";
+var _namespace_ = "PickerContentAdditionalStep2016124852";
 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": "PickerContentAdditionalStep2884149236__root", "titles": "PickerContentAdditionalStep2884149236__titles", "suffix": "PickerContentAdditionalStep2884149236__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep2016124852__root", "titles": "PickerContentAdditionalStep2016124852__titles", "suffix": "PickerContentAdditionalStep2016124852__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/components/SchemaCard/SchemaCard.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { Button, Card } from '@wix/design-system';
+import { Button, Card, Layout } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
 import { SidePanelsState } from '../../state/SidePanelsState';
@@ -49,10 +49,11 @@ function _SchemaCard({ title, subtitle, renderField, ...rest }) {
     return (React.createElement(Card, { ...rest },
         React.createElement(Card.Header, { title: title, subtitle: subtitle, suffix: state ? (React.createElement(Button, { size: "small", priority: "secondary", dataHook: "schema-card-manage-fields-button", onClick: () => state.panels.toggleSidePanel('customColumns') }, t('cairo.table.manage-fields.button.cta'))) : undefined }),
         React.createElement(Card.Divider, null),
-        React.createElement(Card.Content, null, fieldsState &&
-            fieldsState.orderedFields
-                .filter((f) => fieldsState.isFieldVisible(f.id))
-                .map((f) => renderField(f.id))),
+        React.createElement(Card.Content, null,
+            React.createElement(Layout, null, fieldsState &&
+                fieldsState.orderedFields
+                    .filter((f) => fieldsState.isFieldVisible(f.id))
+                    .map((f) => renderField(f.id)))),
         state && React.createElement(CustomColumnsEntityPageCTA, { state: state })));
 }
 _SchemaCard.displayName = 'SchemaCard';