@wix/bex-utils 2.39.0 → 2.40.0

package/dist/cjs/FocusableWrapper/scrollAndFocus.js

@@ -20,7 +20,9 @@ const scrollAndFocus = ({
     const top = containerRefTop - scrollableRefTop - MINIMIZED_HEADER_HEIGHT - EXTRA_SPACE;
     const isFullHeaderDisplayed = scrollableRef.scrollTop < 40;
     const avoidScrollingToKeepFullHeader = isFullHeaderDisplayed && top < 200;
-    if (!avoidScrollingToKeepFullHeader) {
+    if (avoidScrollingToKeepFullHeader) {
+      afterScroll == null || afterScroll();
+    } else {
       setTimeout(async () => {
         scrollableRef.scrollBy({
           top,

package/dist/cjs/FocusableWrapper/scrollAndFocus.js.map

@@ -1 +1 @@
-{"version":3,"names":["MINIMIZED_HEADER_HEIGHT","EXTRA_SPACE","scrollAndFocus","scrollableRef","containerRef","focusedItemRef","afterScroll","focus","preventScroll","scrollableRefTop","getTop","containerRefTop","top","isFullHeaderDisplayed","scrollTop","avoidScrollingToKeepFullHeader","setTimeout","scrollBy","behavior","waitForScrollToFinish","exports","ref","getBoundingClientRect","Promise","resolve","lastScrollTop","checkIfScrollFinished","currentScrollTop"],"sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"sourcesContent":["const MINIMIZED_HEADER_HEIGHT = 67;\nconst EXTRA_SPACE = 48; // Defined by UX\n\nexport const scrollAndFocus = ({\n  scrollableRef,\n  containerRef,\n  focusedItemRef,\n  afterScroll,\n}: {\n  scrollableRef: HTMLElement | undefined | null;\n  containerRef: HTMLElement;\n  focusedItemRef: HTMLElement;\n  afterScroll?: () => void;\n}): void => {\n  if (containerRef && focusedItemRef && scrollableRef) {\n    focusedItemRef.focus({ preventScroll: true });\n    const scrollableRefTop = getTop(scrollableRef);\n    const containerRefTop = getTop(containerRef);\n    const top =\n      containerRefTop -\n      scrollableRefTop -\n      MINIMIZED_HEADER_HEIGHT -\n      EXTRA_SPACE;\n\n    const isFullHeaderDisplayed = scrollableRef.scrollTop < 40;\n    const avoidScrollingToKeepFullHeader = isFullHeaderDisplayed && top < 200;\n\n    if (!avoidScrollingToKeepFullHeader) {\n      setTimeout(async () => {\n        scrollableRef.scrollBy({\n          top,\n          behavior: 'smooth',\n        });\n\n        // Check if the scroll has finished\n        await waitForScrollToFinish(scrollableRef);\n\n        afterScroll?.();\n      }, 500);\n    }\n  }\n};\n\nconst getTop = (ref: HTMLElement): number =>\n  ref && ref.getBoundingClientRect ? ref.getBoundingClientRect().top : 0;\n\nfunction waitForScrollToFinish(scrollableRef: HTMLElement) {\n  return new Promise((resolve) => {\n    let lastScrollTop = scrollableRef.scrollTop;\n\n    const checkIfScrollFinished = () => {\n      setTimeout(() => {\n        const currentScrollTop = scrollableRef.scrollTop;\n\n        // If the scroll position has not changed, the scroll is finished\n        if (currentScrollTop === lastScrollTop) {\n          resolve('');\n        } else {\n          // Otherwise, update the lastScrollTop and keep checking\n          lastScrollTop = currentScrollTop;\n          checkIfScrollFinished();\n        }\n      }, 100);\n    };\n\n    checkIfScrollFinished();\n  });\n}\n"],"mappings":";;;;AAAA,MAAMA,uBAAuB,GAAG,EAAE;AAClC,MAAMC,WAAW,GAAG,EAAE,CAAC,CAAC;;AAEjB,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,aAAa;EACbC,YAAY;EACZC,cAAc;EACdC;AAMF,CAAC,KAAW;EACV,IAAIF,YAAY,IAAIC,cAAc,IAAIF,aAAa,EAAE;IACnDE,cAAc,CAACE,KAAK,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC,CAAC;IAC7C,MAAMC,gBAAgB,GAAGC,MAAM,CAACP,aAAa,CAAC;IAC9C,MAAMQ,eAAe,GAAGD,MAAM,CAACN,YAAY,CAAC;IAC5C,MAAMQ,GAAG,GACPD,eAAe,GACfF,gBAAgB,GAChBT,uBAAuB,GACvBC,WAAW;IAEb,MAAMY,qBAAqB,GAAGV,aAAa,CAACW,SAAS,GAAG,EAAE;IAC1D,MAAMC,8BAA8B,GAAGF,qBAAqB,IAAID,GAAG,GAAG,GAAG;IAEzE,IAAI,CAACG,8BAA8B,EAAE;MACnCC,UAAU,CAAC,YAAY;QACrBb,aAAa,CAACc,QAAQ,CAAC;UACrBL,GAAG;UACHM,QAAQ,EAAE;QACZ,CAAC,CAAC;;QAEF;QACA,MAAMC,qBAAqB,CAAChB,aAAa,CAAC;QAE1CG,WAAW,YAAXA,WAAW,CAAG,CAAC;MACjB,CAAC,EAAE,GAAG,CAAC;IACT;EACF;AACF,CAAC;AAACc,OAAA,CAAAlB,cAAA,GAAAA,cAAA;AAEF,MAAMQ,MAAM,GAAIW,GAAgB,IAC9BA,GAAG,IAAIA,GAAG,CAACC,qBAAqB,GAAGD,GAAG,CAACC,qBAAqB,CAAC,CAAC,CAACV,GAAG,GAAG,CAAC;AAExE,SAASO,qBAAqBA,CAAChB,aAA0B,EAAE;EACzD,OAAO,IAAIoB,OAAO,CAAEC,OAAO,IAAK;IAC9B,IAAIC,aAAa,GAAGtB,aAAa,CAACW,SAAS;IAE3C,MAAMY,qBAAqB,GAAGA,CAAA,KAAM;MAClCV,UAAU,CAAC,MAAM;QACf,MAAMW,gBAAgB,GAAGxB,aAAa,CAACW,SAAS;;QAEhD;QACA,IAAIa,gBAAgB,KAAKF,aAAa,EAAE;UACtCD,OAAO,CAAC,EAAE,CAAC;QACb,CAAC,MAAM;UACL;UACAC,aAAa,GAAGE,gBAAgB;UAChCD,qBAAqB,CAAC,CAAC;QACzB;MACF,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IAEDA,qBAAqB,CAAC,CAAC;EACzB,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["MINIMIZED_HEADER_HEIGHT","EXTRA_SPACE","scrollAndFocus","scrollableRef","containerRef","focusedItemRef","afterScroll","focus","preventScroll","scrollableRefTop","getTop","containerRefTop","top","isFullHeaderDisplayed","scrollTop","avoidScrollingToKeepFullHeader","setTimeout","scrollBy","behavior","waitForScrollToFinish","exports","ref","getBoundingClientRect","Promise","resolve","lastScrollTop","checkIfScrollFinished","currentScrollTop"],"sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"sourcesContent":["const MINIMIZED_HEADER_HEIGHT = 67;\nconst EXTRA_SPACE = 48; // Defined by UX\n\nexport const scrollAndFocus = ({\n  scrollableRef,\n  containerRef,\n  focusedItemRef,\n  afterScroll,\n}: {\n  scrollableRef: HTMLElement | undefined | null;\n  containerRef: HTMLElement;\n  focusedItemRef: HTMLElement;\n  afterScroll?: () => void;\n}): void => {\n  if (containerRef && focusedItemRef && scrollableRef) {\n    focusedItemRef.focus({ preventScroll: true });\n    const scrollableRefTop = getTop(scrollableRef);\n    const containerRefTop = getTop(containerRef);\n    const top =\n      containerRefTop -\n      scrollableRefTop -\n      MINIMIZED_HEADER_HEIGHT -\n      EXTRA_SPACE;\n\n    const isFullHeaderDisplayed = scrollableRef.scrollTop < 40;\n    const avoidScrollingToKeepFullHeader = isFullHeaderDisplayed && top < 200;\n\n    if (avoidScrollingToKeepFullHeader) {\n      afterScroll?.();\n    } else {\n      setTimeout(async () => {\n        scrollableRef.scrollBy({\n          top,\n          behavior: 'smooth',\n        });\n\n        // Check if the scroll has finished\n        await waitForScrollToFinish(scrollableRef);\n        afterScroll?.();\n      }, 500);\n    }\n  }\n};\n\nconst getTop = (ref: HTMLElement): number =>\n  ref && ref.getBoundingClientRect ? ref.getBoundingClientRect().top : 0;\n\nfunction waitForScrollToFinish(scrollableRef: HTMLElement) {\n  return new Promise((resolve) => {\n    let lastScrollTop = scrollableRef.scrollTop;\n\n    const checkIfScrollFinished = () => {\n      setTimeout(() => {\n        const currentScrollTop = scrollableRef.scrollTop;\n\n        // If the scroll position has not changed, the scroll is finished\n        if (currentScrollTop === lastScrollTop) {\n          resolve('');\n        } else {\n          // Otherwise, update the lastScrollTop and keep checking\n          lastScrollTop = currentScrollTop;\n          checkIfScrollFinished();\n        }\n      }, 100);\n    };\n\n    checkIfScrollFinished();\n  });\n}\n"],"mappings":";;;;AAAA,MAAMA,uBAAuB,GAAG,EAAE;AAClC,MAAMC,WAAW,GAAG,EAAE,CAAC,CAAC;;AAEjB,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,aAAa;EACbC,YAAY;EACZC,cAAc;EACdC;AAMF,CAAC,KAAW;EACV,IAAIF,YAAY,IAAIC,cAAc,IAAIF,aAAa,EAAE;IACnDE,cAAc,CAACE,KAAK,CAAC;MAAEC,aAAa,EAAE;IAAK,CAAC,CAAC;IAC7C,MAAMC,gBAAgB,GAAGC,MAAM,CAACP,aAAa,CAAC;IAC9C,MAAMQ,eAAe,GAAGD,MAAM,CAACN,YAAY,CAAC;IAC5C,MAAMQ,GAAG,GACPD,eAAe,GACfF,gBAAgB,GAChBT,uBAAuB,GACvBC,WAAW;IAEb,MAAMY,qBAAqB,GAAGV,aAAa,CAACW,SAAS,GAAG,EAAE;IAC1D,MAAMC,8BAA8B,GAAGF,qBAAqB,IAAID,GAAG,GAAG,GAAG;IAEzE,IAAIG,8BAA8B,EAAE;MAClCT,WAAW,YAAXA,WAAW,CAAG,CAAC;IACjB,CAAC,MAAM;MACLU,UAAU,CAAC,YAAY;QACrBb,aAAa,CAACc,QAAQ,CAAC;UACrBL,GAAG;UACHM,QAAQ,EAAE;QACZ,CAAC,CAAC;;QAEF;QACA,MAAMC,qBAAqB,CAAChB,aAAa,CAAC;QAC1CG,WAAW,YAAXA,WAAW,CAAG,CAAC;MACjB,CAAC,EAAE,GAAG,CAAC;IACT;EACF;AACF,CAAC;AAACc,OAAA,CAAAlB,cAAA,GAAAA,cAAA;AAEF,MAAMQ,MAAM,GAAIW,GAAgB,IAC9BA,GAAG,IAAIA,GAAG,CAACC,qBAAqB,GAAGD,GAAG,CAACC,qBAAqB,CAAC,CAAC,CAACV,GAAG,GAAG,CAAC;AAExE,SAASO,qBAAqBA,CAAChB,aAA0B,EAAE;EACzD,OAAO,IAAIoB,OAAO,CAAEC,OAAO,IAAK;IAC9B,IAAIC,aAAa,GAAGtB,aAAa,CAACW,SAAS;IAE3C,MAAMY,qBAAqB,GAAGA,CAAA,KAAM;MAClCV,UAAU,CAAC,MAAM;QACf,MAAMW,gBAAgB,GAAGxB,aAAa,CAACW,SAAS;;QAEhD;QACA,IAAIa,gBAAgB,KAAKF,aAAa,EAAE;UACtCD,OAAO,CAAC,EAAE,CAAC;QACb,CAAC,MAAM;UACL;UACAC,aAAa,GAAGE,gBAAgB;UAChCD,qBAAqB,CAAC,CAAC;QACzB;MACF,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IAEDA,qBAAqB,CAAC,CAAC;EACzB,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/esm/FocusableWrapper/scrollAndFocus.js

@@ -11,7 +11,10 @@ export const scrollAndFocus = ({ scrollableRef, containerRef, focusedItemRef, af
             EXTRA_SPACE;
         const isFullHeaderDisplayed = scrollableRef.scrollTop < 40;
         const avoidScrollingToKeepFullHeader = isFullHeaderDisplayed && top < 200;
-        if (!avoidScrollingToKeepFullHeader) {
+        if (avoidScrollingToKeepFullHeader) {
+            afterScroll?.();
+        }
+        else {
             setTimeout(async () => {
                 scrollableRef.scrollBy({
                     top,

package/dist/esm/FocusableWrapper/scrollAndFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollAndFocus.js","sourceRoot":"","sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,gBAAgB;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,GAMZ,EAAQ,EAAE;IACT,IAAI,YAAY,IAAI,cAAc,IAAI,aAAa,EAAE;QACnD,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAC/C,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,MAAM,GAAG,GACP,eAAe;YACf,gBAAgB;YAChB,uBAAuB;YACvB,WAAW,CAAC;QAEd,MAAM,qBAAqB,GAAG,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3D,MAAM,8BAA8B,GAAG,qBAAqB,IAAI,GAAG,GAAG,GAAG,CAAC;QAE1E,IAAI,CAAC,8BAA8B,EAAE;YACnC,UAAU,CAAC,KAAK,IAAI,EAAE;gBACpB,aAAa,CAAC,QAAQ,CAAC;oBACrB,GAAG;oBACH,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;gBAEH,mCAAmC;gBACnC,MAAM,qBAAqB,CAAC,aAAa,CAAC,CAAC;gBAE3C,WAAW,EAAE,EAAE,CAAC;YAClB,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;KACF;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,GAAgB,EAAU,EAAE,CAC1C,GAAG,IAAI,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzE,SAAS,qBAAqB,CAAC,aAA0B;IACvD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,aAAa,GAAG,aAAa,CAAC,SAAS,CAAC;QAE5C,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,CAAC;gBAEjD,iEAAiE;gBACjE,IAAI,gBAAgB,KAAK,aAAa,EAAE;oBACtC,OAAO,CAAC,EAAE,CAAC,CAAC;iBACb;qBAAM;oBACL,wDAAwD;oBACxD,aAAa,GAAG,gBAAgB,CAAC;oBACjC,qBAAqB,EAAE,CAAC;iBACzB;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,qBAAqB,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"scrollAndFocus.js","sourceRoot":"","sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,gBAAgB;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,GAMZ,EAAQ,EAAE;IACT,IAAI,YAAY,IAAI,cAAc,IAAI,aAAa,EAAE;QACnD,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAC/C,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,MAAM,GAAG,GACP,eAAe;YACf,gBAAgB;YAChB,uBAAuB;YACvB,WAAW,CAAC;QAEd,MAAM,qBAAqB,GAAG,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3D,MAAM,8BAA8B,GAAG,qBAAqB,IAAI,GAAG,GAAG,GAAG,CAAC;QAE1E,IAAI,8BAA8B,EAAE;YAClC,WAAW,EAAE,EAAE,CAAC;SACjB;aAAM;YACL,UAAU,CAAC,KAAK,IAAI,EAAE;gBACpB,aAAa,CAAC,QAAQ,CAAC;oBACrB,GAAG;oBACH,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;gBAEH,mCAAmC;gBACnC,MAAM,qBAAqB,CAAC,aAAa,CAAC,CAAC;gBAC3C,WAAW,EAAE,EAAE,CAAC;YAClB,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;KACF;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,GAAgB,EAAU,EAAE,CAC1C,GAAG,IAAI,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAEzE,SAAS,qBAAqB,CAAC,aAA0B;IACvD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,aAAa,GAAG,aAAa,CAAC,SAAS,CAAC;QAE5C,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,gBAAgB,GAAG,aAAa,CAAC,SAAS,CAAC;gBAEjD,iEAAiE;gBACjE,IAAI,gBAAgB,KAAK,aAAa,EAAE;oBACtC,OAAO,CAAC,EAAE,CAAC,CAAC;iBACb;qBAAM;oBACL,wDAAwD;oBACxD,aAAa,GAAG,gBAAgB,CAAC;oBACjC,qBAAqB,EAAE,CAAC;iBACzB;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,qBAAqB,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/types/FocusableWrapper/scrollAndFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollAndFocus.d.ts","sourceRoot":"","sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;mBAMV,WAAW,GAAG,SAAS,GAAG,IAAI;kBAC/B,WAAW;oBACT,WAAW;yBACP,IAAI;MACtB,IA4BH,CAAC"}
+{"version":3,"file":"scrollAndFocus.d.ts","sourceRoot":"","sources":["../../../src/FocusableWrapper/scrollAndFocus.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;mBAMV,WAAW,GAAG,SAAS,GAAG,IAAI;kBAC/B,WAAW;oBACT,WAAW;yBACP,IAAI;MACtB,IA6BH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/bex-utils",
-  "version": "2.39.0",
+  "version": "2.40.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -54,6 +54,7 @@
     "@wix/ambassador-data-extensions-v1-data-extension-schema": "^1.0.50",
     "@wix/ambassador-devcenter-app-market-listing-v1-market-listing": "^1.0.70",
     "@wix/ambassador-fedinfra-exportservice-v1-export-async-job": "^1.0.174",
+    "@wix/ambassador-infra-asyncjobs-v1-async-job": "^1.0.87",
     "@wix/ambassador-items-selection-spi-host-v1-provider": "^1.0.91",
     "@wix/ambassador-media-site-media-v1-file-descriptor": "^1.0.127",
     "@wix/ambassador-os-tags-v1-tag": "^1.0.19",
@@ -151,5 +152,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "d1b405b206cb17dd7634cfaf3ae67b59ca681100d85636806e06bd99"
+  "falconPackageHash": "360647c07485a5e970152fa8277b715e0c790337225b78056a924ab7"
 }