@wix/patterns 1.13.0 → 1.14.0

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_ = "MultiBulkActionToolbar686316167";
+var _namespace_ = "MultiBulkActionToolbar2674202735";
 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": "MultiBulkActionToolbar686316167__root" };
+export var classes = { "root": "MultiBulkActionToolbar2674202735__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,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,uCAAuC,EAAC,CAAC;AACtE,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":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,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,wCAAwC,EAAC,CAAC;AACvE,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/MultiLevelSorting/MultiLevelSortingCTAButton.js

@@ -1,19 +1,22 @@
 import React, { useEffect, useState } from 'react';
 import { runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import { Tooltip, IconButton } from '@wix/design-system';
+import { IconButton, Tooltip } from '@wix/design-system';
 import { ChangeOrderSmall } from '@wix/wix-ui-icons-common';
 import { MultiLevelSortingState } from '../../state';
 import { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';
 import { CounterBadgeButton } from '../CounterBadgeButton';
+import { usePageContext } from '@wix/bex-core/react';
 export function _MultiLevelSortingCTAButton(props) {
     const { state } = props;
     const { panels, container: { translate: t }, } = state;
+    const { modalsContainerRef } = usePageContext();
     const [multiLevelSortingState] = useState(() => runInAction(() => {
         var _a;
         return ((_a = state.multiLevelSorting) !== null && _a !== void 0 ? _a : (state.multiLevelSorting = new MultiLevelSortingState({
             table: state,
             container: state.container,
+            modalsContainerRef,
         })));
     }));
     useEffect(() => multiLevelSortingState.init(), []);

package/dist/esm/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiLevelSortingCTAButton.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAA0B,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,MAAM,UAAU,2BAA2B,CACzC,KAA4C;IAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,MAAM,EACN,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,sBAAsB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7C,WAAW,CACT,GAAG,EAAE;;QACH,OAAA,OAAC,KAAK,CAAC,iBAAiB,oCAAvB,KAAK,CAAC,iBAAiB,GAAK,IAAI,sBAAsB,CAAO;YAC5D,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,KAAK,CAAC,SAAS;SAC3B,CAAC,EAAC,CAAA;KAAA,CACN,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,oCAAoC,EAC7C,KAAK,EAAE,sBAAsB,CAAC,YAAY;QAE1C,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,6CAA6C,CAAC;YAChE,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,4BAA4B,EACrC,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;oBAE3D,IAAI,MAAM,EAAE;wBACV,sBAAsB,CAAC,mBAAmB,EAAE,CAAC;qBAC9C;yBAAM;wBACL,sBAAsB,CAAC,oBAAoB,CAAC;4BAC1C,MAAM,EAAE,UAAU;yBACnB,CAAC,CAAC;qBACJ;gBACH,CAAC;gBAED,oBAAC,gBAAgB,OAAG,CACT,CACL,CACS,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}
+{"version":3,"file":"MultiLevelSortingCTAButton.js","sourceRoot":"","sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAA0B,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMrD,MAAM,UAAU,2BAA2B,CACzC,KAA4C;IAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,MAAM,EACN,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,MAAM,CAAC,sBAAsB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7C,WAAW,CACT,GAAG,EAAE;;QACH,OAAA,OAAC,KAAK,CAAC,iBAAiB,oCAAvB,KAAK,CAAC,iBAAiB,GAAK,IAAI,sBAAsB,CAAO;YAC5D,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,kBAAkB;SACnB,CAAC,EAAC,CAAA;KAAA,CACN,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,2BAA2B,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,oCAAoC,EAC7C,KAAK,EAAE,sBAAsB,CAAC,YAAY;QAE1C,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,6CAA6C,CAAC;YAChE,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,4BAA4B,EACrC,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;oBAE3D,IAAI,MAAM,EAAE;wBACV,sBAAsB,CAAC,mBAAmB,EAAE,CAAC;qBAC9C;yBAAM;wBACL,sBAAsB,CAAC,oBAAoB,CAAC;4BAC1C,MAAM,EAAE,UAAU;yBACnB,CAAC,CAAC;qBACJ;gBACH,CAAC;gBAED,oBAAC,gBAAgB,OAAG,CACT,CACL,CACS,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

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_ = "NestedTableRow1667742089";
+var _namespace_ = "NestedTableRow2394039526";
 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": "NestedTableRow1667742089__root", "firstLevel": "NestedTableRow1667742089__firstLevel", "placeholder": "NestedTableRow1667742089__placeholder", "parentHovered": "NestedTableRow1667742089__parentHovered" };
+export var classes = { "root": "NestedTableRow2394039526__root", "firstLevel": "NestedTableRow2394039526__firstLevel", "placeholder": "NestedTableRow2394039526__placeholder", "parentHovered": "NestedTableRow2394039526__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableWSRTable.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { CollectionTableWSRTable, } from '../CollectionTable/CollectionTableWSRTable';
 import { NestedTableContent } from './NestedTableContent';
@@ -10,9 +10,17 @@ import { QuerySearch } from '../QuerySearch';
 import { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';
 import { Table as WSRTable } from '@wix/design-system';
 import { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';
+import { usePageContext } from '@wix/bex-core/react';
 function _NestedTableWSRTable(props) {
     const { state: wrapperState, renderError, multiLevelSorting, actionCell, actionCellWidth, actionCellProps, filters, customColumns, views, emptyState, noResultsState, topNotification, showTitleBar = true, horizontalScroll = true, rowHeight, estimatedRowHeight, rowVerticalPadding = 'tiny', dragAndDrop, dragAndDropBulkSubmit, dragAndDropSubmit, dragAndDropCancel, dragAndDropReorderModeToolbar, dragAndDropCategories } = props, rest = __rest(props, ["state", "renderError", "multiLevelSorting", "actionCell", "actionCellWidth", "actionCellProps", "filters", "customColumns", "views", "emptyState", "noResultsState", "topNotification", "showTitleBar", "horizontalScroll", "rowHeight", "estimatedRowHeight", "rowVerticalPadding", "dragAndDrop", "dragAndDropBulkSubmit", "dragAndDropSubmit", "dragAndDropCancel", "dragAndDropReorderModeToolbar", "dragAndDropCategories"]);
+    const { modalsContainerRef } = usePageContext();
     const { toolbar, query } = wrapperState;
+    useState(() => {
+        dragAndDrop === null || dragAndDrop === void 0 ? void 0 : dragAndDrop.setStateObject({
+            state: wrapperState,
+            modalsContainerRef,
+        });
+    });
     useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: toolbar, isUsingDragAndDrop: false, isUsingBulkActionsToolbar: false, isUsingHorizontalScroll: true, isUsingFolders: false, isUsingTableVirtualization: true }));
     const Table = CollectionTableWSRTable;
     const { state, key, BodyElementType, TrElementType, columns } = useModeTableProps({

package/dist/esm/components/NestedTable/NestedTableWSRTable.js.map

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDrop.js

@@ -0,0 +1,23 @@
+import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';
+import { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';
+import { NestedTableDragAndDropState } from './NestedTableDragAndDropState';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+if (process.env.NODE_ENV !== 'production') {
+    minimalRequiredWdsRuntimeCheck({
+        required: '^1.64.1',
+        requiredBy: 'Cairo/NestedTableDragAndDrop',
+    });
+}
+function setStateObject(params) {
+    var _a;
+    var _b;
+    const { state, modalsContainerRef } = params;
+    (_a = (_b = state.nested).nestedTableDragAndDrop) !== null && _a !== void 0 ? _a : (_b.nestedTableDragAndDrop = new NestedTableDragAndDropState({
+        nestedState: state.nested,
+        modalsContainerRef,
+    }));
+    state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;
+    state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;
+}
+export const NestedTableDragAndDrop = Object.assign(Object.assign({}, WSRTableDragAndDrop), { CollectionNestedTableDragAndDropContext: NestedTableDragAndDropContext, setStateObject });
+//# sourceMappingURL=NestedTableDragAndDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAGtF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,8BAA8B;KAC3C,CAAC,CAAC;CACJ;AAED,SAAS,cAAc,CAAmB,MAKzC;;;IACC,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;IAC7C,YAAA,KAAK,CAAC,MAAM,EAAC,sBAAsB,uCAAtB,sBAAsB,GAAK,IAAI,2BAA2B,CAAC;QACtE,WAAW,EAAE,KAAK,CAAC,MAAM;QACzB,kBAAkB;KACnB,CAAC,EAAC;IACH,KAAK,CAAC,UAAU,CAAC,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC;IAC7E,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,GAAG,CAAC;AAC/D,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,mCAC9B,mBAAmB,KACtB,uCAAuC,EAAE,6BAA6B,EACtE,cAAc,GACf,CAAC"}

package/dist/esm/components/{CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js → NestedTableDragAndDrop/NestedTableDragAndDropContext.js}

@@ -1,28 +1,15 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { usePageContext } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
 import { DragAndDropContext, SortableReactiveContext, } from '@wix/wix-style-react-incubator/drag-and-drop';
 import { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';
 import { dragHandleTestEvents, sortableItemTestEvents, } from '../GridDragAndDropDndKit/dndTestEventHandlers';
 import { addEventListener } from '@wix/bex-core/util';
-import { NestedTableDragAndDropState } from '../DragAndDrop/NestedTableDragAndDropState';
-function _CollectionNestedTableDragAndDropContext(props) {
+function _NestedTableDragAndDropContext(props) {
     const { state: nestedState, onSubmit, onCancel, onBulkSubmit, children, } = props;
     const { type: Table, props: tableProps } = children;
-    const { tableState } = nestedState;
-    const { modalsContainerRef } = usePageContext();
-    const [state] = useState(() => {
-        const nestedDnDState = new NestedTableDragAndDropState({
-            nestedState,
-            modalsContainerRef,
-        });
-        tableState.tableDragAndDropState = nestedDnDState;
-        return nestedDnDState;
-    });
-    const dragAndDropState = state.dragAndDrop.dnd;
-    useEffect(() => state.init({
-        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
-    }), []);
+    const state = nestedState.nestedTableDragAndDrop;
+    const dragAndDropState = state.dnd;
+    useEffect(() => state.init(), []);
     dragAndDropState.onSubmit = onSubmit;
     dragAndDropState.onCancel = onCancel;
     dragAndDropState.onBulkSubmit = onBulkSubmit;
@@ -36,7 +23,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
             easing: dragAndDropState.dropAnimation.easing,
         },
         announcements: dragAndDropState.nullAnnouncements,
-        a11yContainer: dragAndDropState.a11yContainer,
+        a11yContainer: dragAndDropState.a11yContainerRef.current,
         onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),
         onDragMove: (event) => dragAndDropState.onDragMove(event),
         restoreFocus: false,
@@ -73,7 +60,7 @@ function _CollectionNestedTableDragAndDropContext(props) {
             keyboardCodes: dragAndDropState.keyboardCodes,
         },
     }));
-    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;
     const sortableReactiveContext = useMemo(() => ({
         dropDisabled: dragAndDropState.isActiveRectOutsideContainer,
     }), [dragAndDropState.isActiveRectOutsideContainer]);
@@ -82,5 +69,5 @@ function _CollectionNestedTableDragAndDropContext(props) {
             React.createElement(Table, Object.assign({}, tableProps, { isDragAndDropDisabled: dragAndDropState.isDisabled, onDragStart: (event) => dragAndDropState.onDragStart(event), onDragEnd: (event) => dragAndDropState.onDragEnd(event), onDragCancel: () => dragAndDropState.onDragCancel() })),
             React.createElement(DragAndDropAnnouncements, { state: dragAndDropState, dataHook: "collection-table-dnd-live-region" }))));
 }
-export const CollectionNestedTableDragAndDropContext = observer(_CollectionNestedTableDragAndDropContext);
-//# sourceMappingURL=CollectionNestedTableDragAndDropContext.js.map
+export const NestedTableDragAndDropContext = observer(_NestedTableDragAndDropContext);
+//# sourceMappingURL=NestedTableDragAndDropContext.js.map

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js

@@ -0,0 +1,61 @@
+import { DragAndDropState } from '../DragAndDrop';
+export class NestedTableDragAndDropState {
+    constructor(params) {
+        this._move = (ev) => {
+            var _a, _b;
+            const { nestedState } = this;
+            const item = (_b = nestedState.getKeyedItem((_a = ev.over) === null || _a === void 0 ? void 0 : _a.id)) === null || _b === void 0 ? void 0 : _b.item;
+            if (!item) {
+                return;
+            }
+            const itemCollection = item === null || item === void 0 ? void 0 : item.state.collection;
+            const { optimisticActions } = itemCollection;
+            if (optimisticActions == null) {
+                return;
+            }
+            optimisticActions._orderByMode = 'moves';
+            const dragEndEvent = this.dnd._createDragEndEvent(ev);
+            if (dragEndEvent == null) {
+                return;
+            }
+        };
+        const { nestedState, modalsContainerRef } = params;
+        const { container } = nestedState;
+        this.tableState = nestedState.tableState;
+        this.nestedState = nestedState;
+        this.dnd = new DragAndDropState({
+            a11yContainerRef: modalsContainerRef,
+            container,
+            state: nestedState.wrapper.toolbar,
+            collection: nestedState,
+            move: this._move,
+            announcements: {
+                dragHandleLabel: (id) => {
+                    var _a, _b;
+                    const { translate: t } = container;
+                    const item = (_a = nestedState.getKeyedItem(id)) === null || _a === void 0 ? void 0 : _a.item;
+                    const itemName = item === null || item === void 0 ? void 0 : item.state.collection.itemName;
+                    return t('cairo.dragAndDrop.button-role-label.sr', {
+                        itemName: item && itemName ? itemName((_b = item.originalKeyedItem) === null || _b === void 0 ? void 0 : _b.item) : '',
+                    });
+                },
+                itemDescription: (id) => {
+                    var _a, _b;
+                    const item = (_a = nestedState.getKeyedItem(id)) === null || _a === void 0 ? void 0 : _a.item;
+                    const itemName = item === null || item === void 0 ? void 0 : item.state.collection.itemName;
+                    return item && itemName ? itemName((_b = item.originalKeyedItem) === null || _b === void 0 ? void 0 : _b.item) : '';
+                },
+            },
+        });
+    }
+    getStickyColumnsCount({ stickyColumns, horizontalScroll, }) {
+        const { dnd } = this;
+        return horizontalScroll && !dnd.isDisabled
+            ? stickyColumns + 1
+            : stickyColumns;
+    }
+    init() {
+        return this.dnd.init();
+    }
+}
+//# sourceMappingURL=NestedTableDragAndDropState.js.map

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map

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

package/dist/esm/components/PageWrapper/PageWrapperBase.js

@@ -2,6 +2,7 @@ import React, { useMemo, useState } from 'react';
 import { useReactive } from '@wix/bex-utils/react';
 import { PageContextProvider, useWixPatternsContainer, } from '@wix/bex-core/react';
 import { PageState, SidePanelWidth } from '@wix/bex-core';
+import { runInAction } from 'mobx';
 export function PageWrapperBase(props) {
     const { pageState, children } = props;
     const [state] = useState(() => pageState !== null && pageState !== void 0 ? pageState : new PageState());
@@ -30,7 +31,9 @@ export function PageWrapperBase(props) {
             }, lang: environment.language },
             React.createElement("div", { style: pageAndModalsRootStyle }, children),
             React.createElement("div", { ref: (el) => {
-                    modalsContainerRef.current = el;
+                    runInAction(() => {
+                        modalsContainerRef.current = el;
+                    });
                 }, style: modalsContainerStyle }))));
 }
 //# sourceMappingURL=PageWrapperBase.js.map

package/dist/esm/components/PageWrapper/PageWrapperBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageWrapperBase.js","sourceRoot":"","sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,SAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAElD,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,CAAC,MAAM;QAClE,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,CAAC;KACV,CAAC,EACF,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,MAAM,EAAE,CAAC;KACV,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK;QAC/B,wDAEE,KAAK,EAAE,SAAS,eACN,qBAAqB,EAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;YAC/B,CAAC,EACD,IAAI,EAAE,WAAW,CAAC,QAAQ;YAE1B,6BAAK,KAAK,EAAE,sBAAsB,IAAG,QAAQ,CAAO;YACpD,6BACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,kBAAkB,CAAC,OAAO,GAAG,EAAE,CAAC;gBAClC,CAAC,EACD,KAAK,EAAE,oBAAoB,GAC3B,CACE,CACc,CACvB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PageWrapperBase.js","sourceRoot":"","sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAOnC,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,SAAS,EAAE,CAAC,CAAC;IAC7D,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAElD,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAAe,cAAc,KAAK,CAAC,CAAC,CAAC,MAAM;QAClE,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,CAAC;KACV,CAAC,EACF,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,MAAM,EAAE,CAAC;KACV,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK;QAC/B,wDAEE,KAAK,EAAE,SAAS,eACN,qBAAqB,EAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;YAC/B,CAAC,EACD,IAAI,EAAE,WAAW,CAAC,QAAQ;YAE1B,6BAAK,KAAK,EAAE,sBAAsB,IAAG,QAAQ,CAAO;YACpD,6BACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,WAAW,CAAC,GAAG,EAAE;wBACf,kBAAkB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAClC,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,KAAK,EAAE,oBAAoB,GAC3B,CACE,CACc,CACvB,CAAC;AACJ,CAAC"}

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_ = "PickerContent878918120";
+var _namespace_ = "PickerContent598513008";
 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": "PickerContent878918120__root" };
+export var classes = { "root": "PickerContent598513008__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "PickerContentAdditionalStep3636567022";
+var _namespace_ = "PickerContentAdditionalStep4234337588";
 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": "PickerContentAdditionalStep3636567022__root", "titles": "PickerContentAdditionalStep3636567022__titles", "suffix": "PickerContentAdditionalStep3636567022__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep4234337588__root", "titles": "PickerContentAdditionalStep4234337588__titles", "suffix": "PickerContentAdditionalStep4234337588__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_ = "PickerTableListItem2676600034";
+var _namespace_ = "PickerTableListItem3049254835";
 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": "PickerTableListItem2676600034__root" };
+export var classes = { "root": "PickerTableListItem3049254835__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard2184442394";
+var _namespace_ = "SkeletonCard3340135478";
 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": "SkeletonCard2184442394__root", "headerLoading": "SkeletonCard2184442394__headerLoading" };
+export var classes = { "root": "SkeletonCard3340135478__root", "headerLoading": "SkeletonCard3340135478__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/components/Table/TableVirtual.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TableVirtual2466046250";
+var _namespace_ = "TableVirtual1567355965";
 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": "TableVirtual2466046250__root", "thead": "TableVirtual2466046250__thead" };
+export var classes = { "root": "TableVirtual1567355965__root", "thead": "TableVirtual1567355965__thead" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/useTableSyncProps.js

@@ -1,9 +1,18 @@
 import { useScrollableContentContext } from '../../providers';
 import { useEffect, useState } from 'react';
+import { usePageContext } from '@wix/bex-core/react';
 export function useTableSyncProps(props) {
     const { state, scrollElement: scrollElementProp } = props;
     const { scrollableContentRef } = useScrollableContentContext();
+    const { modalsContainerRef } = usePageContext();
     const [scrollElement, setScrollElement] = useState(() => scrollElementProp !== null && scrollElementProp !== void 0 ? scrollElementProp : scrollableContentRef === null || scrollableContentRef === void 0 ? void 0 : scrollableContentRef.current);
+    useState(() => {
+        var _a;
+        (_a = props.dragAndDrop) === null || _a === void 0 ? void 0 : _a.setStateObject({
+            state,
+            modalsContainerRef,
+        });
+    });
     useEffect(() => {
         const { collection } = state;
         const scrollableContent = scrollElementProp !== null && scrollElementProp !== void 0 ? scrollElementProp : scrollableContentRef === null || scrollableContentRef === void 0 ? void 0 : scrollableContentRef.current;

package/dist/esm/components/Table/useTableSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSyncProps.js","sourceRoot":"","sources":["../../../../src/components/Table/useTableSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,UAAU,iBAAiB,CAC/B,KAAyB;IAEzB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,GAAG,EAAE,CACH,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAChB,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAmC,CAC7D,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAE7B,MAAM,iBAAiB,GACrB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC;QAErD,IAAI,iBAAiB,EAAE;YACrB,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YAEpC,UAAU,CAAC,iBAAiB;gBAC1B,iBAAiB,YAAY,WAAW;oBACtC,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;SACjC;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO;QACL,aAAa;KACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useTableSyncProps.js","sourceRoot":"","sources":["../../../../src/components/Table/useTableSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,UAAU,iBAAiB,CAC/B,KAAyB;IAEzB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC/D,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,GAAG,EAAE,CACH,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAChB,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAmC,CAC7D,CAAC;IAEF,QAAQ,CAAC,GAAG,EAAE;;QACZ,MAAA,KAAK,CAAC,WAAW,0CAAE,cAAc,CAAC;YAChC,KAAK;YACL,kBAAkB;SACnB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAE7B,MAAM,iBAAiB,GACrB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC;QAErD,IAAI,iBAAiB,EAAE;YACrB,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YAEpC,UAAU,CAAC,iBAAiB;gBAC1B,iBAAiB,YAAY,WAAW;oBACtC,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;SACjC;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO;QACL,aAAa;KACd,CAAC;AACJ,CAAC"}

package/dist/esm/components/TableDragAndDrop.js

@@ -1,11 +1,21 @@
-import { CollectionTableDragAndDropContext } from './CollectionTableDragAndDropContext';
+import { TableDragAndDropContext } from './TableDragAndDropContext';
 import { TableDragAndDrop as WDSTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';
 import { minimalRequiredWdsRuntimeCheck } from '../minimalRequiredWdsRuntimeCheck';
+import { TableDragAndDropState } from './DragAndDrop/TableDragAndDropState';
 if (process.env.NODE_ENV !== 'production') {
     minimalRequiredWdsRuntimeCheck({
         required: '^1.64.1',
         requiredBy: 'Cairo/TableDragAndDrop',
     });
 }
-export const TableDragAndDrop = Object.assign(Object.assign({}, WDSTableDragAndDrop), { CollectionTableDragAndDropContext });
+export function setStateObject({ state, modalsContainerRef, }) {
+    var _a;
+    (_a = state.tableDragAndDropState) !== null && _a !== void 0 ? _a : (state.tableDragAndDropState = new TableDragAndDropState({
+        tableState: state,
+        modalsContainerRef,
+    }));
+    state.toolbar._dnd = state.tableDragAndDropState.dnd;
+}
+export const TableDragAndDrop = Object.assign(Object.assign({}, WDSTableDragAndDrop), { TableDragAndDropContext,
+    setStateObject });
 //# sourceMappingURL=TableDragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableDragAndDrop.js","sourceRoot":"","sources":["../../../src/components/TableDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,wBAAwB;KACrC,CAAC,CAAC;CACJ;AAMD,MAAM,CAAC,MAAM,gBAAgB,mCACxB,mBAAmB,KACtB,iCAAiC,GAClC,CAAC"}
+{"version":3,"file":"TableDragAndDrop.js","sourceRoot":"","sources":["../../../src/components/TableDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAI5E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,wBAAwB;KACrC,CAAC,CAAC;CACJ;AAOD,MAAM,UAAU,cAAc,CAA0B,EACtD,KAAK,EACL,kBAAkB,GAMnB;;IACC,MAAA,KAAK,CAAC,qBAAqB,oCAA3B,KAAK,CAAC,qBAAqB,GAAK,IAAI,qBAAqB,CAAC;QACxD,UAAU,EAAE,KAAK;QACjB,kBAAkB;KACnB,CAAC,EAAC;IACH,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC;AACvD,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,mCACxB,mBAAmB,KACtB,uBAAuB;IACvB,cAAc,GACf,CAAC"}

package/dist/esm/components/{CollectionTableDragAndDropContext/CollectionTableDragAndDropContext.js → TableDragAndDropContext/TableDragAndDropContext.js}

@@ -1,28 +1,17 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { usePageContext } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
 import { DragAndDropContext, SortableReactiveContext, } from '@wix/wix-style-react-incubator/drag-and-drop';
 import { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';
 import { dragHandleTestEvents, sortableItemTestEvents, } from '../GridDragAndDropDndKit/dndTestEventHandlers';
 import { useTableContext } from '../../providers';
 import { addEventListener } from '@wix/bex-core/util';
-import { TableDragAndDropState } from '../DragAndDrop/TableDragAndDropState';
-function _CollectionTableDragAndDropContext(props) {
+function _TableDragAndDropContext(props) {
     const { onSubmit, onCancel, onBulkSubmit, children } = props;
     const { type: Table, props: tableProps } = children;
     const tableState = useTableContext();
-    const { modalsContainerRef } = usePageContext();
-    const [state] = useState(() => {
-        var _a;
-        return ((_a = tableState.tableDragAndDropState) !== null && _a !== void 0 ? _a : (tableState.tableDragAndDropState = new TableDragAndDropState({
-            tableState,
-            modalsContainerRef,
-        })));
-    });
+    const state = tableState.tableDragAndDropState;
     const dragAndDropState = state.dragAndDrop.dnd;
-    useEffect(() => state.init({
-        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
-    }), []);
+    useEffect(() => state.init(), []);
     dragAndDropState.onSubmit = onSubmit;
     dragAndDropState.onCancel = onCancel;
     dragAndDropState.onBulkSubmit = onBulkSubmit;
@@ -36,7 +25,7 @@ function _CollectionTableDragAndDropContext(props) {
             easing: dragAndDropState.dropAnimation.easing,
         },
         announcements: dragAndDropState.nullAnnouncements,
-        a11yContainer: dragAndDropState.a11yContainer,
+        a11yContainer: dragAndDropState.a11yContainerRef.current,
         onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),
         onDragMove: (event) => dragAndDropState.onDragMove(event),
         restoreFocus: false,
@@ -73,7 +62,7 @@ function _CollectionTableDragAndDropContext(props) {
             keyboardCodes: dragAndDropState.keyboardCodes,
         },
     }));
-    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;
     const sortableReactiveContext = useMemo(() => ({
         dropDisabled: dragAndDropState.isActiveRectOutsideContainer,
     }), [dragAndDropState.isActiveRectOutsideContainer]);
@@ -82,5 +71,5 @@ function _CollectionTableDragAndDropContext(props) {
             React.createElement(Table, Object.assign({}, tableProps, { isDragAndDropDisabled: dragAndDropState.isDisabled, onDragStart: (event) => dragAndDropState.onDragStart(event), onDragEnd: (event) => dragAndDropState.onDragEnd(event), onDragCancel: () => dragAndDropState.onDragCancel() })),
             React.createElement(DragAndDropAnnouncements, { state: dragAndDropState, dataHook: "collection-table-dnd-live-region" }))));
 }
-export const CollectionTableDragAndDropContext = observer(_CollectionTableDragAndDropContext);
-//# sourceMappingURL=CollectionTableDragAndDropContext.js.map
+export const TableDragAndDropContext = observer(_TableDragAndDropContext);
+//# sourceMappingURL=TableDragAndDropContext.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { TableDragAndDropContext, } from './TableDragAndDropContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableDragAndDropContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter2033550899";
+var _namespace_ = "TabsFilter2742796503";
 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": "TabsFilter2033550899__root", "title": "TabsFilter2033550899__title" };
+export var classes = { "root": "TabsFilter2742796503__root", "title": "TabsFilter2742796503__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

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