@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
|
@@ -119,144 +119,155 @@ function CarouselClient(props) {
|
|
|
119
119
|
}, "getTransformValue");
|
|
120
120
|
if (num === 0)
|
|
121
121
|
return /* @__PURE__ */ jsx(Skeleton, { height: "200px", variant: "rectangular", width: "100%" });
|
|
122
|
-
return
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
onMouseDown == null ? void 0 : onMouseDown(e);
|
|
143
|
-
handleMouseDown(e, mouseStartX);
|
|
144
|
-
setMouse(true);
|
|
145
|
-
}, "onMouseDown"),
|
|
146
|
-
onMouseEnter: /* @__PURE__ */ __name((e) => {
|
|
147
|
-
onMouseEnter == null ? void 0 : onMouseEnter(e);
|
|
148
|
-
setPlaying(false);
|
|
149
|
-
}, "onMouseEnter"),
|
|
150
|
-
onMouseLeave: /* @__PURE__ */ __name((e) => {
|
|
151
|
-
onMouseLeave == null ? void 0 : onMouseLeave(e);
|
|
152
|
-
setPlaying(true);
|
|
153
|
-
}, "onMouseLeave"),
|
|
154
|
-
onMouseUp: /* @__PURE__ */ __name((e) => {
|
|
155
|
-
onMouseUp == null ? void 0 : onMouseUp(e);
|
|
156
|
-
handleMouseUp(e, mouseStartX, mouseEndX, slide);
|
|
157
|
-
setMouse(false);
|
|
158
|
-
}, "onMouseUp"),
|
|
159
|
-
onTouchEnd: /* @__PURE__ */ __name((e) => {
|
|
160
|
-
onTouchEnd == null ? void 0 : onTouchEnd(e);
|
|
161
|
-
handleTouchEnd(touchStartX, touchEndX, slide);
|
|
162
|
-
}, "onTouchEnd"),
|
|
163
|
-
onTouchMove: /* @__PURE__ */ __name((e) => {
|
|
164
|
-
onTouchMove == null ? void 0 : onTouchMove(e);
|
|
165
|
-
handleTouchMove(e, touchEndX);
|
|
166
|
-
}, "onTouchMove"),
|
|
167
|
-
onTouchStart: /* @__PURE__ */ __name((e) => {
|
|
168
|
-
onTouchStart == null ? void 0 : onTouchStart(e);
|
|
169
|
-
handleTouchStart(e, touchStartX);
|
|
170
|
-
}, "onTouchStart"),
|
|
171
|
-
children: [
|
|
172
|
-
/* @__PURE__ */ jsx(
|
|
173
|
-
"div",
|
|
174
|
-
{
|
|
175
|
-
className: bem("wrapper", void 0, classNameWrapper),
|
|
176
|
-
style: {
|
|
177
|
-
transform: getTransformValue(),
|
|
178
|
-
transition: transitioning ? "transform 0.3s ease-in-out" : "none"
|
|
179
|
-
},
|
|
180
|
-
children: items.map((child, i) => /* @__PURE__ */ jsx(
|
|
181
|
-
"div",
|
|
182
|
-
{
|
|
183
|
-
className: bem("item", void 0, classNameItem),
|
|
184
|
-
style: { width: `${100 / effectiveItemsToShow}%` },
|
|
185
|
-
children: child
|
|
186
|
-
},
|
|
187
|
-
`cl-${i}`
|
|
188
|
-
))
|
|
122
|
+
return (
|
|
123
|
+
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
124
|
+
/* @__PURE__ */ jsxs(
|
|
125
|
+
"div",
|
|
126
|
+
{
|
|
127
|
+
...rest,
|
|
128
|
+
ref: setHostRef,
|
|
129
|
+
"aria-roledescription": "carousel",
|
|
130
|
+
className: bem(void 0, { "is-active": mouseActive }, className),
|
|
131
|
+
role: "group",
|
|
132
|
+
tabIndex: 0,
|
|
133
|
+
onKeyDown: /* @__PURE__ */ __name((e) => {
|
|
134
|
+
onKeyDown == null ? void 0 : onKeyDown(e);
|
|
135
|
+
switch (e.key) {
|
|
136
|
+
case "ArrowLeft":
|
|
137
|
+
slide("PREV");
|
|
138
|
+
break;
|
|
139
|
+
case "ArrowRight":
|
|
140
|
+
slide("NEXT");
|
|
141
|
+
break;
|
|
189
142
|
}
|
|
190
|
-
),
|
|
191
|
-
/* @__PURE__ */
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
),
|
|
200
|
-
/* @__PURE__ */
|
|
201
|
-
|
|
202
|
-
|
|
143
|
+
}, "onKeyDown"),
|
|
144
|
+
onMouseDown: /* @__PURE__ */ __name((e) => {
|
|
145
|
+
onMouseDown == null ? void 0 : onMouseDown(e);
|
|
146
|
+
handleMouseDown(e, mouseStartX);
|
|
147
|
+
setMouse(true);
|
|
148
|
+
}, "onMouseDown"),
|
|
149
|
+
onMouseEnter: /* @__PURE__ */ __name((e) => {
|
|
150
|
+
onMouseEnter == null ? void 0 : onMouseEnter(e);
|
|
151
|
+
setPlaying(false);
|
|
152
|
+
}, "onMouseEnter"),
|
|
153
|
+
onMouseLeave: /* @__PURE__ */ __name((e) => {
|
|
154
|
+
onMouseLeave == null ? void 0 : onMouseLeave(e);
|
|
155
|
+
setPlaying(true);
|
|
156
|
+
}, "onMouseLeave"),
|
|
157
|
+
onMouseUp: /* @__PURE__ */ __name((e) => {
|
|
158
|
+
onMouseUp == null ? void 0 : onMouseUp(e);
|
|
159
|
+
handleMouseUp(e, mouseStartX, mouseEndX, slide);
|
|
160
|
+
setMouse(false);
|
|
161
|
+
}, "onMouseUp"),
|
|
162
|
+
onTouchEnd: /* @__PURE__ */ __name((e) => {
|
|
163
|
+
onTouchEnd == null ? void 0 : onTouchEnd(e);
|
|
164
|
+
handleTouchEnd(touchStartX, touchEndX, slide);
|
|
165
|
+
}, "onTouchEnd"),
|
|
166
|
+
onTouchMove: /* @__PURE__ */ __name((e) => {
|
|
167
|
+
onTouchMove == null ? void 0 : onTouchMove(e);
|
|
168
|
+
handleTouchMove(e, touchEndX);
|
|
169
|
+
}, "onTouchMove"),
|
|
170
|
+
onTouchStart: /* @__PURE__ */ __name((e) => {
|
|
171
|
+
onTouchStart == null ? void 0 : onTouchStart(e);
|
|
172
|
+
handleTouchStart(e, touchStartX);
|
|
173
|
+
}, "onTouchStart"),
|
|
174
|
+
children: [
|
|
175
|
+
/* @__PURE__ */ jsx(
|
|
176
|
+
"div",
|
|
203
177
|
{
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
"button",
|
|
209
|
-
void 0,
|
|
210
|
-
`${classNameButtons} ${(prevButton == null ? void 0 : prevButton.className) ?? ""}`
|
|
211
|
-
),
|
|
212
|
-
iconProps: {
|
|
213
|
-
name: "ArrowLeft01Icon",
|
|
214
|
-
size: "md",
|
|
215
|
-
color: "white",
|
|
216
|
-
...prevButton == null ? void 0 : prevButton.iconProps
|
|
178
|
+
className: bem("wrapper", void 0, classNameWrapper),
|
|
179
|
+
style: {
|
|
180
|
+
transform: getTransformValue(),
|
|
181
|
+
transition: transitioning ? "transform 0.3s ease-in-out" : "none"
|
|
217
182
|
},
|
|
218
|
-
|
|
183
|
+
children: items.map((child, i) => /* @__PURE__ */ jsx(
|
|
184
|
+
"div",
|
|
185
|
+
{
|
|
186
|
+
className: bem("item", void 0, classNameItem),
|
|
187
|
+
style: { width: `${100 / effectiveItemsToShow}%` },
|
|
188
|
+
children: child
|
|
189
|
+
},
|
|
190
|
+
`cl-${i}`
|
|
191
|
+
))
|
|
192
|
+
}
|
|
193
|
+
),
|
|
194
|
+
/* @__PURE__ */ jsx(
|
|
195
|
+
"div",
|
|
196
|
+
{
|
|
197
|
+
className: bem("mobile__tutorial", {
|
|
198
|
+
"is-hidden": !mobileHint
|
|
199
|
+
}),
|
|
200
|
+
children: /* @__PURE__ */ jsx("div", { className: bem("mobile__tutorial__animation"), children: /* @__PURE__ */ jsx(Lottie, { animation: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie" }) })
|
|
219
201
|
}
|
|
220
202
|
),
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
"button",
|
|
203
|
+
/* @__PURE__ */ jsxs("footer", { className: bem("controls", void 0, classNameControls), children: [
|
|
204
|
+
Boolean(enableControl) && /* @__PURE__ */ jsx(
|
|
205
|
+
Button,
|
|
225
206
|
{
|
|
207
|
+
"aria-label": "previous",
|
|
208
|
+
variant: "outlined",
|
|
209
|
+
...prevButton,
|
|
226
210
|
className: bem(
|
|
227
|
-
"
|
|
228
|
-
|
|
229
|
-
|
|
211
|
+
"button",
|
|
212
|
+
void 0,
|
|
213
|
+
/* istanbul ignore next */
|
|
214
|
+
`${classNameButtons} ${(prevButton == null ? void 0 : prevButton.className) ?? ""}`
|
|
230
215
|
),
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
216
|
+
iconProps: {
|
|
217
|
+
name: "ArrowLeft01Icon",
|
|
218
|
+
size: "md",
|
|
219
|
+
color: "white",
|
|
220
|
+
/* istanbul ignore next */
|
|
221
|
+
...prevButton == null ? void 0 : prevButton.iconProps
|
|
222
|
+
},
|
|
223
|
+
onClick: (
|
|
224
|
+
/* istanbul ignore next */
|
|
225
|
+
/* @__PURE__ */ __name(() => slide(PREV), "onClick")
|
|
226
|
+
)
|
|
227
|
+
}
|
|
228
|
+
),
|
|
229
|
+
enableDots && /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
|
|
230
|
+
const active = i === (current - effectiveItemsToShow + num) % num;
|
|
231
|
+
return /* @__PURE__ */ jsx(
|
|
244
232
|
"button",
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
233
|
+
{
|
|
234
|
+
className: bem(
|
|
235
|
+
"dots__dot",
|
|
236
|
+
{ "is-active": active },
|
|
237
|
+
`${classNameDot} ${active ? classNameDotActive ?? "" : ""}`
|
|
238
|
+
),
|
|
239
|
+
onClick: /* @__PURE__ */ __name(() => slideTo(i), "onClick"),
|
|
240
|
+
onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideTo(i), "onKeyDown")
|
|
241
|
+
},
|
|
242
|
+
`dot-${i}`
|
|
243
|
+
);
|
|
244
|
+
}) }),
|
|
245
|
+
Boolean(enableControl) && /* @__PURE__ */ jsx(
|
|
246
|
+
Button,
|
|
247
|
+
{
|
|
248
|
+
"aria-label": "next",
|
|
249
|
+
variant: "outlined",
|
|
250
|
+
...nextButton,
|
|
251
|
+
className: bem(
|
|
252
|
+
"button",
|
|
253
|
+
void 0,
|
|
254
|
+
/* istanbul ignore next */
|
|
255
|
+
`${classNameButtons} ${(nextButton == null ? void 0 : nextButton.className) ?? ""}`
|
|
256
|
+
),
|
|
257
|
+
iconProps: {
|
|
258
|
+
name: "ArrowRight01Icon",
|
|
259
|
+
size: "md",
|
|
260
|
+
color: "white",
|
|
261
|
+
/* istanbul ignore next */
|
|
262
|
+
...nextButton == null ? void 0 : nextButton.iconProps
|
|
263
|
+
},
|
|
264
|
+
onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
|
|
265
|
+
}
|
|
266
|
+
)
|
|
267
|
+
] })
|
|
268
|
+
]
|
|
269
|
+
}
|
|
270
|
+
)
|
|
260
271
|
);
|
|
261
272
|
}
|
|
262
273
|
__name(CarouselClient, "CarouselClient");
|
|
@@ -5,8 +5,14 @@ import CarouselServer from "./Carousel.server.js";
|
|
|
5
5
|
const Carousel = createIsland({
|
|
6
6
|
name: "Carousel",
|
|
7
7
|
Server: CarouselServer,
|
|
8
|
-
loadLazy:
|
|
9
|
-
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Carousel.lazy.js"), "loadLazy")
|
|
11
|
+
),
|
|
12
|
+
isInteractive: (
|
|
13
|
+
/* istanbul ignore next */
|
|
14
|
+
/* @__PURE__ */ __name(() => true, "isInteractive")
|
|
15
|
+
)
|
|
10
16
|
});
|
|
11
17
|
export {
|
|
12
18
|
Carousel
|
|
@@ -13,7 +13,17 @@ function CarouselView({
|
|
|
13
13
|
classNameItem,
|
|
14
14
|
classNameDots,
|
|
15
15
|
classNameDot,
|
|
16
|
+
classNameDotActive: _classNameDotActive,
|
|
17
|
+
classNameButtons: _classNameButtons,
|
|
18
|
+
classNameControls: _classNameControls,
|
|
16
19
|
enableControl,
|
|
20
|
+
enableDots: _enableDots,
|
|
21
|
+
autoplay: _autoplay,
|
|
22
|
+
translateX: _translateX,
|
|
23
|
+
itemStyle: _itemStyle,
|
|
24
|
+
responsive: _responsive,
|
|
25
|
+
nextButton: _nextButton,
|
|
26
|
+
prevButton: _prevButton,
|
|
17
27
|
children,
|
|
18
28
|
...rest
|
|
19
29
|
}) {
|
|
@@ -5,7 +5,10 @@ import CheckboxServer from "./Checkbox.server.js";
|
|
|
5
5
|
const Checkbox = createIsland({
|
|
6
6
|
name: "Checkbox",
|
|
7
7
|
Server: CheckboxServer,
|
|
8
|
-
loadLazy:
|
|
8
|
+
loadLazy: (
|
|
9
|
+
/* istanbul ignore next */
|
|
10
|
+
/* @__PURE__ */ __name(() => import("./Checkbox.lazy.js"), "loadLazy")
|
|
11
|
+
)
|
|
9
12
|
});
|
|
10
13
|
export {
|
|
11
14
|
Checkbox
|
|
@@ -6,7 +6,10 @@ const CheckboxGroup = createIsland({
|
|
|
6
6
|
name: "CheckboxGroup",
|
|
7
7
|
Server: CheckboxGroupServer,
|
|
8
8
|
/* istanbul ignore next */
|
|
9
|
-
loadLazy:
|
|
9
|
+
loadLazy: (
|
|
10
|
+
/* istanbul ignore next */
|
|
11
|
+
/* @__PURE__ */ __name(() => import("./CheckboxGroup.lazy.js"), "loadLazy")
|
|
12
|
+
)
|
|
10
13
|
});
|
|
11
14
|
export {
|
|
12
15
|
CheckboxGroup
|
|
@@ -23,7 +23,10 @@ function CheckboxGroupView({
|
|
|
23
23
|
onToggle
|
|
24
24
|
}) {
|
|
25
25
|
if (!(options == null ? void 0 : options.length)) return null;
|
|
26
|
-
const label =
|
|
26
|
+
const label = (
|
|
27
|
+
/* istanbul ignore next */
|
|
28
|
+
ariaLabel ?? (t == null ? void 0 : t.ariaLabel) ?? "Options"
|
|
29
|
+
);
|
|
27
30
|
const isGroupRequiredActive = Boolean(required) && selectedValues.length === 0;
|
|
28
31
|
return /* @__PURE__ */ jsxs(
|
|
29
32
|
"fieldset",
|
|
@@ -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
|
|
@@ -44,9 +44,12 @@ function DialogView({
|
|
|
44
44
|
fullScreen,
|
|
45
45
|
"is-visible": Boolean(open)
|
|
46
46
|
};
|
|
47
|
-
const styleModifier = isNumber(height) ?
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
const styleModifier = isNumber(height) ? (
|
|
48
|
+
/* istanbul ignore next */
|
|
49
|
+
{
|
|
50
|
+
maxHeight: `${height}px`
|
|
51
|
+
}
|
|
52
|
+
) : void 0;
|
|
50
53
|
const renderDialog = /* @__PURE__ */ __name(() => {
|
|
51
54
|
var _a;
|
|
52
55
|
return /* @__PURE__ */ jsxs(
|
|
@@ -85,10 +88,14 @@ function DialogView({
|
|
|
85
88
|
{
|
|
86
89
|
...closeButtonProps,
|
|
87
90
|
ref: closeButtonRef,
|
|
88
|
-
"aria-label": (
|
|
91
|
+
"aria-label": (
|
|
92
|
+
/* istanbul ignore next */
|
|
93
|
+
(closeButtonProps == null ? void 0 : closeButtonProps["aria-label"]) ?? (translations == null ? void 0 : translations.close)
|
|
94
|
+
),
|
|
89
95
|
className: bem(
|
|
90
96
|
"header__button",
|
|
91
97
|
void 0,
|
|
98
|
+
/* istanbul ignore next */
|
|
92
99
|
closeButtonProps == null ? void 0 : closeButtonProps.className
|
|
93
100
|
),
|
|
94
101
|
onClick: onClose,
|
|
@@ -103,6 +110,7 @@ function DialogView({
|
|
|
103
110
|
className: bem(
|
|
104
111
|
"header__button__icon",
|
|
105
112
|
void 0,
|
|
113
|
+
/* istanbul ignore next */
|
|
106
114
|
(_a = closeButtonProps == null ? void 0 : closeButtonProps.iconProps) == null ? void 0 : _a.className
|
|
107
115
|
)
|
|
108
116
|
}
|
|
@@ -129,7 +137,17 @@ function DialogView({
|
|
|
129
137
|
),
|
|
130
138
|
actions.length > 0 && /* @__PURE__ */ jsxs("div", { className: bem("actions", void 0, actionsClassName), children: [
|
|
131
139
|
/* @__PURE__ */ jsx("div", { "aria-hidden": "true", tabIndex: 0 }),
|
|
132
|
-
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
|
+
)),
|
|
133
151
|
/* @__PURE__ */ jsx("div", { "aria-hidden": "true", tabIndex: 0 })
|
|
134
152
|
] })
|
|
135
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 {
|