@faststore/core 2.0.74-alpha.0 → 2.0.76-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 +3 -3
- package/CHANGELOG.md +12 -0
- package/package.json +4 -4
- package/src/components/cart/CartSidebar/CartSidebar.tsx +5 -1
- package/src/components/common/Navbar/navbar.module.scss +0 -1
- package/src/components/search/SearchInput/SearchInput.tsx +7 -3
- package/src/components/search/SearchInput/search-input.module.scss +0 -8
- package/src/components/search/{SearchProductCard/SearchProductCard.tsx → SearchProductItem/SearchProductItem.tsx} +25 -22
- package/src/components/search/SearchProductItem/index.ts +1 -0
- package/src/components/search/SearchSuggestions/SearchSuggestions.tsx +27 -79
- package/src/components/search/search.module.scss +9 -80
- package/.next/BUILD_ID +0 -1
- package/.next/build-manifest.json +0 -103
- 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 -50
- package/.next/required-server-files.json +0 -1
- package/.next/routes-manifest.json +0 -1
- package/.next/server/chunks/104.js +0 -196
- package/.next/server/chunks/143.js +0 -106
- package/.next/server/chunks/154.js +0 -201
- package/.next/server/chunks/183.js +0 -72
- package/.next/server/chunks/247.js +0 -61
- package/.next/server/chunks/264.js +0 -67
- package/.next/server/chunks/280.js +0 -417
- package/.next/server/chunks/287.js +0 -79
- package/.next/server/chunks/307.js +0 -109
- package/.next/server/chunks/312.js +0 -708
- package/.next/server/chunks/317.js +0 -126
- package/.next/server/chunks/350.js +0 -120
- package/.next/server/chunks/371.js +0 -1467
- package/.next/server/chunks/377.js +0 -82
- package/.next/server/chunks/394.js +0 -3801
- package/.next/server/chunks/439.js +0 -175
- package/.next/server/chunks/444.js +0 -464
- package/.next/server/chunks/465.js +0 -91
- package/.next/server/chunks/576.js +0 -72
- package/.next/server/chunks/650.js +0 -216
- package/.next/server/chunks/664.js +0 -124
- package/.next/server/chunks/676.js +0 -32
- package/.next/server/chunks/732.js +0 -51
- package/.next/server/chunks/746.js +0 -237
- package/.next/server/chunks/849.js +0 -665
- package/.next/server/chunks/854.js +0 -72
- package/.next/server/chunks/859.js +0 -959
- package/.next/server/chunks/872.js +0 -378
- package/.next/server/chunks/881.js +0 -320
- package/.next/server/chunks/898.js +0 -240
- package/.next/server/chunks/914.js +0 -96
- package/.next/server/chunks/953.js +0 -673
- package/.next/server/chunks/98.js +0 -266
- package/.next/server/chunks/992.js +0 -562
- 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 -609
- package/.next/server/pages/[...slug].js.nft.json +0 -1
- package/.next/server/pages/[slug]/p.js +0 -2560
- package/.next/server/pages/[slug]/p.js.nft.json +0 -1
- package/.next/server/pages/_app.js +0 -2041
- 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 -259
- 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 -407
- 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/M7OQ7A7JAyTrgvf0m1Ztu/_buildManifest.js +0 -1
- package/.next/static/M7OQ7A7JAyTrgvf0m1Ztu/_ssgManifest.js +0 -1
- package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
- package/.next/static/chunks/153-a20e3f2da180607e.js +0 -1
- package/.next/static/chunks/260-994385416f68673d.js +0 -1
- package/.next/static/chunks/307.10facde65af3066a.js +0 -1
- package/.next/static/chunks/337-4b719ca7a86d8d8c.js +0 -1
- package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
- package/.next/static/chunks/588.591fb3bf1a136c66.js +0 -1
- package/.next/static/chunks/650.807852d1c36bfe44.js +0 -1
- package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
- package/.next/static/chunks/686.36adeba271636edd.js +0 -1
- package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
- package/.next/static/chunks/791.e9be2b77d132c1b1.js +0 -1
- package/.next/static/chunks/817-728f854c2948afc0.js +0 -1
- package/.next/static/chunks/953.77a48c854f628dcf.js +0 -1
- package/.next/static/chunks/98.97381d2021f86cd9.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-ba608a2a9f0c420a.js +0 -1
- package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
- package/.next/static/chunks/pages/[...slug]-9443b18a60d89746.js +0 -1
- package/.next/static/chunks/pages/[slug]/p-cb8ef12f6449cf26.js +0 -1
- package/.next/static/chunks/pages/_app-286bcfa03a5e17a7.js +0 -1
- package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
- package/.next/static/chunks/pages/account-f19102933e6fd84c.js +0 -1
- package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
- package/.next/static/chunks/pages/index-6717326cc207d674.js +0 -1
- package/.next/static/chunks/pages/login-0b9ea80d9fa0f91b.js +0 -1
- package/.next/static/chunks/pages/s-86fe1e3303388123.js +0 -1
- package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
- package/.next/static/chunks/webpack-8f397ae160440a8e.js +0 -1
- package/.next/static/css/430b8cafbf7c23c1.css +0 -1
- package/.next/static/css/43d61b402f41569b.css +0 -1
- package/.next/static/css/4d7e7f156483493d.css +0 -1
- package/.next/static/css/6507cb48401e73a4.css +0 -1
- package/.next/static/css/9dd1d1084d254c66.css +0 -1
- package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
- package/.next/static/css/bd743407c8049677.css +0 -1
- package/.next/static/css/d78f4c5305f398ac.css +0 -1
- package/.next/static/css/e1c24beb73906eed.css +0 -1
- package/.next/static/css/e63697a078fd522e.css +0 -1
- package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
- 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/search/SearchHistory/SearchHistory.stories.mdx +0 -54
- package/src/components/search/SearchProductCard/SearchProductCard.stories.mdx +0 -95
- package/src/components/search/SearchProductCard/index.ts +0 -1
- package/src/components/search/SearchSuggestions/SearchSuggestions.stories.mdx +0 -58
- package/src/components/search/SearchTop/SearchTop.stories.mdx +0 -57
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.id = 439;
|
|
3
|
-
exports.ids = [439];
|
|
4
|
-
exports.modules = {
|
|
5
|
-
|
|
6
|
-
/***/ 9739:
|
|
7
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
-
|
|
9
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
-
/* harmony export */ "A": () => (/* binding */ useAccordion),
|
|
11
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
12
|
-
/* harmony export */ });
|
|
13
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
14
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
15
|
-
|
|
16
|
-
const AccordionContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
|
|
17
|
-
const Accordion = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Accordion({ testId = 'fs-accordion', indices, onChange, children, ...otherProps }, ref) {
|
|
18
|
-
const childrenWithIndex = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, (child, index) => (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, { index: child.props.index ?? index }));
|
|
19
|
-
const context = {
|
|
20
|
-
indices: new Set(indices),
|
|
21
|
-
onChange,
|
|
22
|
-
numberOfItems: childrenWithIndex.length,
|
|
23
|
-
};
|
|
24
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionContext.Provider, { value: context },
|
|
25
|
-
react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-accordion": true, role: "region", "data-testid": testId, ...otherProps }, childrenWithIndex)));
|
|
26
|
-
});
|
|
27
|
-
function useAccordion() {
|
|
28
|
-
const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionContext);
|
|
29
|
-
if (context === undefined) {
|
|
30
|
-
throw new Error('Do not use Accordion components outside the Accordion context.');
|
|
31
|
-
}
|
|
32
|
-
return context;
|
|
33
|
-
}
|
|
34
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Accordion);
|
|
35
|
-
//# sourceMappingURL=Accordion.js.map
|
|
36
|
-
|
|
37
|
-
/***/ }),
|
|
38
|
-
|
|
39
|
-
/***/ 7831:
|
|
40
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
// EXPORTS
|
|
44
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
45
|
-
"Z": () => (/* binding */ Accordion_AccordionButton)
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
// EXTERNAL MODULE: external "react"
|
|
49
|
-
var external_react_ = __webpack_require__(6689);
|
|
50
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
51
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
|
|
52
|
-
var Accordion = __webpack_require__(9739);
|
|
53
|
-
// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
|
|
54
|
-
var AccordionItem = __webpack_require__(5705);
|
|
55
|
-
;// CONCATENATED MODULE: ../components/dist/assets/MinusCircle.js
|
|
56
|
-
|
|
57
|
-
// Icon from Phosphor Icons
|
|
58
|
-
const MinusCircle = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
|
|
59
|
-
external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
60
|
-
external_react_default().createElement("circle", { cx: "128", cy: "128", r: "96", fill: "none", stroke: "currentColor", strokeMiterlimit: "10" }),
|
|
61
|
-
external_react_default().createElement("line", { x1: "88", y1: "128", x2: "168", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
62
|
-
/* harmony default export */ const assets_MinusCircle = (MinusCircle);
|
|
63
|
-
//# sourceMappingURL=MinusCircle.js.map
|
|
64
|
-
;// CONCATENATED MODULE: ../components/dist/assets/PlusCircle.js
|
|
65
|
-
|
|
66
|
-
// Icon from Phosphor Icons
|
|
67
|
-
const PlusCircle = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
|
|
68
|
-
external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
69
|
-
external_react_default().createElement("circle", { cx: "128", cy: "128", r: "96", fill: "none", stroke: "currentColor", strokeMiterlimit: "10" }),
|
|
70
|
-
external_react_default().createElement("line", { x1: "88", y1: "128", x2: "168", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
71
|
-
external_react_default().createElement("line", { x1: "128", y1: "88", x2: "128", y2: "168", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
72
|
-
/* harmony default export */ const assets_PlusCircle = (PlusCircle);
|
|
73
|
-
//# sourceMappingURL=PlusCircle.js.map
|
|
74
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
|
|
75
|
-
var Button = __webpack_require__(4842);
|
|
76
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Accordion/AccordionButton.js
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const AccordionButton = (0,external_react_.forwardRef)(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = external_react_default().createElement(assets_MinusCircle, { "data-icon": "expanded" }), collapsedIcon = external_react_default().createElement(assets_PlusCircle, { "data-icon": "collapsed" }), children, ...otherProps }, ref) {
|
|
82
|
-
const { indices, onChange, numberOfItems } = (0,Accordion/* useAccordion */.A)();
|
|
83
|
-
const { index, panel, button, prefixId } = (0,AccordionItem/* useAccordionItem */.D)();
|
|
84
|
-
const onKeyDown = (event) => {
|
|
85
|
-
if (!['ArrowDown', 'ArrowUp'].includes(event.key)) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
const getNext = () => {
|
|
89
|
-
const next = Number(index) + 1 === numberOfItems ? 0 : Number(index) + 1;
|
|
90
|
-
return document.getElementById(`${prefixId && `${prefixId}-`}button--${next}`);
|
|
91
|
-
};
|
|
92
|
-
const getPrevious = () => {
|
|
93
|
-
const previous = Number(index) - 1 < 0 ? numberOfItems - 1 : Number(index) - 1;
|
|
94
|
-
return document.getElementById(`${prefixId && `${prefixId}-`}button--${previous}`);
|
|
95
|
-
};
|
|
96
|
-
switch (event.key) {
|
|
97
|
-
case 'ArrowDown':
|
|
98
|
-
event.preventDefault();
|
|
99
|
-
getNext()?.focus();
|
|
100
|
-
break;
|
|
101
|
-
case 'ArrowUp':
|
|
102
|
-
event.preventDefault();
|
|
103
|
-
getPrevious()?.focus();
|
|
104
|
-
break;
|
|
105
|
-
default:
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
return (external_react_default().createElement(Button/* default */.Z, { ref: ref, id: button, "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
|
|
109
|
-
onChange(index);
|
|
110
|
-
}, "data-testid": testId, ...otherProps }, children));
|
|
111
|
-
});
|
|
112
|
-
/* harmony default export */ const Accordion_AccordionButton = (AccordionButton);
|
|
113
|
-
//# sourceMappingURL=AccordionButton.js.map
|
|
114
|
-
|
|
115
|
-
/***/ }),
|
|
116
|
-
|
|
117
|
-
/***/ 5705:
|
|
118
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
119
|
-
|
|
120
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
121
|
-
/* harmony export */ "D": () => (/* binding */ useAccordionItem),
|
|
122
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
123
|
-
/* harmony export */ });
|
|
124
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
125
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
126
|
-
|
|
127
|
-
const AccordionItemContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
|
|
128
|
-
const AccordionItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionItem({ prefixId = '', index = 0, as: MaybeComponent, children, testId = 'fs-accordion-item', ...otherProps }, ref) {
|
|
129
|
-
const Component = MaybeComponent ?? 'div';
|
|
130
|
-
const context = {
|
|
131
|
-
index,
|
|
132
|
-
prefixId,
|
|
133
|
-
panel: `${prefixId && `${prefixId}-`}panel--${index}`,
|
|
134
|
-
button: `${prefixId && `${prefixId}-`}button--${index}`,
|
|
135
|
-
};
|
|
136
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionItemContext.Provider, { value: context },
|
|
137
|
-
react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-accordion-item": true, "data-testid": testId, ...otherProps }, children)));
|
|
138
|
-
});
|
|
139
|
-
function useAccordionItem() {
|
|
140
|
-
const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionItemContext);
|
|
141
|
-
if (context === undefined) {
|
|
142
|
-
throw new Error('Do not use AccordionItem components outside the AccordionItem context.');
|
|
143
|
-
}
|
|
144
|
-
return context;
|
|
145
|
-
}
|
|
146
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionItem);
|
|
147
|
-
//# sourceMappingURL=AccordionItem.js.map
|
|
148
|
-
|
|
149
|
-
/***/ }),
|
|
150
|
-
|
|
151
|
-
/***/ 331:
|
|
152
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
153
|
-
|
|
154
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
155
|
-
/* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
156
|
-
/* harmony export */ });
|
|
157
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
|
|
158
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
159
|
-
/* harmony import */ var _Accordion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9739);
|
|
160
|
-
/* harmony import */ var _AccordionItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5705);
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
const AccordionPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionPanel({ testId = 'fs-accordion-panel', children, ...otherProps }, ref) {
|
|
165
|
-
const { indices } = (0,_Accordion__WEBPACK_IMPORTED_MODULE_1__/* .useAccordion */ .A)();
|
|
166
|
-
const { index, button, panel } = (0,_AccordionItem__WEBPACK_IMPORTED_MODULE_2__/* .useAccordionItem */ .D)();
|
|
167
|
-
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, id: panel, "data-fs-accordion-panel": true, "aria-labelledby": button, role: "region", hidden: !indices.has(index), "data-testid": testId, ...otherProps }, children));
|
|
168
|
-
});
|
|
169
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionPanel);
|
|
170
|
-
//# sourceMappingURL=AccordionPanel.js.map
|
|
171
|
-
|
|
172
|
-
/***/ })
|
|
173
|
-
|
|
174
|
-
};
|
|
175
|
-
;
|
|
@@ -1,464 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.id = 444;
|
|
3
|
-
exports.ids = [444];
|
|
4
|
-
exports.modules = {
|
|
5
|
-
|
|
6
|
-
/***/ 1444:
|
|
7
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
// EXPORTS
|
|
11
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
12
|
-
"Z": () => (/* reexport */ ui_Breadcrumb_Breadcrumb)
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
// EXTERNAL MODULE: external "react"
|
|
16
|
-
var external_react_ = __webpack_require__(6689);
|
|
17
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
18
|
-
;// CONCATENATED MODULE: ../components/dist/assets/DotsThree.js
|
|
19
|
-
|
|
20
|
-
// Icon from Phosphor Icons
|
|
21
|
-
const DotsThree = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
|
|
22
|
-
external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
23
|
-
external_react_default().createElement("circle", { cx: "128", cy: "128", r: "12" }),
|
|
24
|
-
external_react_default().createElement("circle", { cx: "192", cy: "128", r: "12" }),
|
|
25
|
-
external_react_default().createElement("circle", { cx: "64", cy: "128", r: "12" })));
|
|
26
|
-
/* harmony default export */ const assets_DotsThree = (DotsThree);
|
|
27
|
-
//# sourceMappingURL=DotsThree.js.map
|
|
28
|
-
;// CONCATENATED MODULE: ../components/dist/assets/ArrowElbowDownRight.js
|
|
29
|
-
|
|
30
|
-
// Icon from Phosphor Icons
|
|
31
|
-
const ArrowElbowDownRight = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: size, height: size },
|
|
32
|
-
external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
33
|
-
external_react_default().createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor" }),
|
|
34
|
-
external_react_default().createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor" })));
|
|
35
|
-
/* harmony default export */ const assets_ArrowElbowDownRight = (ArrowElbowDownRight);
|
|
36
|
-
//# sourceMappingURL=ArrowElbowDownRight.js.map
|
|
37
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
|
|
38
|
-
var Icon = __webpack_require__(5045);
|
|
39
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
|
|
40
|
-
var Link = __webpack_require__(7865);
|
|
41
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/contexts/DropdownContext.js
|
|
42
|
-
|
|
43
|
-
const defaultState = {
|
|
44
|
-
isOpen: false,
|
|
45
|
-
dropdownButtonRef: null,
|
|
46
|
-
selectedDropdownItemIndexRef: null,
|
|
47
|
-
dropdownItemsRef: null,
|
|
48
|
-
id: 'fs-dropdown',
|
|
49
|
-
};
|
|
50
|
-
const DropdownContext = (0,external_react_.createContext)(defaultState);
|
|
51
|
-
/* harmony default export */ const contexts_DropdownContext = (DropdownContext);
|
|
52
|
-
//# sourceMappingURL=DropdownContext.js.map
|
|
53
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/Dropdown.js
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs-dropdown', }) => {
|
|
57
|
-
const [isOpen, setIsOpen] = (0,external_react_.useState)(isOpenDefault);
|
|
58
|
-
const dropdownItemsRef = (0,external_react_.useRef)([]);
|
|
59
|
-
const selectedDropdownItemIndexRef = (0,external_react_.useRef)(0);
|
|
60
|
-
const dropdownButtonRef = (0,external_react_.useRef)(null);
|
|
61
|
-
const close = (0,external_react_.useCallback)(() => {
|
|
62
|
-
setIsOpen(false);
|
|
63
|
-
onDismiss?.();
|
|
64
|
-
}, [onDismiss]);
|
|
65
|
-
const open = () => {
|
|
66
|
-
setIsOpen(true);
|
|
67
|
-
};
|
|
68
|
-
const toggle = (0,external_react_.useCallback)(() => {
|
|
69
|
-
setIsOpen((old) => {
|
|
70
|
-
if (old) {
|
|
71
|
-
onDismiss?.();
|
|
72
|
-
dropdownButtonRef.current?.focus();
|
|
73
|
-
}
|
|
74
|
-
return !old;
|
|
75
|
-
});
|
|
76
|
-
}, [onDismiss]);
|
|
77
|
-
(0,external_react_.useEffect)(() => {
|
|
78
|
-
setIsOpen(isOpenDefault);
|
|
79
|
-
}, [isOpenDefault]);
|
|
80
|
-
(0,external_react_.useEffect)(() => {
|
|
81
|
-
isOpen && dropdownItemsRef?.current[0]?.focus();
|
|
82
|
-
}, [isOpen]);
|
|
83
|
-
(0,external_react_.useEffect)(() => {
|
|
84
|
-
let firstClick = true;
|
|
85
|
-
const event = (e) => {
|
|
86
|
-
const someItemWasClicked = dropdownItemsRef?.current.some((item) => e.target === item);
|
|
87
|
-
if (firstClick) {
|
|
88
|
-
firstClick = false;
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
!someItemWasClicked && close();
|
|
92
|
-
};
|
|
93
|
-
if (isOpen) {
|
|
94
|
-
document.addEventListener('click', event);
|
|
95
|
-
}
|
|
96
|
-
else {
|
|
97
|
-
document.removeEventListener('click', event);
|
|
98
|
-
}
|
|
99
|
-
return () => {
|
|
100
|
-
document.removeEventListener('click', event);
|
|
101
|
-
};
|
|
102
|
-
}, [close, isOpen]);
|
|
103
|
-
const value = (0,external_react_.useMemo)(() => {
|
|
104
|
-
return {
|
|
105
|
-
isOpen,
|
|
106
|
-
close,
|
|
107
|
-
open,
|
|
108
|
-
toggle,
|
|
109
|
-
dropdownButtonRef,
|
|
110
|
-
onDismiss,
|
|
111
|
-
selectedDropdownItemIndexRef,
|
|
112
|
-
dropdownItemsRef,
|
|
113
|
-
id,
|
|
114
|
-
};
|
|
115
|
-
}, [close, id, isOpen, onDismiss, toggle]);
|
|
116
|
-
return (external_react_default().createElement(contexts_DropdownContext.Provider, { value: value }, children));
|
|
117
|
-
};
|
|
118
|
-
/* harmony default export */ const Dropdown_Dropdown = (Dropdown);
|
|
119
|
-
//# sourceMappingURL=Dropdown.js.map
|
|
120
|
-
// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
|
|
121
|
-
var Button = __webpack_require__(4842);
|
|
122
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/hooks/useDropdown.js
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Hook to use the Dropdown context.
|
|
127
|
-
* @returns Dropdown context.
|
|
128
|
-
*/
|
|
129
|
-
const useDropdown = () => {
|
|
130
|
-
const context = (0,external_react_.useContext)(contexts_DropdownContext);
|
|
131
|
-
if (context === undefined) {
|
|
132
|
-
throw new Error('Do not use useDropdown hook outside the Dropdown context.');
|
|
133
|
-
}
|
|
134
|
-
return context;
|
|
135
|
-
};
|
|
136
|
-
//# sourceMappingURL=useDropdown.js.map
|
|
137
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownButton.js
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
const DropdownButton = (0,external_react_.forwardRef)(function DropdownButton({ children, testId = 'fs-dropdown-button', ...otherProps }, ref) {
|
|
142
|
-
const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
|
|
143
|
-
(0,external_react_.useImperativeHandle)(ref, () => dropdownButtonRef.current, [
|
|
144
|
-
dropdownButtonRef,
|
|
145
|
-
]);
|
|
146
|
-
return (external_react_default().createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: 'tertiary', ...otherProps }, children));
|
|
147
|
-
});
|
|
148
|
-
/* harmony default export */ const Dropdown_DropdownButton = (DropdownButton);
|
|
149
|
-
//# sourceMappingURL=DropdownButton.js.map
|
|
150
|
-
// EXTERNAL MODULE: external "react-dom"
|
|
151
|
-
var external_react_dom_ = __webpack_require__(6405);
|
|
152
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/hooks/useDropdownPosition.js
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* Hook used to find the DropdownMenu position in relation to DropdownButton
|
|
156
|
-
* @returns Style with positions.
|
|
157
|
-
*/
|
|
158
|
-
const useDropdownPosition = () => {
|
|
159
|
-
const { dropdownButtonRef } = useDropdown();
|
|
160
|
-
// Necessary to use this component in SSR
|
|
161
|
-
const isBrowser = typeof window !== 'undefined';
|
|
162
|
-
const buttonRect = dropdownButtonRef?.current?.getBoundingClientRect();
|
|
163
|
-
const topLevel = buttonRect?.top ?? 0;
|
|
164
|
-
const topOffset = buttonRect?.height ?? 0;
|
|
165
|
-
const leftLevel = buttonRect?.left ?? 0;
|
|
166
|
-
// The scroll properties fix the position of DropdownMenu when the scroll is activated.
|
|
167
|
-
const scrollTop = isBrowser ? document?.documentElement?.scrollTop : 0;
|
|
168
|
-
const scrollLeft = isBrowser ? document?.documentElement?.scrollLeft : 0;
|
|
169
|
-
const topPosition = topLevel + topOffset + scrollTop;
|
|
170
|
-
const leftPosition = leftLevel + scrollLeft;
|
|
171
|
-
return {
|
|
172
|
-
position: 'absolute',
|
|
173
|
-
top: topPosition,
|
|
174
|
-
left: leftPosition,
|
|
175
|
-
};
|
|
176
|
-
};
|
|
177
|
-
//# sourceMappingURL=useDropdownPosition.js.map
|
|
178
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownMenu.js
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
/*
|
|
184
|
-
* This component is based on @reach/dialog.
|
|
185
|
-
* https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
|
|
186
|
-
* https://reach.tech/dialog
|
|
187
|
-
*/
|
|
188
|
-
const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
|
|
189
|
-
const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
|
|
190
|
-
const dropdownPosition = useDropdownPosition();
|
|
191
|
-
const childrenLength = external_react_default().Children.toArray(children).length;
|
|
192
|
-
const handleDownPress = () => {
|
|
193
|
-
if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
|
|
194
|
-
selectedDropdownItemIndexRef.current++;
|
|
195
|
-
}
|
|
196
|
-
else {
|
|
197
|
-
selectedDropdownItemIndexRef.current = 0;
|
|
198
|
-
}
|
|
199
|
-
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
200
|
-
};
|
|
201
|
-
const handleUpPress = () => {
|
|
202
|
-
if (selectedDropdownItemIndexRef.current > 0) {
|
|
203
|
-
selectedDropdownItemIndexRef.current--;
|
|
204
|
-
}
|
|
205
|
-
else {
|
|
206
|
-
selectedDropdownItemIndexRef.current = childrenLength - 1;
|
|
207
|
-
}
|
|
208
|
-
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
209
|
-
};
|
|
210
|
-
const handleHomePress = () => {
|
|
211
|
-
selectedDropdownItemIndexRef.current = 0;
|
|
212
|
-
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
213
|
-
};
|
|
214
|
-
const handleEndPress = () => {
|
|
215
|
-
selectedDropdownItemIndexRef.current = childrenLength - 1;
|
|
216
|
-
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
217
|
-
};
|
|
218
|
-
const handleEscapePress = () => {
|
|
219
|
-
close?.();
|
|
220
|
-
dropdownButtonRef?.current?.focus();
|
|
221
|
-
};
|
|
222
|
-
const handleBackdropKeyDown = (event) => {
|
|
223
|
-
if (event.defaultPrevented || event.key === 'Enter') {
|
|
224
|
-
return;
|
|
225
|
-
}
|
|
226
|
-
event.preventDefault();
|
|
227
|
-
event.key === 'Escape' && handleEscapePress();
|
|
228
|
-
event.key === 'ArrowDown' && handleDownPress();
|
|
229
|
-
event.key === 'ArrowUp' && handleUpPress();
|
|
230
|
-
event.key === 'Home' && handleHomePress();
|
|
231
|
-
event.key === 'End' && handleEndPress();
|
|
232
|
-
event.stopPropagation();
|
|
233
|
-
};
|
|
234
|
-
const clearChildrenReferences = () => {
|
|
235
|
-
dropdownItemsRef.current = [];
|
|
236
|
-
return null;
|
|
237
|
-
};
|
|
238
|
-
return isOpen
|
|
239
|
-
? (0,external_react_dom_.createPortal)(external_react_default().createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
|
|
240
|
-
external_react_default().createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
|
|
241
|
-
: clearChildrenReferences();
|
|
242
|
-
};
|
|
243
|
-
/* harmony default export */ const Dropdown_DropdownMenu = (DropdownMenu);
|
|
244
|
-
//# sourceMappingURL=DropdownMenu.js.map
|
|
245
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownItem.js
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
const DropdownItem = (0,external_react_.forwardRef)(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
|
|
250
|
-
const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
|
|
251
|
-
const [dropdownItemIndex, setDropdownItemIndex] = (0,external_react_.useState)(0);
|
|
252
|
-
const dropdownItemRef = (0,external_react_.useRef)();
|
|
253
|
-
const addToRefs = (el) => {
|
|
254
|
-
if (el && !dropdownItemsRef?.current.includes(el)) {
|
|
255
|
-
dropdownItemsRef?.current.push(el);
|
|
256
|
-
setDropdownItemIndex(dropdownItemsRef?.current.findIndex((element) => element === el) ?? 0);
|
|
257
|
-
}
|
|
258
|
-
dropdownItemRef.current = el;
|
|
259
|
-
};
|
|
260
|
-
const onFocusItem = () => {
|
|
261
|
-
selectedDropdownItemIndexRef.current = dropdownItemIndex;
|
|
262
|
-
dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
|
|
263
|
-
};
|
|
264
|
-
const handleOnClickItem = (event) => {
|
|
265
|
-
onClick?.(event);
|
|
266
|
-
close?.();
|
|
267
|
-
};
|
|
268
|
-
(0,external_react_.useImperativeHandle)(ref, () => dropdownItemRef.current, []);
|
|
269
|
-
return (external_react_default().createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
|
|
270
|
-
icon && external_react_default().createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, component: icon }),
|
|
271
|
-
children));
|
|
272
|
-
});
|
|
273
|
-
/* harmony default export */ const Dropdown_DropdownItem = (DropdownItem);
|
|
274
|
-
//# sourceMappingURL=DropdownItem.js.map
|
|
275
|
-
// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
|
|
276
|
-
var List = __webpack_require__(1329);
|
|
277
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Divider.js
|
|
278
|
-
|
|
279
|
-
const Divider = ({ divider, testId }) => {
|
|
280
|
-
const props = {
|
|
281
|
-
'data-fs-breadcrumb-divider': true,
|
|
282
|
-
'aria-hidden': true,
|
|
283
|
-
'data-testid': `${testId}-divider`,
|
|
284
|
-
};
|
|
285
|
-
if (external_react_default().isValidElement(divider)) {
|
|
286
|
-
return external_react_default().cloneElement(divider, props);
|
|
287
|
-
}
|
|
288
|
-
return external_react_default().createElement("span", { ...props }, divider ?? '/');
|
|
289
|
-
};
|
|
290
|
-
/* harmony default export */ const Breadcrumb_Divider = (Divider);
|
|
291
|
-
//# sourceMappingURL=Divider.js.map
|
|
292
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/ListItem.js
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
const ListItem = ({ children, isLastItem, divider, testId }) => {
|
|
296
|
-
const props = {
|
|
297
|
-
'data-testid': `${testId}-item`,
|
|
298
|
-
'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
|
|
299
|
-
'aria-current': isLastItem ? 'page' : undefined,
|
|
300
|
-
};
|
|
301
|
-
if (!external_react_default().isValidElement(children)) {
|
|
302
|
-
return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
|
|
303
|
-
external_react_default().createElement("span", { ...props },
|
|
304
|
-
children,
|
|
305
|
-
isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
|
|
306
|
-
}
|
|
307
|
-
return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
|
|
308
|
-
external_react_default().cloneElement(children, props),
|
|
309
|
-
isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
|
|
310
|
-
};
|
|
311
|
-
/* harmony default export */ const Breadcrumb_ListItem = (ListItem);
|
|
312
|
-
//# sourceMappingURL=ListItem.js.map
|
|
313
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/BreadcrumbPure.js
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
|
|
318
|
-
return (external_react_default().createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
|
|
319
|
-
external_react_default().createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true }, external_react_default().Children.toArray(children).map((child, index, childrenArray) => {
|
|
320
|
-
const isLastItem = index === childrenArray.length - 1;
|
|
321
|
-
return (external_react_default().createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
|
|
322
|
-
}))));
|
|
323
|
-
});
|
|
324
|
-
/* harmony default export */ const Breadcrumb_BreadcrumbPure = (BreadcrumbPure);
|
|
325
|
-
//# sourceMappingURL=BreadcrumbPure.js.map
|
|
326
|
-
;// CONCATENATED MODULE: ../components/dist/assets/House.js
|
|
327
|
-
|
|
328
|
-
// Icon from Phosphor Icons
|
|
329
|
-
const House = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
|
|
330
|
-
external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
|
|
331
|
-
external_react_default().createElement("path", { d: "M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "24" })));
|
|
332
|
-
/* harmony default export */ const assets_House = (House);
|
|
333
|
-
//# sourceMappingURL=House.js.map
|
|
334
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/HomeLink.js
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
const HomeLink = () => (external_react_default().createElement(Link/* default */.Z, { "data-fs-breadcrumb-link": true, "data-fs-breadcrumb-link-home": true, "aria-label": "Go to homepage", href: "/" },
|
|
338
|
-
external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_House, { size: 18 }) })));
|
|
339
|
-
/* harmony default export */ const Breadcrumb_HomeLink = (HomeLink);
|
|
340
|
-
//# sourceMappingURL=HomeLink.js.map
|
|
341
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/BreadcrumbBase.js
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = external_react_default().createElement(Breadcrumb_HomeLink, null), dropdownButtonIcon = external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_DotsThree, null) }), collapsedItemsIcon = external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_ArrowElbowDownRight, null) }), ...otherProps }, ref) {
|
|
350
|
-
const homeLinkProps = {
|
|
351
|
-
'data-fs-breadcrumb-link': true,
|
|
352
|
-
'data-fs-breadcrumb-link-home': true,
|
|
353
|
-
'aria-label': 'Go to homepage',
|
|
354
|
-
href: '/',
|
|
355
|
-
};
|
|
356
|
-
const homeLinkWithProps = (0,external_react_.cloneElement)(homeLink, homeLinkProps);
|
|
357
|
-
const firstItem = isDesktop ? breadcrumbList[0] : null;
|
|
358
|
-
const mediumItems = isDesktop
|
|
359
|
-
? breadcrumbList.slice(1, -2)
|
|
360
|
-
: breadcrumbList.slice(0, -2);
|
|
361
|
-
const lastItems = breadcrumbList.slice(-2);
|
|
362
|
-
const collapseBreadcrumb = breadcrumbList.length > 4;
|
|
363
|
-
const breadcrumbLink = (0,external_react_.useCallback)((renderLinkProps) => {
|
|
364
|
-
const breadcrumbItem = renderLink?.(renderLinkProps);
|
|
365
|
-
const itemProps = renderLinkProps.collapsed
|
|
366
|
-
? {
|
|
367
|
-
'data-fs-breadcrumb-dropdown-link': true,
|
|
368
|
-
}
|
|
369
|
-
: {
|
|
370
|
-
'data-fs-breadcrumb-link': true,
|
|
371
|
-
};
|
|
372
|
-
return breadcrumbItem ? ((0,external_react_.cloneElement)(breadcrumbItem, { ...itemProps, key: renderLinkProps.itemProps.position })) : (external_react_default().createElement(Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
|
|
373
|
-
}, [renderLink]);
|
|
374
|
-
return (external_react_default().createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
|
|
375
|
-
homeLinkWithProps,
|
|
376
|
-
!collapseBreadcrumb &&
|
|
377
|
-
breadcrumbList.map((item, index) => {
|
|
378
|
-
return breadcrumbList.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
|
|
379
|
-
}),
|
|
380
|
-
collapseBreadcrumb &&
|
|
381
|
-
firstItem &&
|
|
382
|
-
breadcrumbLink({ itemProps: firstItem, collapsed: false }),
|
|
383
|
-
collapseBreadcrumb && (external_react_default().createElement(Dropdown_Dropdown, null,
|
|
384
|
-
external_react_default().createElement(Dropdown_DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
|
|
385
|
-
external_react_default().createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_default().createElement(Dropdown_DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
|
|
386
|
-
collapseBreadcrumb &&
|
|
387
|
-
lastItems.map((item, index) => {
|
|
388
|
-
return lastItems.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
|
|
389
|
-
})));
|
|
390
|
-
});
|
|
391
|
-
/* harmony default export */ const Breadcrumb_BreadcrumbBase = (BreadcrumbBase);
|
|
392
|
-
//# sourceMappingURL=BreadcrumbBase.js.map
|
|
393
|
-
;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Breadcrumb.js
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_default().createElement((external_react_default()).Fragment, null,
|
|
397
|
-
external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
|
|
398
|
-
external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
|
|
399
|
-
/* harmony default export */ const Breadcrumb_Breadcrumb = (Breadcrumb);
|
|
400
|
-
//# sourceMappingURL=Breadcrumb.js.map
|
|
401
|
-
// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
|
|
402
|
-
var ui_Icon = __webpack_require__(2478);
|
|
403
|
-
// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
|
|
404
|
-
var ui_Link = __webpack_require__(1093);
|
|
405
|
-
// EXTERNAL MODULE: external "react/jsx-runtime"
|
|
406
|
-
var jsx_runtime_ = __webpack_require__(997);
|
|
407
|
-
;// CONCATENATED MODULE: ./src/components/ui/Breadcrumb/Breadcrumb.tsx
|
|
408
|
-
const _excluded = ["breadcrumbList"];
|
|
409
|
-
|
|
410
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
411
|
-
|
|
412
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
413
|
-
|
|
414
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
415
|
-
|
|
416
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
417
|
-
|
|
418
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
const Breadcrumb_Breadcrumb_Breadcrumb = _ref => {
|
|
427
|
-
let {
|
|
428
|
-
breadcrumbList
|
|
429
|
-
} = _ref,
|
|
430
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
431
|
-
|
|
432
|
-
return /*#__PURE__*/jsx_runtime_.jsx(Breadcrumb_Breadcrumb, _objectSpread({
|
|
433
|
-
breadcrumbList: breadcrumbList,
|
|
434
|
-
homeLink: /*#__PURE__*/jsx_runtime_.jsx(ui_Link/* default */.Z, {
|
|
435
|
-
"aria-label": "Go to homepage",
|
|
436
|
-
href: "/",
|
|
437
|
-
children: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
|
|
438
|
-
name: "House",
|
|
439
|
-
width: 18,
|
|
440
|
-
height: 18,
|
|
441
|
-
weight: "bold"
|
|
442
|
-
})
|
|
443
|
-
}),
|
|
444
|
-
renderLink: ({
|
|
445
|
-
itemProps: {
|
|
446
|
-
item: link,
|
|
447
|
-
name
|
|
448
|
-
}
|
|
449
|
-
}) => /*#__PURE__*/jsx_runtime_.jsx(ui_Link/* default */.Z, {
|
|
450
|
-
"data-fs-breadcrumb-link": true,
|
|
451
|
-
href: link,
|
|
452
|
-
children: name
|
|
453
|
-
})
|
|
454
|
-
}, otherProps));
|
|
455
|
-
};
|
|
456
|
-
|
|
457
|
-
/* harmony default export */ const ui_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(Breadcrumb_Breadcrumb_Breadcrumb));
|
|
458
|
-
;// CONCATENATED MODULE: ./src/components/ui/Breadcrumb/index.ts
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
/***/ })
|
|
462
|
-
|
|
463
|
-
};
|
|
464
|
-
;
|