@gustavo-valsechi/client 1.3.19 → 1.3.20
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/chunk-57F63FFB.mjs +1 -0
- package/dist/{chunk-2X7JQNHX.mjs → chunk-FBCM3HAQ.mjs} +0 -1
- package/dist/{chunk-XH4PSRD2.mjs → chunk-Q6K3YDUL.mjs} +1 -2
- package/dist/components/index.js +206 -1938
- package/dist/components/index.mjs +1388 -49
- package/dist/contexts/index.js +19 -405
- package/dist/contexts/index.mjs +139 -22
- package/dist/index.js +206 -2163
- package/dist/index.mjs +1388 -69
- package/dist/interfaces/index.js +1 -19
- package/dist/interfaces/index.mjs +0 -2
- package/package.json +1 -1
- package/dist/chunk-2X7JQNHX.mjs.map +0 -1
- package/dist/chunk-RWFXFZB5.mjs +0 -2
- package/dist/chunk-RWFXFZB5.mjs.map +0 -1
- package/dist/chunk-XH4PSRD2.mjs.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/index.mjs.map +0 -1
- package/dist/contexts/index.js.map +0 -1
- package/dist/contexts/index.mjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/interfaces/index.js.map +0 -1
- package/dist/interfaces/index.mjs.map +0 -1
package/dist/contexts/index.js
CHANGED
|
@@ -1,62 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
"use client";
|
|
4
|
-
var __create = Object.create;
|
|
5
|
-
var __defProp = Object.defineProperty;
|
|
6
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
-
var __export = (target, all) => {
|
|
11
|
-
for (var name in all)
|
|
12
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
13
|
-
};
|
|
14
|
-
var __copyProps = (to, from, except, desc) => {
|
|
15
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
|
-
for (let key of __getOwnPropNames(from))
|
|
17
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
18
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
28
|
-
mod
|
|
29
|
-
));
|
|
30
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
31
|
-
|
|
32
|
-
// contexts/index.tsx
|
|
33
|
-
var contexts_exports = {};
|
|
34
|
-
__export(contexts_exports, {
|
|
35
|
-
IconProvider: () => IconProviderContainer,
|
|
36
|
-
ModalProvider: () => ModalProviderContainer,
|
|
37
|
-
ThemeProvider: () => ThemeProviderContainer,
|
|
38
|
-
TooltipProvider: () => TooltipProviderContainer,
|
|
39
|
-
useIcon: () => useIcon,
|
|
40
|
-
useModal: () => useModal,
|
|
41
|
-
useTheme: () => useTheme,
|
|
42
|
-
useTooltip: () => useTooltip
|
|
43
|
-
});
|
|
44
|
-
module.exports = __toCommonJS(contexts_exports);
|
|
45
|
-
|
|
46
|
-
// contexts/icon/index.tsx
|
|
47
|
-
var import_react2 = require("react");
|
|
48
|
-
|
|
49
|
-
// contexts/theme/index.tsx
|
|
50
|
-
var import_react = require("react");
|
|
51
|
-
var import_styled_components2 = require("styled-components");
|
|
52
|
-
|
|
53
|
-
// contexts/theme/styles.tsx
|
|
54
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
55
|
-
var Switcher = import_styled_components.default.div`
|
|
2
|
+
"use strict";"use client";var ie=Object.create;var T=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ce=(e,o)=>{for(var i in o)T(e,i,{get:o[i],enumerable:!0})},R=(e,o,i,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ae(o))!de.call(e,n)&&n!==i&&T(e,n,{get:()=>o[n],enumerable:!(f=se(o,n))||f.enumerable});return e};var y=(e,o,i)=>(i=e!=null?ie(fe(e)):{},R(o||!e||!e.__esModule?T(i,"default",{value:e,enumerable:!0}):i,e)),le=e=>R(T({},"__esModule",{value:!0}),e);var be={};ce(be,{IconProvider:()=>pe,ModalProvider:()=>xe,ThemeProvider:()=>me,TooltipProvider:()=>ue,useIcon:()=>he,useModal:()=>ve,useTheme:()=>P,useTooltip:()=>ge});module.exports=le(be);var m=require("react");var x=require("react"),W=require("styled-components");var N=y(require("styled-components")),A=N.default.div`
|
|
56
3
|
width: 3rem;
|
|
57
4
|
height: 1.5rem;
|
|
58
5
|
border-radius: 1rem;
|
|
59
|
-
border: 2px solid ${({
|
|
6
|
+
border: 2px solid ${({theme:e})=>e.t05};
|
|
60
7
|
overflow: hidden;
|
|
61
8
|
display: flex;
|
|
62
9
|
align-items: center;
|
|
@@ -64,7 +11,7 @@ var Switcher = import_styled_components.default.div`
|
|
|
64
11
|
position: relative;
|
|
65
12
|
|
|
66
13
|
i {
|
|
67
|
-
color: ${({
|
|
14
|
+
color: ${({theme:e})=>e.t6};
|
|
68
15
|
position: absolute;
|
|
69
16
|
transform: translateY(-50%);
|
|
70
17
|
font-size: .9rem;
|
|
@@ -74,13 +21,13 @@ var Switcher = import_styled_components.default.div`
|
|
|
74
21
|
&:first-child {
|
|
75
22
|
left: .2rem;
|
|
76
23
|
top: 50%;
|
|
77
|
-
opacity: ${
|
|
24
|
+
opacity: ${e=>e["data-theme"]==="light"?0:1};
|
|
78
25
|
}
|
|
79
26
|
|
|
80
27
|
&:last-child {
|
|
81
28
|
right: .2rem;
|
|
82
29
|
top: 50%;
|
|
83
|
-
opacity: ${
|
|
30
|
+
opacity: ${e=>e["data-theme"]==="light"?1:0};
|
|
84
31
|
}
|
|
85
32
|
}
|
|
86
33
|
|
|
@@ -90,13 +37,13 @@ var Switcher = import_styled_components.default.div`
|
|
|
90
37
|
border-radius: 1rem;
|
|
91
38
|
position: relative;
|
|
92
39
|
transition: ease .3s;
|
|
93
|
-
transform: ${
|
|
40
|
+
transform: ${e=>e["data-theme"]==="light"?"transform: translateX(.2rem)":"translateX(1.6rem)"};
|
|
94
41
|
z-index: 1;
|
|
95
42
|
|
|
96
43
|
div {
|
|
97
44
|
width: 100%;
|
|
98
45
|
height: 100%;
|
|
99
|
-
background: ${({
|
|
46
|
+
background: ${({theme:e})=>e.primary};
|
|
100
47
|
border-radius: 1rem;
|
|
101
48
|
position: relative;
|
|
102
49
|
z-index: 2;
|
|
@@ -109,7 +56,7 @@ var Switcher = import_styled_components.default.div`
|
|
|
109
56
|
height: 100%;
|
|
110
57
|
border-radius: 1rem;
|
|
111
58
|
transform: scale(1.8);
|
|
112
|
-
background: ${({
|
|
59
|
+
background: ${({theme:e})=>e.t05};
|
|
113
60
|
top: 0;
|
|
114
61
|
left: 0;
|
|
115
62
|
z-index: 1;
|
|
@@ -122,42 +69,13 @@ var Switcher = import_styled_components.default.div`
|
|
|
122
69
|
height: 100%;
|
|
123
70
|
border-radius: 1rem;
|
|
124
71
|
transform: scale(3);
|
|
125
|
-
background: ${({
|
|
72
|
+
background: ${({theme:e})=>e.t05};
|
|
126
73
|
top: 0;
|
|
127
74
|
left: 0;
|
|
128
75
|
z-index: 0;
|
|
129
76
|
}
|
|
130
77
|
}
|
|
131
|
-
`;
|
|
132
|
-
|
|
133
|
-
// contexts/theme/content.tsx
|
|
134
|
-
var CommonTheme = {
|
|
135
|
-
secondary: "#5869da",
|
|
136
|
-
tertiary: "#629dfd33",
|
|
137
|
-
positive: "#65c965",
|
|
138
|
-
negative: "#FF334E",
|
|
139
|
-
mobileMaxWidth: "650px",
|
|
140
|
-
mobileMinWidth: "315px"
|
|
141
|
-
};
|
|
142
|
-
var Themes = {
|
|
143
|
-
light: {
|
|
144
|
-
primary: "#ffffff",
|
|
145
|
-
reverse: "#353535",
|
|
146
|
-
tooltip: "#f2f2f2",
|
|
147
|
-
t8: "#000000cc",
|
|
148
|
-
t7: "#000000b3",
|
|
149
|
-
t6: "#00000099",
|
|
150
|
-
t5: "#00000080",
|
|
151
|
-
t4: "#00000066",
|
|
152
|
-
t3: "#0000004d",
|
|
153
|
-
t2: "#00000033",
|
|
154
|
-
t1: "#0000001a",
|
|
155
|
-
t08: "#00000014",
|
|
156
|
-
t05: "#0000000d",
|
|
157
|
-
t03: "#00000007",
|
|
158
|
-
t02: "#00000005",
|
|
159
|
-
t01: "#00000002",
|
|
160
|
-
lgrad: `linear-gradient(
|
|
78
|
+
`;var X={secondary:"#5869da",tertiary:"#629dfd33",positive:"#65c965",negative:"#FF334E",mobileMaxWidth:"650px",mobileMinWidth:"315px"},E={light:{primary:"#ffffff",reverse:"#353535",tooltip:"#f2f2f2",t8:"#000000cc",t7:"#000000b3",t6:"#00000099",t5:"#00000080",t4:"#00000066",t3:"#0000004d",t2:"#00000033",t1:"#0000001a",t08:"#00000014",t05:"#0000000d",t03:"#00000007",t02:"#00000005",t01:"#00000002",lgrad:`linear-gradient(
|
|
161
79
|
to right,
|
|
162
80
|
#dadef7 0%,
|
|
163
81
|
#dee2f8 5%,
|
|
@@ -168,28 +86,7 @@ var Themes = {
|
|
|
168
86
|
#f3f4fc 80%,
|
|
169
87
|
#f7f8fd 90%,
|
|
170
88
|
#fbfbfe 100%
|
|
171
|
-
)`,
|
|
172
|
-
maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
|
|
173
|
-
...CommonTheme
|
|
174
|
-
},
|
|
175
|
-
dark: {
|
|
176
|
-
primary: "#333333",
|
|
177
|
-
reverse: "#b45252",
|
|
178
|
-
tooltip: "#3d3d3d",
|
|
179
|
-
t8: "#ffffffcc",
|
|
180
|
-
t7: "#ffffffb3",
|
|
181
|
-
t6: "#ffffff99",
|
|
182
|
-
t5: "#ffffff80",
|
|
183
|
-
t4: "#ffffff66",
|
|
184
|
-
t3: "#ffffff4d",
|
|
185
|
-
t2: "#ffffff33",
|
|
186
|
-
t1: "#ffffff1a",
|
|
187
|
-
t08: "#ffffff14",
|
|
188
|
-
t05: "#ffffff0d",
|
|
189
|
-
t03: "#ffffff07",
|
|
190
|
-
t02: "#ffffff05",
|
|
191
|
-
t01: "#ffffff02",
|
|
192
|
-
lgrad: `linear-gradient(
|
|
89
|
+
)`,maingrad:"linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",...X},dark:{primary:"#333333",reverse:"#b45252",tooltip:"#3d3d3d",t8:"#ffffffcc",t7:"#ffffffb3",t6:"#ffffff99",t5:"#ffffff80",t4:"#ffffff66",t3:"#ffffff4d",t2:"#ffffff33",t1:"#ffffff1a",t08:"#ffffff14",t05:"#ffffff0d",t03:"#ffffff07",t02:"#ffffff05",t01:"#ffffff02",lgrad:`linear-gradient(
|
|
193
90
|
to right,
|
|
194
91
|
#3d485c 0%,
|
|
195
92
|
#3c4657 5%,
|
|
@@ -200,157 +97,10 @@ var Themes = {
|
|
|
200
97
|
#363a41 80%,
|
|
201
98
|
#35383c 90%,
|
|
202
99
|
#343538 100%
|
|
203
|
-
)`,
|
|
204
|
-
maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
|
|
205
|
-
...CommonTheme
|
|
206
|
-
}
|
|
207
|
-
};
|
|
208
|
-
|
|
209
|
-
// contexts/theme/index.tsx
|
|
210
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
211
|
-
var ThemeContext = (0, import_react.createContext)({});
|
|
212
|
-
var ThemeProviderContainer = (props) => {
|
|
213
|
-
const [theme, setTheme] = (0, import_react.useState)("light");
|
|
214
|
-
const [defaultTheme] = (0, import_react.useState)("light");
|
|
215
|
-
const SwitcherComponent = () => {
|
|
216
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
217
|
-
Switcher,
|
|
218
|
-
{
|
|
219
|
-
onClick: () => setTheme(theme === "light" ? "dark" : "light"),
|
|
220
|
-
"data-theme": theme || defaultTheme,
|
|
221
|
-
children: [
|
|
222
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
|
|
223
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "switcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}) }),
|
|
224
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
|
|
225
|
-
]
|
|
226
|
-
}
|
|
227
|
-
);
|
|
228
|
-
};
|
|
229
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
230
|
-
ThemeContext.Provider,
|
|
231
|
-
{
|
|
232
|
-
value: {
|
|
233
|
-
theme: props.theme || defaultTheme,
|
|
234
|
-
setTheme,
|
|
235
|
-
content: Themes[props.theme || defaultTheme],
|
|
236
|
-
Switcher: SwitcherComponent
|
|
237
|
-
},
|
|
238
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components2.ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children })
|
|
239
|
-
}
|
|
240
|
-
);
|
|
241
|
-
};
|
|
242
|
-
var useTheme = () => (0, import_react.useContext)(ThemeContext);
|
|
243
|
-
|
|
244
|
-
// contexts/icon/index.tsx
|
|
245
|
-
var import_lodash = __toESM(require("lodash"));
|
|
246
|
-
|
|
247
|
-
// contexts/icon/assets/brands/index.tsx
|
|
248
|
-
var req = require.context("./", false, /\.svg$/);
|
|
249
|
-
var brands = {};
|
|
250
|
-
req.keys().forEach((key) => {
|
|
251
|
-
const name = key.replace("./", "").replace(".svg", "");
|
|
252
|
-
brands[name] = req(key).default;
|
|
253
|
-
});
|
|
254
|
-
var brands_default = brands;
|
|
255
|
-
|
|
256
|
-
// contexts/icon/assets/regular/index.tsx
|
|
257
|
-
var req2 = require.context("./", false, /\.svg$/);
|
|
258
|
-
var regular = {};
|
|
259
|
-
req2.keys().forEach((key) => {
|
|
260
|
-
const name = key.replace("./", "").replace(".svg", "");
|
|
261
|
-
regular[name] = req2(key).default;
|
|
262
|
-
});
|
|
263
|
-
var regular_default = regular;
|
|
264
|
-
|
|
265
|
-
// contexts/icon/assets/solid/index.tsx
|
|
266
|
-
var req3 = require.context("./", false, /\.svg$/);
|
|
267
|
-
var solid = {};
|
|
268
|
-
req3.keys().forEach((key) => {
|
|
269
|
-
const name = key.replace("./", "").replace(".svg", "");
|
|
270
|
-
solid[name] = req3(key).default;
|
|
271
|
-
});
|
|
272
|
-
var solid_default = solid;
|
|
273
|
-
|
|
274
|
-
// contexts/icon/assets/index.tsx
|
|
275
|
-
var assets_default = {
|
|
276
|
-
brands: brands_default,
|
|
277
|
-
regular: regular_default,
|
|
278
|
-
solid: solid_default
|
|
279
|
-
};
|
|
280
|
-
|
|
281
|
-
// contexts/icon/index.tsx
|
|
282
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
283
|
-
var IconContext = (0, import_react2.createContext)({});
|
|
284
|
-
var IconProviderContainer = ({ children }) => {
|
|
285
|
-
const { content } = useTheme();
|
|
286
|
-
const [isClient, setIsClient] = (0, import_react2.useState)(false);
|
|
287
|
-
const [matches, setMatches] = (0, import_react2.useState)(0);
|
|
288
|
-
(0, import_react2.useEffect)(() => {
|
|
289
|
-
setIsClient(true);
|
|
290
|
-
}, []);
|
|
291
|
-
(0, import_react2.useEffect)(() => {
|
|
292
|
-
const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
|
|
293
|
-
const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
|
|
294
|
-
const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
|
|
295
|
-
const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
|
|
296
|
-
if (firstMediaQuery.matches) setMatches(1);
|
|
297
|
-
if (secoundMediaQuery.matches) setMatches(2);
|
|
298
|
-
firstMediaQuery.addEventListener("change", firstHandler);
|
|
299
|
-
secoundMediaQuery.addEventListener("change", secoundHandler);
|
|
300
|
-
return () => {
|
|
301
|
-
firstMediaQuery.removeEventListener("change", firstHandler);
|
|
302
|
-
secoundMediaQuery.removeEventListener("change", secoundHandler);
|
|
303
|
-
};
|
|
304
|
-
}, []);
|
|
305
|
-
(0, import_react2.useEffect)(() => {
|
|
306
|
-
if (!isClient) return;
|
|
307
|
-
const processElement = (element) => {
|
|
308
|
-
var _a, _b, _c, _d, _e;
|
|
309
|
-
const name = element.getAttribute("class");
|
|
310
|
-
if (!name) return;
|
|
311
|
-
const icon = import_lodash.default.split(import_lodash.default.replace(name, /fa-/g, ""), " ");
|
|
312
|
-
if (!icon.length) return;
|
|
313
|
-
let svg = (_d = (_c = (_a = assets_default[icon[0]]) == null ? void 0 : _a[icon[1]]) != null ? _c : (_b = assets_default["solid"]) == null ? void 0 : _b[icon[0]]) != null ? _d : "";
|
|
314
|
-
if (!svg) return;
|
|
315
|
-
svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
|
|
316
|
-
const styles = window.getComputedStyle(element);
|
|
317
|
-
const size = Number((_e = import_lodash.default.split(styles.fontSize, "px")) == null ? void 0 : _e[0]) + 2;
|
|
318
|
-
element.style.width = `${size}px`;
|
|
319
|
-
element.style.height = `${size}px`;
|
|
320
|
-
element.textContent = "";
|
|
321
|
-
element.innerHTML = svg;
|
|
322
|
-
};
|
|
323
|
-
document.querySelectorAll("i").forEach((el) => processElement(el));
|
|
324
|
-
const observer = new MutationObserver((mutations) => {
|
|
325
|
-
mutations.forEach((mutation) => {
|
|
326
|
-
mutation.addedNodes.forEach((node) => {
|
|
327
|
-
if (node.nodeType === 1) {
|
|
328
|
-
const el = node;
|
|
329
|
-
if (el.tagName.toLowerCase() === "i") processElement(el);
|
|
330
|
-
el.querySelectorAll("i").forEach((child) => processElement(child));
|
|
331
|
-
}
|
|
332
|
-
});
|
|
333
|
-
});
|
|
334
|
-
});
|
|
335
|
-
observer.observe(document.body, {
|
|
336
|
-
childList: true,
|
|
337
|
-
subtree: true
|
|
338
|
-
});
|
|
339
|
-
return () => observer.disconnect();
|
|
340
|
-
}, [isClient, matches]);
|
|
341
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconContext.Provider, { value: {}, children });
|
|
342
|
-
};
|
|
343
|
-
var useIcon = () => (0, import_react2.useContext)(IconContext);
|
|
344
|
-
|
|
345
|
-
// contexts/tooltip/index.tsx
|
|
346
|
-
var import_react3 = require("react");
|
|
347
|
-
|
|
348
|
-
// contexts/tooltip/styles.tsx
|
|
349
|
-
var import_styled_components3 = __toESM(require("styled-components"));
|
|
350
|
-
var Tooltip = import_styled_components3.default.div`
|
|
100
|
+
)`,maingrad:"linear-gradient(330deg, #1d1e27 0%, #333333 100%)",...X}};var p=require("react/jsx-runtime"),O=(0,x.createContext)({}),me=e=>{let[o,i]=(0,x.useState)("light"),[f]=(0,x.useState)("light"),n=()=>(0,p.jsxs)(A,{onClick:()=>i(o==="light"?"dark":"light"),"data-theme":o||f,children:[(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-moon"}),(0,p.jsx)("div",{className:"switcher",children:(0,p.jsx)("div",{})}),(0,p.jsx)("i",{"aria-hidden":!0,className:"fa-solid fa-sun"})]});return(0,p.jsx)(O.Provider,{value:{theme:e.theme||f,setTheme:i,content:E[e.theme||f],Switcher:n},children:(0,p.jsx)(W.ThemeProvider,{theme:E[e.theme||f],children:e.children})})},P=()=>(0,x.useContext)(O);var M=y(require("lodash"));var _=require.context("./",!1,/\.svg$/),F={};_.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");F[o]=_(e).default});var J=F;var Q=require.context("./",!1,/\.svg$/),Y={};Q.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");Y[o]=Q(e).default});var B=Y;var D=require.context("./",!1,/\.svg$/),G={};D.keys().forEach(e=>{let o=e.replace("./","").replace(".svg","");G[o]=D(e).default});var K=G;var $={brands:J,regular:B,solid:K};var V=require("react/jsx-runtime"),U=(0,m.createContext)({}),pe=({children:e})=>{let{content:o}=P(),[i,f]=(0,m.useState)(!1),[n,c]=(0,m.useState)(0);return(0,m.useEffect)(()=>{f(!0)},[]),(0,m.useEffect)(()=>{let s=window.matchMedia(`(max-width: ${o.mobileMaxWidth})`),r=window.matchMedia(`(max-width: ${o.mobileMinWidth})`),t=d=>c(d.matches?1:0),a=d=>c(d.matches?2:1);return s.matches&&c(1),r.matches&&c(2),s.addEventListener("change",t),r.addEventListener("change",a),()=>{s.removeEventListener("change",t),r.removeEventListener("change",a)}},[]),(0,m.useEffect)(()=>{if(!i)return;let s=t=>{var S,H,k,q,z;let a=t.getAttribute("class");if(!a)return;let d=M.default.split(M.default.replace(a,/fa-/g,"")," ");if(!d.length)return;let l=(q=(k=(S=$[d[0]])==null?void 0:S[d[1]])!=null?k:(H=$.solid)==null?void 0:H[d[0]])!=null?q:"";if(!l)return;l=l.replace(/fill=".*?"/g,'fill="currentColor"');let g=window.getComputedStyle(t),L=Number((z=M.default.split(g.fontSize,"px"))==null?void 0:z[0])+2;t.style.width=`${L}px`,t.style.height=`${L}px`,t.textContent="",t.innerHTML=l};document.querySelectorAll("i").forEach(t=>s(t));let r=new MutationObserver(t=>{t.forEach(a=>{a.addedNodes.forEach(d=>{if(d.nodeType===1){let l=d;l.tagName.toLowerCase()==="i"&&s(l),l.querySelectorAll("i").forEach(g=>s(g))}})})});return r.observe(document.body,{childList:!0,subtree:!0}),()=>r.disconnect()},[i,n]),(0,V.jsx)(U.Provider,{value:{},children:e})},he=()=>(0,m.useContext)(U);var h=require("react");var Z=y(require("styled-components")),j=Z.default.div`
|
|
351
101
|
position: fixed;
|
|
352
|
-
background: ${({
|
|
353
|
-
color: ${({
|
|
102
|
+
background: ${({theme:e})=>e.tooltip};
|
|
103
|
+
color: ${({theme:e})=>e.t6};
|
|
354
104
|
font-size: .8rem;
|
|
355
105
|
font-weight: 500;
|
|
356
106
|
text-align: center;
|
|
@@ -358,7 +108,7 @@ var Tooltip = import_styled_components3.default.div`
|
|
|
358
108
|
border-radius: 5px;
|
|
359
109
|
transform: translateX(-50%);
|
|
360
110
|
z-index: 10;
|
|
361
|
-
border: 1px solid ${({
|
|
111
|
+
border: 1px solid ${({theme:e})=>e.t05};
|
|
362
112
|
|
|
363
113
|
&::before {
|
|
364
114
|
content: "";
|
|
@@ -370,7 +120,7 @@ var Tooltip = import_styled_components3.default.div`
|
|
|
370
120
|
height: 0;
|
|
371
121
|
border-left: 8px solid transparent;
|
|
372
122
|
border-right: 8px solid transparent;
|
|
373
|
-
border-top: 8px solid ${({
|
|
123
|
+
border-top: 8px solid ${({theme:e})=>e.t05};
|
|
374
124
|
}
|
|
375
125
|
|
|
376
126
|
&::after {
|
|
@@ -383,144 +133,8 @@ var Tooltip = import_styled_components3.default.div`
|
|
|
383
133
|
height: 0;
|
|
384
134
|
border-left: 8px solid transparent;
|
|
385
135
|
border-right: 8px solid transparent;
|
|
386
|
-
border-top: 8px solid ${({
|
|
136
|
+
border-top: 8px solid ${({theme:e})=>e.tooltip};
|
|
387
137
|
}
|
|
388
|
-
`;
|
|
389
|
-
|
|
390
|
-
// contexts/tooltip/index.tsx
|
|
391
|
-
var import_lodash2 = __toESM(require("lodash"));
|
|
392
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
393
|
-
var TooltipContext = (0, import_react3.createContext)({});
|
|
394
|
-
var TooltipProviderContainer = ({ children }) => {
|
|
395
|
-
const [tooltips, setTooltips] = (0, import_react3.useState)([]);
|
|
396
|
-
const getContent = (target) => {
|
|
397
|
-
var _a;
|
|
398
|
-
const rect = target.getBoundingClientRect();
|
|
399
|
-
return {
|
|
400
|
-
top: rect.top + window.scrollY - (target.offsetHeight + 8),
|
|
401
|
-
left: rect.left + window.scrollX + target.offsetWidth / 2,
|
|
402
|
-
content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
|
|
403
|
-
};
|
|
404
|
-
};
|
|
405
|
-
(0, import_react3.useEffect)(() => {
|
|
406
|
-
const processElement = (element) => {
|
|
407
|
-
element.addEventListener("mouseenter", (event) => {
|
|
408
|
-
const target = event == null ? void 0 : event.target;
|
|
409
|
-
if (!target) return;
|
|
410
|
-
setTooltips(import_lodash2.default.concat(tooltips, [getContent(target)]));
|
|
411
|
-
});
|
|
412
|
-
element.addEventListener("mouseleave", (event) => {
|
|
413
|
-
const target = event == null ? void 0 : event.target;
|
|
414
|
-
if (!target) return;
|
|
415
|
-
setTooltips(import_lodash2.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
|
|
416
|
-
});
|
|
417
|
-
};
|
|
418
|
-
document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
|
|
419
|
-
const observer = new MutationObserver((mutations) => {
|
|
420
|
-
mutations.forEach((mutation) => {
|
|
421
|
-
mutation.addedNodes.forEach((node) => {
|
|
422
|
-
if (node.nodeType === 1) {
|
|
423
|
-
const el = node;
|
|
424
|
-
if (el.getAttribute("data-tooltip")) processElement(el);
|
|
425
|
-
el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
|
|
426
|
-
}
|
|
427
|
-
});
|
|
428
|
-
});
|
|
429
|
-
});
|
|
430
|
-
observer.observe(document.body, {
|
|
431
|
-
childList: true,
|
|
432
|
-
subtree: true
|
|
433
|
-
});
|
|
434
|
-
return () => observer.disconnect();
|
|
435
|
-
}, []);
|
|
436
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TooltipContext.Provider, { value: {}, children: [
|
|
437
|
-
import_lodash2.default.map(
|
|
438
|
-
tooltips,
|
|
439
|
-
(data, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
440
|
-
Tooltip,
|
|
441
|
-
{
|
|
442
|
-
style: {
|
|
443
|
-
top: data.top,
|
|
444
|
-
left: data.left
|
|
445
|
-
},
|
|
446
|
-
children: data.content
|
|
447
|
-
},
|
|
448
|
-
index
|
|
449
|
-
)
|
|
450
|
-
),
|
|
451
|
-
children
|
|
452
|
-
] });
|
|
453
|
-
};
|
|
454
|
-
var useTooltip = () => (0, import_react3.useContext)(TooltipContext);
|
|
455
|
-
|
|
456
|
-
// contexts/modal/index.tsx
|
|
457
|
-
var import_react4 = require("react");
|
|
458
|
-
var import_navigation = require("next/navigation");
|
|
459
|
-
|
|
460
|
-
// contexts/modal/styles.tsx
|
|
461
|
-
var import_styled_components4 = __toESM(require("styled-components"));
|
|
462
|
-
var Container = import_styled_components4.default.div`
|
|
138
|
+
`;var I=y(require("lodash")),w=require("react/jsx-runtime"),ee=(0,h.createContext)({}),ue=({children:e})=>{let[o,i]=(0,h.useState)([]),f=n=>{var s;let c=n.getBoundingClientRect();return{top:c.top+window.scrollY-(n.offsetHeight+8),left:c.left+window.scrollX+n.offsetWidth/2,content:((s=n.dataset)==null?void 0:s.tooltip)||""}};return(0,h.useEffect)(()=>{let n=s=>{s.addEventListener("mouseenter",r=>{let t=r==null?void 0:r.target;t&&i(I.default.concat(o,[f(t)]))}),s.addEventListener("mouseleave",r=>{let t=r==null?void 0:r.target;t&&i(I.default.filter(o,a=>JSON.stringify(a)===JSON.stringify(f(t))))})};document.querySelectorAll("[data-tooltip]").forEach(s=>n(s));let c=new MutationObserver(s=>{s.forEach(r=>{r.addedNodes.forEach(t=>{if(t.nodeType===1){let a=t;a.getAttribute("data-tooltip")&&n(a),a.querySelectorAll("[data-tooltip]").forEach(d=>n(d))}})})});return c.observe(document.body,{childList:!0,subtree:!0}),()=>c.disconnect()},[]),(0,w.jsxs)(ee.Provider,{value:{},children:[I.default.map(o,(n,c)=>(0,w.jsx)(j,{style:{top:n.top,left:n.left},children:n.content},c)),e]})},ge=()=>(0,h.useContext)(ee);var u=require("react"),re=require("next/navigation");var te=y(require("styled-components")),oe=te.default.div`
|
|
463
139
|
|
|
464
|
-
`;
|
|
465
|
-
|
|
466
|
-
// contexts/modal/index.tsx
|
|
467
|
-
var import_lodash3 = __toESM(require("lodash"));
|
|
468
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
469
|
-
var ModalContext = (0, import_react4.createContext)({});
|
|
470
|
-
var memory = [];
|
|
471
|
-
var ModalProviderContainer = ({ children }) => {
|
|
472
|
-
const pathname = (0, import_navigation.usePathname)();
|
|
473
|
-
const [modals, setModals] = (0, import_react4.useState)([]);
|
|
474
|
-
(0, import_react4.useEffect)(() => {
|
|
475
|
-
setModals(import_lodash3.default.filter(memory, (modal) => modal.type === "fixed"));
|
|
476
|
-
}, [pathname]);
|
|
477
|
-
const add = (modal) => {
|
|
478
|
-
if (import_lodash3.default.some(memory, (data) => data.name === modal.name)) return;
|
|
479
|
-
memory.push(modal);
|
|
480
|
-
setModals(memory);
|
|
481
|
-
};
|
|
482
|
-
const remove = (modalName) => {
|
|
483
|
-
const index = import_lodash3.default.findIndex(memory, (data) => data.name === modalName);
|
|
484
|
-
memory.slice(index, 1);
|
|
485
|
-
setModals(memory);
|
|
486
|
-
};
|
|
487
|
-
const setProps = (modalName, props) => {
|
|
488
|
-
const index = import_lodash3.default.findIndex(modals, (modal) => modal.name === modalName);
|
|
489
|
-
const content = import_lodash3.default.find(modals, (modal) => modal.name === modalName);
|
|
490
|
-
if (!content) return;
|
|
491
|
-
let settedModals = [...modals];
|
|
492
|
-
settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
|
|
493
|
-
setModals(settedModals);
|
|
494
|
-
};
|
|
495
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
496
|
-
ModalContext.Provider,
|
|
497
|
-
{
|
|
498
|
-
value: {
|
|
499
|
-
value: modals,
|
|
500
|
-
add,
|
|
501
|
-
remove,
|
|
502
|
-
setProps
|
|
503
|
-
},
|
|
504
|
-
children: [
|
|
505
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { children: import_lodash3.default.map(modals, (modal, index) => {
|
|
506
|
-
const ModalComponent = modal.component;
|
|
507
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ModalComponent, { ...modal.props }, index);
|
|
508
|
-
}) }),
|
|
509
|
-
children
|
|
510
|
-
]
|
|
511
|
-
}
|
|
512
|
-
);
|
|
513
|
-
};
|
|
514
|
-
var useModal = () => (0, import_react4.useContext)(ModalContext);
|
|
515
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
516
|
-
0 && (module.exports = {
|
|
517
|
-
IconProvider,
|
|
518
|
-
ModalProvider,
|
|
519
|
-
ThemeProvider,
|
|
520
|
-
TooltipProvider,
|
|
521
|
-
useIcon,
|
|
522
|
-
useModal,
|
|
523
|
-
useTheme,
|
|
524
|
-
useTooltip
|
|
525
|
-
});
|
|
526
|
-
//# sourceMappingURL=index.js.map
|
|
140
|
+
`;var b=y(require("lodash")),C=require("react/jsx-runtime"),ne=(0,u.createContext)({}),v=[],xe=({children:e})=>{let o=(0,re.usePathname)(),[i,f]=(0,u.useState)([]);(0,u.useEffect)(()=>{f(b.default.filter(v,r=>r.type==="fixed"))},[o]);let n=r=>{b.default.some(v,t=>t.name===r.name)||(v.push(r),f(v))},c=r=>{let t=b.default.findIndex(v,a=>a.name===r);v.slice(t,1),f(v)},s=(r,t)=>{let a=b.default.findIndex(i,g=>g.name===r),d=b.default.find(i,g=>g.name===r);if(!d)return;let l=[...i];l.splice(a,1,{...d,props:{...d.props,...t}}),f(l)};return(0,C.jsxs)(ne.Provider,{value:{value:i,add:n,remove:c,setProps:s},children:[(0,C.jsx)(oe,{children:b.default.map(i,(r,t)=>{let a=r.component;return(0,C.jsx)(a,{...r.props},t)})}),e]})},ve=()=>(0,u.useContext)(ne);0&&(module.exports={IconProvider,ModalProvider,ThemeProvider,TooltipProvider,useIcon,useModal,useTheme,useTooltip});
|