npm - @wix/patterns - Versions diffs - 1.12.0 → 1.14.0 - Mend

@wix/patterns 1.12.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (469) hide show

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js CHANGED Viewed

@@ -27,9 +27,6 @@ function _DragAndDropAnnouncements(props) {
       total
     }
   } = state;
-  if (state.a11yContainer == null) {
-    return null;
-  }
   const announcement = (() => {
     switch (state.status) {
       case 'start':
@@ -73,11 +70,14 @@ function _DragAndDropAnnouncements(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, announcement);
-  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, state.a11yContainer);
+  if (!state.a11yContainerRef.current) {
+    return null;
+  }
+  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, state.a11yContainerRef.current);
   return child;
 }
 const DragAndDropAnnouncements = exports.DragAndDropAnnouncements = (0, _mobxReactLite.observer)(_DragAndDropAnnouncements);

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactDom","require","_react","_interopRequireDefault","_mobxReactLite","_VisuallyHidden","_react2","_jsxFileName","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","t","useWixPatternsContainer","active","over","collection","total","~~a11yContainer","~~announcement","status","id","currentNumber","index","totalNumber","child","default","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n active,\n over,\n collection: { total },\n } = state;\n\n ~~if (state.a11yContainer == null) {\n return null;\n }\n\n~~ const announcement = (() => {\n switch (state.status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && over.id !== active?.id) {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: over.index + 1,\n });\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n child = createPortal(child, state.~~a11yContainer~~);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IACJG,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,EAAEC;EACb,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,GAAGV,KAAK;EAET,~~IAAIA~~,~~KAAK,CAACW,aAAa,IAAI,IAAI,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAMC,~~YAAY,GAAG,CAAC,MAAM;IAC1B,~~QAAQZ~~,KAAK,~~CAACa~~,MAAM;MAClB,KAAK,OAAO;QACV,~~IAAIN~~,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,IAAIG,IAAI,IAAIA,IAAI,~~CAACM~~,EAAE,~~MAAKP~~,MAAM,oBAANA,MAAM,~~CAAEO~~,EAAE,GAAE;UAClC,~~OAAOT~~,CAAC,CAAC,8CAA8C,EAAE;~~YACvDU~~,aAAa,~~EAAEP~~,IAAI,~~CAACQ~~,KAAK,GAAG,CAAC;YAC7BC,WAAW,~~EAAEP~~;UACf,CAAC,CAAC;QACJ;QAEA,IAAIH,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,IAAIG,IAAI,EAAE;UACR,IAAIA,IAAI,~~CAACM~~,EAAE,~~MAAKP~~,MAAM,oBAANA,MAAM,~~CAAEO~~,EAAE,GAAE;YAC1B,~~OAAOT~~,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,OAAOA,CAAC,CAAC,8CAA8C,EAAE;~~YACvDU~~,aAAa,~~EAAEP~~,IAAI,~~CAACQ~~,KAAK,GAAG;UAC9B,CAAC,CAAC;QACJ;QACA;MACF,KAAK,QAAQ;QACX,~~OAAOX~~,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,~~IAAIa~~,KAAK,~~gBACP1B~~,MAAA,~~CAAA2B~~,OAAA,CAAAC,aAAA;IACE,~~aAAWnB~~,QAAS;~~IACpBoB~~,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,~~EAAErB~~,QAAS;~~IAAAsB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA9B~~,YAAA;~~MAAA+B~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdjB,YACE,CACN;~~EAEDM~~,KAAK,gBAAG,~~IAAAY~~,sBAAY,~~EAACZ~~,KAAK,~~EAAElB~~,KAAK,~~CAACW~~,~~aAAa~~,CAAC;~~EAEhD~~,~~OAAOO~~,KAAK;AACd;AAEO,~~MAAMa~~,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,~~EAACnC~~,yBAAyB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactDom","require","_react","_interopRequireDefault","_mobxReactLite","_VisuallyHidden","_react2","_jsxFileName","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","t","useWixPatternsContainer","active","over","collection","total","announcement","status","id","currentNumber","index","totalNumber","child","default","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","a11yContainerRef","current","createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n active,\n over,\n collection: { total },\n } = state;\n\n const announcement = (() => {\n switch (state.status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && over.id !== active?.id) {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: over.index + 1,\n });\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n if (!state.a11yContainerRef.current) {\n return null;\n }\n\n child = createPortal(child, state.a11yContainerRef.current);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IACJG,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,EAAEC;EACb,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,GAAGV,KAAK;EAET,MAAMW,YAAY,GAAG,CAAC,MAAM;IAC1B,QAAQX,KAAK,CAACY,MAAM;MAClB,KAAK,OAAO;QACV,IAAIL,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,IAAIG,IAAI,IAAIA,IAAI,CAACK,EAAE,MAAKN,MAAM,oBAANA,MAAM,CAAEM,EAAE,GAAE;UAClC,OAAOR,CAAC,CAAC,8CAA8C,EAAE;YACvDS,aAAa,EAAEN,IAAI,CAACO,KAAK,GAAG,CAAC;YAC7BC,WAAW,EAAEN;UACf,CAAC,CAAC;QACJ;QAEA,IAAIH,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,IAAIG,IAAI,EAAE;UACR,IAAIA,IAAI,CAACK,EAAE,MAAKN,MAAM,oBAANA,MAAM,CAAEM,EAAE,GAAE;YAC1B,OAAOR,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,OAAOA,CAAC,CAAC,8CAA8C,EAAE;YACvDS,aAAa,EAAEN,IAAI,CAACO,KAAK,GAAG;UAC9B,CAAC,CAAC;QACJ;QACA;MACF,KAAK,QAAQ;QACX,OAAOV,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,IAAIY,KAAK,gBACPzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IACE,aAAWlB,QAAS;IACpBmB,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,EAAEpB,QAAS;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdjB,YACE,CACN;EAED,IAAI,CAACX,KAAK,CAAC6B,gBAAgB,CAACC,OAAO,EAAE;IACnC,OAAO,IAAI;EACb;EAEAb,KAAK,gBAAG,IAAAc,sBAAY,EAACd,KAAK,EAAEjB,KAAK,CAAC6B,gBAAgB,CAACC,OAAO,CAAC;EAE3D,OAAOb,KAAK;AACd;AAEO,MAAMe,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACpC,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropState.js CHANGED Viewed

@@ -35,7 +35,7 @@ class DragAndDropState {
     (0, _defineProperty2.default)(this, "_isHandleActive", false);
     (0, _defineProperty2.default)(this, "_isKeyboardDragging", false);
     (0, _defineProperty2.default)(this, "_moveId", '');
-    (0, _defineProperty2.default)(this, "a11yContainer", void 0);
+    (0, _defineProperty2.default)(this, "a11yContainerRef", void 0);
     (0, _defineProperty2.default)(this, "_baseAnimation", {
       duration: 250,
       easing: 'cubic-bezier(0.33, 1, 0.68, 1)'
@@ -152,7 +152,7 @@ class DragAndDropState {
     this.container = params.container;
     this.state = params.state;
     this.collection = params.collection;
-    this.a11yContainer = params.a11yContainer;
+    this.a11yContainerRef = params.a11yContainerRef;
     this.overlayRect = new _RectState.RectState({
       container: this.container
     });
@@ -196,7 +196,6 @@ class DragAndDropState {
       overlayRect: _mobx.observable.ref,
       overId: _mobx.observable.ref,
       status: _mobx.observable.ref,
-      a11yContainer: _mobx.observable.ref,
       onDragStart: _mobx.action,
       init: _mobx.action,
       beforeDrop: _mobx.action,
@@ -405,15 +404,9 @@ class DragAndDropState {
     }
     return false;
   }
-  init({
-    a11yContainer
-  }) {
-    this.a11yContainer = a11yContainer;
-    this.state._dnd = this;
+  init() {
     document.addEventListener('keydown', this._onGlobalKeydown);
     return (0, _mobx.action)(() => {
-      this.state._dnd = null;
-      this.a11yContainer = null;
       document.removeEventListener('keydown', this._onGlobalKeydown);
     });
   }

package/dist/cjs/components/DragAndDrop/DragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","_utilities","_hasExceededDistance","_rectIntersection","_events","_uuid","_RectState","DragAndDropState","constructor","params","_defineProperty2","default","EventEmitter","duration","easing","_baseAnimation","sideEffects","_dropAnimationId","droppingId","onDropAnimationEnd","distance","start","cancel","end","move","onPointerDown","action","_isHandleActive","onKeyDown","e","keyboardCodes","includes","nativeEvent","code","_isKeyboardDragging","activeId","droppedId","state","forceRenderIndexes","undefined","events","emit","scheduleIdle","bi","onDragCancel","endType","itemId","downEvent","axis","onDragAttemptEnd","coordinates","x","y","onMouseUp","document","removeEventListener","onMove","container","lodash","throttle","moveEvent","_this$bi","delta","subtract","process","env","NODE_ENV","hasExceededDistance","measurement","onAttemptDragStart","addEventListener","collection","a11yContainer","overlayRect","RectState","setMaxListeners","scheduleDropEnd","debounce","dropAnimation","status","nullAnnouncements","onDragStart","onDragMove","onDragOver","onDragEnd","listAttributes","translate","t","announcements","makeObservable","observable","ref","overId","init","beforeDrop","focusDragHandleIfDropped","active","computed","isActiveRectOutsideContainer","over","activeIndex","isActive","isDropping","reorderModeState","getKeyedItem","_this$active","index","event","_active$rect","Object","assign","rect","current","translated","_active$rect2","_this$bi2","id","_moveId","uuid","containerRect","width","haveIntersection","_maybeCancelDropAndShowErrorToast","_this$onCancel","_this$bi3","dragEndEvent","_createDragEndEvent","onCancelResult","onCancel","call","_createSimpleDragEndEvent","onMoveCancelled","showToast","type","biName","_active$rect3","cancelResult","shouldCancel","_this$bi4","ev","_ev$over","query","from","after","getKeyedItemByIndex","moveId","originQuery","filtersKeyHash","isFromHandle","Boolean","simplifyIndexedItem","keyedItem","item","filters","emptyRect","_event$over","_this$bi5","isDisabled","dragAndDropCategories","hasActiveSort","filtersArray","activeFiltersNames","filter","isEmpty","map","name","length","some","combination","every","hasEmptyCombination","_dnd","_onGlobalKeydown","element","focus","preventScroll","reportBi","exports"],"sources":["../../../../src/components/DragAndDrop/DragAndDropState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n WixPatternsContainer,\n FiltersMap,\n KeyedItem,\n ReportBI,\n ActionMove,\n ComputedQueryFull,\n QueryState,\n ActionMoveBase,\n} from '@wix/bex-core';\nimport {\n DragAndDropSubmit,\n DragAndDropCancel,\n CollectionDragEndEvent,\n DragAndDropBulkSubmit,\n} from './DragAndDrop';\nimport { HTMLAttributes, MutableRefObject } from 'react';\nimport { subtract } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { hasExceededDistance } from './hasExceededDistance';\nimport { Announcements } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport {\n ClientRect,\n DragStartEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { haveIntersection } from './rectIntersection';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { v4 as uuid } from 'uuid';\nimport { emptyRect, RectState } from '../../state/RectState';\nimport { ReorderModeState } from './ReorderModeState';\n\nexport interface DragAndDropParentState<T, F extends FiltersMap> {\n readonly reportBi: ReportBI;\n readonly dragAndDropCategories?: (keyof F)[][] \| null \| undefined;\n forceRenderIndexes?: { rowIndex: number; columnIndex: number }[];\n readonly containerRect?: ClientRect;\n _dnd?: DragAndDropState<T, F> \| null;\n}\n\nexport interface DragAndDropCollection<F extends FiltersMap> {\n getKeyedItem: (key: string) => KeyedItem<any> \| undefined \| null;\n getKeyedItemByIndex: (ind: number) => KeyedItem<any> \| null;\n keyedItems: KeyedItem<any>[];\n originQuery: ComputedQueryFull<F>;\n query: QueryState<F>;\n total: number;\n}\n\ninterface DragAndDropBaseBI<T> {\n onDragStart: () => void;\n onDragEnd: (overId: string) => void;\n onDragCancel: (params: { endType: 'clicked ESC' \| 'drop outside' }) => void;\n onMoveCancelled: (move: ActionMoveBase<T>) => void;\n onAttemptDragStart: (itemId: string) => () => void;\n}\n\nexport interface DragAndDropStateParams<T, F extends FiltersMap>\n extends DragAndDropBaseStateParams<T, F> {\n move: (ev: { over: DragItemOver \| null }) => void;\n announcements?: Partial<Announcements>;\n bi?: DragAndDropBaseBI<T>;\n}\n\nexport interface DragAndDropBaseStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n collection: DragAndDropCollection<F>;\n state: DragAndDropParentState<T, F>;\n a11yContainer: HTMLElement \| undefined \| null;\n}\n\ninterface DragItemActive {\n id: string \| number;\n rect?: MutableRefObject<{\n initial: ClientRect \| null;\n translated: ClientRect \| null;\n }>;\n}\nexport interface DragItemOver {\n id: string \| number;\n rect?: ClientRect;\n disabled?: boolean;\n}\n\nexport class DragAndDropState<T, F extends FiltersMap> {\n readonly state;\n readonly container;\n readonly collection;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n dropAnimationEnd: () => unknown;\n }>;\n\n status: 'start' \| 'over' \| 'end' \| 'cancel' \| null = null;\n activeId: string \| null \| undefined = null;\n overlayRect;\n overId: string \| null \| undefined = null;\n droppingId: string \| null \| undefined = null;\n droppedId: string \| null \| undefined = null;\n _dropAnimationId: string \| null \| undefined = null;\n scheduleDropEnd;\n scheduleIdle;\n\n move;\n\n onSubmit?: DragAndDropSubmit<T, F>;\n onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n\n reorderModeState?: ReorderModeState<T, F> \| null = null;\n\n readonly bi;\n\n _isHandleActive = false;\n _isKeyboardDragging = false;\n _moveId = '';\n\n a11yContainer;\n\n private readonly _baseAnimation = {\n duration: 250,\n easing: 'cubic-bezier(0.33, 1, 0.68, 1)',\n };\n\n readonly sortableAnimation = {\n ...this._baseAnimation,\n };\n\n readonly dropAnimation = {\n duration: 75,\n easing: 'cubic-bezier(0.33, 1, 0.68, 1)',\n sideEffects: () => {\n this._dropAnimationId = this.droppingId;\n return () => {\n this.onDropAnimationEnd();\n };\n },\n };\n\n readonly activationConstraint = {\n distance: 1,\n };\n\n readonly keyboardCodes = {\n start: ['Space', 'Enter'],\n cancel: ['Escape', 'Tab'],\n end: ['Space', 'Enter'],\n move: ['ArrowDown'],\n };\n\n readonly nullAnnouncements: Announcements;\n\n // Should be triggered before `onDragStart` for correct BI\n readonly handleEvents: Partial<HTMLAttributes<Element>> = {\n onPointerDown: action(() => {\n this._isHandleActive = true;\n }),\n onKeyDown: action((e) => {\n const { keyboardCodes } = this;\n if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n this._isHandleActive = true;\n this._isKeyboardDragging = true;\n return;\n }\n }),\n };\n\n readonly containerEvents: Partial<HTMLAttributes<Element>> = {\n onPointerDown: action(() => {\n this._isKeyboardDragging = false;\n }),\n };\n\n constructor(params: DragAndDropStateParams<T, F>) {\n this.container = params.container;\n this.state = params.state;\n this.collection = params.collection;\n this.a11yContainer = params.a11yContainer;\n\n this.overlayRect = new RectState({ container: this.container });\n\n this.events.setMaxListeners(100);\n\n this.bi = params.bi;\n\n // We have an issue with pptr where `dropAnimation.sideEffects` is not being called.\n // This ensures `onDropAnimationEnd` will be called eventually, even if `dropAnimation.sideEffects` wasn't called.\n this.scheduleDropEnd = this.container.lodash.debounce(() => {\n // Do not call `onDropAnimationEnd` if _dropAnimationId was set, meaning that `dropAnimation.sideEffects` worked as expected\n if (this._dropAnimationId && this._dropAnimationId === this.droppingId) {\n return;\n }\n this.onDropAnimationEnd();\n }, this.dropAnimation.duration);\n\n this.scheduleIdle = this.container.lodash.debounce(\n action(() => {\n if (this.status === 'end' \|\| this.status === 'cancel') {\n this.status = null;\n this._isKeyboardDragging = false;\n }\n }),\n 500,\n );\n\n this.move = params.move;\n\n this.nullAnnouncements = {\n onDragStart: () => undefined,\n onDragMove: () => undefined,\n onDragOver: () => undefined,\n onDragEnd: () => undefined,\n onDragCancel: () => undefined,\n listAttributes: () => {\n const { translate: t } = this.container;\n return {\n 'aria-label': t('cairo.dragAndDrop.list-aria-label.sr'),\n };\n },\n ...(params.announcements ?? {}),\n };\n\n makeObservable(this, {\n activeId: observable.ref,\n overlayRect: observable.ref,\n overId: observable.ref,\n status: observable.ref,\n a11yContainer: observable.ref,\n onDragStart: action,\n init: action,\n beforeDrop: action,\n onDragEnd: action,\n onDragMove: action,\n onDragOver: action,\n onDragCancel: action,\n focusDragHandleIfDropped: action,\n active: computed,\n isActiveRectOutsideContainer: computed,\n over: computed,\n activeIndex: computed,\n isActive: computed,\n droppingId: observable.ref,\n isDropping: computed,\n _isHandleActive: observable.ref,\n reorderModeState: observable.ref,\n });\n }\n\n onDropAnimationEnd = action(() => {\n if (this.droppingId && this.activeId === this.droppingId) {\n this.activeId = null;\n this._isHandleActive = false;\n this.droppedId = this.droppingId;\n this.droppingId = null;\n this._dropAnimationId = null;\n this.state.forceRenderIndexes = undefined;\n this.events.emit('dropAnimationEnd');\n this.scheduleIdle();\n }\n });\n\n get active() {\n const { activeId, collection } = this;\n return activeId != null ? collection.getKeyedItem(activeId) : null;\n }\n\n get over() {\n const { overId, collection } = this;\n return overId != null ? collection.getKeyedItem(overId) : null;\n }\n\n get isDropping() {\n return this.droppingId != null;\n }\n\n get activeIndex() {\n return this.active?.index;\n }\n\n get isActive() {\n return this.activeId != null;\n }\n\n _onGlobalKeydown = action((e: KeyboardEvent) => {\n const { keyboardCodes, activeId, bi } = this;\n\n if (activeId == null) {\n return;\n }\n\n if (keyboardCodes.cancel.includes(e.code)) {\n bi?.onDragCancel({ endType: 'clicked ESC' });\n return;\n }\n });\n\n onDragMove(event: {\n active: {\n id: DragStartEvent['active']['id'];\n rect?: DragStartEvent['active']['rect'];\n };\n }) {\n const { active } = event;\n Object.assign(this.overlayRect.rect, active.rect?.current.translated);\n }\n\n onDragStart(event: {\n active: {\n id: DragStartEvent['active']['id'];\n rect?: DragStartEvent['active']['rect'];\n };\n }) {\n const { active } = event;\n this.status = 'start';\n Object.assign(this.overlayRect.rect, active.rect?.current.translated);\n this.activeId = event.active.id as string;\n this._moveId = uuid();\n this.bi?.onDragStart();\n }\n\n attachDisabledDragAttempt = (\n itemId: string,\n downEvent: MouseEvent,\n axis: 'x' \| 'y' \| 'all',\n ) => {\n const state = {\n onDragAttemptEnd: null as (() => void) \| null,\n };\n\n const coordinates = {\n x: downEvent.x,\n y: downEvent.y,\n };\n\n const onMouseUp = () => {\n if (state.onDragAttemptEnd) {\n state.onDragAttemptEnd();\n state.onDragAttemptEnd = null;\n }\n\n document.removeEventListener('mousemove', onMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n const onMove = this.container.lodash.throttle((moveEvent: MouseEvent) => {\n const delta = subtract({ x: moveEvent.x, y: moveEvent.y }, coordinates);\n\n // for detecting drag attempt use larger activation constraint (10px instead of 1px)\n if (\n process.env.NODE_ENV !== 'test' &&\n !hasExceededDistance({ delta, measurement: 10, axis })\n ) {\n return;\n }\n\n document.removeEventListener('mousemove', onMove);\n state.onDragAttemptEnd = this.bi?.onAttemptDragStart(itemId) ?? null;\n }, 200);\n\n document.addEventListener('mousemove', onMove);\n document.addEventListener('mouseup', onMouseUp);\n };\n\n get isActiveRectOutsideContainer() {\n const {\n state: { containerRect },\n overlayRect: { rect: overlayRect },\n } = this;\n\n if (overlayRect.width == null \|\| containerRect == null) {\n return false;\n }\n\n return !haveIntersection(overlayRect, containerRect);\n }\n\n _maybeCancelDropAndShowErrorToast(event: {\n active: DragItemActive \| null;\n over: DragItemOver \| null;\n }) {\n const { container } = this;\n const dragEndEvent = this._createDragEndEvent(event);\n\n if (dragEndEvent == null) {\n return false;\n }\n\n const onCancelResult = this.onCancel?.(\n this._createSimpleDragEndEvent(dragEndEvent),\n );\n\n if (!onCancelResult) {\n return false;\n }\n\n this.bi?.onMoveCancelled?.(dragEndEvent);\n\n container.showToast?.({\n ...onCancelResult,\n type: 'ERROR',\n biName: 'cairo-drag-and-drop-external-logic-error',\n });\n\n return true;\n }\n\n beforeDrop(event: {\n active: DragItemActive \| null;\n over: DragItemOver \| null;\n }) {\n this.droppingId = this.activeId;\n const { active } = event;\n\n if (active == null) {\n return false;\n }\n\n const cancelResult = this._maybeCancelDropAndShowErrorToast(event);\n\n if (cancelResult) {\n return true;\n }\n\n const rect = active.rect?.current?.translated;\n const container = this.state.containerRect;\n\n if (rect == null \|\| container == null) {\n return false;\n }\n\n const shouldCancel = !haveIntersection(rect, container);\n\n if (shouldCancel) {\n this.bi?.onDragCancel({ endType: 'drop outside' });\n }\n\n return shouldCancel;\n }\n\n _createDragEndEvent(ev: { over: DragItemOver \| null }) {\n const { active, collection } = this;\n const { query } = collection;\n const overId = ev.over?.id;\n\n if (active == null \|\| overId == null \|\| overId === active.id) {\n return null;\n }\n\n const from = collection.getKeyedItem(active.id as string);\n const over = collection.getKeyedItem(overId as string);\n\n if (from == null \|\| over == null) {\n return;\n }\n\n const after =\n over.index === 0\n ? null\n : over.index < from.index\n ? collection.getKeyedItemByIndex(over.index - 1)\n : over;\n\n return {\n moveId: this._moveId,\n from,\n over,\n after,\n query: collection.originQuery,\n filtersKeyHash: query.filtersKeyHash,\n isFromHandle: Boolean(this._isHandleActive),\n };\n }\n\n _createSimpleDragEndEvent(\n event: ActionMove<T>,\n ): CollectionDragEndEvent<T, F> {\n const simplifyIndexedItem = (keyedItem: KeyedItem<T>) => ({\n item: keyedItem.item,\n index: keyedItem.index,\n });\n\n return {\n from: simplifyIndexedItem(event.from),\n after: event.after != null ? simplifyIndexedItem(event.after) : null,\n over: simplifyIndexedItem(event.over),\n filters: event.query.filters,\n };\n }\n\n onDragCancel() {\n this.status = 'cancel';\n Object.assign(this.overlayRect.rect, emptyRect());\n this.droppingId = this.activeId;\n this.scheduleDropEnd();\n }\n\n onDragOver(event: { over: DragItemOver \| null }) {\n this.status = 'over';\n this.overId = event.over?.id as string;\n }\n\n onDragEnd(event: { over: DragItemOver \| null }) {\n this.status = 'end';\n Object.assign(this.overlayRect.rect, emptyRect());\n\n if (event.over) {\n this.bi?.onDragEnd(event.over.id as string);\n }\n this.move(event);\n this.scheduleDropEnd();\n }\n\n get isDisabled() {\n const { dragAndDropCategories } = this.state;\n const {\n query: { hasActiveSort, filtersArray },\n } = this.collection;\n\n const activeFiltersNames = filtersArray\n .filter((filter) => !filter.isEmpty)\n .map((filter) => filter.name);\n\n if (hasActiveSort) {\n return true;\n }\n\n if (activeFiltersNames.length) {\n return (\n dragAndDropCategories == null \|\|\n !dragAndDropCategories.some(\n (combination) =>\n activeFiltersNames.length === combination.length &&\n activeFiltersNames.every((name) => combination.includes(name)),\n )\n );\n }\n\n if (dragAndDropCategories) {\n const hasEmptyCombination = dragAndDropCategories.some(\n (combination) => !combination.length,\n );\n return !hasEmptyCombination;\n }\n\n return false;\n }\n\n init({ a11yContainer }: { a11yContainer?: HTMLElement \| null \| undefined }) {\n this.a11yContainer = a11yContainer;\n this.state._dnd = this;\n\n document.addEventListener('keydown', this._onGlobalKeydown);\n\n return action(() => {\n this.state._dnd = null;\n this.a11yContainer = null;\n document.removeEventListener('keydown', this._onGlobalKeydown);\n });\n }\n\n focusDragHandleIfDropped(\n id: string \| number,\n element: HTMLElement \| null \| undefined,\n ) {\n const { status, droppedId, droppingId } = this;\n if (\n (status === 'end' \|\| status === 'cancel') &&\n droppingId == null &&\n droppedId === id &&\n element\n ) {\n element.focus({\n preventScroll: true,\n });\n }\n }\n\n get reportBi() {\n return this.state.reportBi;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","_utilities","_hasExceededDistance","_rectIntersection","_events","_uuid","_RectState","DragAndDropState","constructor","params","_defineProperty2","default","EventEmitter","duration","easing","_baseAnimation","sideEffects","_dropAnimationId","droppingId","onDropAnimationEnd","distance","start","cancel","end","move","onPointerDown","action","_isHandleActive","onKeyDown","e","keyboardCodes","includes","nativeEvent","code","_isKeyboardDragging","activeId","droppedId","state","forceRenderIndexes","undefined","events","emit","scheduleIdle","bi","onDragCancel","endType","itemId","downEvent","axis","onDragAttemptEnd","coordinates","x","y","onMouseUp","document","removeEventListener","onMove","container","lodash","throttle","moveEvent","_this$bi","delta","subtract","process","env","NODE_ENV","hasExceededDistance","measurement","onAttemptDragStart","addEventListener","collection","a11yContainerRef","overlayRect","RectState","setMaxListeners","scheduleDropEnd","debounce","dropAnimation","status","nullAnnouncements","onDragStart","onDragMove","onDragOver","onDragEnd","listAttributes","translate","t","announcements","makeObservable","observable","ref","overId","init","beforeDrop","focusDragHandleIfDropped","active","computed","isActiveRectOutsideContainer","over","activeIndex","isActive","isDropping","reorderModeState","getKeyedItem","_this$active","index","event","_active$rect","Object","assign","rect","current","translated","_active$rect2","_this$bi2","id","_moveId","uuid","containerRect","width","haveIntersection","_maybeCancelDropAndShowErrorToast","_this$onCancel","_this$bi3","dragEndEvent","_createDragEndEvent","onCancelResult","onCancel","call","_createSimpleDragEndEvent","onMoveCancelled","showToast","type","biName","_active$rect3","cancelResult","shouldCancel","_this$bi4","ev","_ev$over","query","from","after","getKeyedItemByIndex","moveId","originQuery","filtersKeyHash","isFromHandle","Boolean","simplifyIndexedItem","keyedItem","item","filters","emptyRect","_event$over","_this$bi5","isDisabled","dragAndDropCategories","hasActiveSort","filtersArray","activeFiltersNames","filter","isEmpty","map","name","length","some","combination","every","hasEmptyCombination","_onGlobalKeydown","element","focus","preventScroll","reportBi","exports"],"sources":["../../../../src/components/DragAndDrop/DragAndDropState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n WixPatternsContainer,\n FiltersMap,\n KeyedItem,\n ReportBI,\n ActionMove,\n ComputedQueryFull,\n QueryState,\n ActionMoveBase,\n} from '@wix/bex-core';\nimport {\n DragAndDropSubmit,\n DragAndDropCancel,\n CollectionDragEndEvent,\n DragAndDropBulkSubmit,\n} from './DragAndDrop';\nimport { HTMLAttributes, MutableRefObject } from 'react';\nimport { subtract } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { hasExceededDistance } from './hasExceededDistance';\nimport { Announcements } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport {\n ClientRect,\n DragStartEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { haveIntersection } from './rectIntersection';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { v4 as uuid } from 'uuid';\nimport { emptyRect, RectState } from '../../state/RectState';\nimport { ReorderModeState } from './ReorderModeState';\n\nexport interface DragAndDropParentState<T, F extends FiltersMap> {\n readonly reportBi: ReportBI;\n readonly dragAndDropCategories?: (keyof F)[][] \| null \| undefined;\n forceRenderIndexes?: { rowIndex: number; columnIndex: number }[];\n readonly containerRect?: ClientRect;\n readonly _dnd?: DragAndDropState<T, F> \| null;\n}\n\nexport interface DragAndDropCollection<F extends FiltersMap> {\n getKeyedItem: (key: string) => KeyedItem<any> \| undefined \| null;\n getKeyedItemByIndex: (ind: number) => KeyedItem<any> \| null;\n keyedItems: KeyedItem<any>[];\n originQuery: ComputedQueryFull<F>;\n query: QueryState<F>;\n total: number;\n}\n\ninterface DragAndDropBaseBI<T> {\n onDragStart: () => void;\n onDragEnd: (overId: string) => void;\n onDragCancel: (params: { endType: 'clicked ESC' \| 'drop outside' }) => void;\n onMoveCancelled: (move: ActionMoveBase<T>) => void;\n onAttemptDragStart: (itemId: string) => () => void;\n}\n\nexport interface DragAndDropStateParams<T, F extends FiltersMap>\n extends DragAndDropBaseStateParams<T, F> {\n move: (ev: { over: DragItemOver \| null }) => void;\n announcements?: Partial<Announcements>;\n bi?: DragAndDropBaseBI<T>;\n}\n\nexport interface DragAndDropBaseStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n collection: DragAndDropCollection<F>;\n state: DragAndDropParentState<T, F>;\n a11yContainerRef: {\n current: HTMLElement \| undefined \| null;\n };\n}\n\ninterface DragItemActive {\n id: string \| number;\n rect?: MutableRefObject<{\n initial: ClientRect \| null;\n translated: ClientRect \| null;\n }>;\n}\nexport interface DragItemOver {\n id: string \| number;\n rect?: ClientRect;\n disabled?: boolean;\n}\n\nexport class DragAndDropState<T, F extends FiltersMap> {\n readonly state;\n readonly container;\n readonly collection;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n dropAnimationEnd: () => unknown;\n }>;\n\n status: 'start' \| 'over' \| 'end' \| 'cancel' \| null = null;\n activeId: string \| null \| undefined = null;\n overlayRect;\n overId: string \| null \| undefined = null;\n droppingId: string \| null \| undefined = null;\n droppedId: string \| null \| undefined = null;\n _dropAnimationId: string \| null \| undefined = null;\n scheduleDropEnd;\n scheduleIdle;\n\n move;\n\n onSubmit?: DragAndDropSubmit<T, F>;\n onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n\n reorderModeState?: ReorderModeState<T, F> \| null = null;\n\n readonly bi;\n\n _isHandleActive = false;\n _isKeyboardDragging = false;\n _moveId = '';\n\n a11yContainerRef;\n\n private readonly _baseAnimation = {\n duration: 250,\n easing: 'cubic-bezier(0.33, 1, 0.68, 1)',\n };\n\n readonly sortableAnimation = {\n ...this._baseAnimation,\n };\n\n readonly dropAnimation = {\n duration: 75,\n easing: 'cubic-bezier(0.33, 1, 0.68, 1)',\n sideEffects: () => {\n this._dropAnimationId = this.droppingId;\n return () => {\n this.onDropAnimationEnd();\n };\n },\n };\n\n readonly activationConstraint = {\n distance: 1,\n };\n\n readonly keyboardCodes = {\n start: ['Space', 'Enter'],\n cancel: ['Escape', 'Tab'],\n end: ['Space', 'Enter'],\n move: ['ArrowDown'],\n };\n\n readonly nullAnnouncements: Announcements;\n\n // Should be triggered before `onDragStart` for correct BI\n readonly handleEvents: Partial<HTMLAttributes<Element>> = {\n onPointerDown: action(() => {\n this._isHandleActive = true;\n }),\n onKeyDown: action((e) => {\n const { keyboardCodes } = this;\n if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n this._isHandleActive = true;\n this._isKeyboardDragging = true;\n return;\n }\n }),\n };\n\n readonly containerEvents: Partial<HTMLAttributes<Element>> = {\n onPointerDown: action(() => {\n this._isKeyboardDragging = false;\n }),\n };\n\n constructor(params: DragAndDropStateParams<T, F>) {\n this.container = params.container;\n this.state = params.state;\n this.collection = params.collection;\n this.a11yContainerRef = params.a11yContainerRef;\n\n this.overlayRect = new RectState({ container: this.container });\n\n this.events.setMaxListeners(100);\n\n this.bi = params.bi;\n\n // We have an issue with pptr where `dropAnimation.sideEffects` is not being called.\n // This ensures `onDropAnimationEnd` will be called eventually, even if `dropAnimation.sideEffects` wasn't called.\n this.scheduleDropEnd = this.container.lodash.debounce(() => {\n // Do not call `onDropAnimationEnd` if _dropAnimationId was set, meaning that `dropAnimation.sideEffects` worked as expected\n if (this._dropAnimationId && this._dropAnimationId === this.droppingId) {\n return;\n }\n this.onDropAnimationEnd();\n }, this.dropAnimation.duration);\n\n this.scheduleIdle = this.container.lodash.debounce(\n action(() => {\n if (this.status === 'end' \|\| this.status === 'cancel') {\n this.status = null;\n this._isKeyboardDragging = false;\n }\n }),\n 500,\n );\n\n this.move = params.move;\n\n this.nullAnnouncements = {\n onDragStart: () => undefined,\n onDragMove: () => undefined,\n onDragOver: () => undefined,\n onDragEnd: () => undefined,\n onDragCancel: () => undefined,\n listAttributes: () => {\n const { translate: t } = this.container;\n return {\n 'aria-label': t('cairo.dragAndDrop.list-aria-label.sr'),\n };\n },\n ...(params.announcements ?? {}),\n };\n\n makeObservable(this, {\n activeId: observable.ref,\n overlayRect: observable.ref,\n overId: observable.ref,\n status: observable.ref,\n onDragStart: action,\n init: action,\n beforeDrop: action,\n onDragEnd: action,\n onDragMove: action,\n onDragOver: action,\n onDragCancel: action,\n focusDragHandleIfDropped: action,\n active: computed,\n isActiveRectOutsideContainer: computed,\n over: computed,\n activeIndex: computed,\n isActive: computed,\n droppingId: observable.ref,\n isDropping: computed,\n _isHandleActive: observable.ref,\n reorderModeState: observable.ref,\n });\n }\n\n onDropAnimationEnd = action(() => {\n if (this.droppingId && this.activeId === this.droppingId) {\n this.activeId = null;\n this._isHandleActive = false;\n this.droppedId = this.droppingId;\n this.droppingId = null;\n this._dropAnimationId = null;\n this.state.forceRenderIndexes = undefined;\n this.events.emit('dropAnimationEnd');\n this.scheduleIdle();\n }\n });\n\n get active() {\n const { activeId, collection } = this;\n return activeId != null ? collection.getKeyedItem(activeId) : null;\n }\n\n get over() {\n const { overId, collection } = this;\n return overId != null ? collection.getKeyedItem(overId) : null;\n }\n\n get isDropping() {\n return this.droppingId != null;\n }\n\n get activeIndex() {\n return this.active?.index;\n }\n\n get isActive() {\n return this.activeId != null;\n }\n\n _onGlobalKeydown = action((e: KeyboardEvent) => {\n const { keyboardCodes, activeId, bi } = this;\n\n if (activeId == null) {\n return;\n }\n\n if (keyboardCodes.cancel.includes(e.code)) {\n bi?.onDragCancel({ endType: 'clicked ESC' });\n return;\n }\n });\n\n onDragMove(event: {\n active: {\n id: DragStartEvent['active']['id'];\n rect?: DragStartEvent['active']['rect'];\n };\n }) {\n const { active } = event;\n Object.assign(this.overlayRect.rect, active.rect?.current.translated);\n }\n\n onDragStart(event: {\n active: {\n id: DragStartEvent['active']['id'];\n rect?: DragStartEvent['active']['rect'];\n };\n }) {\n const { active } = event;\n this.status = 'start';\n Object.assign(this.overlayRect.rect, active.rect?.current.translated);\n this.activeId = event.active.id as string;\n this._moveId = uuid();\n this.bi?.onDragStart();\n }\n\n attachDisabledDragAttempt = (\n itemId: string,\n downEvent: MouseEvent,\n axis: 'x' \| 'y' \| 'all',\n ) => {\n const state = {\n onDragAttemptEnd: null as (() => void) \| null,\n };\n\n const coordinates = {\n x: downEvent.x,\n y: downEvent.y,\n };\n\n const onMouseUp = () => {\n if (state.onDragAttemptEnd) {\n state.onDragAttemptEnd();\n state.onDragAttemptEnd = null;\n }\n\n document.removeEventListener('mousemove', onMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n const onMove = this.container.lodash.throttle((moveEvent: MouseEvent) => {\n const delta = subtract({ x: moveEvent.x, y: moveEvent.y }, coordinates);\n\n // for detecting drag attempt use larger activation constraint (10px instead of 1px)\n if (\n process.env.NODE_ENV !== 'test' &&\n !hasExceededDistance({ delta, measurement: 10, axis })\n ) {\n return;\n }\n\n document.removeEventListener('mousemove', onMove);\n state.onDragAttemptEnd = this.bi?.onAttemptDragStart(itemId) ?? null;\n }, 200);\n\n document.addEventListener('mousemove', onMove);\n document.addEventListener('mouseup', onMouseUp);\n };\n\n get isActiveRectOutsideContainer() {\n const {\n state: { containerRect },\n overlayRect: { rect: overlayRect },\n } = this;\n\n if (overlayRect.width == null \|\| containerRect == null) {\n return false;\n }\n\n return !haveIntersection(overlayRect, containerRect);\n }\n\n _maybeCancelDropAndShowErrorToast(event: {\n active: DragItemActive \| null;\n over: DragItemOver \| null;\n }) {\n const { container } = this;\n const dragEndEvent = this._createDragEndEvent(event);\n\n if (dragEndEvent == null) {\n return false;\n }\n\n const onCancelResult = this.onCancel?.(\n this._createSimpleDragEndEvent(dragEndEvent),\n );\n\n if (!onCancelResult) {\n return false;\n }\n\n this.bi?.onMoveCancelled?.(dragEndEvent);\n\n container.showToast?.({\n ...onCancelResult,\n type: 'ERROR',\n biName: 'cairo-drag-and-drop-external-logic-error',\n });\n\n return true;\n }\n\n beforeDrop(event: {\n active: DragItemActive \| null;\n over: DragItemOver \| null;\n }) {\n this.droppingId = this.activeId;\n const { active } = event;\n\n if (active == null) {\n return false;\n }\n\n const cancelResult = this._maybeCancelDropAndShowErrorToast(event);\n\n if (cancelResult) {\n return true;\n }\n\n const rect = active.rect?.current?.translated;\n const container = this.state.containerRect;\n\n if (rect == null \|\| container == null) {\n return false;\n }\n\n const shouldCancel = !haveIntersection(rect, container);\n\n if (shouldCancel) {\n this.bi?.onDragCancel({ endType: 'drop outside' });\n }\n\n return shouldCancel;\n }\n\n _createDragEndEvent(ev: { over: DragItemOver \| null }) {\n const { active, collection } = this;\n const { query } = collection;\n const overId = ev.over?.id;\n\n if (active == null \|\| overId == null \|\| overId === active.id) {\n return null;\n }\n\n const from = collection.getKeyedItem(active.id as string);\n const over = collection.getKeyedItem(overId as string);\n\n if (from == null \|\| over == null) {\n return;\n }\n\n const after =\n over.index === 0\n ? null\n : over.index < from.index\n ? collection.getKeyedItemByIndex(over.index - 1)\n : over;\n\n return {\n moveId: this._moveId,\n from,\n over,\n after,\n query: collection.originQuery,\n filtersKeyHash: query.filtersKeyHash,\n isFromHandle: Boolean(this._isHandleActive),\n };\n }\n\n _createSimpleDragEndEvent(\n event: ActionMove<T>,\n ): CollectionDragEndEvent<T, F> {\n const simplifyIndexedItem = (keyedItem: KeyedItem<T>) => ({\n item: keyedItem.item,\n index: keyedItem.index,\n });\n\n return {\n from: simplifyIndexedItem(event.from),\n after: event.after != null ? simplifyIndexedItem(event.after) : null,\n over: simplifyIndexedItem(event.over),\n filters: event.query.filters,\n };\n }\n\n onDragCancel() {\n this.status = 'cancel';\n Object.assign(this.overlayRect.rect, emptyRect());\n this.droppingId = this.activeId;\n this.scheduleDropEnd();\n }\n\n onDragOver(event: { over: DragItemOver \| null }) {\n this.status = 'over';\n this.overId = event.over?.id as string;\n }\n\n onDragEnd(event: { over: DragItemOver \| null }) {\n this.status = 'end';\n Object.assign(this.overlayRect.rect, emptyRect());\n\n if (event.over) {\n this.bi?.onDragEnd(event.over.id as string);\n }\n this.move(event);\n this.scheduleDropEnd();\n }\n\n get isDisabled() {\n const { dragAndDropCategories } = this.state;\n const {\n query: { hasActiveSort, filtersArray },\n } = this.collection;\n\n const activeFiltersNames = filtersArray\n .filter((filter) => !filter.isEmpty)\n .map((filter) => filter.name);\n\n if (hasActiveSort) {\n return true;\n }\n\n if (activeFiltersNames.length) {\n return (\n dragAndDropCategories == null \|\|\n !dragAndDropCategories.some(\n (combination) =>\n activeFiltersNames.length === combination.length &&\n activeFiltersNames.every((name) => combination.includes(name)),\n )\n );\n }\n\n if (dragAndDropCategories) {\n const hasEmptyCombination = dragAndDropCategories.some(\n (combination) => !combination.length,\n );\n return !hasEmptyCombination;\n }\n\n return false;\n }\n\n init() {\n document.addEventListener('keydown', this._onGlobalKeydown);\n\n return action(() => {\n document.removeEventListener('keydown', this._onGlobalKeydown);\n });\n }\n\n focusDragHandleIfDropped(\n id: string \| number,\n element: HTMLElement \| null \| undefined,\n ) {\n const { status, droppedId, droppingId } = this;\n if (\n (status === 'end' \|\| status === 'cancel') &&\n droppingId == null &&\n droppedId === id &&\n element\n ) {\n element.focus({\n preventScroll: true,\n });\n }\n }\n\n get reportBi() {\n return this.state.reportBi;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/TableDragAndDropState.js CHANGED Viewed

@@ -8,19 +8,21 @@ var _mobx = require("mobx");
 var _CollectionDragAndDropState = require("./CollectionDragAndDropState");
 class TableDragAndDropState {
   constructor(params) {
-    var _params$modalsContain;
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "dragAndDrop", void 0);
     this.tableState = params.tableState;
     this.dragAndDrop = new _CollectionDragAndDropState.CollectionDragAndDropState({
       state: params.tableState.toolbar,
       container: params.tableState.toolbar.container,
-      a11yContainer: (_params$modalsContain = params.modalsContainerRef) == null ? void 0 : _params$modalsContain.current
+      a11yContainer: params.modalsContainerRef
     });
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action
     });
   }
+  get dnd() {
+    return this.dragAndDrop.dnd;
+  }
   getStickyColumnsCount({
     stickyColumns,
     horizontalScroll
@@ -30,17 +32,11 @@ class TableDragAndDropState {
     } = this;
     return horizontalScroll && !dragAndDrop.dnd.isDisabled ? stickyColumns + 1 : stickyColumns;
   }
-  init({
-    a11yContainer
-  }) {
+  init() {
     const {
-      dragAndDrop,
-      tableState
+      dragAndDrop
     } = this;
-    tableState.tableDragAndDropStateInitialized = true;
-    return dragAndDrop.init({
-      a11yContainer
-    });
+    return dragAndDrop.init();
   }
 }
 exports.TableDragAndDropState = TableDragAndDropState;

package/dist/cjs/components/DragAndDrop/TableDragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","_CollectionDragAndDropState","TableDragAndDropState","constructor","params","~~_params$modalsContain","~~_defineProperty2","default","tableState","dragAndDrop","CollectionDragAndDropState","state","toolbar","container","a11yContainer","modalsContainerRef","~~current","~~makeObservable","init","action","getStickyColumnsCount","stickyColumns","horizontalScroll","~~dnd","~~isDisabled","~~tableDragAndDropStateInitialized","~~exports"],"sources":["../../../../src/components/DragAndDrop/TableDragAndDropState.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { action, makeObservable } from 'mobx';\nimport { CollectionDragAndDropState } from './CollectionDragAndDropState';\n\nexport interface TableDragAndDropStateParams<T, F extends FiltersMap> {\n readonly tableState: TableState<T, F>;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport class TableDragAndDropState<T, F extends FiltersMap> {\n readonly tableState;\n readonly dragAndDrop;\n\n constructor(params: TableDragAndDropStateParams<T, F>) {\n this.tableState = params.tableState;\n this.dragAndDrop = new CollectionDragAndDropState({\n state: params.tableState.toolbar,\n container: params.tableState.toolbar.container,\n a11yContainer: params.modalsContainerRef~~?.current~~,\n });\n\n makeObservable(this, {\n init: action,\n });\n }\n\n getStickyColumnsCount({\n stickyColumns,\n horizontalScroll,\n }: {\n stickyColumns: number;\n showSelection?: boolean;\n horizontalScroll?: boolean;\n }) {\n const { dragAndDrop } = this;\n return horizontalScroll && !dragAndDrop.dnd.isDisabled\n ? stickyColumns + 1\n : stickyColumns;\n }\n\n init(~~{ a11yContainer }: { a11yContainer?: HTMLElement \| null \| undefined }~~) {\n const { dragAndDrop, ~~tableState~~ } = this;\n\n ~~tableState.tableDragAndDropStateInitialized = true;\n\n~~ return dragAndDrop.init(~~{\n a11yContainer,\n }~~);\n }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AASO,MAAME,qBAAqB,CAA0B;EAI1DC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,~~qBAAA;IAAA,IAAAC,~~gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACrD,IAAI,CAACC,UAAU,~~GAAGJ~~,MAAM,~~CAACI~~,UAAU;IACnC,IAAI,CAACC,WAAW,GAAG,IAAIC,sDAA0B,CAAC;MAChDC,KAAK,~~EAAEP~~,MAAM,~~CAACI~~,UAAU,CAACI,OAAO;MAChCC,SAAS,~~EAAET~~,MAAM,~~CAACI~~,UAAU,CAACI,OAAO,CAACC,SAAS;MAC9CC,aAAa,~~GAAAT~~,~~qBAAA,GAAED,~~MAAM,~~CAACW,kBAAkB,qBAAzBV,qBAAA,CAA2BW~~;~~IAC5C~~,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEAC,qBAAqBA,CAAC;IACpBC,aAAa;IACbC;EAKF,CAAC,EAAE;IACD,MAAM;MAAEb;IAAY,CAAC,GAAG,IAAI;IAC5B,OAAOa,gBAAgB,IAAI,CAACb,WAAW,~~CAACc~~,GAAG,~~CAACC~~,UAAU,~~GAClDH~~,aAAa,GAAG,CAAC,GACjBA,aAAa;EACnB;~~EAEAH~~,IAAIA,~~CAAC;IAAEJ;EAAkE~~,~~CAAC,EAAE~~;~~IAC1E~~,MAAM;~~MAAEL,WAAW~~;~~MAAED;IAAW~~,CAAC,GAAG,IAAI;~~IAExCA~~,~~UAAU~~,~~CAACiB,gCAAgC,GAAG,IAAI;IAElD,OAAOhB,~~WAAW,~~CAACS~~,IAAI,CAAC~~;MACtBJ;IACF~~,CAAC~~,CAAC~~;~~EACJ~~;AACF;~~AAACY~~,OAAA,~~CAAAxB~~,qBAAA,GAAAA,qBAAA","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","_CollectionDragAndDropState","TableDragAndDropState","constructor","params","_defineProperty2","default","tableState","dragAndDrop","CollectionDragAndDropState","state","toolbar","container","a11yContainer","modalsContainerRef","makeObservable","init","action","dnd","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","exports"],"sources":["../../../../src/components/DragAndDrop/TableDragAndDropState.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { action, makeObservable } from 'mobx';\nimport { CollectionDragAndDropState } from './CollectionDragAndDropState';\n\nexport interface TableDragAndDropStateParams<T, F extends FiltersMap> {\n readonly tableState: TableState<T, F>;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport class TableDragAndDropState<T, F extends FiltersMap> {\n readonly tableState;\n readonly dragAndDrop;\n\n constructor(params: TableDragAndDropStateParams<T, F>) {\n this.tableState = params.tableState;\n this.dragAndDrop = new CollectionDragAndDropState({\n state: params.tableState.toolbar,\n container: params.tableState.toolbar.container,\n a11yContainer: params.modalsContainerRef,\n });\n\n makeObservable(this, {\n init: action,\n });\n }\n\n get dnd() {\n return this.dragAndDrop.dnd;\n }\n\n getStickyColumnsCount({\n stickyColumns,\n horizontalScroll,\n }: {\n stickyColumns: number;\n showSelection?: boolean;\n horizontalScroll?: boolean;\n }) {\n const { dragAndDrop } = this;\n return horizontalScroll && !dragAndDrop.dnd.isDisabled\n ? stickyColumns + 1\n : stickyColumns;\n }\n\n init() {\n const { dragAndDrop } = this;\n\n return dragAndDrop.init();\n }\n}\n"],"mappings":";;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AASO,MAAME,qBAAqB,CAA0B;EAI1DC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACrD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,WAAW,GAAG,IAAIC,sDAA0B,CAAC;MAChDC,KAAK,EAAEN,MAAM,CAACG,UAAU,CAACI,OAAO;MAChCC,SAAS,EAAER,MAAM,CAACG,UAAU,CAACI,OAAO,CAACC,SAAS;MAC9CC,aAAa,EAAET,MAAM,CAACU;IACxB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;IACR,CAAC,CAAC;EACJ;EAEA,IAAIC,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACV,WAAW,CAACU,GAAG;EAC7B;EAEAC,qBAAqBA,CAAC;IACpBC,aAAa;IACbC;EAKF,CAAC,EAAE;IACD,MAAM;MAAEb;IAAY,CAAC,GAAG,IAAI;IAC5B,OAAOa,gBAAgB,IAAI,CAACb,WAAW,CAACU,GAAG,CAACI,UAAU,GAClDF,aAAa,GAAG,CAAC,GACjBA,aAAa;EACnB;EAEAJ,IAAIA,CAAA,EAAG;IACL,MAAM;MAAER;IAAY,CAAC,GAAG,IAAI;IAE5B,OAAOA,WAAW,CAACQ,IAAI,CAAC,CAAC;EAC3B;AACF;AAACO,OAAA,CAAArB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "DragHandle492387075";
+var _namespace_ = "DragHandle3702985784";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle492387075__root"
+  "root": "DragHandle3702985784__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle492387075~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~DragHandle492387075__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~qBAAqB~~;~~AACvC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAA2B~~,CAAC;~~AAClD~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3702985784\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle3702985784__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ExtensionMenuItems/ExtensionMenuItems.js CHANGED Viewed

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 exports.ExtensionMenuItems = void 0;
-var _hooks = require("../../hooks");
+var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 const ExtensionMenuItems = exports.ExtensionMenuItems = {
-  useExtensionMenuItems: _hooks.useExtensionMenuItems
+  useExtensionMenuItems: _useExtensionMenuItems.useExtensionMenuItems
 };
 //# sourceMappingURL=ExtensionMenuItems.js.map

package/dist/cjs/components/ExtensionMenuItems/ExtensionMenuItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_hooks~~","require","ExtensionMenuItems","exports","useExtensionMenuItems"],"sources":["../../../../src/components/ExtensionMenuItems/ExtensionMenuItems.ts"],"sourcesContent":["import { useExtensionMenuItems } from '../../hooks';\n\nexport const ExtensionMenuItems = {\n useExtensionMenuItems,\n};\n\nexport type ExtensionMenuItemsType = {\n useExtensionMenuItems: typeof useExtensionMenuItems;\n};\n"],"mappings":";;;;AAAA,IAAAA,~~MAAA~~,GAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,qBAAqB,EAArBA;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_useExtensionMenuItems","require","ExtensionMenuItems","exports","useExtensionMenuItems"],"sources":["../../../../src/components/ExtensionMenuItems/ExtensionMenuItems.ts"],"sourcesContent":["import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\nexport const ExtensionMenuItems = {\n useExtensionMenuItems,\n};\n\nexport type ExtensionMenuItemsType = {\n useExtensionMenuItems: typeof useExtensionMenuItems;\n};\n"],"mappings":";;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,qBAAqB,EAArBA;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "Fade1985381060";
+var _namespace_ = "Fade2582856596";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade1985381060__root"
+  "root": "Fade2582856596__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~Fade1985381060~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~Fade1985381060__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2582856596\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2582856596__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/Grid.js CHANGED Viewed

@@ -52,7 +52,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 108,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -61,7 +61,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 114,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
@@ -73,14 +73,14 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 115,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 122,
       columnNumber: 11
     }
   }, sections ? /*#__PURE__*/_react.default.createElement(sections.GridSections, (0, _extends2.default)({}, props, {
@@ -89,7 +89,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 124,
       columnNumber: 15
     }
   })) : /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
@@ -97,7 +97,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 15
     }
   }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);

package/dist/cjs/components/Grid/Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState } from '../../state';\nimport { ~~DragAndDrop } from '../DragAndDrop';\nimport {~~ getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n ToolbarCollection,\n ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\nimport { GridSingleGridContent } from './GridSingleGridContent';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' \| 'maxSelection'>,\n GridItemBaseProps<T, F> {\n dataHook?: string;\n /*\n Adds functionality to allow visitors to reorder items manually.\n * <br><br>\n * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n * @external\n /\n dragAndDrop?: ~~DragAndDrop~~;\n\n /\n Grid state instance created using `useGrid`.\n * @external\n /\n state: GridState<T, F>;\n\n /\n A toolbar for performing bulk actions on multiple items.<br> <br>\n * Supported parameters: <br>\n * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n * -`isSelectAll`: [bool] Whether Select All is checked. <br>\n * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n * -`total`: [number] Total number of items in the server. <br>\n * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n * @external\n */\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n sections?: {\n GridSections: typeof GridSectionsContent;\n renderSection?: (item: T) => Section;\n };\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n GridBaseProps<T, F>,\n 'preset' \| 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n const {\n state,\n dragAndDrop,\n renderError,\n emptyState,\n noResultsState,\n topNotification,\n cardProps,\n dataHook,\n exportModal,\n sections,\n } = props;\n\n const { toolbar } = state;\n\n useToolbarCollectionSyncProps({\n ...props,\n state: state.toolbar,\n isUsingDragAndDrop: !!dragAndDrop,\n isUsingBulkActionsToolbar: false,\n isUsingHorizontalScroll: false,\n isUsingFolders: false,\n isUsingTableVirtualization: false,\n });\n\n useEffect(\n () =>\n state.init({\n featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n }),\n [],\n );\n\n return (\n <CollectionCard\n renderError={false}\n state={toolbar}\n dataHook={dataHook}\n {...cardProps}\n >\n <ToolbarCollection {...props} sticky state={toolbar}>\n <GridPlaceholderStates\n state={state.toolbar}\n renderError={renderError}\n emptyState={emptyState}\n noResultsState={noResultsState}\n topNotification={topNotification}\n >\n <ToolbarCollectionContentAutoSizer>\n {sections ? (\n <sections.GridSections\n {...props}\n renderSection={sections.renderSection}\n state={state}\n />\n ) : (\n <GridSingleGridContent {...props} state={state} />\n )}\n </ToolbarCollectionContentAutoSizer>\n </GridPlaceholderStates>\n </ToolbarCollection>\n {exportModal ?? toolbar.featuredComponents.exportModal.value}\n </CollectionCard>\n );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;~~AAKA~~,IAAAC,yCAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AAGA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAIA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAGA,IAAAQ,sBAAA,GAAAR,OAAA;AAAgE,IAAAS,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAmDhE~~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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n ToolbarCollection,\n ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' \| 'maxSelection'>,\n GridItemBaseProps<T, F> {\n dataHook?: string;\n /*\n Adds functionality to allow visitors to reorder items manually.\n * <br><br>\n * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n * @external\n /\n dragAndDrop?: typeof GridDragAndDrop;\n\n /\n Grid state instance created using `useGrid`.\n * @external\n /\n state: GridState<T, F>;\n\n /\n A toolbar for performing bulk actions on multiple items.<br> <br>\n * Supported parameters: <br>\n * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n * -`isSelectAll`: [bool] Whether Select All is checked. <br>\n * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n * -`total`: [number] Total number of items in the server. <br>\n * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n * @external\n */\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n sections?: {\n GridSections: typeof GridSectionsContent;\n renderSection?: (item: T) => Section;\n };\n\n layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n GridBaseProps<T, F>,\n 'preset' \| 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n const {\n state,\n dragAndDrop,\n renderError,\n emptyState,\n noResultsState,\n topNotification,\n cardProps,\n dataHook,\n exportModal,\n sections,\n } = props;\n\n const { toolbar } = state;\n\n useToolbarCollectionSyncProps({\n ...props,\n state: state.toolbar,\n isUsingDragAndDrop: !!dragAndDrop,\n isUsingBulkActionsToolbar: false,\n isUsingHorizontalScroll: false,\n isUsingFolders: false,\n isUsingTableVirtualization: false,\n });\n\n useEffect(\n () =>\n state.init({\n featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n }),\n [],\n );\n\n return (\n <CollectionCard\n renderError={false}\n state={toolbar}\n dataHook={dataHook}\n {...cardProps}\n >\n <ToolbarCollection {...props} sticky state={toolbar}>\n <GridPlaceholderStates\n state={state.toolbar}\n renderError={renderError}\n emptyState={emptyState}\n noResultsState={noResultsState}\n topNotification={topNotification}\n >\n <ToolbarCollectionContentAutoSizer>\n {sections ? (\n <sections.GridSections\n {...props}\n renderSection={sections.renderSection}\n state={state}\n />\n ) : (\n <GridSingleGridContent {...props} state={state} />\n )}\n </ToolbarCollectionContentAutoSizer>\n </GridPlaceholderStates>\n </ToolbarCollection>\n {exportModal ?? toolbar.featuredComponents.exportModal.value}\n </CollectionCard>\n );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Grid/Grid.uni.driver.js CHANGED Viewed

@@ -100,10 +100,15 @@ function GridUniDriver(base, body) {
   const scrollDownToItem = (index, {
     timeout = 5000,
     delay = 1000,
-    scrollableElementDataHook = 'page-scrollable-content'
+    scrollableElementDataHook = 'page-scrollable-content',
+    scrollIntoView
   } = {}) => {
     return (0, _unidriver.waitFor)(async () => {
       if (await getCardGalleryItemByIndexBase(index).exists()) {
+        if (scrollIntoView) {
+          var _getCardGalleryItemBy, _getCardGalleryItemBy2;
+          await ((_getCardGalleryItemBy = (_getCardGalleryItemBy2 = getCardGalleryItemByIndexBase(index)).scrollIntoView) == null ? void 0 : _getCardGalleryItemBy.call(_getCardGalleryItemBy2));
+        }
         return true;
       }
       await scrollDown(scrollableElementDataHook);