@wix/patterns 0.8.0

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropBI.js

@@ -0,0 +1,253 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionDragAndDropBI = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _mobx = require("mobx");
+const withoutDefaults = (0, _bexCore.withoutIrrelevant)();
+class CollectionDragAndDropBI {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "state", void 0);
+    (0, _defineProperty2.default)(this, "startTime", 0);
+    (0, _defineProperty2.default)(this, "onAttemptDragStart", (0, _mobx.action)(itemId => {
+      var _collection$bulkSelec;
+      if (!this.dnd) {
+        return () => {};
+      }
+      const {
+        reportBi,
+        dnd,
+        collection
+      } = this;
+      const {
+        _isHandleActive
+      } = dnd;
+      const {
+        query: {
+          search
+        }
+      } = collection;
+      const item = collection.getKeyedItem(itemId);
+      const startTime = performance.now();
+      reportBi(withoutDefaults(_bi.cairoDragItem)({
+        itemId,
+        itemIndex: item == null ? void 0 : item.index,
+        isFromHandle: _isHandleActive,
+        numItemsBefore: (_collection$bulkSelec = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec.selectedCount,
+        searchQuery: search.value,
+        isFromSearch: !search.isEmpty
+      }));
+      return (0, _mobx.action)(() => {
+        var _collection$bulkSelec2;
+        reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
+          isFromHandle: _isHandleActive,
+          itemId,
+          itemIndexBefore: item == null ? void 0 : item.index,
+          duration: Math.round(performance.now() - startTime),
+          endType: 'drag disabled',
+          numItemsBefore: (_collection$bulkSelec2 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec2.selectedCount,
+          searchQuery: search.value,
+          isFromSearch: !search.isEmpty
+        }));
+      });
+    }));
+    this.state = params.state;
+  }
+  get collection() {
+    return this.state.collection;
+  }
+  get dnd() {
+    return this.state._dnd;
+  }
+  get reportBi() {
+    return this.state.reportBi;
+  }
+  onDragStart() {
+    var _collection$bulkSelec3;
+    if (!this.dnd) {
+      return;
+    }
+    const {
+      reportBi,
+      dnd,
+      collection
+    } = this;
+    const {
+      active,
+      _isHandleActive
+    } = dnd;
+    const {
+      query: {
+        search
+      }
+    } = collection;
+    if (active == null) {
+      return;
+    }
+    this.startTime = performance.now();
+    reportBi(withoutDefaults(_bi.cairoDragItem)({
+      itemId: active.key,
+      itemIndex: active.index,
+      isFromHandle: _isHandleActive,
+      numItemsBefore: (_collection$bulkSelec3 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec3.selectedCount,
+      searchQuery: search.value,
+      isFromSearch: !search.isEmpty,
+      dragAndDropID: dnd._moveId
+    }));
+  }
+  onDragCancel({
+    endType
+  }) {
+    var _collection$bulkSelec4;
+    if (!this.dnd) {
+      return;
+    }
+    const {
+      reportBi,
+      dnd,
+      startTime,
+      collection
+    } = this;
+    const {
+      active,
+      _isHandleActive
+    } = dnd;
+    const {
+      query: {
+        search
+      }
+    } = collection;
+    if (active == null) {
+      return;
+    }
+    reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
+      isFromHandle: _isHandleActive,
+      itemId: active.key,
+      duration: Math.round(performance.now() - startTime),
+      endType,
+      numItemsBefore: (_collection$bulkSelec4 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec4.selectedCount,
+      itemIndexBefore: active.index,
+      itemIndexAfter: active.index,
+      searchQuery: search.value,
+      isFromSearch: !search.isEmpty,
+      dragAndDropID: dnd._moveId
+    }));
+  }
+  onDragEnd(overId) {
+    var _collection$bulkSelec5;
+    if (!this.dnd) {
+      return;
+    }
+    const {
+      reportBi,
+      dnd,
+      startTime,
+      collection
+    } = this;
+    const {
+      active,
+      _isHandleActive
+    } = dnd;
+    const over = collection.getKeyedItem(overId);
+    if (active == null || over == null) {
+      return;
+    }
+    reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
+      isFromHandle: _isHandleActive,
+      itemId: active.key,
+      duration: Math.round(performance.now() - startTime),
+      endType: overId === active.key ? 'drop back' : 'drop succeeded',
+      numItemsBefore: (_collection$bulkSelec5 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec5.selectedCount,
+      itemIndexBefore: active.index,
+      itemIndexAfter: over.index,
+      dragAndDropID: dnd._moveId
+    }));
+  }
+  onMoveFailure(params) {
+    var _collection$bulkSelec6;
+    const {
+      reportBi,
+      collection
+    } = this;
+    const {
+      reason,
+      patches
+    } = params;
+    const errorPatch = patches[0];
+    if (!errorPatch.move) {
+      return;
+    }
+    const {
+      from,
+      over,
+      moveId,
+      isFromHandle
+    } = errorPatch.move;
+    reportBi(withoutDefaults(_bi.cairoDragActionUnsuccessfulUpdateInServer)({
+      ...errorPatch.collectionSnapshot,
+      numItemsBefore: (_collection$bulkSelec6 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec6.selectedCount,
+      numOfWaitingUpdates: patches.length,
+      timeFromEndDrag: Date.now() - errorPatch.createdAt,
+      itemIndexBefore: from.index,
+      itemIndexAfter: over.index,
+      errorType: reason,
+      itemId: from.key,
+      dragAndDropID: moveId,
+      wasFromHandle: isFromHandle
+    }));
+  }
+  onMoveCancelled(move) {
+    var _this$state$getCollec, _this$state, _collection$bulkSelec7;
+    const {
+      reportBi,
+      collection
+    } = this;
+    const {
+      optimisticActions
+    } = collection;
+    const {
+      from,
+      over,
+      moveId,
+      isFromHandle
+    } = move;
+    reportBi(withoutDefaults(_bi.cairoDragActionUnsuccessfulUpdateInServer)({
+      ...(((_this$state$getCollec = (_this$state = this.state).getCollectionSnapshot) == null ? void 0 : _this$state$getCollec.call(_this$state)) ?? {}),
+      numItemsBefore: (_collection$bulkSelec7 = collection.bulkSelect) == null ? void 0 : _collection$bulkSelec7.selectedCount,
+      numOfWaitingUpdates: (optimisticActions == null ? void 0 : optimisticActions.pendingMovePatches.length) ?? 0,
+      timeFromEndDrag: 0,
+      itemIndexBefore: from.index,
+      itemIndexAfter: over.index,
+      errorType: 'External logic',
+      itemId: from.key,
+      dragAndDropID: moveId,
+      wasFromHandle: isFromHandle
+    }));
+  }
+  onMoveRetry(params) {
+    const {
+      reportBi,
+      collection
+    } = this;
+    const {
+      patches
+    } = params;
+    const {
+      query: {
+        search
+      }
+    } = collection;
+    const errorPatch = patches[0];
+    reportBi(withoutDefaults(_bi.cairoTryAgainClicked)({
+      ...errorPatch.collectionSnapshot,
+      isFromSearch: !search.isEmpty,
+      numOfWaitingUpdates: patches.length,
+      actionName: 'drag'
+    }));
+  }
+}
+exports.CollectionDragAndDropBI = CollectionDragAndDropBI;
+//# sourceMappingURL=CollectionDragAndDropBI.js.map

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropBI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","CollectionDragAndDropBI","constructor","params","_defineProperty2","default","action","itemId","_collection$bulkSelec","dnd","reportBi","collection","_isHandleActive","query","search","item","getKeyedItem","startTime","performance","now","cairoDragItem","itemIndex","index","isFromHandle","numItemsBefore","bulkSelect","selectedCount","searchQuery","value","isFromSearch","isEmpty","_collection$bulkSelec2","cairoDragItemEndDrop","itemIndexBefore","duration","Math","round","endType","state","_dnd","onDragStart","_collection$bulkSelec3","active","key","dragAndDropID","_moveId","onDragCancel","_collection$bulkSelec4","itemIndexAfter","onDragEnd","overId","_collection$bulkSelec5","over","onMoveFailure","_collection$bulkSelec6","reason","patches","errorPatch","move","from","moveId","cairoDragActionUnsuccessfulUpdateInServer","collectionSnapshot","numOfWaitingUpdates","length","timeFromEndDrag","Date","createdAt","errorType","wasFromHandle","onMoveCancelled","_this$state$getCollec","_this$state","_collection$bulkSelec7","optimisticActions","getCollectionSnapshot","call","pendingMovePatches","onMoveRetry","cairoTryAgainClicked","actionName","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropBI.ts"],"sourcesContent":["import { ActionMoveBase, FiltersMap, withoutIrrelevant } from '@wix/bex-core';\nimport {\n  cairoDragActionUnsuccessfulUpdateInServer,\n  cairoDragItem,\n  cairoDragItemEndDrop,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\nimport { action } from 'mobx';\nimport { OptimisticPatch } from '@wix/bex-core/dist/types/state/CollectionOptimisticPatch';\nimport { CollectionDragAndDropParentState } from './CollectionDragAndDropState';\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport interface CollectionDragAndDropBIParams<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F>;\n}\nexport class CollectionDragAndDropBI<T, F extends FiltersMap> {\n  readonly state;\n\n  startTime = 0;\n\n  constructor(params: CollectionDragAndDropBIParams<T, F>) {\n    this.state = params.state;\n  }\n\n  get collection() {\n    return this.state.collection;\n  }\n\n  get dnd() {\n    return this.state._dnd;\n  }\n\n  get reportBi() {\n    return this.state.reportBi;\n  }\n\n  onAttemptDragStart = action((itemId: string) => {\n    if (!this.dnd) {\n      return () => {};\n    }\n    const { reportBi, dnd, collection } = this;\n\n    const { _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    const item = collection.getKeyedItem(itemId);\n\n    const startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId,\n        itemIndex: item?.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n      }),\n    );\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoDragItemEndDrop)({\n          isFromHandle: _isHandleActive,\n          itemId,\n          itemIndexBefore: item?.index,\n          duration: Math.round(performance.now() - startTime),\n          endType: 'drag disabled',\n          numItemsBefore: collection.bulkSelect?.selectedCount,\n          searchQuery: search.value,\n          isFromSearch: !search.isEmpty,\n        }),\n      );\n    });\n  });\n\n  onDragStart() {\n    if (!this.dnd) {\n      return;\n    }\n\n    const { reportBi, dnd, collection } = this;\n    const { active, _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    if (active == null) {\n      return;\n    }\n\n    this.startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId: active.key,\n        itemIndex: active.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onDragCancel({ endType }: { endType: 'clicked ESC' | 'drop outside' }) {\n    if (!this.dnd) {\n      return;\n    }\n    const { reportBi, dnd, startTime, collection } = this;\n    const { active, _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    if (active == null) {\n      return;\n    }\n\n    reportBi(\n      withoutDefaults(cairoDragItemEndDrop)({\n        isFromHandle: _isHandleActive,\n        itemId: active.key,\n        duration: Math.round(performance.now() - startTime),\n        endType,\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        itemIndexBefore: active.index,\n        itemIndexAfter: active.index,\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onDragEnd(overId: string) {\n    if (!this.dnd) {\n      return;\n    }\n    const { reportBi, dnd, startTime, collection } = this;\n    const { active, _isHandleActive } = dnd;\n    const over = collection.getKeyedItem(overId);\n\n    if (active == null || over == null) {\n      return;\n    }\n\n    reportBi(\n      withoutDefaults(cairoDragItemEndDrop)({\n        isFromHandle: _isHandleActive,\n        itemId: active.key,\n        duration: Math.round(performance.now() - startTime),\n        endType: overId === active.key ? 'drop back' : 'drop succeeded',\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        itemIndexBefore: active.index,\n        itemIndexAfter: over.index,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onMoveFailure(params: {\n    reason: 'Update failed' | 'Window closed' | 'Left page';\n    patches: OptimisticPatch<T>[];\n  }) {\n    const { reportBi, collection } = this;\n    const { reason, patches } = params;\n    const errorPatch = patches[0];\n\n    if (!errorPatch.move) {\n      return;\n    }\n\n    const { from, over, moveId, isFromHandle } = errorPatch.move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...errorPatch.collectionSnapshot,\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        numOfWaitingUpdates: patches.length,\n        timeFromEndDrag: Date.now() - errorPatch.createdAt,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: reason,\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveCancelled(move: ActionMoveBase<T>) {\n    const { reportBi, collection } = this;\n    const { optimisticActions } = collection;\n\n    const { from, over, moveId, isFromHandle } = move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...(this.state.getCollectionSnapshot?.() ?? {}),\n        numItemsBefore: collection.bulkSelect?.selectedCount,\n        numOfWaitingUpdates: optimisticActions?.pendingMovePatches.length ?? 0,\n        timeFromEndDrag: 0,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: 'External logic',\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveRetry(params: { patches: OptimisticPatch<T>[] }) {\n    const { reportBi, collection } = this;\n    const { patches } = params;\n    const {\n      query: { search },\n    } = collection;\n    const errorPatch = patches[0];\n\n    reportBi(\n      withoutDefaults(cairoTryAgainClicked)({\n        ...errorPatch.collectionSnapshot,\n        isFromSearch: !search.isEmpty,\n        numOfWaitingUpdates: patches.length,\n        actionName: 'drag',\n      }),\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionDragAndDropState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _DragAndDropState = require("./DragAndDropState");
+var _CollectionDragAndDropBI = require("./CollectionDragAndDropBI");
+class CollectionDragAndDropState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "dnd", void 0);
+    (0, _defineProperty2.default)(this, "state", void 0);
+    (0, _defineProperty2.default)(this, "bi", void 0);
+    this.state = params.state;
+    this.bi = new _CollectionDragAndDropBI.CollectionDragAndDropBI({
+      state: params.state
+    });
+    this.dnd = new _DragAndDropState.DragAndDropState({
+      state: this.state,
+      bi: this.bi,
+      collection: params.state.collection,
+      container: params.container,
+      a11yContainer: params.a11yContainer,
+      move: this._collectionMove.bind(this),
+      announcements: {
+        dragHandleLabel: id => {
+          var _this$collection$getK;
+          const {
+            translate: t
+          } = params.container;
+          const {
+            itemName
+          } = this.collection;
+          const item = (_this$collection$getK = this.collection.getKeyedItem(id)) == null ? void 0 : _this$collection$getK.item;
+          return t('cairo.dragAndDrop.button-role-label.sr', {
+            itemName: item ? itemName(item) : ''
+          });
+        },
+        itemDescription: id => {
+          var _this$collection$getK2;
+          const {
+            itemName
+          } = this.collection;
+          const item = (_this$collection$getK2 = this.collection.getKeyedItem(id)) == null ? void 0 : _this$collection$getK2.item;
+          return item ? itemName(item) : '';
+        }
+      }
+    });
+  }
+  get collection() {
+    return this.state.collection;
+  }
+  get optimisticActions() {
+    return this.collection._optimisticActions;
+  }
+  init(params) {
+    const {
+      optimisticActions,
+      dnd: {
+        container
+      },
+      bi
+    } = this;
+    const {
+      translate: t
+    } = container;
+    const disposers = [this.dnd.init(params), (0, _mobx.reaction)(() => this.dnd.isDisabled, isDisabled => {
+      if (!optimisticActions) {
+        return;
+      }
+      optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';
+    }, {
+      fireImmediately: true
+    }), (0, _bexCore.addEventListener)(container.events, 'navigation', () => {
+      if (optimisticActions != null && optimisticActions.hasRunningSequence) {
+        return {
+          title: t('cairo.dragAndDrop.leaveSite.modal.title'),
+          content: t('cairo.dragAndDrop.leaveSite.modal.description'),
+          onResume: (0, _mobx.action)(() => {
+            bi.onMoveFailure({
+              reason: 'Left page',
+              patches: optimisticActions.pendingMovePatches
+            });
+          })
+        };
+      }
+      return null;
+    }), ...(optimisticActions ? [(0, _bexCore.addEventListener)(optimisticActions.events, 'dragAndDropSequenceError', ({
+      patches
+    }) => {
+      bi.onMoveFailure({
+        reason: 'Update failed',
+        patches
+      });
+    }), (0, _bexCore.addEventListener)(optimisticActions.events, 'dragAndDropSequenceRetry', ({
+      patches
+    }) => {
+      bi.onMoveRetry({
+        patches
+      });
+    })] : [])];
+    const onWindowClosedDuringSequence = () => {
+      if (optimisticActions != null && optimisticActions.hasRunningSequence) {
+        bi.onMoveFailure({
+          reason: 'Window closed',
+          patches: optimisticActions.pendingMovePatches
+        });
+      }
+    };
+    window.addEventListener('unload', onWindowClosedDuringSequence);
+    return (0, _mobx.action)(() => {
+      disposers.forEach(d => d());
+      window.removeEventListener('unload', onWindowClosedDuringSequence);
+    });
+  }
+  _collectionMove(ev) {
+    var _this$state$getCollec, _this$state;
+    const {
+      onSubmit,
+      reorderModeState
+    } = this.dnd;
+    const {
+      optimisticActions
+    } = this;
+    if (optimisticActions == null) {
+      return;
+    }
+    const dragEndEvent = this.dnd._createDragEndEvent(ev);
+    if (dragEndEvent == null) {
+      return;
+    }
+    optimisticActions.move(dragEndEvent, {
+      onTryAgain: async () => {
+        await (reorderModeState == null ? void 0 : reorderModeState.onBulkSubmit());
+      },
+      submit: reorderModeState ? () => reorderModeState == null ? void 0 : reorderModeState.onSubmit : onSubmit ? event => onSubmit(this.dnd._createSimpleDragEndEvent(event)) : undefined,
+      collectionSnapshot: ((_this$state$getCollec = (_this$state = this.state).getCollectionSnapshot) == null ? void 0 : _this$state$getCollec.call(_this$state)) ?? {}
+    });
+  }
+}
+exports.CollectionDragAndDropState = CollectionDragAndDropState;
+//# sourceMappingURL=CollectionDragAndDropState.js.map

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainer","move","_collectionMove","bind","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","optimisticActions","_optimisticActions","init","disposers","reaction","isDisabled","_orderByMode","fireImmediately","addEventListener","events","hasRunningSequence","title","content","onResume","action","onMoveFailure","reason","patches","pendingMovePatches","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","ev","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { action, reaction } from 'mobx';\nimport {\n  DragAndDropParentState,\n  DragAndDropState,\n  DragItemOver,\n} from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n  DragAndDropParentState<T, F>,\n  'collection'\n> & {\n  collection: CollectionState<T, F>;\n  getCollectionSnapshot?: () => {\n    [key: string]: string | number | undefined;\n  };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n  container: WixPatternsContainer;\n  state: CollectionDragAndDropParentState<T, F>;\n  a11yContainer: HTMLElement | undefined | null;\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n  dnd: DragAndDropState<T, F>;\n  state;\n  bi;\n\n  constructor(params: CollectionDragAndDropStateParams<T, F>) {\n    this.state = params.state;\n    this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n    this.dnd = new DragAndDropState<T, F>({\n      state: this.state,\n      bi: this.bi,\n      collection: params.state.collection,\n      container: params.container,\n      a11yContainer: params.a11yContainer,\n      move: this._collectionMove.bind(this),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = params.container;\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName: item ? itemName(item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const { itemName } = this.collection;\n\n          const item = this.collection.getKeyedItem(id as string)?.item;\n\n          return item ? itemName(item) : '';\n        },\n      },\n    });\n  }\n\n  get collection() {\n    return this.state.collection;\n  }\n  get optimisticActions() {\n    return this.collection._optimisticActions;\n  }\n\n  init(params: { a11yContainer?: HTMLElement | null | undefined }) {\n    const {\n      optimisticActions,\n      dnd: { container },\n      bi,\n    } = this;\n    const { translate: t } = container;\n\n    const disposers = [\n      this.dnd.init(params),\n      reaction(\n        () => this.dnd.isDisabled,\n        (isDisabled) => {\n          if (!optimisticActions) {\n            return;\n          }\n\n          optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      addEventListener(container.events, 'navigation', () => {\n        if (optimisticActions?.hasRunningSequence) {\n          return {\n            title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n            content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n            onResume: action(() => {\n              bi.onMoveFailure({\n                reason: 'Left page',\n                patches: optimisticActions.pendingMovePatches,\n              });\n            }),\n          };\n        }\n        return null;\n      }),\n      ...(optimisticActions\n        ? [\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceError',\n              ({ patches }) => {\n                bi.onMoveFailure({\n                  reason: 'Update failed',\n                  patches,\n                });\n              },\n            ),\n            addEventListener(\n              optimisticActions.events,\n              'dragAndDropSequenceRetry',\n              ({ patches }) => {\n                bi.onMoveRetry({ patches });\n              },\n            ),\n          ]\n        : []),\n    ];\n\n    const onWindowClosedDuringSequence = () => {\n      if (optimisticActions?.hasRunningSequence) {\n        bi.onMoveFailure({\n          reason: 'Window closed',\n          patches: optimisticActions.pendingMovePatches,\n        });\n      }\n    };\n\n    window.addEventListener('unload', onWindowClosedDuringSequence);\n\n    return action(() => {\n      disposers.forEach((d) => d());\n      window.removeEventListener('unload', onWindowClosedDuringSequence);\n    });\n  }\n\n  _collectionMove(ev: { over: DragItemOver | null }) {\n    const { onSubmit, reorderModeState } = this.dnd;\n    const { optimisticActions } = this;\n    if (optimisticActions == null) {\n      return;\n    }\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\n\n    optimisticActions.move(dragEndEvent, {\n      onTryAgain: async () => {\n        await reorderModeState?.onBulkSubmit();\n      },\n      submit: reorderModeState\n        ? () => reorderModeState?.onSubmit\n        : onSubmit\n        ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n        : undefined,\n      collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/components/DragAndDrop/DragAndDrop.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=DragAndDrop.js.map

package/dist/cjs/components/DragAndDrop/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap, ToastConfig } from '@wix/bex-core';\n\nimport React, {\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  Ref,\n} from 'react';\nimport { CollectionDragAndDropParentState } from './CollectionDragAndDropState';\n\ninterface IndexedItem<T> {\n  item: T;\n  index: number;\n}\n\nexport interface CollectionDragEndEvent<T, F extends FiltersMap> {\n  from: IndexedItem<T>;\n  after: IndexedItem<T> | null;\n  over: IndexedItem<T>;\n  filters: ComputedQuery<F>['filters'];\n}\n\nexport type DragAndDropSubmit<T, F extends FiltersMap> = (\n  event: CollectionDragEndEvent<T, F>,\n) => Promise<unknown>;\n\nexport type DragAndDropCancel<T, F extends FiltersMap> = (\n  event: CollectionDragEndEvent<T, F>,\n) => Omit<ToastConfig, 'type' | 'biName'> | null | undefined | void;\n\nexport type DragAndDropBulkSubmit<T, F extends FiltersMap> = (\n  events: CollectionDragEndEvent<T, F>[],\n  snapshot: T[][],\n) => Promise<unknown>;\n\n// Context\nexport interface SortableContextProps<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\n// Draggable\nexport interface GridCardItemProps {\n  index: number;\n  rowIndex?: number;\n  columnIndex?: number;\n  droppable?: boolean;\n  draggable?: boolean;\n  dragging?: boolean;\n  dragHandleProps?: React.HTMLAttributes<HTMLDivElement> & {\n    domRef?: Ref<HTMLDivElement>;\n  };\n  domRef?: (node: HTMLDivElement | null) => void;\n}\n\ntype GridCardItem = React.ReactElement<\n  GridCardItemProps,\n  JSXElementConstructor<GridCardItemProps>\n>;\n\nexport interface DraggableCardProps<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F>;\n  index: number;\n  id: string;\n  isOverlay?: boolean;\n  dndDisabled?: boolean;\n  children: GridCardItem;\n}\n\n// Overlay\n\nexport interface DraggableCardOverlayProps<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F>;\n  renderItem: (index: number) => ReactElement | null;\n}\n\nexport interface DragAndDrop {\n  SortableContext: <T, F extends FiltersMap>(\n    props: SortableContextProps<T, F>,\n  ) => JSX.Element;\n  DraggableCard: <T, F extends FiltersMap>(\n    props: DraggableCardProps<T, F>,\n  ) => JSX.Element;\n  DraggableCardOverlay: <T, F extends FiltersMap>(\n    props: DraggableCardOverlayProps<T, F>,\n  ) => JSX.Element;\n}\n"],"mappings":""}

package/dist/cjs/components/DragAndDrop/DragAndDrop.uni.driver.js

@@ -0,0 +1,151 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DragAndDropUniDriver = DragAndDropUniDriver;
+var _unidriver = require("../../unidriver");
+const {
+  fireEvent = null
+} = process.env.NODE_ENV === 'test' ? (() => {
+  try {
+    return require('@testing-library/react');
+  } catch {}
+  return null;
+})() || (() => {
+  try {
+    // eslint-disable-next-line import/no-extraneous-dependencies
+    return require('@testing-library/dom');
+  } catch {}
+  return null;
+})() : {};
+function DragAndDropUniDriver(base) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    escapeDrag: async (source, {
+      key: code = 'Escape'
+    } = {}) => {
+      const sourceNative = await source.getNative();
+      const {
+        page
+      } = sourceNative;
+      if (page != null && page.evaluate) {} else if (process.env.NODE_ENV === 'test') {
+        fireEvent.keyDown(sourceNative, {
+          code
+        });
+      }
+    },
+    startKeyboardDrag: async source => {
+      const sourceNative = await source.getNative();
+      const {
+        page
+      } = sourceNative;
+      if (page != null && page.evaluate) {} else if (fireEvent) {
+        fireEvent.keyDown(sourceNative, {
+          code: 'Enter'
+        });
+      }
+    },
+    dragOverKeyboard: async target => {
+      const targetNative = await target.getNative();
+      const {
+        page
+      } = targetNative;
+      if (page != null && page.evaluate) {} else if (fireEvent) {
+        fireEvent.keyDown(targetNative, {
+          code: 'ArrowDown'
+        });
+      }
+    },
+    endKeyboardDrag: async target => {
+      const targetNative = await target.getNative();
+      const {
+        page
+      } = targetNative;
+      if (page != null && page.evaluate) {} else if (fireEvent) {
+        return fireEvent.keyDown(targetNative, {
+          code: 'Enter'
+        });
+      }
+    },
+    dragStart: async (source, options = {}) => {
+      const sourceNative = await source.getNative();
+      const page = options.page ?? sourceNative.page;
+      if (page != null && page.evaluate) {
+        const sourceBox = await sourceNative.element.boundingBox();
+        await page.mouse.move(options.x ?? sourceBox.x + sourceBox.width / 2, sourceBox.y + sourceBox.height / 2);
+        await page.mouse.down();
+      } else if (fireEvent) {
+        fireEvent.pointerDown(sourceNative);
+      }
+    },
+    dragMove: async () => {
+      await document.dispatchEvent(new Event('mousemove'));
+    },
+    dragEnd: async (target, options = {}) => {
+      const targetNative = await target.getNative();
+      const page = options.page ?? targetNative.page;
+      if (page != null && page.evaluate) {
+        await (page == null ? void 0 : page.mouse.up());
+      } else if (fireEvent) {
+        fireEvent.pointerUp(targetNative);
+        await document.dispatchEvent(new Event('mouseup'));
+      }
+    },
+    dragOver: async (source, target, {
+      dragPointRatio = {
+        x: 2,
+        y: 2
+      },
+      dropPointRatio = {
+        x: 2,
+        y: 2
+      },
+      steps = 3
+    } = {}) => {
+      const sourceRow = await source.getNative();
+      const targetRow = await target.getNative();
+      const {
+        page
+      } = sourceRow;
+      if (page != null && page.evaluate) {
+        await (source.scrollIntoView == null ? void 0 : source.scrollIntoView());
+        const sourceBox = await sourceRow.element.boundingBox();
+        const targetBox = await targetRow.element.boundingBox();
+        await page.mouse.move(sourceBox.x + sourceBox.width / dragPointRatio.x, sourceBox.y + sourceBox.height / dragPointRatio.y);
+        await page.mouse.down();
+        await new Promise(resolve => setTimeout(resolve, 100));
+        await page.mouse.move(targetBox.x + targetBox.width / dropPointRatio.x, targetBox.y + targetBox.height / dropPointRatio.y, {
+          steps
+        });
+        await new Promise(resolve => setTimeout(resolve, 100));
+        await page.mouse.up();
+        await new Promise(resolve => setTimeout(resolve, 100)); // wait for drop animation to complete
+      } else if (fireEvent) {
+        fireEvent.pointerDown(sourceRow);
+        document.dispatchEvent(new Event('mousemove'));
+        fireEvent.pointerUp(targetRow);
+      }
+    },
+    moveOver: async (target, options = {}) => {
+      const targetRow = await target.getNative();
+      const page = options.page ?? targetRow.page;
+      const pixels = options.pixels ?? 0;
+      if (page != null && page.evaluate) {
+        const targetBox = await targetRow.element.boundingBox();
+        await page.mouse.move(Math.max(targetBox.x - pixels, 0), Math.max(targetBox.y - pixels, 0));
+      }
+    },
+    moveAny: async (source, options) => {
+      const sourceNative = await source.getNative();
+      const page = (options == null ? void 0 : options.page) ?? sourceNative.page;
+      if (page != null && page.evaluate) {
+        const sourceBox = await sourceNative.element.boundingBox();
+        const steps = (options == null ? void 0 : options.steps) ?? 3;
+        for (let i = steps; i >= 0; i--) {
+          await page.mouse.move(((options == null ? void 0 : options.x) ?? sourceBox.x + sourceBox.width / 2) - i * 10, ((options == null ? void 0 : options.y) ?? sourceBox.y + sourceBox.height / 2) - (options != null && options.vertical ? i * 10 : 0));
+          await new Promise(resolve => setTimeout(resolve, 2000));
+        }
+      }
+    }
+  };
+}
+//# sourceMappingURL=DragAndDrop.uni.driver.js.map

package/dist/cjs/components/DragAndDrop/DragAndDrop.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","fireEvent","process","env","NODE_ENV","DragAndDropUniDriver","base","baseUniDriverFactory","escapeDrag","source","key","code","sourceNative","getNative","page","evaluate","keyDown","startKeyboardDrag","dragOverKeyboard","target","targetNative","endKeyboardDrag","dragStart","options","sourceBox","element","boundingBox","mouse","move","x","width","y","height","down","pointerDown","dragMove","document","dispatchEvent","Event","dragEnd","up","pointerUp","dragOver","dragPointRatio","dropPointRatio","steps","sourceRow","targetRow","scrollIntoView","targetBox","Promise","resolve","setTimeout","moveOver","pixels","Math","max","moveAny","i","vertical"],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SledPage } from '../../sledPage';\n\nconst { fireEvent = null } =\n  process.env.NODE_ENV === 'test'\n    ? (() => {\n        try {\n          return require('@testing-library/react');\n        } catch {}\n        return null;\n      })() ||\n      (() => {\n        try {\n          // eslint-disable-next-line import/no-extraneous-dependencies\n          return require('@testing-library/dom');\n        } catch {}\n        return null;\n      })()\n    : {};\n\nexport function DragAndDropUniDriver(base: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    escapeDrag: async (\n      source: UniDriver,\n      { key: code = 'Escape' }: { key?: string } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (process.env.NODE_ENV === 'test') {\n        fireEvent.keyDown(sourceNative, {\n          code,\n        });\n      }\n    },\n    startKeyboardDrag: async (source: UniDriver) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(sourceNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragOverKeyboard: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(targetNative, {\n          code: 'ArrowDown',\n        });\n      }\n    },\n    endKeyboardDrag: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        return fireEvent.keyDown(targetNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragStart: async (\n      source: UniDriver,\n      options: { page?: SledPage['page']; x?: number } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | null = options.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n\n        await page.mouse.move(\n          options.x ?? sourceBox.x + sourceBox.width / 2,\n          sourceBox.y + sourceBox.height / 2,\n        );\n\n        await page.mouse.down();\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceNative);\n      }\n    },\n    dragMove: async () => {\n      await document.dispatchEvent(new Event('mousemove'));\n    },\n    dragEnd: async (\n      target: UniDriver,\n      options: { page?: SledPage['page'] } = {},\n    ) => {\n      const targetNative = await target.getNative();\n      const page: SledPage['page'] | null = options.page ?? targetNative.page;\n\n      if (page?.evaluate) {\n        await page?.mouse.up();\n      } else if (fireEvent) {\n        fireEvent.pointerUp(targetNative);\n        await document.dispatchEvent(new Event('mouseup'));\n      }\n    },\n    dragOver: async (\n      source: UniDriver,\n      target: UniDriver,\n      {\n        dragPointRatio = { x: 2, y: 2 },\n        dropPointRatio = { x: 2, y: 2 },\n        steps = 3,\n      }: {\n        dragPointRatio?: { x: number; y: number };\n        dropPointRatio?: { x: number; y: number };\n        steps?: number;\n      } = {},\n    ) => {\n      const sourceRow = await source.getNative();\n      const targetRow = await target.getNative();\n\n      const { page } = sourceRow as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n        await source.scrollIntoView?.();\n\n        const sourceBox = await sourceRow.element.boundingBox();\n        const targetBox = await targetRow.element.boundingBox();\n\n        await page.mouse.move(\n          sourceBox.x + sourceBox.width / dragPointRatio.x,\n          sourceBox.y + sourceBox.height / dragPointRatio.y,\n        );\n\n        await page.mouse.down();\n        await new Promise((resolve) => setTimeout(resolve, 100));\n\n        await page.mouse.move(\n          targetBox.x + targetBox.width / dropPointRatio.x,\n          targetBox.y + targetBox.height / dropPointRatio.y,\n          { steps },\n        );\n\n        await new Promise((resolve) => setTimeout(resolve, 100));\n        await page.mouse.up();\n        await new Promise((resolve) => setTimeout(resolve, 100)); // wait for drop animation to complete\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceRow);\n        document.dispatchEvent(new Event('mousemove'));\n        fireEvent.pointerUp(targetRow);\n      }\n    },\n    moveOver: async (\n      target: UniDriver,\n      options: { page?: SledPage['page']; pixels?: number } = {},\n    ) => {\n      const targetRow = await target.getNative();\n\n      const page = options.page ?? targetRow.page;\n\n      const pixels = options.pixels ?? 0;\n\n      if (page?.evaluate) {\n        const targetBox = await targetRow.element.boundingBox();\n\n        await page.mouse.move(\n          Math.max(targetBox.x - pixels, 0),\n          Math.max(targetBox.y - pixels, 0),\n        );\n      }\n    },\n\n    moveAny: async (\n      source: UniDriver,\n      options?: {\n        page?: SledPage['page'];\n        x?: number;\n        y?: number;\n        steps?: number;\n        vertical?: boolean;\n      },\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | undefined =\n        options?.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n        const steps = options?.steps ?? 3;\n        for (let i = steps; i >= 0; i--) {\n          await page.mouse.move(\n            (options?.x ?? sourceBox.x + sourceBox.width / 2) - i * 10,\n            (options?.y ?? sourceBox.y + sourceBox.height / 2) -\n              (options?.vertical ? i * 10 : 0),\n          );\n          await new Promise((resolve) => setTimeout(resolve, 2000));\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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"}