@faststore/components 3.50.3 → 3.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/molecules/Modal/Modal.d.ts.map +1 -1
- package/dist/cjs/molecules/Modal/Modal.js +15 -1
- package/dist/cjs/molecules/Modal/Modal.js.map +1 -1
- package/dist/esm/molecules/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/molecules/Modal/Modal.js +15 -1
- package/dist/esm/molecules/Modal/Modal.js.map +1 -1
- package/package.json +2 -2
- package/src/molecules/Modal/Modal.tsx +6 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAGd,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,GAAG,KAAK,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAA;AAErE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAC3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,KAAK,0GASR,UAAU,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAGd,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,GAAG,KAAK,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAA;AAErE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAC3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,KAAK,0GASR,UAAU,6BA8DZ,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -34,7 +34,21 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
|
|
|
34
34
|
};
|
|
35
35
|
return isOpen
|
|
36
36
|
? (0, react_dom_1.createPortal)(react_1.default.createElement(__1.Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, ...overlayProps },
|
|
37
|
-
react_1.default.createElement(ModalContent_1.default
|
|
37
|
+
react_1.default.createElement(ModalContent_1.default
|
|
38
|
+
// TODO:
|
|
39
|
+
// Using onTransitionEnd can lead to unexpected behavior. Since ModalContentPure uses the useTrapFocus hook,
|
|
40
|
+
// focus is automatically moved to the first focusable element inside the modal—typically the Close Button.
|
|
41
|
+
// This causes the onTransitionEnd event listener to attach to the Close Button instead of the ModalContent.
|
|
42
|
+
// As a result, we may end up listening to the transition of the button (e.g., its focus animation) rather than
|
|
43
|
+
// the intended transform transition of the modal content, which can introduce bugs during modal animations.
|
|
44
|
+
, {
|
|
45
|
+
// TODO:
|
|
46
|
+
// Using onTransitionEnd can lead to unexpected behavior. Since ModalContentPure uses the useTrapFocus hook,
|
|
47
|
+
// focus is automatically moved to the first focusable element inside the modal—typically the Close Button.
|
|
48
|
+
// This causes the onTransitionEnd event listener to attach to the Close Button instead of the ModalContent.
|
|
49
|
+
// As a result, we may end up listening to the transition of the button (e.g., its focus animation) rather than
|
|
50
|
+
// the intended transform transition of the modal content, which can introduce bugs during modal animations.
|
|
51
|
+
onTransitionEnd: () => {
|
|
38
52
|
if (fade === 'out') {
|
|
39
53
|
closeModal();
|
|
40
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;AAMA,0DAAyB;AACzB,yCAAwC;AAExC,6BAAkD;AAClD,uCAAkD;AAElD,0EAAyC;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,IAAA,wBAAY,EACV,8BAAC,WAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,8BAAC,sBAAY,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;AAMA,0DAAyB;AACzB,yCAAwC;AAExC,6BAAkD;AAClD,uCAAkD;AAElD,0EAAyC;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,IAAA,wBAAY,EACV,8BAAC,WAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,8BAAC,sBAAY;YACX,QAAQ;YACR,4GAA4G;YAC5G,2GAA2G;YAC3G,4GAA4G;YAC5G,+GAA+G;YAC/G,4GAA4G;;gBAL5G,QAAQ;gBACR,4GAA4G;gBAC5G,2GAA2G;gBAC3G,4GAA4G;gBAC5G,+GAA+G;gBAC/G,4GAA4G;gBAC5G,eAAe,EAAE,GAAG,EAAE;oBACpB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;wBACnB,UAAU,EAAE,CAAA;oBACd,CAAC;yBAAM,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;wBACtC,SAAS,EAAE,CAAA;oBACb,CAAC;gBACH,CAAC,gDAEoB,IAAI,EACzB,MAAM,EAAE,MAAM,KACV,UAAU,IAEb,OAAO,QAAQ,KAAK,UAAU;gBAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,QAAQ,CACC,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAGd,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,GAAG,KAAK,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAA;AAErE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAC3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,KAAK,0GASR,UAAU,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAGd,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,GAAG,KAAK,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAA;AAErE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;OAEG;IACH,QAAQ,EAAE,qBAAqB,GAAG,SAAS,CAAA;IAC3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,KAAK,0GASR,UAAU,6BA8DZ,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -31,7 +31,21 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
|
|
|
31
31
|
};
|
|
32
32
|
return isOpen
|
|
33
33
|
? createPortal(React.createElement(Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, ...overlayProps },
|
|
34
|
-
React.createElement(ModalContent
|
|
34
|
+
React.createElement(ModalContent
|
|
35
|
+
// TODO:
|
|
36
|
+
// Using onTransitionEnd can lead to unexpected behavior. Since ModalContentPure uses the useTrapFocus hook,
|
|
37
|
+
// focus is automatically moved to the first focusable element inside the modal—typically the Close Button.
|
|
38
|
+
// This causes the onTransitionEnd event listener to attach to the Close Button instead of the ModalContent.
|
|
39
|
+
// As a result, we may end up listening to the transition of the button (e.g., its focus animation) rather than
|
|
40
|
+
// the intended transform transition of the modal content, which can introduce bugs during modal animations.
|
|
41
|
+
, {
|
|
42
|
+
// TODO:
|
|
43
|
+
// Using onTransitionEnd can lead to unexpected behavior. Since ModalContentPure uses the useTrapFocus hook,
|
|
44
|
+
// focus is automatically moved to the first focusable element inside the modal—typically the Close Button.
|
|
45
|
+
// This causes the onTransitionEnd event listener to attach to the Close Button instead of the ModalContent.
|
|
46
|
+
// As a result, we may end up listening to the transition of the button (e.g., its focus animation) rather than
|
|
47
|
+
// the intended transform transition of the modal content, which can introduce bugs during modal animations.
|
|
48
|
+
onTransitionEnd: () => {
|
|
35
49
|
if (fade === 'out') {
|
|
36
50
|
closeModal();
|
|
37
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,YAAY,CACV,oBAAC,OAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,oBAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,YAAY,CACV,oBAAC,OAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,oBAAC,YAAY;YACX,QAAQ;YACR,4GAA4G;YAC5G,2GAA2G;YAC3G,4GAA4G;YAC5G,+GAA+G;YAC/G,4GAA4G;;gBAL5G,QAAQ;gBACR,4GAA4G;gBAC5G,2GAA2G;gBAC3G,4GAA4G;gBAC5G,+GAA+G;gBAC/G,4GAA4G;gBAC5G,eAAe,EAAE,GAAG,EAAE;oBACpB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;wBACnB,UAAU,EAAE,CAAA;oBACd,CAAC;yBAAM,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;wBACtC,SAAS,EAAE,CAAA;oBACb,CAAC;gBACH,CAAC,gDAEoB,IAAI,EACzB,MAAM,EAAE,MAAM,KACV,UAAU,IAEb,OAAO,QAAQ,KAAK,UAAU;gBAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,QAAQ,CACC,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.65.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"typings": "dist/esm/index.d.ts",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"volta": {
|
|
57
57
|
"extends": "../../package.json"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "1dea73f0a9afa63aa0edcc3eb8433bd1155f3e74"
|
|
60
60
|
}
|
|
@@ -108,6 +108,12 @@ const Modal = ({
|
|
|
108
108
|
{...overlayProps}
|
|
109
109
|
>
|
|
110
110
|
<ModalContent
|
|
111
|
+
// TODO:
|
|
112
|
+
// Using onTransitionEnd can lead to unexpected behavior. Since ModalContentPure uses the useTrapFocus hook,
|
|
113
|
+
// focus is automatically moved to the first focusable element inside the modal—typically the Close Button.
|
|
114
|
+
// This causes the onTransitionEnd event listener to attach to the Close Button instead of the ModalContent.
|
|
115
|
+
// As a result, we may end up listening to the transition of the button (e.g., its focus animation) rather than
|
|
116
|
+
// the intended transform transition of the modal content, which can introduce bugs during modal animations.
|
|
111
117
|
onTransitionEnd={() => {
|
|
112
118
|
if (fade === 'out') {
|
|
113
119
|
closeModal()
|