@prokodo/ui 0.1.14 → 0.1.15
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/components/RTE/RTE.client.js +0 -1
- package/dist/components/RTE/RTE.js +4 -1
- package/dist/components/accordion/Accordion.js +8 -2
- package/dist/components/accordion/Accordion.view.js +1 -1
- package/dist/components/animated/Animated.client.js +13 -5
- package/dist/components/animated/Animated.js +8 -2
- package/dist/components/animatedText/AnimatedText.client.js +10 -2
- package/dist/components/animatedText/AnimatedText.js +8 -2
- package/dist/components/autocomplete/Autocomplete.client.js +5 -1
- package/dist/components/autocomplete/Autocomplete.js +4 -1
- package/dist/components/autocomplete/Autocomplete.view.js +13 -4
- package/dist/components/avatar/Avatar.js +4 -1
- package/dist/components/avatar/Avatar.view.js +19 -12
- package/dist/components/base-link/BaseLink.js +4 -1
- package/dist/components/base-link/BaseLink.view.js +3 -0
- package/dist/components/button/Button.js +4 -1
- package/dist/components/button/Button.view.js +3 -1
- package/dist/components/calendly/Calendly.js +8 -2
- package/dist/components/card/Card.js +11 -5
- package/dist/components/card/Card.view.js +22 -5
- package/dist/components/carousel/Carousel.client.js +140 -129
- package/dist/components/carousel/Carousel.js +8 -2
- package/dist/components/carousel/Carousel.view.js +10 -0
- package/dist/components/checkbox/Checkbox.js +4 -1
- package/dist/components/checkbox/Checkbox.view.js +4 -1
- package/dist/components/checkbox-group/CheckboxGroup.js +4 -1
- package/dist/components/checkbox-group/CheckboxGroup.view.js +4 -1
- package/dist/components/chip/Chip.js +4 -1
- package/dist/components/chip/Chip.view.js +4 -0
- package/dist/components/datePicker/DatePicker.js +4 -1
- package/dist/components/dialog/Dialog.js +8 -2
- package/dist/components/dialog/Dialog.view.js +23 -5
- package/dist/components/drawer/Drawer.client.js +0 -1
- package/dist/components/drawer/Drawer.js +4 -1
- package/dist/components/drawer/Drawer.view.js +14 -3
- package/dist/components/dynamic-list/DynamicList.client.js +1 -0
- package/dist/components/dynamic-list/DynamicList.js +4 -1
- package/dist/components/dynamic-list/DynamicList.view.js +18 -5
- package/dist/components/form/Form.client.js +4 -1
- package/dist/components/form/Form.js +4 -1
- package/dist/components/form/Form.view.js +3 -1
- package/dist/components/form/FormField.client.js +8 -2
- package/dist/components/form/FormField.js +4 -1
- package/dist/components/form/FormResponse.js +4 -1
- package/dist/components/headline/Headline.js +8 -2
- package/dist/components/icon/Icon.js +8 -2
- package/dist/components/image/Image.client.js +9 -5
- package/dist/components/image/Image.js +8 -2
- package/dist/components/image/Image.server.js +2 -1
- package/dist/components/image-text/ImageText.js +18 -8
- package/dist/components/input/Input.client.js +15 -2
- package/dist/components/input/Input.js +4 -1
- package/dist/components/input/Input.view.js +15 -6
- package/dist/components/input/InputValidation.js +6 -2
- package/dist/components/inputOTP/InputOTP.js +2 -1
- package/dist/components/link/Link.js +5 -3
- package/dist/components/link/Link.view.js +2 -1
- package/dist/components/list/List.js +52 -23
- package/dist/components/loading/Loading.js +4 -1
- package/dist/components/loading/Loading.view.js +25 -5
- package/dist/components/lottie/Lottie.js +9 -5
- package/dist/components/map/Map.js +62 -44
- package/dist/components/pagination/Pagination.js +4 -1
- package/dist/components/pagination/Pagination.view.js +3 -1
- package/dist/components/post-item/PostItem.js +4 -1
- package/dist/components/post-item/PostItemAuthor.js +4 -1
- package/dist/components/post-teaser/PostTeaser.js +4 -1
- package/dist/components/post-teaser/PostTeaser.view.js +4 -2
- package/dist/components/post-widget/PostWidget.js +5 -3
- package/dist/components/post-widget/PostWidget.view.js +9 -3
- package/dist/components/post-widget-carousel/PostWidgetCarousel.js +8 -2
- package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +2 -1
- package/dist/components/progressBar/ProgressBar.js +8 -2
- package/dist/components/progressBar/ProgressBar.view.js +4 -1
- package/dist/components/rating/Rating.client.js +6 -1
- package/dist/components/rating/Rating.js +4 -1
- package/dist/components/rich-text/RichText.client.js +52 -17
- package/dist/components/rich-text/RichText.js +8 -2
- package/dist/components/rich-text/RichText.server.js +3 -0
- package/dist/components/select/Select.client.js +149 -101
- package/dist/components/select/Select.js +8 -2
- package/dist/components/select/Select.view.js +35 -11
- package/dist/components/sidenav/SideNav.js +8 -2
- package/dist/components/slider/Slider.client.js +11 -2
- package/dist/components/slider/Slider.js +4 -1
- package/dist/components/slider/Slider.view.js +43 -5
- package/dist/components/snackbar/Snackbar.client.js +5 -1
- package/dist/components/snackbar/Snackbar.js +4 -1
- package/dist/components/snackbar/SnackbarProvider.js +8 -2
- package/dist/components/stepper/Stepper.client.js +6 -3
- package/dist/components/stepper/Stepper.js +4 -1
- package/dist/components/switch/Switch.js +4 -1
- package/dist/components/switch/Switch.view.js +1 -0
- package/dist/components/table/Table.js +1 -0
- package/dist/components/tabs/Tabs.client.js +1 -0
- package/dist/components/tabs/Tabs.js +8 -2
- package/dist/components/tabs/Tabs.view.js +8 -2
- package/dist/components/tooltip/Tooltip.client.js +126 -91
- package/dist/components/tooltip/Tooltip.js +10 -4
- package/dist/components/tooltip/Tooltip.view.js +1 -0
- package/dist/constants/project.js +1 -1
- package/dist/helpers/createIsland.js +1 -0
- package/dist/helpers/createLazyWrapper.js +1 -0
- package/dist/hooks/useGoogleMaps.js +0 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/RTE/RTE.d.ts +1 -1
- package/dist/types/components/RTE/RTE.lazy.d.ts +1 -1
- package/dist/types/components/avatar/Avatar.view.d.ts +1 -1
- package/dist/types/components/carousel/Carousel.view.d.ts +1 -1
- package/dist/types/components/dynamic-list/DynamicList.model.d.ts +1 -1
- package/dist/types/components/headline/Headline.model.d.ts +1 -1
- package/dist/types/components/input/Input.view.d.ts +1 -1
- package/package.json +19 -5
|
@@ -91,10 +91,12 @@ const FormView = /* @__PURE__ */ __name(({
|
|
|
91
91
|
className: bem("hp"),
|
|
92
92
|
id: "hp",
|
|
93
93
|
name: "hp",
|
|
94
|
+
tabIndex: -1,
|
|
94
95
|
type: "text",
|
|
95
96
|
...honeypotRest,
|
|
96
97
|
readOnly: honeypotReadOnly,
|
|
97
|
-
value: hpValue
|
|
98
|
+
value: hpValue,
|
|
99
|
+
onChange: hpOnChange
|
|
98
100
|
}
|
|
99
101
|
)
|
|
100
102
|
] }),
|
|
@@ -61,7 +61,10 @@ function FormFieldClient({
|
|
|
61
61
|
{
|
|
62
62
|
priority: true,
|
|
63
63
|
...props,
|
|
64
|
-
onChange:
|
|
64
|
+
onChange: (
|
|
65
|
+
/* istanbul ignore next */
|
|
66
|
+
/* @__PURE__ */ __name((_, value) => onChange == null ? void 0 : onChange(props, value ?? void 0), "onChange")
|
|
67
|
+
)
|
|
65
68
|
}
|
|
66
69
|
)
|
|
67
70
|
);
|
|
@@ -89,7 +92,10 @@ function FormFieldClient({
|
|
|
89
92
|
onValidate: /* @__PURE__ */ __name((_, err) => onValidate == null ? void 0 : onValidate(props, err), "onValidate"),
|
|
90
93
|
onChange: /* @__PURE__ */ __name((value) => onChange == null ? void 0 : onChange(
|
|
91
94
|
props,
|
|
92
|
-
typeof value === "object" ? value == null ? void 0 : value.format("YYYY-MM-DDTHH:mm:ssZ") :
|
|
95
|
+
typeof value === "object" ? value == null ? void 0 : value.format("YYYY-MM-DDTHH:mm:ssZ") : (
|
|
96
|
+
/* istanbul ignore next */
|
|
97
|
+
value
|
|
98
|
+
)
|
|
93
99
|
), "onChange")
|
|
94
100
|
}
|
|
95
101
|
)
|
|
@@ -5,7 +5,10 @@ import FormFieldServer from "./FormField.server.js";
|
|
|
5
5
|
const FormField = createIsland({
|
|
6
6
|
name: "FormField",
|
|
7
7
|
Server: FormFieldServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./FormField.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
FormField.displayName = "FormField";
|
|
11
14
|
export {
|
|
@@ -17,7 +17,10 @@ const FormResponse = /* @__PURE__ */ __name(({
|
|
|
17
17
|
return {
|
|
18
18
|
id: key,
|
|
19
19
|
title: key.charAt(0).toUpperCase() + key.slice(1),
|
|
20
|
-
desc: (messages == null ? void 0 : messages.errors) ? (_b = (_a = messages.errors) == null ? void 0 : _a[key]) == null ? void 0 : _b.join(", ") :
|
|
20
|
+
desc: (messages == null ? void 0 : messages.errors) ? (_b = (_a = messages.errors) == null ? void 0 : _a[key]) == null ? void 0 : _b.join(", ") : (
|
|
21
|
+
/* istanbul ignore next */
|
|
22
|
+
""
|
|
23
|
+
),
|
|
21
24
|
className: bem("errors__item")
|
|
22
25
|
};
|
|
23
26
|
});
|
|
@@ -32,7 +32,10 @@ const Headline = /* @__PURE__ */ __name(({
|
|
|
32
32
|
[`${align}`]: !!align
|
|
33
33
|
};
|
|
34
34
|
const bemClass = bem(void 0, modifier, className);
|
|
35
|
-
const customStyle = typeof size === "number" ? { fontSize: `${size}em` } :
|
|
35
|
+
const customStyle = typeof size === "number" ? { fontSize: `${size}em` } : (
|
|
36
|
+
/* istanbul ignore next */
|
|
37
|
+
{}
|
|
38
|
+
);
|
|
36
39
|
const ariaLabel = typeof children === "string" ? children : void 0;
|
|
37
40
|
const baseProps = {
|
|
38
41
|
id,
|
|
@@ -67,7 +70,10 @@ const Headline = /* @__PURE__ */ __name(({
|
|
|
67
70
|
schema,
|
|
68
71
|
variant,
|
|
69
72
|
...remainingProps,
|
|
70
|
-
overrideParagraph:
|
|
73
|
+
overrideParagraph: (
|
|
74
|
+
/* istanbul ignore next */
|
|
75
|
+
/* @__PURE__ */ __name((textContent) => renderHTag({ children: textContent }), "overrideParagraph")
|
|
76
|
+
),
|
|
71
77
|
children
|
|
72
78
|
}
|
|
73
79
|
) });
|
|
@@ -8,7 +8,10 @@ import { isString } from "../../helpers/validations.js";
|
|
|
8
8
|
import styles from "./Icon.module.scss.js";
|
|
9
9
|
const bem = create(styles, "Icon");
|
|
10
10
|
const getIconSize = /* @__PURE__ */ __name((s) => ({ xs: 15, sm: 20, md: 30, lg: 40, xl: 50 })[s] ?? s ?? 16, "getIconSize");
|
|
11
|
-
const baseUrl = ENVIRONMENT !== "development" ? `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${PROKODO_UI_VERSION}/assets/icons` :
|
|
11
|
+
const baseUrl = ENVIRONMENT !== "development" ? `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${PROKODO_UI_VERSION}/assets/icons` : (
|
|
12
|
+
/* istanbul ignore next */
|
|
13
|
+
"/assets/icons"
|
|
14
|
+
);
|
|
12
15
|
const iconUrl = /* @__PURE__ */ __name((n) => `${baseUrl}/${n.replace(/Icon$/, "").replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/([a-zA-Z])([0-9])/g, "$1_$2").toLowerCase()}_icon.svg`, "iconUrl");
|
|
13
16
|
const Icon = /* @__PURE__ */ __name(({
|
|
14
17
|
name,
|
|
@@ -25,7 +28,10 @@ const Icon = /* @__PURE__ */ __name(({
|
|
|
25
28
|
const mask = {
|
|
26
29
|
width: sizePx,
|
|
27
30
|
height: sizePx,
|
|
28
|
-
backgroundColor:
|
|
31
|
+
backgroundColor: (
|
|
32
|
+
/* istanbul ignore next */
|
|
33
|
+
Boolean(isCustomColor) ? color : "currentColor"
|
|
34
|
+
),
|
|
29
35
|
maskImage: `url("${url}")`,
|
|
30
36
|
WebkitMaskImage: `url("${url}")`
|
|
31
37
|
};
|
|
@@ -25,10 +25,13 @@ function toPlainImgProps(p) {
|
|
|
25
25
|
const rawSrc = rest.src;
|
|
26
26
|
if (typeof rawSrc === "string") {
|
|
27
27
|
src = rawSrc;
|
|
28
|
-
} else if (
|
|
29
|
-
|
|
30
|
-
"
|
|
31
|
-
|
|
28
|
+
} else if (
|
|
29
|
+
/* istanbul ignore next */
|
|
30
|
+
typeof rawSrc === "object" && rawSrc !== null && Object.prototype.hasOwnProperty.call(
|
|
31
|
+
rawSrc,
|
|
32
|
+
"src"
|
|
33
|
+
) && typeof rawSrc.src === "string"
|
|
34
|
+
) {
|
|
32
35
|
const rs = rawSrc;
|
|
33
36
|
({ src } = rs);
|
|
34
37
|
} else {
|
|
@@ -63,7 +66,8 @@ const ImageClient = /* @__PURE__ */ __name(({
|
|
|
63
66
|
return /* @__PURE__ */ jsx(
|
|
64
67
|
CustomImage,
|
|
65
68
|
{
|
|
66
|
-
alt: alt ??
|
|
69
|
+
alt: alt ?? /* istanbul ignore next */
|
|
70
|
+
"",
|
|
67
71
|
className: bem("image", void 0, className),
|
|
68
72
|
...rawProps
|
|
69
73
|
}
|
|
@@ -5,10 +5,16 @@ import ImageServer from "./Image.server.js";
|
|
|
5
5
|
const Image = createIsland({
|
|
6
6
|
name: "Image",
|
|
7
7
|
Server: ImageServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Image.lazy.js"), "loadLazy")
|
|
11
|
+
),
|
|
9
12
|
// Treat Image as interactive so it always gets the client path
|
|
10
13
|
// when needed, but markup is still valid for server-only fallback.
|
|
11
|
-
isInteractive:
|
|
14
|
+
isInteractive: (
|
|
15
|
+
/* istanbul ignore next */
|
|
16
|
+
/* @__PURE__ */ __name(() => true, "isInteractive")
|
|
17
|
+
)
|
|
12
18
|
});
|
|
13
19
|
export {
|
|
14
20
|
Image
|
|
@@ -64,7 +64,8 @@ const ImageServer = /* @__PURE__ */ __name(({
|
|
|
64
64
|
const renderImage = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx(
|
|
65
65
|
CustomImage,
|
|
66
66
|
{
|
|
67
|
-
alt: alt ??
|
|
67
|
+
alt: alt ?? /* istanbul ignore next */
|
|
68
|
+
"",
|
|
68
69
|
className: bem("image", void 0, className),
|
|
69
70
|
...imgProps
|
|
70
71
|
}
|
|
@@ -45,6 +45,7 @@ const ImageText = /* @__PURE__ */ __name(({
|
|
|
45
45
|
className: bem(
|
|
46
46
|
"sub__headline",
|
|
47
47
|
void 0,
|
|
48
|
+
/* istanbul ignore next */
|
|
48
49
|
subTitleProps == null ? void 0 : subTitleProps.className
|
|
49
50
|
),
|
|
50
51
|
children: subTitle
|
|
@@ -56,7 +57,12 @@ const ImageText = /* @__PURE__ */ __name(({
|
|
|
56
57
|
size: "lg",
|
|
57
58
|
type: "h2",
|
|
58
59
|
...titleProps,
|
|
59
|
-
className: bem(
|
|
60
|
+
className: bem(
|
|
61
|
+
"headline",
|
|
62
|
+
void 0,
|
|
63
|
+
/* istanbul ignore next */
|
|
64
|
+
titleProps == null ? void 0 : titleProps.className
|
|
65
|
+
),
|
|
60
66
|
children: title
|
|
61
67
|
}
|
|
62
68
|
),
|
|
@@ -70,13 +76,17 @@ const ImageText = /* @__PURE__ */ __name(({
|
|
|
70
76
|
}
|
|
71
77
|
)
|
|
72
78
|
] }) }),
|
|
73
|
-
image && /* @__PURE__ */ jsx(GridRow, { className: bem("image"), md: 6, xs: 10, children: /* @__PURE__ */ jsx(Animated, {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
79
|
+
image && /* @__PURE__ */ jsx(GridRow, { className: bem("image"), md: 6, xs: 10, children: /* @__PURE__ */ jsx(Animated, {
|
|
80
|
+
className: bem("animated__container"),
|
|
81
|
+
/* istanbul ignore next */
|
|
82
|
+
children: isString(animation) ? /* @__PURE__ */ jsx(
|
|
83
|
+
Lottie,
|
|
84
|
+
{
|
|
85
|
+
animation,
|
|
86
|
+
className: bem("animation")
|
|
87
|
+
}
|
|
88
|
+
) : /* @__PURE__ */ jsx(Image, { className: bem("image__src"), ...image })
|
|
89
|
+
}) })
|
|
80
90
|
]
|
|
81
91
|
}
|
|
82
92
|
) });
|
|
@@ -37,9 +37,22 @@ function InputClient({
|
|
|
37
37
|
const v = e.target.value;
|
|
38
38
|
if (isNumber(maxLength) && v.length > maxLength) return;
|
|
39
39
|
setVal(v);
|
|
40
|
-
const minInt =
|
|
41
|
-
|
|
40
|
+
const minInt = (
|
|
41
|
+
/* istanbul ignore next */
|
|
42
|
+
rawType === "number" ? (
|
|
43
|
+
/* istanbul ignore next */
|
|
44
|
+
min
|
|
45
|
+
) : void 0
|
|
46
|
+
);
|
|
47
|
+
const maxInt = (
|
|
48
|
+
/* istanbul ignore next */
|
|
49
|
+
rawType === "number" ? (
|
|
50
|
+
/* istanbul ignore next */
|
|
51
|
+
max
|
|
52
|
+
) : void 0
|
|
53
|
+
);
|
|
42
54
|
handleValidation(
|
|
55
|
+
/* istanbul ignore next */
|
|
43
56
|
Boolean(multiline) ? "text" : rawType,
|
|
44
57
|
name,
|
|
45
58
|
v,
|
|
@@ -5,7 +5,10 @@ import InputServer from "./Input.server.js";
|
|
|
5
5
|
const Input = createIsland({
|
|
6
6
|
name: "Input",
|
|
7
7
|
Server: InputServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Input.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
Input
|
|
@@ -27,6 +27,7 @@ function InputView({
|
|
|
27
27
|
inputClassName,
|
|
28
28
|
hideCounter,
|
|
29
29
|
rows,
|
|
30
|
+
hideLegend: _hideLegend,
|
|
30
31
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
31
32
|
minRows,
|
|
32
33
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -133,7 +134,10 @@ function InputView({
|
|
|
133
134
|
"div",
|
|
134
135
|
{
|
|
135
136
|
className: bem("footer", {
|
|
136
|
-
"counter-only":
|
|
137
|
+
"counter-only": (
|
|
138
|
+
/* istanbul ignore next */
|
|
139
|
+
!isError && !hasHelperText && typeof maxLength === "number"
|
|
140
|
+
)
|
|
137
141
|
}),
|
|
138
142
|
children: [
|
|
139
143
|
(isError || hasHelperText) && /* @__PURE__ */ jsx(
|
|
@@ -154,11 +158,16 @@ function InputView({
|
|
|
154
158
|
)
|
|
155
159
|
}
|
|
156
160
|
),
|
|
157
|
-
!Boolean(hideCounter) && typeof maxLength === "number" && /*
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
161
|
+
!Boolean(hideCounter) && typeof maxLength === "number" && /* istanbul ignore next */
|
|
162
|
+
/* @__PURE__ */ jsx("div", { className: bem("counter"), children: /* @__PURE__ */ jsxs("span", {
|
|
163
|
+
/* istanbul ignore next */
|
|
164
|
+
children: [
|
|
165
|
+
value != null ? String(value).length : 0,
|
|
166
|
+
" ",
|
|
167
|
+
"/ ",
|
|
168
|
+
maxLength
|
|
169
|
+
]
|
|
170
|
+
}) })
|
|
162
171
|
]
|
|
163
172
|
}
|
|
164
173
|
)
|
|
@@ -32,8 +32,12 @@ const buildCustomRegex = /* @__PURE__ */ __name((pattern) => {
|
|
|
32
32
|
var _a;
|
|
33
33
|
const m = pattern.match(/^\/([\s\S]*)\/([gimuy]*)$/);
|
|
34
34
|
const src = m ? m[1] : pattern;
|
|
35
|
-
const flags = m ? (
|
|
36
|
-
|
|
35
|
+
const flags = m ? (
|
|
36
|
+
/* istanbul ignore next */
|
|
37
|
+
(_a = m[2]) == null ? void 0 : _a.replace(/[^gimuy]/g, "")
|
|
38
|
+
) : "";
|
|
39
|
+
return new RegExp(src ?? /* istanbul ignore next */
|
|
40
|
+
"", flags);
|
|
37
41
|
}, "buildCustomRegex");
|
|
38
42
|
const handleValidation = /* @__PURE__ */ __name((type, name, value, required, min, max, customRegexPattern, errorTranslations, onValidate) => {
|
|
39
43
|
if (!onValidate) return;
|
|
@@ -159,7 +159,8 @@ const InputOTP = memo(
|
|
|
159
159
|
role: "group",
|
|
160
160
|
onPaste: handlePaste,
|
|
161
161
|
children: [
|
|
162
|
-
/* @__PURE__ */ jsx("span", { className: bem("label"), id: "otp-group-label", children: groupLabel ??
|
|
162
|
+
/* @__PURE__ */ jsx("span", { className: bem("label"), id: "otp-group-label", children: groupLabel ?? /* istanbul ignore next */
|
|
163
|
+
"Enter your OTP" }),
|
|
163
164
|
/* @__PURE__ */ jsx("span", { className: bem("instruction"), id: "otp-instructions", children: groupInstruction ?? "Use the arrow keys to navigate between digits." }),
|
|
164
165
|
otp.map((value, index) => /* @__PURE__ */ jsx(
|
|
165
166
|
Input,
|
|
@@ -5,9 +5,11 @@ import LinkServer from "./Link.server.js";
|
|
|
5
5
|
const Link = createIsland({
|
|
6
6
|
name: "Link",
|
|
7
7
|
Server: LinkServer,
|
|
8
|
-
loadLazy:
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Link.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
12
|
+
// optional: custom predicate (e.g. always interactive if target="_blank") isInteractive: /* istanbul ignore next */ p => typeof p.linkComponent === "function",
|
|
11
13
|
});
|
|
12
14
|
export {
|
|
13
15
|
Link
|
|
@@ -51,6 +51,7 @@ function LinkView({
|
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
|
+
const clickProps = hasHandlers ? { onClick } : null;
|
|
54
55
|
return /* @__PURE__ */ jsx(
|
|
55
56
|
BaseLinkComponent,
|
|
56
57
|
{
|
|
@@ -59,7 +60,7 @@ function LinkView({
|
|
|
59
60
|
href,
|
|
60
61
|
linkComponent,
|
|
61
62
|
target,
|
|
62
|
-
...
|
|
63
|
+
...clickProps,
|
|
63
64
|
children
|
|
64
65
|
}
|
|
65
66
|
);
|
|
@@ -13,8 +13,16 @@ function List({
|
|
|
13
13
|
type,
|
|
14
14
|
variant = "inherit",
|
|
15
15
|
className,
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
/* istanbul ignore next */
|
|
17
|
+
options = (
|
|
18
|
+
/* istanbul ignore next */
|
|
19
|
+
{}
|
|
20
|
+
),
|
|
21
|
+
/* istanbul ignore next */
|
|
22
|
+
items = (
|
|
23
|
+
/* istanbul ignore next */
|
|
24
|
+
[]
|
|
25
|
+
),
|
|
18
26
|
classNameDesc,
|
|
19
27
|
...props
|
|
20
28
|
}) {
|
|
@@ -93,7 +101,10 @@ function List({
|
|
|
93
101
|
}, "DescParagraph");
|
|
94
102
|
const IconWrapper = /* @__PURE__ */ __name(() => {
|
|
95
103
|
if (icon === void 0 || icon === null) return null;
|
|
96
|
-
return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: isValidElement(icon) ?
|
|
104
|
+
return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: isValidElement(icon) ? (
|
|
105
|
+
/* istanbul ignore next */
|
|
106
|
+
icon
|
|
107
|
+
) : /* @__PURE__ */ jsx(
|
|
97
108
|
Icon,
|
|
98
109
|
{
|
|
99
110
|
color: variant,
|
|
@@ -160,32 +171,50 @@ function List({
|
|
|
160
171
|
}
|
|
161
172
|
)
|
|
162
173
|
},
|
|
163
|
-
`list-item-${
|
|
174
|
+
`list-item-${/* istanbul ignore next */
|
|
175
|
+
id ?? i}`
|
|
164
176
|
);
|
|
165
177
|
}
|
|
166
178
|
if (redirect) {
|
|
167
179
|
const linkProps = redirect;
|
|
168
|
-
return /* @__PURE__ */ jsx(
|
|
169
|
-
|
|
180
|
+
return /* @__PURE__ */ jsx(
|
|
181
|
+
"li",
|
|
170
182
|
{
|
|
171
|
-
className:
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
+
className: liClass,
|
|
184
|
+
children: /* @__PURE__ */ jsxs(
|
|
185
|
+
Link,
|
|
186
|
+
{
|
|
187
|
+
className: bem("item__link", void 0, linkProps.className),
|
|
188
|
+
variant,
|
|
189
|
+
...linkProps,
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ jsxs("div", { className: bem("item__link__header"), children: [
|
|
192
|
+
/* @__PURE__ */ jsx(IconWrapper, {}),
|
|
193
|
+
/* @__PURE__ */ jsx(TitleSpan, {})
|
|
194
|
+
] }),
|
|
195
|
+
/* @__PURE__ */ jsx(DescParagraph, {})
|
|
196
|
+
]
|
|
197
|
+
}
|
|
198
|
+
)
|
|
199
|
+
},
|
|
200
|
+
`list-item-${/* istanbul ignore next */
|
|
201
|
+
id ?? i}`
|
|
202
|
+
);
|
|
183
203
|
}
|
|
184
|
-
return /* @__PURE__ */ jsxs(
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
204
|
+
return /* @__PURE__ */ jsxs(
|
|
205
|
+
"li",
|
|
206
|
+
{
|
|
207
|
+
className: liClass,
|
|
208
|
+
...liHandlers,
|
|
209
|
+
children: [
|
|
210
|
+
/* @__PURE__ */ jsx(IconWrapper, {}),
|
|
211
|
+
/* @__PURE__ */ jsx(TitleSpan, {}),
|
|
212
|
+
/* @__PURE__ */ jsx(DescParagraph, {})
|
|
213
|
+
]
|
|
214
|
+
},
|
|
215
|
+
`list-item-${/* istanbul ignore next */
|
|
216
|
+
id ?? i}`
|
|
217
|
+
);
|
|
189
218
|
})
|
|
190
219
|
}
|
|
191
220
|
);
|
|
@@ -5,7 +5,10 @@ import LoadingServer from "./Loading.server.js";
|
|
|
5
5
|
const Loading = createIsland({
|
|
6
6
|
name: "Loading",
|
|
7
7
|
Server: LoadingServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Loading.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
Loading,
|
|
@@ -11,8 +11,16 @@ const PX = {
|
|
|
11
11
|
const SpinnerView = /* @__PURE__ */ __name(({
|
|
12
12
|
className,
|
|
13
13
|
style,
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
/* istanbul ignore next */
|
|
15
|
+
size = (
|
|
16
|
+
/* istanbul ignore next */
|
|
17
|
+
"sm"
|
|
18
|
+
),
|
|
19
|
+
/* istanbul ignore next */
|
|
20
|
+
ariaLabel = (
|
|
21
|
+
/* istanbul ignore next */
|
|
22
|
+
"Loading"
|
|
23
|
+
),
|
|
16
24
|
reducedMotion
|
|
17
25
|
}) => {
|
|
18
26
|
const s = PX[size];
|
|
@@ -89,9 +97,21 @@ const SpinnerView = /* @__PURE__ */ __name(({
|
|
|
89
97
|
const OverlayView = /* @__PURE__ */ __name(({
|
|
90
98
|
className,
|
|
91
99
|
style,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
100
|
+
/* istanbul ignore next */
|
|
101
|
+
size = (
|
|
102
|
+
/* istanbul ignore next */
|
|
103
|
+
"xl"
|
|
104
|
+
),
|
|
105
|
+
/* istanbul ignore next */
|
|
106
|
+
ariaLabel = (
|
|
107
|
+
/* istanbul ignore next */
|
|
108
|
+
"Loading"
|
|
109
|
+
),
|
|
110
|
+
/* istanbul ignore next */
|
|
111
|
+
show = (
|
|
112
|
+
/* istanbul ignore next */
|
|
113
|
+
true
|
|
114
|
+
),
|
|
95
115
|
blur = 0,
|
|
96
116
|
zIndex = 9999,
|
|
97
117
|
reducedMotion,
|
|
@@ -4,6 +4,7 @@ import { create } from "../../helpers/bem.js";
|
|
|
4
4
|
import styles from "./Lottie.module.scss.js";
|
|
5
5
|
const bem = create(styles, "Lottie");
|
|
6
6
|
const DotLottieReact = lazy(
|
|
7
|
+
/* istanbul ignore next */
|
|
7
8
|
() => import("@lottiefiles/dotlottie-react").then((mod) => ({
|
|
8
9
|
default: mod.DotLottieReact
|
|
9
10
|
}))
|
|
@@ -13,12 +14,15 @@ const Lottie = memo(
|
|
|
13
14
|
const [isInView, setIsInView] = useState(false);
|
|
14
15
|
const containerRef = useRef(null);
|
|
15
16
|
useEffect(() => {
|
|
16
|
-
const observer = new IntersectionObserver(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
const observer = new IntersectionObserver(
|
|
18
|
+
/* istanbul ignore next */
|
|
19
|
+
([entry]) => {
|
|
20
|
+
if ((entry == null ? void 0 : entry.isIntersecting) === true) {
|
|
21
|
+
setIsInView(true);
|
|
22
|
+
observer.disconnect();
|
|
23
|
+
}
|
|
20
24
|
}
|
|
21
|
-
|
|
25
|
+
);
|
|
22
26
|
const el = containerRef.current;
|
|
23
27
|
if (el) observer.observe(el);
|
|
24
28
|
return () => observer.disconnect();
|