@wix/patterns 0.8.0

package/dist/esm/components/DragAndDrop/DragAndDropState.js

@@ -0,0 +1,353 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import { subtract } from '@wix/wix-style-react-incubator/dnd-kit/utilities';
+import { hasExceededDistance } from './hasExceededDistance';
+import { haveIntersection } from './rectIntersection';
+import { EventEmitter } from 'events';
+import { v4 as uuid } from 'uuid';
+import { emptyRect, RectState } from '../../state/RectState';
+export class DragAndDropState {
+    constructor(params) {
+        var _a;
+        this.events = new EventEmitter();
+        this.status = null;
+        this.activeId = null;
+        this.overId = null;
+        this.droppingId = null;
+        this.droppedId = null;
+        this._dropAnimationId = null;
+        this.reorderModeState = null;
+        this._isHandleActive = false;
+        this._isKeyboardDragging = false;
+        this._moveId = '';
+        this._baseAnimation = {
+            duration: 250,
+            easing: 'cubic-bezier(0.33, 1, 0.68, 1)',
+        };
+        this.sortableAnimation = Object.assign({}, this._baseAnimation);
+        this.dropAnimation = {
+            duration: 75,
+            easing: 'cubic-bezier(0.33, 1, 0.68, 1)',
+            sideEffects: () => {
+                this._dropAnimationId = this.droppingId;
+                return () => {
+                    this.onDropAnimationEnd();
+                };
+            },
+        };
+        this.activationConstraint = {
+            distance: 1,
+        };
+        this.keyboardCodes = {
+            start: ['Space', 'Enter'],
+            cancel: ['Escape', 'Tab'],
+            end: ['Space', 'Enter'],
+            move: ['ArrowDown'],
+        };
+        // Should be triggered before `onDragStart` for correct BI
+        this.handleEvents = {
+            onPointerDown: action(() => {
+                this._isHandleActive = true;
+            }),
+            onKeyDown: action((e) => {
+                const { keyboardCodes } = this;
+                if (keyboardCodes.start.includes(e.nativeEvent.code)) {
+                    this._isHandleActive = true;
+                    this._isKeyboardDragging = true;
+                    return;
+                }
+            }),
+        };
+        this.containerEvents = {
+            onPointerDown: action(() => {
+                this._isKeyboardDragging = false;
+            }),
+        };
+        this.onDropAnimationEnd = action(() => {
+            if (this.droppingId && this.activeId === this.droppingId) {
+                this.activeId = null;
+                this._isHandleActive = false;
+                this.droppedId = this.droppingId;
+                this.droppingId = null;
+                this._dropAnimationId = null;
+                this.state.forceRenderIndexes = undefined;
+                this.events.emit('dropAnimationEnd');
+                this.scheduleIdle();
+            }
+        });
+        this._onGlobalKeydown = action((e) => {
+            const { keyboardCodes, activeId, bi } = this;
+            if (activeId == null) {
+                return;
+            }
+            if (keyboardCodes.cancel.includes(e.code)) {
+                bi === null || bi === void 0 ? void 0 : bi.onDragCancel({ endType: 'clicked ESC' });
+                return;
+            }
+        });
+        this.attachDisabledDragAttempt = (itemId, downEvent, axis) => {
+            const state = {
+                onDragAttemptEnd: null,
+            };
+            const coordinates = {
+                x: downEvent.x,
+                y: downEvent.y,
+            };
+            const onMouseUp = () => {
+                if (state.onDragAttemptEnd) {
+                    state.onDragAttemptEnd();
+                    state.onDragAttemptEnd = null;
+                }
+                document.removeEventListener('mousemove', onMove);
+                document.removeEventListener('mouseup', onMouseUp);
+            };
+            const onMove = this.container.lodash.throttle((moveEvent) => {
+                var _a, _b;
+                const delta = subtract({ x: moveEvent.x, y: moveEvent.y }, coordinates);
+                // for detecting drag attempt use larger activation constraint (10px instead of 1px)
+                if (process.env.NODE_ENV !== 'test' &&
+                    !hasExceededDistance({ delta, measurement: 10, axis })) {
+                    return;
+                }
+                document.removeEventListener('mousemove', onMove);
+                state.onDragAttemptEnd = (_b = (_a = this.bi) === null || _a === void 0 ? void 0 : _a.onAttemptDragStart(itemId)) !== null && _b !== void 0 ? _b : null;
+            }, 200);
+            document.addEventListener('mousemove', onMove);
+            document.addEventListener('mouseup', onMouseUp);
+        };
+        this.container = params.container;
+        this.state = params.state;
+        this.collection = params.collection;
+        this.a11yContainer = params.a11yContainer;
+        this.overlayRect = new RectState({ container: this.container });
+        this.events.setMaxListeners(100);
+        this.bi = params.bi;
+        // We have an issue with pptr where `dropAnimation.sideEffects` is not being called.
+        // This ensures `onDropAnimationEnd` will be called eventually, even if `dropAnimation.sideEffects` wasn't called.
+        this.scheduleDropEnd = this.container.lodash.debounce(() => {
+            // Do not call `onDropAnimationEnd` if _dropAnimationId was set, meaning that `dropAnimation.sideEffects` worked as expected
+            if (this._dropAnimationId && this._dropAnimationId === this.droppingId) {
+                return;
+            }
+            this.onDropAnimationEnd();
+        }, this.dropAnimation.duration);
+        this.scheduleIdle = this.container.lodash.debounce(action(() => {
+            if (this.status === 'end' || this.status === 'cancel') {
+                this.status = null;
+                this._isKeyboardDragging = false;
+            }
+        }), 500);
+        this.move = params.move;
+        this.nullAnnouncements = Object.assign({ onDragStart: () => undefined, onDragMove: () => undefined, onDragOver: () => undefined, onDragEnd: () => undefined, onDragCancel: () => undefined, listAttributes: () => {
+                const { translate: t } = this.container;
+                return {
+                    'aria-label': t('cairo.dragAndDrop.list-aria-label.sr'),
+                };
+            } }, ((_a = params.announcements) !== null && _a !== void 0 ? _a : {}));
+        makeObservable(this, {
+            activeId: observable.ref,
+            overlayRect: observable.ref,
+            overId: observable.ref,
+            status: observable.ref,
+            a11yContainer: observable.ref,
+            onDragStart: action,
+            init: action,
+            beforeDrop: action,
+            onDragEnd: action,
+            onDragMove: action,
+            onDragOver: action,
+            onDragCancel: action,
+            focusDragHandleIfDropped: action,
+            active: computed,
+            isActiveRectOutsideContainer: computed,
+            over: computed,
+            activeIndex: computed,
+            isActive: computed,
+            droppingId: observable.ref,
+            isDropping: computed,
+            _isHandleActive: observable.ref,
+            reorderModeState: observable.ref,
+        });
+    }
+    get active() {
+        const { activeId, collection } = this;
+        return activeId != null ? collection.getKeyedItem(activeId) : null;
+    }
+    get over() {
+        const { overId, collection } = this;
+        return overId != null ? collection.getKeyedItem(overId) : null;
+    }
+    get isDropping() {
+        return this.droppingId != null;
+    }
+    get activeIndex() {
+        var _a;
+        return (_a = this.active) === null || _a === void 0 ? void 0 : _a.index;
+    }
+    get isActive() {
+        return this.activeId != null;
+    }
+    onDragMove(event) {
+        var _a;
+        const { active } = event;
+        Object.assign(this.overlayRect.rect, (_a = active.rect) === null || _a === void 0 ? void 0 : _a.current.translated);
+    }
+    onDragStart(event) {
+        var _a, _b;
+        const { active } = event;
+        this.status = 'start';
+        Object.assign(this.overlayRect.rect, (_a = active.rect) === null || _a === void 0 ? void 0 : _a.current.translated);
+        this.activeId = event.active.id;
+        this._moveId = uuid();
+        (_b = this.bi) === null || _b === void 0 ? void 0 : _b.onDragStart();
+    }
+    get isActiveRectOutsideContainer() {
+        const { state: { containerRect }, overlayRect: { rect: overlayRect }, } = this;
+        if (overlayRect.width == null || containerRect == null) {
+            return false;
+        }
+        return !haveIntersection(overlayRect, containerRect);
+    }
+    _maybeCancelDropAndShowErrorToast(event) {
+        var _a, _b, _c, _d;
+        const { container } = this;
+        const dragEndEvent = this._createDragEndEvent(event);
+        if (dragEndEvent == null) {
+            return false;
+        }
+        const onCancelResult = (_a = this.onCancel) === null || _a === void 0 ? void 0 : _a.call(this, this._createSimpleDragEndEvent(dragEndEvent));
+        if (!onCancelResult) {
+            return false;
+        }
+        (_c = (_b = this.bi) === null || _b === void 0 ? void 0 : _b.onMoveCancelled) === null || _c === void 0 ? void 0 : _c.call(_b, dragEndEvent);
+        (_d = container.showToast) === null || _d === void 0 ? void 0 : _d.call(container, Object.assign(Object.assign({}, onCancelResult), { type: 'ERROR', biName: 'cairo-drag-and-drop-external-logic-error' }));
+        return true;
+    }
+    beforeDrop(event) {
+        var _a, _b, _c;
+        this.droppingId = this.activeId;
+        const { active } = event;
+        if (active == null) {
+            return false;
+        }
+        const cancelResult = this._maybeCancelDropAndShowErrorToast(event);
+        if (cancelResult) {
+            return true;
+        }
+        const rect = (_b = (_a = active.rect) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.translated;
+        const container = this.state.containerRect;
+        if (rect == null || container == null) {
+            return false;
+        }
+        const shouldCancel = !haveIntersection(rect, container);
+        if (shouldCancel) {
+            (_c = this.bi) === null || _c === void 0 ? void 0 : _c.onDragCancel({ endType: 'drop outside' });
+        }
+        return shouldCancel;
+    }
+    _createDragEndEvent(ev) {
+        var _a;
+        const { active, collection } = this;
+        const { query } = collection;
+        const overId = (_a = ev.over) === null || _a === void 0 ? void 0 : _a.id;
+        if (active == null || overId == null || overId === active.id) {
+            return null;
+        }
+        const from = collection.getKeyedItem(active.id);
+        const over = collection.getKeyedItem(overId);
+        if (from == null || over == null) {
+            return;
+        }
+        const after = over.index === 0
+            ? null
+            : over.index < from.index
+                ? collection.getKeyedItemByIndex(over.index - 1)
+                : over;
+        return {
+            moveId: this._moveId,
+            from,
+            over,
+            after,
+            query: collection.originQuery,
+            filtersKeyHash: query.filtersKeyHash,
+            isFromHandle: Boolean(this._isHandleActive),
+        };
+    }
+    _createSimpleDragEndEvent(event) {
+        const simplifyIndexedItem = (keyedItem) => ({
+            item: keyedItem.item,
+            index: keyedItem.index,
+        });
+        return {
+            from: simplifyIndexedItem(event.from),
+            after: event.after != null ? simplifyIndexedItem(event.after) : null,
+            over: simplifyIndexedItem(event.over),
+            filters: event.query.filters,
+        };
+    }
+    onDragCancel() {
+        this.status = 'cancel';
+        Object.assign(this.overlayRect.rect, emptyRect());
+        this.droppingId = this.activeId;
+        this.scheduleDropEnd();
+    }
+    onDragOver(event) {
+        var _a;
+        this.status = 'over';
+        this.overId = (_a = event.over) === null || _a === void 0 ? void 0 : _a.id;
+    }
+    onDragEnd(event) {
+        var _a;
+        this.status = 'end';
+        Object.assign(this.overlayRect.rect, emptyRect());
+        if (event.over) {
+            (_a = this.bi) === null || _a === void 0 ? void 0 : _a.onDragEnd(event.over.id);
+        }
+        this.move(event);
+        this.scheduleDropEnd();
+    }
+    get isDisabled() {
+        const { dragAndDropCategories } = this.state;
+        const { query: { hasActiveSort, filtersArray }, } = this.collection;
+        const activeFiltersNames = filtersArray
+            .filter((filter) => !filter.isEmpty)
+            .map((filter) => filter.name);
+        if (hasActiveSort) {
+            return true;
+        }
+        if (activeFiltersNames.length) {
+            return (dragAndDropCategories == null ||
+                !dragAndDropCategories.some((combination) => activeFiltersNames.length === combination.length &&
+                    activeFiltersNames.every((name) => combination.includes(name))));
+        }
+        if (dragAndDropCategories) {
+            const hasEmptyCombination = dragAndDropCategories.some((combination) => !combination.length);
+            return !hasEmptyCombination;
+        }
+        return false;
+    }
+    init({ a11yContainer }) {
+        this.a11yContainer = a11yContainer;
+        this.state._dnd = this;
+        document.addEventListener('keydown', this._onGlobalKeydown);
+        return action(() => {
+            this.state._dnd = null;
+            this.a11yContainer = null;
+            document.removeEventListener('keydown', this._onGlobalKeydown);
+        });
+    }
+    focusDragHandleIfDropped(id, element) {
+        const { status, droppedId, droppingId } = this;
+        if ((status === 'end' || status === 'cancel') &&
+            droppingId == null &&
+            droppedId === id &&
+            element) {
+            element.focus({
+                preventScroll: true,
+            });
+        }
+    }
+    get reportBi() {
+        return this.state.reportBi;
+    }
+}
+//# sourceMappingURL=DragAndDropState.js.map

package/dist/esm/components/DragAndDrop/DragAndDropState.js.map

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

package/dist/esm/components/DragAndDrop/NestedDragAndDropState.js

@@ -0,0 +1,60 @@
+import { action } from 'mobx';
+import { DragAndDropState, } from './DragAndDropState';
+export class NestedDragAndDropState {
+    constructor(params) {
+        const { collection } = params;
+        this.parentCollection = collection;
+        this.dnd = new DragAndDropState(Object.assign(Object.assign({}, params), { move: this._move.bind(this), announcements: {
+                dragHandleLabel: (id) => {
+                    var _a, _b;
+                    const { translate: t } = params.container;
+                    const item = (_a = collection.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 = collection.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) : '';
+                },
+            } }));
+    }
+    _move(ev) {
+        var _a, _b, _c;
+        const { parentCollection } = this;
+        const { onSubmit } = this.dnd;
+        const item = (_b = parentCollection.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;
+        }
+        optimisticActions.move(Object.assign(Object.assign({}, dragEndEvent), { after: dragEndEvent.after &&
+                (item === null || item === void 0 ? void 0 : item.state.collection.getKeyedItem(dragEndEvent.after.key))
+                ? dragEndEvent.after
+                : null, query: itemCollection.originQuery, filtersKeyHash: itemCollection.query.filtersKeyHash }), {
+            submit: onSubmit
+                ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))
+                : undefined,
+            collectionSnapshot: (_c = item === null || item === void 0 ? void 0 : item.state.getCollectionSnapshot()) !== null && _c !== void 0 ? _c : {},
+        });
+    }
+    init(params) {
+        const disposers = [this.dnd.init(params)];
+        return action(() => {
+            disposers.forEach((d) => d());
+        });
+    }
+}
+//# sourceMappingURL=NestedDragAndDropState.js.map

package/dist/esm/components/DragAndDrop/NestedDragAndDropState.js.map

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

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

@@ -0,0 +1,31 @@
+import { action, makeObservable } from 'mobx';
+import { NestedDragAndDropState } from './NestedDragAndDropState';
+export class NestedTableDragAndDropState {
+    constructor(params) {
+        const { nestedState, modalsContainerRef } = params;
+        this.tableState = nestedState.tableState;
+        this.dragAndDrop = new NestedDragAndDropState({
+            state: nestedState.toolbar,
+            collection: nestedState,
+            container: nestedState.tableState.toolbar.container,
+            a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
+        });
+        makeObservable(this, {
+            init: action,
+        });
+    }
+    getStickyColumnsCount({ stickyColumns, horizontalScroll, }) {
+        const { dragAndDrop } = this;
+        return horizontalScroll && !dragAndDrop.dnd.isDisabled
+            ? stickyColumns + 1
+            : stickyColumns;
+    }
+    init({ a11yContainer }) {
+        const { dragAndDrop, tableState } = this;
+        tableState.tableDragAndDropStateInitialized = true;
+        return dragAndDrop.init({
+            a11yContainer,
+        });
+    }
+}
+//# sourceMappingURL=NestedTableDragAndDropState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableDragAndDropState.js","sourceRoot":"","sources":["../../../../src/components/DragAndDrop/NestedTableDragAndDropState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AASlE,MAAM,OAAO,2BAA2B;IAItC,YAAY,MAA4C;QACtD,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QAEzC,IAAI,CAAC,WAAW,GAAG,IAAI,sBAAsB,CAAC;YAC5C,KAAK,EAAE,WAAW,CAAC,OAAO;YAC1B,UAAU,EAAE,WAAW;YACvB,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS;YACnD,aAAa,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO;SAC3C,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,MAAM;SACb,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,EACpB,aAAa,EACb,gBAAgB,GAKjB;QACC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,gBAAgB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU;YACpD,CAAC,CAAC,aAAa,GAAG,CAAC;YACnB,CAAC,CAAC,aAAa,CAAC;IACpB,CAAC;IAED,IAAI,CAAC,EAAE,aAAa,EAAsD;QACxE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAEzC,UAAU,CAAC,gCAAgC,GAAG,IAAI,CAAC;QAEnD,OAAO,WAAW,CAAC,IAAI,CAAC;YACtB,aAAa;SACd,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/esm/components/DragAndDrop/ReorderModeState.js

@@ -0,0 +1,135 @@
+import { ConditionalModalState, withoutDefaults, } from '@wix/bex-core';
+import { action, computed, makeObservable, observable, reaction } from 'mobx';
+import { EventEmitter } from 'events';
+import { cairoApplyButtonClicked, cairoDiscardChangesBeforeApply, cairoLearnMore, } from '@wix/bex-core/bi';
+export class ReorderModeState {
+    constructor(params) {
+        this.discardChangesModal = new ConditionalModalState();
+        this.feature = 'Drag and Drop';
+        this.origin = 'Table Toolbar';
+        this._isReorderModeSubmitted = false;
+        this.pendingPromise = null;
+        this.events = new EventEmitter();
+        this.toolbar = params.toolbar;
+        this.container = params.container;
+        this.closeSidePanel = params.closeSidePanel;
+        makeObservable(this, {
+            isReorderModeToolbarVisible: computed,
+            isReorderModePending: computed,
+            _isReorderModeSubmitted: observable.ref,
+            _setIsReorderModeSubmitted: action,
+        });
+        this.init();
+    }
+    init() {
+        const disposers = [
+            reaction(() => this.moves.length, async () => {
+                var _a;
+                if (this.moves.length === 0) {
+                    this.pendingPromise = null;
+                    this._setIsReorderModeSubmitted(false);
+                }
+                else {
+                    (_a = this.closeSidePanel) === null || _a === void 0 ? void 0 : _a.call(this);
+                }
+            }),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
+        };
+    }
+    get optimisticActions() {
+        return this.toolbar.collection._optimisticActions;
+    }
+    get patches() {
+        var _a, _b;
+        return (_b = (_a = this.optimisticActions) === null || _a === void 0 ? void 0 : _a.state.patches) !== null && _b !== void 0 ? _b : [];
+    }
+    get dnd() {
+        return this.toolbar._dnd;
+    }
+    get moves() {
+        var _a;
+        const { toolbar: { _dnd }, } = this;
+        if (_dnd == null) {
+            return [];
+        }
+        return ((_a = this.patches
+            .filter((patch) => patch.move !== undefined && !patch.isStale)
+            .map(({ move }) => _dnd._createSimpleDragEndEvent(move))) !== null && _a !== void 0 ? _a : []);
+    }
+    get isReorderModeToolbarVisible() {
+        return this.moves.length > 0 && !this._isReorderModeSubmitted;
+    }
+    get isReorderModePending() {
+        return this.moves.length > 0 && this.pendingPromise !== null;
+    }
+    get snapshot() {
+        var _a, _b;
+        return (_b = (_a = this.optimisticActions) === null || _a === void 0 ? void 0 : _a.collection.result.pages) !== null && _b !== void 0 ? _b : [];
+    }
+    get onSubmit() {
+        if (this.pendingPromise) {
+            return this.pendingPromise;
+        }
+        const { events } = this;
+        return (this.pendingPromise = new Promise((resolve, reject) => {
+            events.once('submitSuccess', resolve);
+            events.once('submitError', reject);
+        }));
+    }
+    _showSuccessToast() {
+        var _a, _b;
+        (_b = (_a = this.container).showToast) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            type: 'SUCCESS',
+            message: this.container.translate('cairo.dragAndDrop.reorderMode.toast.success'),
+            biName: 'reorder-mode-submit-success',
+        });
+    }
+    _reportApplyButtonClickedBiEvent() {
+        this.dnd.reportBi(withoutDefaults(cairoApplyButtonClicked)({
+            numOfActions: this.moves.length,
+            feature: this.feature,
+            origin: this.origin,
+        }));
+    }
+    _reportDiscardChangesBeforeApplyBiEvent() {
+        this.dnd.reportBi(withoutDefaults(cairoDiscardChangesBeforeApply)({
+            numOfActions: this.moves.length,
+            feature: this.feature,
+            origin: this.origin,
+        }));
+    }
+    reportLearnMoreClickedBiEvent() {
+        this.dnd.reportBi(withoutDefaults(cairoLearnMore)({
+            origin: this.origin,
+        }));
+    }
+    async onBulkCancel() {
+        var _a;
+        this.discardChangesModal.open(null);
+        const { result } = await this.discardChangesModal.modal.promise();
+        if (result === 'confirmed') {
+            this._reportDiscardChangesBeforeApplyBiEvent();
+            this.events.emit('submitError', new Error((_a = this.optimisticActions) === null || _a === void 0 ? void 0 : _a.reorderModeCanceledMessage));
+        }
+    }
+    async onBulkSubmit() {
+        var _a, _b;
+        this._reportApplyButtonClickedBiEvent();
+        try {
+            this._setIsReorderModeSubmitted(true);
+            await ((_b = (_a = this.dnd).onBulkSubmit) === null || _b === void 0 ? void 0 : _b.call(_a, this.moves, this.snapshot));
+            this._showSuccessToast();
+            this.events.emit('submitSuccess');
+        }
+        catch (error) {
+            this.events.emit('submitError', error);
+            this.pendingPromise = null;
+        }
+    }
+    _setIsReorderModeSubmitted(submitted) {
+        this._isReorderModeSubmitted = submitted;
+    }
+}
+//# sourceMappingURL=ReorderModeState.js.map

package/dist/esm/components/DragAndDrop/ReorderModeState.js.map

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

package/dist/esm/components/DragAndDrop/TableDragAndDropState.js

@@ -0,0 +1,30 @@
+import { action, makeObservable } from 'mobx';
+import { CollectionDragAndDropState } from './CollectionDragAndDropState';
+export class TableDragAndDropState {
+    constructor(params) {
+        var _a;
+        this.tableState = params.tableState;
+        this.dragAndDrop = new CollectionDragAndDropState({
+            state: params.tableState.toolbar,
+            container: params.tableState.toolbar.container,
+            a11yContainer: (_a = params.modalsContainerRef) === null || _a === void 0 ? void 0 : _a.current,
+        });
+        makeObservable(this, {
+            init: action,
+        });
+    }
+    getStickyColumnsCount({ stickyColumns, horizontalScroll, }) {
+        const { dragAndDrop } = this;
+        return horizontalScroll && !dragAndDrop.dnd.isDisabled
+            ? stickyColumns + 1
+            : stickyColumns;
+    }
+    init({ a11yContainer }) {
+        const { dragAndDrop, tableState } = this;
+        tableState.tableDragAndDropStateInitialized = true;
+        return dragAndDrop.init({
+            a11yContainer,
+        });
+    }
+}
+//# sourceMappingURL=TableDragAndDropState.js.map

package/dist/esm/components/DragAndDrop/TableDragAndDropState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDragAndDropState.js","sourceRoot":"","sources":["../../../../src/components/DragAndDrop/TableDragAndDropState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAS1E,MAAM,OAAO,qBAAqB;IAIhC,YAAY,MAAyC;;QACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,WAAW,GAAG,IAAI,0BAA0B,CAAC;YAChD,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO;YAChC,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS;YAC9C,aAAa,EAAE,MAAA,MAAM,CAAC,kBAAkB,0CAAE,OAAO;SAClD,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,MAAM;SACb,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,EACpB,aAAa,EACb,gBAAgB,GAKjB;QACC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,gBAAgB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU;YACpD,CAAC,CAAC,aAAa,GAAG,CAAC;YACnB,CAAC,CAAC,aAAa,CAAC;IACpB,CAAC;IAED,IAAI,CAAC,EAAE,aAAa,EAAsD;QACxE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAEzC,UAAU,CAAC,gCAAgC,GAAG,IAAI,CAAC;QAEnD,OAAO,WAAW,CAAC,IAAI,CAAC;YACtB,aAAa;SACd,CAAC,CAAC;IACL,CAAC;CACF"}