@faststore/core 2.0.118-alpha.0 → 2.0.120-alpha.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/.turbo/turbo-build.log +38 -26
- package/CHANGELOG.md +6 -0
- package/cms/faststore/content-types.json +6 -0
- package/cms/faststore/sections.json +8 -0
- package/package.json +2 -2
- package/src/Layout.tsx +2 -24
- package/src/components/cms/GlobalSections.tsx +81 -0
- package/src/components/cms/RenderSections.tsx +39 -0
- package/src/components/common/Alert/Alert.tsx +7 -5
- package/src/components/common/Alert/index.ts +1 -0
- package/src/components/sections/Alert/Alert.tsx +28 -0
- package/src/pages/404.tsx +25 -3
- package/src/pages/500.tsx +25 -3
- package/src/pages/[...slug].tsx +85 -66
- package/src/pages/[slug]/p.tsx +16 -6
- package/src/pages/account.tsx +25 -3
- package/src/pages/checkout.tsx +25 -3
- package/src/pages/index.tsx +20 -10
- package/src/pages/login.tsx +25 -3
- package/src/pages/s.tsx +63 -39
- package/.next/BUILD_ID +0 -1
- package/.next/build-manifest.json +0 -99
- package/.next/cache/.tsbuildinfo +0 -1
- package/.next/cache/config.json +0 -7
- package/.next/cache/eslint/.cache_1gneedd +0 -1
- package/.next/cache/next-server.js.nft.json +0 -1
- package/.next/cache/webpack/client-production/0.pack +0 -0
- package/.next/cache/webpack/client-production/index.pack +0 -0
- package/.next/cache/webpack/server-production/0.pack +0 -0
- package/.next/cache/webpack/server-production/index.pack +0 -0
- package/.next/export-marker.json +0 -1
- package/.next/images-manifest.json +0 -1
- package/.next/next-server.js.nft.json +0 -1
- package/.next/package.json +0 -1
- package/.next/prerender-manifest.json +0 -1
- package/.next/react-loadable-manifest.json +0 -42
- package/.next/required-server-files.json +0 -1
- package/.next/routes-manifest.json +0 -1
- package/.next/server/chunks/120.js +0 -435
- package/.next/server/chunks/123.js +0 -58
- package/.next/server/chunks/1394.js +0 -3801
- package/.next/server/chunks/1597.js +0 -151
- package/.next/server/chunks/1608.js +0 -515
- package/.next/server/chunks/2154.js +0 -206
- package/.next/server/chunks/247.js +0 -61
- package/.next/server/chunks/2502.js +0 -584
- package/.next/server/chunks/2914.js +0 -95
- package/.next/server/chunks/2922.js +0 -7293
- package/.next/server/chunks/3264.js +0 -67
- package/.next/server/chunks/3431.js +0 -7241
- package/.next/server/chunks/350.js +0 -142
- package/.next/server/chunks/3746.js +0 -250
- package/.next/server/chunks/3898.js +0 -240
- package/.next/server/chunks/4312.js +0 -674
- package/.next/server/chunks/4371.js +0 -1424
- package/.next/server/chunks/5098.js +0 -124
- package/.next/server/chunks/5335.js +0 -544
- package/.next/server/chunks/5576.js +0 -79
- package/.next/server/chunks/6280.js +0 -322
- package/.next/server/chunks/6465.js +0 -91
- package/.next/server/chunks/676.js +0 -32
- package/.next/server/chunks/6859.js +0 -959
- package/.next/server/chunks/6881.js +0 -320
- package/.next/server/chunks/6898.js +0 -149
- package/.next/server/chunks/7104.js +0 -235
- package/.next/server/chunks/7181.js +0 -664
- package/.next/server/chunks/7183.js +0 -79
- package/.next/server/chunks/8098.js +0 -246
- package/.next/server/chunks/810.js +0 -432
- package/.next/server/chunks/8287.js +0 -58
- package/.next/server/chunks/9143.js +0 -106
- package/.next/server/chunks/9557.js +0 -119
- package/.next/server/chunks/9854.js +0 -72
- package/.next/server/chunks/font-manifest.json +0 -1
- package/.next/server/font-manifest.json +0 -1
- package/.next/server/middleware-build-manifest.js +0 -1
- package/.next/server/middleware-manifest.json +0 -6
- package/.next/server/middleware-react-loadable-manifest.js +0 -1
- package/.next/server/pages/404.js.nft.json +0 -1
- package/.next/server/pages/500.js.nft.json +0 -1
- package/.next/server/pages/[...slug].js +0 -666
- package/.next/server/pages/[...slug].js.nft.json +0 -1
- package/.next/server/pages/[slug]/p.js +0 -2327
- package/.next/server/pages/[slug]/p.js.nft.json +0 -1
- package/.next/server/pages/_app.js +0 -2454
- package/.next/server/pages/_app.js.nft.json +0 -1
- package/.next/server/pages/_document.js +0 -304
- package/.next/server/pages/_document.js.nft.json +0 -1
- package/.next/server/pages/_error.js +0 -164
- package/.next/server/pages/_error.js.nft.json +0 -1
- package/.next/server/pages/account.js.nft.json +0 -1
- package/.next/server/pages/api/graphql.js +0 -315
- package/.next/server/pages/api/graphql.js.nft.json +0 -1
- package/.next/server/pages/api/preview.js +0 -118
- package/.next/server/pages/api/preview.js.nft.json +0 -1
- package/.next/server/pages/checkout.js.nft.json +0 -1
- package/.next/server/pages/en-US/404.html +0 -81
- package/.next/server/pages/en-US/500.html +0 -81
- package/.next/server/pages/en-US/account.html +0 -81
- package/.next/server/pages/en-US/checkout.html +0 -81
- package/.next/server/pages/en-US/login.html +0 -81
- package/.next/server/pages/en-US/s.html +0 -81
- package/.next/server/pages/en-US.html +0 -81
- package/.next/server/pages/en-US.json +0 -1
- package/.next/server/pages/index.js +0 -475
- package/.next/server/pages/index.js.nft.json +0 -1
- package/.next/server/pages/login.js.nft.json +0 -1
- package/.next/server/pages/s.js.nft.json +0 -1
- package/.next/server/pages-manifest.json +0 -16
- package/.next/server/webpack-api-runtime.js +0 -229
- package/.next/server/webpack-runtime.js +0 -229
- package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
- package/.next/static/chunks/170.79b2f8527e327bca.js +0 -1
- package/.next/static/chunks/264-5b07911df63b8601.js +0 -1
- package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
- package/.next/static/chunks/54.e6562383f8a1dfe7.js +0 -1
- package/.next/static/chunks/597.fc79494903e8bb84.js +0 -1
- package/.next/static/chunks/608.59e69b83f35d9c44.js +0 -1
- package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
- package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
- package/.next/static/chunks/781-e1b538e051ff4c3e.js +0 -1
- package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
- package/.next/static/chunks/996.98e590872c51f815.js +0 -1
- package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
- package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
- package/.next/static/chunks/pages/404-3637ef83b3359df7.js +0 -1
- package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
- package/.next/static/chunks/pages/[...slug]-29d3b81ee0953846.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-9b24055cb30ee7a8.js +0 -1
- package/.next/static/chunks/pages/_app-4aeb21d72aeea9b7.js +0 -1
- package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
- package/.next/static/chunks/pages/account-b8fc5222ffe89b60.js +0 -1
- package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
- package/.next/static/chunks/pages/index-d48285f48d2a66ea.js +0 -1
- package/.next/static/chunks/pages/login-45cc84352bac2408.js +0 -1
- package/.next/static/chunks/pages/s-ba2868e14fedb65b.js +0 -1
- package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
- package/.next/static/chunks/webpack-f725b61675603493.js +0 -1
- package/.next/static/css/1f987650dd4e39d0.css +0 -1
- package/.next/static/css/3a57acf6e411f24d.css +0 -1
- package/.next/static/css/4abccf9803c3c356.css +0 -1
- package/.next/static/css/502746c995f64cce.css +0 -1
- package/.next/static/css/6507cb48401e73a4.css +0 -1
- package/.next/static/css/6f4d3e91f1d161a8.css +0 -1
- package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
- package/.next/static/vmkgl19jDr5XASw3dFJg7/_buildManifest.js +0 -1
- package/.next/static/vmkgl19jDr5XASw3dFJg7/_ssgManifest.js +0 -1
- package/.next/trace +0 -64
- package/public/~partytown/debug/partytown-atomics.js +0 -556
- package/public/~partytown/debug/partytown-media.js +0 -374
- package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
- package/public/~partytown/debug/partytown-sw.js +0 -59
- package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
- package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
- package/public/~partytown/debug/partytown.js +0 -72
- package/public/~partytown/partytown-atomics.js +0 -2
- package/public/~partytown/partytown-media.js +0 -2
- package/public/~partytown/partytown-sw.js +0 -2
- package/public/~partytown/partytown.js +0 -2
- package/src/components/cms/RenderPageSections.tsx +0 -37
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
exports.id = 7183;
|
|
2
|
-
exports.ids = [7183];
|
|
3
|
-
exports.modules = {
|
|
4
|
-
|
|
5
|
-
/***/ 7183:
|
|
6
|
-
/***/ ((module) => {
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
seo: {
|
|
10
|
-
title: 'NextJSStore',
|
|
11
|
-
description: 'Fast Demo Store',
|
|
12
|
-
titleTemplate: '%s | FastStore',
|
|
13
|
-
author: 'Store Framework'
|
|
14
|
-
},
|
|
15
|
-
// Theming
|
|
16
|
-
theme: 'custom-theme',
|
|
17
|
-
// Ecommerce Platform
|
|
18
|
-
platform: 'vtex',
|
|
19
|
-
// Platform specific configs for API
|
|
20
|
-
api: {
|
|
21
|
-
storeId: 'storeframework',
|
|
22
|
-
workspace: 'master',
|
|
23
|
-
environment: 'vtexcommercestable',
|
|
24
|
-
hideUnavailableItems: true
|
|
25
|
-
},
|
|
26
|
-
// Default session
|
|
27
|
-
session: {
|
|
28
|
-
currency: {
|
|
29
|
-
code: 'USD',
|
|
30
|
-
symbol: '$'
|
|
31
|
-
},
|
|
32
|
-
locale: 'en-US',
|
|
33
|
-
channel: '{"salesChannel":"1","regionId":""}',
|
|
34
|
-
country: 'USA',
|
|
35
|
-
postalCode: null,
|
|
36
|
-
person: null
|
|
37
|
-
},
|
|
38
|
-
// Default cart
|
|
39
|
-
cart: {
|
|
40
|
-
id: '',
|
|
41
|
-
items: [],
|
|
42
|
-
messages: [],
|
|
43
|
-
shouldSplitItem: true
|
|
44
|
-
},
|
|
45
|
-
// Production URLs
|
|
46
|
-
storeUrl: 'https://vtexfaststore.com',
|
|
47
|
-
secureSubdomain: 'https://secure.vtexfaststore.com',
|
|
48
|
-
checkoutUrl: 'https://secure.vtexfaststore.com/checkout',
|
|
49
|
-
loginUrl: 'https://secure.vtexfaststore.com/api/io/login',
|
|
50
|
-
accountUrl: 'https://secure.vtexfaststore.com/api/io/account',
|
|
51
|
-
// Lighthouse CI
|
|
52
|
-
lighthouse: {
|
|
53
|
-
server: process.env.BASE_SITE_URL || 'http://localhost:3000',
|
|
54
|
-
pages: {
|
|
55
|
-
home: '/',
|
|
56
|
-
pdp: '/apple-magic-mouse/p',
|
|
57
|
-
collection: '/office'
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
// E2E CI
|
|
61
|
-
cypress: {
|
|
62
|
-
pages: {
|
|
63
|
-
home: '/',
|
|
64
|
-
pdp: '/apple-magic-mouse/p',
|
|
65
|
-
collection: '/office',
|
|
66
|
-
collection_filtered: '/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
|
|
67
|
-
search: '/s?q=orange'
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
analytics: {
|
|
71
|
-
// https://developers.google.com/tag-platform/tag-manager/web#standard_web_page_installation,
|
|
72
|
-
gtmContainerId: 'GTM-PGHZ95N'
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
/***/ })
|
|
77
|
-
|
|
78
|
-
};
|
|
79
|
-
;
|
|
@@ -1,246 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.id = 8098;
|
|
3
|
-
exports.ids = [8098];
|
|
4
|
-
exports.modules = {
|
|
5
|
-
|
|
6
|
-
/***/ 6074:
|
|
7
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
-
|
|
9
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
-
/* harmony export */ "b": () => (/* binding */ useFadeEffect)
|
|
11
|
-
/* harmony export */ });
|
|
12
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
13
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
14
|
-
|
|
15
|
-
const useFadeEffect = () => {
|
|
16
|
-
const [fade, setFade] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('out');
|
|
17
|
-
const fadeOut = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('out'), []);
|
|
18
|
-
const fadeIn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('in'), []);
|
|
19
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
20
|
-
fadeIn();
|
|
21
|
-
return () => {
|
|
22
|
-
fadeOut();
|
|
23
|
-
};
|
|
24
|
-
}, [fadeIn, fadeOut]);
|
|
25
|
-
return {
|
|
26
|
-
fade,
|
|
27
|
-
fadeIn,
|
|
28
|
-
fadeOut,
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=useFadeEffect.js.map
|
|
32
|
-
|
|
33
|
-
/***/ }),
|
|
34
|
-
|
|
35
|
-
/***/ 9600:
|
|
36
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
// EXPORTS
|
|
40
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
41
|
-
"Z": () => (/* binding */ Modal_Modal)
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
// EXTERNAL MODULE: external "react"
|
|
45
|
-
var external_react_ = __webpack_require__(6689);
|
|
46
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
47
|
-
// EXTERNAL MODULE: external "react-dom"
|
|
48
|
-
var external_react_dom_ = __webpack_require__(6405);
|
|
49
|
-
;// CONCATENATED MODULE: ../components/dist/atoms/Overlay/Overlay.js
|
|
50
|
-
|
|
51
|
-
const Overlay = (0,external_react_.forwardRef)(function Overlay({ testId = 'fs-overlay', ...otherProps }, ref) {
|
|
52
|
-
return (external_react_default().createElement("div", { ref: ref, "data-fs-overlay": true, role: "presentation", "data-testid": testId, ...otherProps }));
|
|
53
|
-
});
|
|
54
|
-
/* harmony default export */ const Overlay_Overlay = (Overlay);
|
|
55
|
-
//# sourceMappingURL=Overlay.js.map
|
|
56
|
-
// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
|
|
57
|
-
var UIProvider = __webpack_require__(395);
|
|
58
|
-
// EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
|
|
59
|
-
var useFadeEffect = __webpack_require__(6074);
|
|
60
|
-
// EXTERNAL MODULE: external "tabbable"
|
|
61
|
-
var external_tabbable_ = __webpack_require__(3823);
|
|
62
|
-
;// CONCATENATED MODULE: ../components/dist/hooks/useTrapFocus.js
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
/*
|
|
66
|
-
* Element that will maintain the focus inside trapFocusRef, focus the first element,
|
|
67
|
-
* and focus back on the element that was in focus when useTrapFocus was triggered.
|
|
68
|
-
*
|
|
69
|
-
* Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
|
|
70
|
-
*/
|
|
71
|
-
const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
|
|
72
|
-
const tabbableNodesRef = (0,external_react_.useRef)();
|
|
73
|
-
const nodeToRestoreRef = (0,external_react_.useRef)(document.hasFocus() ? document.activeElement : null);
|
|
74
|
-
// Focus back on the element that was focused when useTrapFocus is triggered.
|
|
75
|
-
(0,external_react_.useEffect)(() => {
|
|
76
|
-
const nodeToRestore = nodeToRestoreRef.current;
|
|
77
|
-
return () => {
|
|
78
|
-
nodeToRestore?.focus();
|
|
79
|
-
};
|
|
80
|
-
}, [nodeToRestoreRef]);
|
|
81
|
-
// Set focus on first tabbable element
|
|
82
|
-
(0,external_react_.useEffect)(() => {
|
|
83
|
-
if (!trapFocusRef.current) {
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
if (!tabbableNodesRef.current) {
|
|
87
|
-
tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
|
|
88
|
-
}
|
|
89
|
-
const [firstTabbable] = tabbableNodesRef.current;
|
|
90
|
-
if (!firstTabbable) {
|
|
91
|
-
trapFocusRef.current.focus();
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
firstTabbable.focus();
|
|
95
|
-
}, [trapFocusRef]);
|
|
96
|
-
// Handle loop focus. Set keydown and focusin event listeners
|
|
97
|
-
(0,external_react_.useEffect)(() => {
|
|
98
|
-
if (!trapFocusRef.current ||
|
|
99
|
-
!beforeElementRef.current ||
|
|
100
|
-
!afterElementRef.current) {
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
const beforeElement = beforeElementRef.current;
|
|
104
|
-
const afterElement = afterElementRef.current;
|
|
105
|
-
const trapFocus = trapFocusRef.current;
|
|
106
|
-
const handleLoopFocus = (nativeEvent) => {
|
|
107
|
-
if (!document.hasFocus()) {
|
|
108
|
-
return;
|
|
109
|
-
}
|
|
110
|
-
tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
|
|
111
|
-
if (!tabbableNodesRef.current.length) {
|
|
112
|
-
trapFocus.focus();
|
|
113
|
-
}
|
|
114
|
-
/*
|
|
115
|
-
* Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
|
|
116
|
-
* It will focus the last element of the trapFocusRef.
|
|
117
|
-
*/
|
|
118
|
-
if (nativeEvent.target === beforeElement) {
|
|
119
|
-
tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
|
|
120
|
-
}
|
|
121
|
-
/*
|
|
122
|
-
* Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
|
|
123
|
-
* It will focus the first element of the trapFocusRef.
|
|
124
|
-
*/
|
|
125
|
-
if (nativeEvent.target === afterElement) {
|
|
126
|
-
tabbableNodesRef.current[0]?.focus();
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
beforeElement?.addEventListener('focusin', handleLoopFocus);
|
|
130
|
-
afterElement?.addEventListener('focusin', handleLoopFocus);
|
|
131
|
-
return () => {
|
|
132
|
-
beforeElement?.removeEventListener('focusin', handleLoopFocus);
|
|
133
|
-
afterElement?.removeEventListener('focusin', handleLoopFocus);
|
|
134
|
-
};
|
|
135
|
-
}, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
|
|
136
|
-
};
|
|
137
|
-
//# sourceMappingURL=useTrapFocus.js.map
|
|
138
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalContent.js
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
const ModalContentPure = ({ beforeElementRef, trapFocusRef, afterElementRef, testId = 'store-modal-content', children, ...otherProps }) => {
|
|
142
|
-
return (external_react_default().createElement((external_react_default()).Fragment, null,
|
|
143
|
-
external_react_default().createElement("div", { ref: beforeElementRef, "data-testid": "beforeElement", tabIndex: 0, "aria-hidden": "true" }),
|
|
144
|
-
external_react_default().createElement("div", { "data-fs-modal-content": true, "data-testid": testId, ref: trapFocusRef, "aria-modal": "true", role: "dialog", tabIndex: -1, ...otherProps }, children),
|
|
145
|
-
external_react_default().createElement("div", { ref: afterElementRef, "data-testid": "afterElement", tabIndex: 0, "aria-hidden": "true" })));
|
|
146
|
-
};
|
|
147
|
-
const ModalContent = ({ children, ...otherProps }) => {
|
|
148
|
-
const trapFocusRef = (0,external_react_.useRef)(null);
|
|
149
|
-
const beforeElementRef = (0,external_react_.useRef)(null);
|
|
150
|
-
const afterElementRef = (0,external_react_.useRef)(null);
|
|
151
|
-
useTrapFocus({
|
|
152
|
-
beforeElementRef,
|
|
153
|
-
trapFocusRef,
|
|
154
|
-
afterElementRef,
|
|
155
|
-
});
|
|
156
|
-
return (external_react_default().createElement(ModalContentPure, { ...otherProps, trapFocusRef: trapFocusRef, beforeElementRef: beforeElementRef, afterElementRef: afterElementRef, onClick: (event) => {
|
|
157
|
-
event.stopPropagation();
|
|
158
|
-
} }, children));
|
|
159
|
-
};
|
|
160
|
-
/* harmony default export */ const Modal_ModalContent = (ModalContent);
|
|
161
|
-
//# sourceMappingURL=ModalContent.js.map
|
|
162
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Modal/Modal.js
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
/*
|
|
169
|
-
* This component is based on @reach/dialog.
|
|
170
|
-
* https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
|
|
171
|
-
* https://reach.tech/dialog
|
|
172
|
-
*/
|
|
173
|
-
const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, ...otherProps }) => {
|
|
174
|
-
const { closeModal } = (0,UIProvider/* useUI */.l)();
|
|
175
|
-
const { fade, fadeOut, fadeIn } = (0,useFadeEffect/* useFadeEffect */.b)();
|
|
176
|
-
const handleBackdropClick = (event) => {
|
|
177
|
-
if (event.defaultPrevented) {
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
event.stopPropagation();
|
|
181
|
-
fadeOut?.();
|
|
182
|
-
onDismiss?.();
|
|
183
|
-
};
|
|
184
|
-
const handleBackdropKeyDown = (event) => {
|
|
185
|
-
if (event.key !== 'Escape' || event.defaultPrevented) {
|
|
186
|
-
return;
|
|
187
|
-
}
|
|
188
|
-
event.stopPropagation();
|
|
189
|
-
fadeOut?.();
|
|
190
|
-
onDismiss?.();
|
|
191
|
-
};
|
|
192
|
-
return isOpen
|
|
193
|
-
? (0,external_react_dom_.createPortal)(external_react_default().createElement(Overlay_Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown },
|
|
194
|
-
external_react_default().createElement(Modal_ModalContent, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
|
|
195
|
-
? children({ fade, fadeOut, fadeIn })
|
|
196
|
-
: children)), document.body)
|
|
197
|
-
: null;
|
|
198
|
-
};
|
|
199
|
-
/* harmony default export */ const Modal_Modal = (Modal);
|
|
200
|
-
//# sourceMappingURL=Modal.js.map
|
|
201
|
-
|
|
202
|
-
/***/ }),
|
|
203
|
-
|
|
204
|
-
/***/ 1021:
|
|
205
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
206
|
-
|
|
207
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
208
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
209
|
-
/* harmony export */ });
|
|
210
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
211
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
212
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9600);
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
function SlideOver({ isOpen, direction = 'leftSide', size = 'full', fade = 'out', children, onDismiss, testId = 'fs-slide-over', ...otherProps }) {
|
|
216
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-modal": null, "data-fs-slide-over": true, "data-fs-slide-over-direction": direction, "data-fs-slide-over-size": size, "data-fs-slide-over-state": fade, isOpen: isOpen, onDismiss: onDismiss, testId: testId, ...otherProps }, children));
|
|
217
|
-
}
|
|
218
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOver);
|
|
219
|
-
//# sourceMappingURL=SlideOver.js.map
|
|
220
|
-
|
|
221
|
-
/***/ }),
|
|
222
|
-
|
|
223
|
-
/***/ 9648:
|
|
224
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
225
|
-
|
|
226
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
227
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
228
|
-
/* harmony export */ });
|
|
229
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
230
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
231
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2765);
|
|
232
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5045);
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, }) => {
|
|
236
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-slide-over-header": true },
|
|
237
|
-
children,
|
|
238
|
-
react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-slide-over-header-icon": true, "aria-label": "Close", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "X" }), onClick: onClose, ...closeBtnProps })));
|
|
239
|
-
};
|
|
240
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOverHeader);
|
|
241
|
-
//# sourceMappingURL=SlideOverHeader.js.map
|
|
242
|
-
|
|
243
|
-
/***/ })
|
|
244
|
-
|
|
245
|
-
};
|
|
246
|
-
;
|