@prokodo/ui 0.1.13 → 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/README.md +2 -0
- 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.css +114 -6
- package/dist/components/button/Button.js +4 -1
- package/dist/components/button/Button.module.css +114 -6
- package/dist/components/button/Button.module.scss.js +10 -2
- package/dist/components/button/Button.view.js +4 -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.client.js +42 -0
- package/dist/components/checkbox/Checkbox.css +312 -0
- package/dist/components/checkbox/Checkbox.js +15 -0
- package/dist/components/checkbox/Checkbox.lazy.js +12 -0
- package/dist/components/checkbox/Checkbox.module.css +312 -0
- package/dist/components/checkbox/Checkbox.module.scss.js +20 -0
- package/dist/components/checkbox/Checkbox.server.js +20 -0
- package/dist/components/checkbox/Checkbox.view.js +89 -0
- package/dist/components/checkbox/index.js +4 -0
- package/dist/components/checkbox-group/CheckboxGroup.client.js +57 -0
- package/dist/components/checkbox-group/CheckboxGroup.css +238 -0
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -0
- package/dist/components/checkbox-group/CheckboxGroup.lazy.js +12 -0
- package/dist/components/checkbox-group/CheckboxGroup.module.css +238 -0
- package/dist/components/checkbox-group/CheckboxGroup.module.scss.js +15 -0
- package/dist/components/checkbox-group/CheckboxGroup.server.js +25 -0
- package/dist/components/checkbox-group/CheckboxGroup.view.js +100 -0
- package/dist/components/checkbox-group/index.js +4 -0
- 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 +25 -6
- 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.css +5 -1
- package/dist/components/snackbar/Snackbar.js +4 -1
- package/dist/components/snackbar/Snackbar.module.css +5 -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/index.js +4 -0
- package/dist/theme.css +430 -9
- 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/checkbox/Checkbox.client.d.ts +4 -0
- package/dist/types/components/checkbox/Checkbox.d.ts +18 -0
- package/dist/types/components/checkbox/Checkbox.lazy.d.ts +19 -0
- package/dist/types/components/checkbox/Checkbox.model.d.ts +23 -0
- package/dist/types/components/checkbox/Checkbox.server.d.ts +3 -0
- package/dist/types/components/checkbox/Checkbox.view.d.ts +3 -0
- package/dist/types/components/checkbox/index.d.ts +2 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.client.d.ts +4 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.d.ts +4 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.lazy.d.ts +5 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.model.d.ts +38 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.server.d.ts +3 -0
- package/dist/types/components/checkbox-group/CheckboxGroup.view.d.ts +3 -0
- package/dist/types/components/checkbox-group/index.d.ts +2 -0
- package/dist/types/components/dialog/Dialog.model.d.ts +1 -0
- package/dist/types/components/dialog/Dialog.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/dist/types/index.d.ts +2 -0
- package/package.json +29 -5
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
4
|
+
import { create } from "../../helpers/bem.js";
|
|
5
|
+
import styles from "./CheckboxGroup.module.scss.js";
|
|
6
|
+
import { Checkbox } from "../checkbox/Checkbox.js";
|
|
7
|
+
const bem = create(styles, "CheckboxGroup");
|
|
8
|
+
function CheckboxGroupView({
|
|
9
|
+
ariaLabel,
|
|
10
|
+
legend,
|
|
11
|
+
hideLegend,
|
|
12
|
+
legendProps,
|
|
13
|
+
name,
|
|
14
|
+
disabled,
|
|
15
|
+
required,
|
|
16
|
+
options,
|
|
17
|
+
selectedValues,
|
|
18
|
+
hiddenInputName,
|
|
19
|
+
layout = "stack",
|
|
20
|
+
variant = "plain",
|
|
21
|
+
translations: t,
|
|
22
|
+
isChecked,
|
|
23
|
+
onToggle
|
|
24
|
+
}) {
|
|
25
|
+
if (!(options == null ? void 0 : options.length)) return null;
|
|
26
|
+
const label = (
|
|
27
|
+
/* istanbul ignore next */
|
|
28
|
+
ariaLabel ?? (t == null ? void 0 : t.ariaLabel) ?? "Options"
|
|
29
|
+
);
|
|
30
|
+
const isGroupRequiredActive = Boolean(required) && selectedValues.length === 0;
|
|
31
|
+
return /* @__PURE__ */ jsxs(
|
|
32
|
+
"fieldset",
|
|
33
|
+
{
|
|
34
|
+
"aria-label": label,
|
|
35
|
+
"aria-required": required || void 0,
|
|
36
|
+
className: bem(),
|
|
37
|
+
children: [
|
|
38
|
+
legend ? /* @__PURE__ */ jsxs(
|
|
39
|
+
"legend",
|
|
40
|
+
{
|
|
41
|
+
...legendProps,
|
|
42
|
+
className: bem(
|
|
43
|
+
"legend",
|
|
44
|
+
{
|
|
45
|
+
"is-hidden": Boolean(hideLegend)
|
|
46
|
+
},
|
|
47
|
+
legendProps == null ? void 0 : legendProps.className
|
|
48
|
+
),
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx("span", { className: bem("legendLabel"), children: legend }),
|
|
51
|
+
required ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: bem("legendRequiredMark"), children: "*" }) : null
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
) : null,
|
|
55
|
+
hiddenInputName ? /* @__PURE__ */ jsx(
|
|
56
|
+
"input",
|
|
57
|
+
{
|
|
58
|
+
name: hiddenInputName,
|
|
59
|
+
type: "hidden",
|
|
60
|
+
value: selectedValues.join(",")
|
|
61
|
+
}
|
|
62
|
+
) : null,
|
|
63
|
+
/* @__PURE__ */ jsx("div", { className: bem("list", { [layout]: true, [variant]: true }), children: options.map((opt) => {
|
|
64
|
+
const checked = isChecked(opt.value);
|
|
65
|
+
const itemDisabled = Boolean(disabled) || Boolean(opt.disabled);
|
|
66
|
+
return /* @__PURE__ */ jsx(
|
|
67
|
+
"div",
|
|
68
|
+
{
|
|
69
|
+
className: bem("item", {
|
|
70
|
+
disabled: itemDisabled
|
|
71
|
+
}),
|
|
72
|
+
children: /* @__PURE__ */ jsx(
|
|
73
|
+
Checkbox,
|
|
74
|
+
{
|
|
75
|
+
checked,
|
|
76
|
+
description: opt.description,
|
|
77
|
+
disabled: itemDisabled,
|
|
78
|
+
icon: opt.icon,
|
|
79
|
+
iconLabel: opt.iconLabel,
|
|
80
|
+
name,
|
|
81
|
+
required: Boolean(opt.required) || isGroupRequiredActive,
|
|
82
|
+
showRequiredMark: Boolean(opt.required),
|
|
83
|
+
title: opt.title,
|
|
84
|
+
value: opt.value,
|
|
85
|
+
variant,
|
|
86
|
+
onChange: /* @__PURE__ */ __name(() => onToggle == null ? void 0 : onToggle(opt.value), "onChange")
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
},
|
|
90
|
+
opt.value
|
|
91
|
+
);
|
|
92
|
+
}) })
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
__name(CheckboxGroupView, "CheckboxGroupView");
|
|
98
|
+
export {
|
|
99
|
+
CheckboxGroupView
|
|
100
|
+
};
|
|
@@ -5,7 +5,10 @@ import ChipServer from "./Chip.server.js";
|
|
|
5
5
|
const Chip = createIsland({
|
|
6
6
|
name: "Chip",
|
|
7
7
|
Server: ChipServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Chip.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
Chip
|
|
@@ -47,6 +47,10 @@ function ChipView({
|
|
|
47
47
|
className: bem("delete", {
|
|
48
48
|
[color]: true
|
|
49
49
|
}),
|
|
50
|
+
onClick: /* @__PURE__ */ __name((e) => {
|
|
51
|
+
e.stopPropagation();
|
|
52
|
+
onDelete(e);
|
|
53
|
+
}, "onClick"),
|
|
50
54
|
...buttonProps,
|
|
51
55
|
children: /* @__PURE__ */ jsx(Icon, { color: "error", name: "Delete01Icon" })
|
|
52
56
|
}
|
|
@@ -5,7 +5,10 @@ import DatePickerServer from "./DatePicker.server.js";
|
|
|
5
5
|
const DatePicker = createIsland({
|
|
6
6
|
name: "DatePicker",
|
|
7
7
|
Server: DatePickerServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./DatePicker.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
DatePicker.displayName = "DatePicker";
|
|
11
14
|
export {
|
|
@@ -5,9 +5,15 @@ import DialogServer from "./Dialog.server.js";
|
|
|
5
5
|
const Dialog = createIsland({
|
|
6
6
|
name: "Dialog",
|
|
7
7
|
Server: DialogServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Dialog.lazy.js"), "loadLazy")
|
|
11
|
+
),
|
|
9
12
|
// erzwinge Client, sobald jemand open/close benutzt
|
|
10
|
-
isInteractive:
|
|
13
|
+
isInteractive: (
|
|
14
|
+
/* istanbul ignore next */
|
|
15
|
+
/* @__PURE__ */ __name(() => true, "isInteractive")
|
|
16
|
+
)
|
|
11
17
|
});
|
|
12
18
|
export {
|
|
13
19
|
Dialog
|
|
@@ -22,6 +22,7 @@ function DialogView({
|
|
|
22
22
|
containerChildren,
|
|
23
23
|
className,
|
|
24
24
|
classNameHeader,
|
|
25
|
+
actionsClassName,
|
|
25
26
|
height,
|
|
26
27
|
scroll = "paper",
|
|
27
28
|
fullScreen = false,
|
|
@@ -43,9 +44,12 @@ function DialogView({
|
|
|
43
44
|
fullScreen,
|
|
44
45
|
"is-visible": Boolean(open)
|
|
45
46
|
};
|
|
46
|
-
const styleModifier = isNumber(height) ?
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
const styleModifier = isNumber(height) ? (
|
|
48
|
+
/* istanbul ignore next */
|
|
49
|
+
{
|
|
50
|
+
maxHeight: `${height}px`
|
|
51
|
+
}
|
|
52
|
+
) : void 0;
|
|
49
53
|
const renderDialog = /* @__PURE__ */ __name(() => {
|
|
50
54
|
var _a;
|
|
51
55
|
return /* @__PURE__ */ jsxs(
|
|
@@ -84,10 +88,14 @@ function DialogView({
|
|
|
84
88
|
{
|
|
85
89
|
...closeButtonProps,
|
|
86
90
|
ref: closeButtonRef,
|
|
87
|
-
"aria-label": (
|
|
91
|
+
"aria-label": (
|
|
92
|
+
/* istanbul ignore next */
|
|
93
|
+
(closeButtonProps == null ? void 0 : closeButtonProps["aria-label"]) ?? (translations == null ? void 0 : translations.close)
|
|
94
|
+
),
|
|
88
95
|
className: bem(
|
|
89
96
|
"header__button",
|
|
90
97
|
void 0,
|
|
98
|
+
/* istanbul ignore next */
|
|
91
99
|
closeButtonProps == null ? void 0 : closeButtonProps.className
|
|
92
100
|
),
|
|
93
101
|
onClick: onClose,
|
|
@@ -102,6 +110,7 @@ function DialogView({
|
|
|
102
110
|
className: bem(
|
|
103
111
|
"header__button__icon",
|
|
104
112
|
void 0,
|
|
113
|
+
/* istanbul ignore next */
|
|
105
114
|
(_a = closeButtonProps == null ? void 0 : closeButtonProps.iconProps) == null ? void 0 : _a.className
|
|
106
115
|
)
|
|
107
116
|
}
|
|
@@ -126,9 +135,19 @@ function DialogView({
|
|
|
126
135
|
children
|
|
127
136
|
}
|
|
128
137
|
),
|
|
129
|
-
actions.length > 0 && /* @__PURE__ */ jsxs("div", { className: bem("actions"), children: [
|
|
138
|
+
actions.length > 0 && /* @__PURE__ */ jsxs("div", { className: bem("actions", void 0, actionsClassName), children: [
|
|
130
139
|
/* @__PURE__ */ jsx("div", { "aria-hidden": "true", tabIndex: 0 }),
|
|
131
|
-
actions.map((action) => /* @__PURE__ */ jsx(
|
|
140
|
+
actions.map((action) => /* @__PURE__ */ jsx(
|
|
141
|
+
Button,
|
|
142
|
+
{
|
|
143
|
+
...action,
|
|
144
|
+
title: (
|
|
145
|
+
/* istanbul ignore next */
|
|
146
|
+
(action == null ? void 0 : action.title) ?? ""
|
|
147
|
+
)
|
|
148
|
+
},
|
|
149
|
+
action.id
|
|
150
|
+
)),
|
|
132
151
|
/* @__PURE__ */ jsx("div", { "aria-hidden": "true", tabIndex: 0 })
|
|
133
152
|
] })
|
|
134
153
|
]
|
|
@@ -50,7 +50,6 @@ function DrawerClient({
|
|
|
50
50
|
setMounted(false);
|
|
51
51
|
(_b = (_a = triggerRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
|
|
52
52
|
}, "onEnd");
|
|
53
|
-
node.addEventListener("transitionend", onEnd);
|
|
54
53
|
const t = setTimeout(() => {
|
|
55
54
|
var _a, _b;
|
|
56
55
|
node.removeEventListener("transitionend", onEnd);
|
|
@@ -5,7 +5,10 @@ import DrawerServer from "./Drawer.server.js";
|
|
|
5
5
|
const Drawer = createIsland({
|
|
6
6
|
name: "Drawer",
|
|
7
7
|
Server: DrawerServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Drawer.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
Drawer,
|
|
@@ -30,7 +30,10 @@ const DrawerView = /* @__PURE__ */ __name(({
|
|
|
30
30
|
return /* @__PURE__ */ jsxs(
|
|
31
31
|
"div",
|
|
32
32
|
{
|
|
33
|
-
"aria-hidden": isOpen ? void 0 :
|
|
33
|
+
"aria-hidden": isOpen ? void 0 : (
|
|
34
|
+
/* istanbul ignore next */
|
|
35
|
+
true
|
|
36
|
+
),
|
|
34
37
|
className: bem("backdrop", { open: isOpen }),
|
|
35
38
|
...backdropProps,
|
|
36
39
|
children: [
|
|
@@ -50,8 +53,13 @@ const DrawerView = /* @__PURE__ */ __name(({
|
|
|
50
53
|
ref: containerRef,
|
|
51
54
|
"aria-labelledby": isString(title) ? "drawer-title" : void 0,
|
|
52
55
|
role: "dialog",
|
|
56
|
+
/* istanbul ignore next */
|
|
57
|
+
/* istanbul ignore next */
|
|
53
58
|
...isOpen ? { "aria-modal": "true" } : { "aria-hidden": "true", inert: true },
|
|
54
|
-
"aria-modal": isOpen ? "true" :
|
|
59
|
+
"aria-modal": isOpen ? "true" : (
|
|
60
|
+
/* istanbul ignore next */
|
|
61
|
+
void 0
|
|
62
|
+
),
|
|
55
63
|
className: bem(
|
|
56
64
|
"container",
|
|
57
65
|
{
|
|
@@ -74,7 +82,10 @@ const DrawerView = /* @__PURE__ */ __name(({
|
|
|
74
82
|
variant: "text",
|
|
75
83
|
...closeButtonProps,
|
|
76
84
|
ref: closeButtonRef,
|
|
77
|
-
onClick:
|
|
85
|
+
onClick: (
|
|
86
|
+
/* istanbul ignore next */
|
|
87
|
+
/* @__PURE__ */ __name(() => onClose == null ? void 0 : onClose("escapeKeyDown"), "onClick")
|
|
88
|
+
)
|
|
78
89
|
}
|
|
79
90
|
)
|
|
80
91
|
] }),
|
|
@@ -5,7 +5,10 @@ import DynamicListServer from "./DynamicList.server.js";
|
|
|
5
5
|
const DynamicList = createIsland({
|
|
6
6
|
name: "DynamicList",
|
|
7
7
|
Server: DynamicListServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./DynamicList.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
DynamicList
|
|
@@ -18,10 +18,18 @@ function DynamicListView({
|
|
|
18
18
|
className,
|
|
19
19
|
classNameList,
|
|
20
20
|
fields,
|
|
21
|
-
|
|
21
|
+
/* istanbul ignore next */
|
|
22
|
+
value = (
|
|
23
|
+
/* istanbul ignore next */
|
|
24
|
+
[]
|
|
25
|
+
),
|
|
22
26
|
buttonAddProps,
|
|
23
27
|
buttonDeleteProps,
|
|
24
|
-
|
|
28
|
+
/* istanbul ignore next */
|
|
29
|
+
name = (
|
|
30
|
+
/* istanbul ignore next */
|
|
31
|
+
"items"
|
|
32
|
+
),
|
|
25
33
|
errorText,
|
|
26
34
|
helperText
|
|
27
35
|
}) {
|
|
@@ -72,7 +80,11 @@ function DynamicListView({
|
|
|
72
80
|
id: `${name}-${idx}-${field.name}`,
|
|
73
81
|
required: required ?? (field == null ? void 0 : field.required),
|
|
74
82
|
name: single ? `${name}[${idx}]` : `${name}[${idx}].${field.name}`,
|
|
75
|
-
value: single ? item :
|
|
83
|
+
value: single ? item : (
|
|
84
|
+
/* istanbul ignore next */
|
|
85
|
+
item[(field == null ? void 0 : field.name) ?? /* istanbul ignore next */
|
|
86
|
+
""]
|
|
87
|
+
)
|
|
76
88
|
},
|
|
77
89
|
field.name
|
|
78
90
|
);
|
|
@@ -88,8 +100,9 @@ function DynamicListView({
|
|
|
88
100
|
disabled: disabled ?? (field == null ? void 0 : field.disabled),
|
|
89
101
|
id: `${name}-${idx}-${field.name}`,
|
|
90
102
|
required: required ?? (field == null ? void 0 : field.required),
|
|
91
|
-
|
|
92
|
-
|
|
103
|
+
name: single ? `${name}[${idx}]` : `${name}[${idx}].${field.name}`,
|
|
104
|
+
value: single ? item : item[(field == null ? void 0 : field.name) ?? /* istanbul ignore next */
|
|
105
|
+
""]
|
|
93
106
|
},
|
|
94
107
|
field.name
|
|
95
108
|
);
|
|
@@ -194,7 +194,10 @@ const FormClient = memo((props) => {
|
|
|
194
194
|
const emptyArray = Array.isArray(field.value) && field.value.length === 0;
|
|
195
195
|
const emptyScalar = field.value === void 0 || field.value === "";
|
|
196
196
|
if (Boolean(field.required) && visible && (emptyScalar || emptyArray)) {
|
|
197
|
-
const errMsg = (
|
|
197
|
+
const errMsg = (
|
|
198
|
+
/* istanbul ignore next */
|
|
199
|
+
((_b = (_a = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _a.input) == null ? void 0 : _b["required"]) ?? "This field is required"
|
|
200
|
+
);
|
|
198
201
|
const key = field.name ?? field.label ?? "";
|
|
199
202
|
if (!errors[key]) {
|
|
200
203
|
errors[key] = [];
|
|
@@ -5,7 +5,10 @@ import FormServer from "./Form.server.js";
|
|
|
5
5
|
const Form = createIsland({
|
|
6
6
|
name: "Form",
|
|
7
7
|
Server: FormServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Form.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
Form.displayName = "Form";
|
|
11
14
|
export {
|
|
@@ -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
|