@wix/patterns 1.20.0 → 1.22.0

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

@@ -1 +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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","ignoreList":[]}
+{"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","_options$delta","mouseMove","clientX","delta","moveAny","i","vertical","delay"],"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; y?: 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          options.y ?? 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: {\n        page?: SledPage['page'];\n        pixels?: number;\n        delta?: { x?: number };\n      } = {},\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      } else if (fireEvent) {\n        fireEvent.mouseMove(targetRow, {\n          clientX: options.delta?.x ?? 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        delay?: 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) =>\n            setTimeout(resolve, options?.delay ?? 2000),\n          );\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.DragAndDropAnnouncements = void 0;
 var _reactDom = require("react-dom");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _VisuallyHidden = require("../VisuallyHidden");
 var _react2 = require("@wix/bex-core/react");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _DragAndDropAnnouncements(props) {
   const {
     state,
@@ -21,21 +23,47 @@ function _DragAndDropAnnouncements(props) {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const {
-    active,
-    over,
     collection: {
       total
     }
   } = state;
-  const announcement = (() => {
-    switch (state.status) {
+  const [localState, setLocalState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => {
+    const current = {
+      status: state.status,
+      active: state.active,
+      over: state.over
+    };
+    return {
+      current,
+      prev: null
+    };
+  }));
+  (0, _react.useEffect)(() => (0, _mobx.reaction)(() => ({
+    status: state.status,
+    active: state.active,
+    over: state.over
+  }), (current, prev) => {
+    setLocalState({
+      current,
+      prev
+    });
+  }, {
+    fireImmediately: true
+  }), []);
+  const {
+    over,
+    status,
+    active
+  } = localState.current;
+  const announcement = (_localState$prev => {
+    switch (status) {
       case 'start':
         if (active) {
           return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');
         }
         return;
       case 'over':
-        if (over && over.id !== (active == null ? void 0 : active.id)) {
+        if (over && ((_localState$prev = localState.prev) == null ? void 0 : _localState$prev.status) !== 'start') {
           return t('cairo.dragAndDrop.live-region.itemDragged.sr', {
             currentNumber: over.index + 1,
             totalNumber: total
@@ -47,12 +75,17 @@ function _DragAndDropAnnouncements(props) {
         return;
       case 'end':
         if (over) {
+          var _localState$prev2;
           if (over.id === (active == null ? void 0 : active.id)) {
             return t('cairo.dragAndDrop.reorder-cancelled.sr');
           }
-          return t('cairo.dragAndDrop.live-region.itemDropped.sr', {
-            currentNumber: over.index + 1
-          });
+          const activeOrPrev = active || ((_localState$prev2 = localState.prev) == null ? void 0 : _localState$prev2.active);
+          if (activeOrPrev) {
+            return t('cairo.dragAndDrop.live-region.itemDropped.sr', {
+              currentNumber: activeOrPrev.index + 1
+            });
+          }
+          return;
         }
         return;
       case 'cancel':
@@ -70,7 +103,7 @@ function _DragAndDropAnnouncements(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 110,
       columnNumber: 5
     }
   }, announcement);

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

@@ -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","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":[]}
+{"version":3,"names":["_reactDom","require","_react","_interopRequireWildcard","_mobxReactLite","_VisuallyHidden","_react2","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","useWixPatternsContainer","collection","total","localState","setLocalState","useState","runInAction","current","status","active","over","prev","useEffect","reaction","fireImmediately","announcement","_localState$prev","currentNumber","index","totalNumber","_localState$prev2","id","activeOrPrev","child","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","a11yContainerRef","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, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { reaction, runInAction } from 'mobx';\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    collection: { total },\n  } = state;\n\n  const [localState, setLocalState] = useState(() =>\n    runInAction(() => {\n      const current = {\n        status: state.status,\n        active: state.active,\n        over: state.over,\n      } as const;\n      return {\n        current,\n        prev: null as typeof current | null | undefined,\n      };\n    }),\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () => ({\n          status: state.status,\n          active: state.active,\n          over: state.over,\n        }),\n        (current, prev) => {\n          setLocalState({\n            current,\n            prev,\n          });\n        },\n        { fireImmediately: true },\n      ),\n    [],\n  );\n\n  const { over, status, active } = localState.current;\n\n  const announcement = (() => {\n    switch (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 && localState.prev?.status !== 'start') {\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          const activeOrPrev = active || localState.prev?.active;\n          if (activeOrPrev) {\n            return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n              currentNumber: activeOrPrev.index + 1,\n            });\n          }\n\n          return;\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":"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","ignoreList":[]}

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

@@ -20,6 +20,9 @@ class DragAndDropState {
     (0, _defineProperty2.default)(this, "status", null);
     (0, _defineProperty2.default)(this, "activeId", null);
     (0, _defineProperty2.default)(this, "overlayRect", void 0);
+    (0, _defineProperty2.default)(this, "_moveDelta", {
+      x: 0
+    });
     (0, _defineProperty2.default)(this, "overId", null);
     (0, _defineProperty2.default)(this, "droppingId", null);
     (0, _defineProperty2.default)(this, "droppedId", null);
@@ -195,6 +198,7 @@ class DragAndDropState {
       activeId: _mobx.observable.ref,
       overlayRect: _mobx.observable.ref,
       overId: _mobx.observable.ref,
+      _moveDelta: _mobx.observable.ref,
       status: _mobx.observable.ref,
       onDragStart: _mobx.action,
       init: _mobx.action,
@@ -244,6 +248,7 @@ class DragAndDropState {
     const {
       active
     } = event;
+    this._moveDelta = event.delta;
     Object.assign(this.overlayRect.rect, (_active$rect = active.rect) == null ? void 0 : _active$rect.current.translated);
   }
   onDragStart(event) {
@@ -254,6 +259,7 @@ class DragAndDropState {
     this.status = 'start';
     Object.assign(this.overlayRect.rect, (_active$rect2 = active.rect) == null ? void 0 : _active$rect2.current.translated);
     this.activeId = event.active.id;
+    this.overId = this.activeId;
     this._moveId = (0, _uuid.v4)();
     (_this$bi2 = this.bi) == null || _this$bi2.onDragStart();
   }
@@ -271,12 +277,12 @@ class DragAndDropState {
     }
     return !(0, _rectIntersection.haveIntersection)(overlayRect, containerRect);
   }
-  _maybeCancelDropAndShowErrorToast(event) {
+  _maybeCancelDropAndShowErrorToast() {
     var _this$onCancel, _this$bi3;
     const {
       container
     } = this;
-    const dragEndEvent = this._createDragEndEvent(event);
+    const dragEndEvent = this._createDragEndEvent();
     if (dragEndEvent == null) {
       return false;
     }
@@ -293,15 +299,16 @@ class DragAndDropState {
     return true;
   }
   beforeDrop(event) {
-    var _active$rect3;
+    var _event$over, _active$rect3;
     this.droppingId = this.activeId;
+    this.overId = (_event$over = event.over) == null ? void 0 : _event$over.id;
     const {
       active
     } = event;
     if (active == null) {
       return false;
     }
-    const cancelResult = this._maybeCancelDropAndShowErrorToast(event);
+    const cancelResult = this._maybeCancelDropAndShowErrorToast();
     if (cancelResult) {
       return true;
     }
@@ -319,16 +326,15 @@ class DragAndDropState {
     }
     return shouldCancel;
   }
-  _createDragEndEvent(ev) {
-    var _ev$over;
+  _createDragEndEvent() {
     const {
       active,
-      collection
+      collection,
+      overId
     } = this;
     const {
       query
     } = collection;
-    const overId = (_ev$over = ev.over) == null ? void 0 : _ev$over.id;
     if (active == null || overId == null || overId === active.id) {
       return null;
     }
@@ -367,12 +373,14 @@ class DragAndDropState {
     this.scheduleDropEnd();
   }
   onDragOver(event) {
-    var _event$over;
+    var _event$over2;
     this.status = 'over';
-    this.overId = (_event$over = event.over) == null ? void 0 : _event$over.id;
+    this.overId = (_event$over2 = event.over) == null ? void 0 : _event$over2.id;
   }
   onDragEnd(event) {
+    var _event$over3;
     this.status = 'end';
+    this.overId = (_event$over3 = event.over) == null ? void 0 : _event$over3.id;
     Object.assign(this.overlayRect.rect, (0, _RectState.emptyRect)());
     if (event.over) {
       var _this$bi5;
@@ -406,9 +414,9 @@ class DragAndDropState {
   }
   init() {
     document.addEventListener('keydown', this._onGlobalKeydown);
-    return (0, _mobx.action)(() => {
+    return () => {
       document.removeEventListener('keydown', this._onGlobalKeydown);
-    });
+    };
   }
   focusDragHandleIfDropped(id, element) {
     const {

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

@@ -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","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":[]}
+{"version":3,"names":["_mobx","require","_utilities","_hasExceededDistance","_rectIntersection","_events","_uuid","_RectState","DragAndDropState","constructor","params","_defineProperty2","default","EventEmitter","x","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","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","_moveDelta","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","_event$over","_active$rect3","cancelResult","shouldCancel","_this$bi4","query","from","after","getKeyedItemByIndex","moveId","originQuery","filtersKeyHash","isFromHandle","Boolean","simplifyIndexedItem","keyedItem","item","filters","emptyRect","_event$over2","_event$over3","_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 | undefined = null;\n  activeId: string | null | undefined = null;\n  overlayRect;\n  _moveDelta: { x: number } = { x: 0 };\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      _moveDelta: 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    delta: { x: number };\n  }) {\n    const { active } = event;\n    this._moveDelta = event.delta;\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.overId = this.activeId;\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() {\n    const { container } = this;\n    const dragEndEvent = this._createDragEndEvent();\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    this.overId = event.over?.id as string;\n    const { active } = event;\n\n    if (active == null) {\n      return false;\n    }\n\n    const cancelResult = this._maybeCancelDropAndShowErrorToast();\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() {\n    const { active, collection, overId } = this;\n    const { query } = collection;\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    this.overId = event.over?.id as string;\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 () => {\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/DragHandle/DragHandle.st.css.js

@@ -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_ = "DragHandle1999216643";
+var _namespace_ = "DragHandle295833531";
 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": "DragHandle1999216643__root"
+  "root": "DragHandle295833531__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"DragHandle1999216643\";\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\":\"DragHandle1999216643__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":[]}
+{"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_ = \"DragHandle295833531\";\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\":\"DragHandle295833531__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":[]}

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

@@ -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_ = "Fade3504665848";
+var _namespace_ = "Fade3183950476";
 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": "Fade3504665848__root"
+  "root": "Fade3183950476__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"Fade3504665848\";\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\":\"Fade3504665848__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":[]}
+{"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_ = \"Fade3183950476\";\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\":\"Fade3183950476__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/GridPlaceholderStates.js

@@ -25,7 +25,18 @@ function _GridPlaceholderStates(props) {
       query: collection.result.originQuery
     }) : topNotification,
     emptyState: emptyState,
-    noResultsState: noResultsState,
+    noResultsState: typeof noResultsState === 'function' ? () => {
+      const {
+        result: {
+          originQuery,
+          hasAvailableItems
+        }
+      } = collection;
+      return noResultsState({
+        hasAvailableItems,
+        query: originQuery
+      });
+    } : noResultsState,
     renderError: renderError,
     loadingState: null,
     __self: this,

package/dist/cjs/components/Grid/GridPlaceholderStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","topNotification","children","collection","default","createElement","PlaceholderStatesBase","multi","query","result","originQuery","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n    children,\n  } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAW,CAAC,GAAGN,KAAK;EAC5B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IACpBT,KAAK,EAAEA,KAAK,CAACU,KAAM;IACnBN,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAEO,KAAK,EAAEL,UAAU,CAACM,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/DT,eACL;IACDH,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBW,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBd,QACoB,CAAC;AAE5B;AAEO,MAAMe,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACxB,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","topNotification","children","collection","default","createElement","PlaceholderStatesBase","multi","query","result","originQuery","hasAvailableItems","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n    children,\n  } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      emptyState={emptyState}\n      noResultsState={\n        typeof noResultsState === 'function'\n          ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n          : noResultsState\n      }\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAW,CAAC,GAAGN,KAAK;EAC5B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IACpBT,KAAK,EAAEA,KAAK,CAACU,KAAM;IACnBN,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAEO,KAAK,EAAEL,UAAU,CAACM,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/DT,eACL;IACDH,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACJ,MAAM;QACJU,MAAM,EAAE;UAAEC,WAAW;UAAEC;QAAkB;MAC3C,CAAC,GAAGR,UAAU;MACd,OAAOJ,cAAc,CAAC;QACpBY,iBAAiB;QACjBH,KAAK,EAAEE;MACT,CAAC,CAAC;IACJ,CAAC,GACDX,cACL;IACDC,WAAW,EAAEA,WAAY;IACzBY,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBf,QACoB,CAAC;AAE5B;AAEO,MAAMgB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACzB,sBAAsB,CAAC","ignoreList":[]}