@epam/ai-dial-builder-form 1.3.0-dev.245 → 1.3.0-dev.248
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuilderFormHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BuilderFormHeader/BuilderFormHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BuilderFormHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BuilderFormHeader/BuilderFormHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAIrF,uOAAuO;AACvO,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8ExD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EditorLayout.d.ts","sourceRoot":"","sources":["../../../src/components/EditorLayout/EditorLayout.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,EAAE,EAAsC,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAS1E;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAqK9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityEditor/EntityEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EntityEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityEditor/EntityEditor.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAgJ1E,6GAA6G;AAC7G,eAAO,MAAM,YAAY,yDAA8B,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
._body_1xd7h_2._body_1xd7h_2{flex-direction:column}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:100%}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:none}@media (width>=1280px){._body_1xd7h_2._body_1xd7h_2{flex-direction:row}._sideColumn_1xd7h_6._sideColumn_1xd7h_6{width:var(--bfb-side-column-width,400px);flex-shrink:0}._reservedColumn_1xd7h_10._reservedColumn_1xd7h_10{display:block}}._header_lon83_4._header_lon83_4{border-block-width:1px 0}@media (width>=1280px){._header_lon83_4._header_lon83_4{border-block-width:0 1px}}._header_lon83_4._header_lon83_4{border-color:var(--bfh-border,var(--stroke-tertiary,#e0e6f0))}._actions_lon83_18._actions_lon83_18{display:none}@media (width>=1280px){._actions_lon83_18._actions_lon83_18{display:flex}}._title_lon83_27{font-family:var(--bfh-font-family,inherit)}._container_14mfe_1{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._footer_14mfe_10._footer_14mfe_10{display:flex}@media (width>=1280px){._footer_14mfe_10._footer_14mfe_10{display:none}}._footer_14mfe_10._footer_14mfe_10{background:var(--bfc-bg,var(--bg-layer-base,#f5f7fa))}._section_l1mnx_1{border-color:var(--es-border-color,var(--stroke-tertiary,#e0e6f0))}._title_l1mnx_5{color:var(--es-title-color,var(--text-primary,#161b2d))}._headerBorder_1adw2_1{border-bottom-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._footerBorder_1adw2_5{border-top-color:var(--el-header-border-color,var(--stroke-tertiary,#e0e6f0))}._columnBorder_1adw2_10{border-color:var(--el-sidebar-border-color,var(--stroke-tertiary,#e0e6f0))}._box_c9as8_1{background:var(--aa-box-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--aa-box-border,var(--stroke-tertiary,#e0e6f0))}._icon_c9as8_6{color:var(--aa-icon,var(--text-secondary,#57647a))}._caption_c9as8_10{color:var(--aa-caption,var(--text-tertiary,#848e9c))}
|
|
2
2
|
/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
3
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.
|
|
3
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.z-10{z-index:10}.mb-3{margin-bottom:.75rem}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-16{height:4rem}.h-full{height:100%}.min-h-0{min-height:0}.min-h-16{min-height:4rem}.w-0{width:0}.w-16{width:4rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow-\[1\]{flex-grow:1}.grow-\[2\]{flex-grow:2}.basis-0{flex-basis:0}.resize{resize:both}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:4px}.rounded-lg{border-radius:.5rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.object-cover{object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0\!{padding-inline:0!important}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.pt-4{padding-top:1rem}.wrap-break-word{overflow-wrap:break-word}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:4px 9px 16px 1px var(--tw-shadow-color,var(--shadow-sm-2,var(--shadow-sm,#2764d90f))), 0 -2px 4px 2px var(--tw-shadow-color,var(--shadow-sm-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:1280px){.desktop\:relative{position:relative}.desktop\:block{display:block}.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:h-16{height:4rem}.desktop\:min-h-0{min-height:0}.desktop\:w-\[400px\]{width:400px}.desktop\:w-\[var\(--el-left-width\)\]{width:var(--el-left-width)}.desktop\:flex-1{flex:1}.desktop\:shrink-0{flex-shrink:0}.desktop\:basis-40{flex-basis:10rem}.desktop\:flex-col{flex-direction:column}.desktop\:flex-row{flex-direction:row}.desktop\:flex-nowrap{flex-wrap:nowrap}.desktop\:items-start{align-items:flex-start}.desktop\:overflow-hidden{overflow:hidden}.desktop\:overflow-y-auto{overflow-y:auto}.desktop\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.desktop\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.desktop\:p-8{padding:2rem}.desktop\:px-6{padding-inline:1.5rem}.desktop\:px-8{padding-inline:2rem}.desktop\:py-0{padding-block:0}.desktop\:pt-3{padding-top:.75rem}.desktop\:pt-6{padding-top:1.5rem}.desktop\:pb-3{padding-bottom:.75rem}}.\[\&\>\*\]\:flex-1>*{flex:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
package/index.js
CHANGED
|
@@ -1,72 +1,72 @@
|
|
|
1
1
|
import { ENTITY_DESCRIPTION_MAX_LENGTH as e, ENTITY_NAME_MAX_LENGTH as t, RESIZABLE_TEXTAREA_CLASS_NAME as n, TAG_INPUT_TAG_CLASS_NAME as r, buildCssVars as i, exceedsMaxLength as a, hasControlCharacters as o, mergeClasses as s } from "@epam/ai-dial-chat-shared";
|
|
2
|
-
import { ButtonAppearance as c, ButtonVariant as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, DangerIconButton as f, ElementSize as p, GhostButton as m, GhostIconButton as h, Input as g, Label as _, LinkButton as v,
|
|
3
|
-
import { Fragment as
|
|
4
|
-
import { IconArrowLeft as
|
|
5
|
-
import { Suspense as
|
|
2
|
+
import { ButtonAppearance as c, ButtonVariant as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, DangerIconButton as f, ElementSize as p, GhostButton as m, GhostIconButton as h, Input as g, Label as _, LinkButton as v, LiveRegion as y, LiveRegionElement as b, LiveRegionPoliteness as x, NeutralButton as S, Popup as C, PrimaryButton as w, ResizeHandle as T, Select as E, Spinner as D, TagInput as O, Textarea as k, TextareaResize as A } from "@epam/ai-dial-ui-kit";
|
|
3
|
+
import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
|
|
4
|
+
import { IconArrowLeft as P, IconArrowNarrowLeft as F, IconPhoto as I, IconPlus as ee, IconTrashX as te } from "@tabler/icons-react";
|
|
5
|
+
import { Suspense as L, memo as R, useCallback as z, useEffect as B, useId as V, useLayoutEffect as ne, useMemo as H, useRef as U, useState as W } from "react";
|
|
6
6
|
//#region src/components/BuilderFormActions/BuilderFormActions.tsx
|
|
7
|
-
var
|
|
7
|
+
var G = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubmitDisabled: i = !1, isSubmitting: a = !1, buttonClassName: o }) => /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(S, {
|
|
8
8
|
label: e.cancelButtonLabel,
|
|
9
9
|
onClick: t,
|
|
10
10
|
disabled: r,
|
|
11
11
|
className: o
|
|
12
|
-
}), /* @__PURE__ */
|
|
12
|
+
}), /* @__PURE__ */ M(w, {
|
|
13
13
|
label: e.submitButtonLabel,
|
|
14
14
|
onClick: n,
|
|
15
15
|
disabled: i,
|
|
16
16
|
"aria-busy": a,
|
|
17
17
|
className: o,
|
|
18
|
-
iconBefore: a ? /* @__PURE__ */
|
|
18
|
+
iconBefore: a ? /* @__PURE__ */ M("span", {
|
|
19
19
|
"aria-hidden": !0,
|
|
20
|
-
children: /* @__PURE__ */
|
|
20
|
+
children: /* @__PURE__ */ M(D, { size: u.SM })
|
|
21
21
|
}) : void 0
|
|
22
|
-
})] }),
|
|
22
|
+
})] }), K = {
|
|
23
23
|
body: "_body_1xd7h_2",
|
|
24
24
|
sideColumn: "_sideColumn_1xd7h_6",
|
|
25
25
|
reservedColumn: "_reservedColumn_1xd7h_10"
|
|
26
|
-
},
|
|
26
|
+
}, re = s("flex flex-col desktop:min-h-0 desktop:overflow-y-auto", K.sideColumn), q = ({ left: e, children: t, metadata: n, layout: r }) => {
|
|
27
27
|
let i = e != null && n == null && r?.reserveEndColumn !== !1, a = r ? { "--bfb-side-column-width": r.sideColumnWidth ?? "400px" } : void 0, o = r ? { columnGap: r.columnGap ?? "0px" } : void 0;
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
|
|
28
|
+
return /* @__PURE__ */ N("div", {
|
|
29
|
+
className: s("flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden", K.body),
|
|
30
30
|
style: o,
|
|
31
31
|
children: [
|
|
32
|
-
e != null && /* @__PURE__ */
|
|
33
|
-
className:
|
|
32
|
+
e != null && /* @__PURE__ */ M("div", {
|
|
33
|
+
className: re,
|
|
34
34
|
style: a,
|
|
35
35
|
children: e
|
|
36
36
|
}),
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ M("div", {
|
|
38
38
|
className: "flex w-full min-w-0 flex-1 flex-col desktop:min-h-0 desktop:overflow-y-auto",
|
|
39
39
|
children: t
|
|
40
40
|
}),
|
|
41
|
-
n != null && /* @__PURE__ */
|
|
42
|
-
className:
|
|
41
|
+
n != null && /* @__PURE__ */ M("div", {
|
|
42
|
+
className: re,
|
|
43
43
|
style: a,
|
|
44
44
|
children: n
|
|
45
45
|
}),
|
|
46
|
-
i && /* @__PURE__ */
|
|
46
|
+
i && /* @__PURE__ */ M("div", {
|
|
47
47
|
"aria-hidden": !0,
|
|
48
48
|
style: a,
|
|
49
|
-
className: s(
|
|
49
|
+
className: s(K.reservedColumn, K.sideColumn)
|
|
50
50
|
})
|
|
51
51
|
]
|
|
52
52
|
});
|
|
53
|
-
},
|
|
53
|
+
}, J = {
|
|
54
54
|
header: "_header_lon83_4",
|
|
55
55
|
actions: "_actions_lon83_18",
|
|
56
56
|
title: "_title_lon83_27"
|
|
57
|
-
},
|
|
57
|
+
}, ie = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, styles: f }) => {
|
|
58
58
|
let { colors: p, typography: m } = f ?? {}, g = m?.fontClassName ?? "dial-h1-text", _ = !!m?.fontClassName, v = i({
|
|
59
59
|
"--bfh-border": p?.borderColor,
|
|
60
60
|
"--bfh-font-family": _ ? void 0 : m?.fontFamily
|
|
61
61
|
});
|
|
62
|
-
return /* @__PURE__ */
|
|
62
|
+
return /* @__PURE__ */ N("div", {
|
|
63
63
|
style: v,
|
|
64
|
-
className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0",
|
|
64
|
+
className: s("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", J.header),
|
|
65
65
|
children: [
|
|
66
|
-
/* @__PURE__ */
|
|
66
|
+
/* @__PURE__ */ N("div", {
|
|
67
67
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
68
|
-
children: [/* @__PURE__ */
|
|
69
|
-
icon: l === void 0 ? /* @__PURE__ */
|
|
68
|
+
children: [/* @__PURE__ */ M(h, {
|
|
69
|
+
icon: l === void 0 ? /* @__PURE__ */ M(P, {
|
|
70
70
|
size: u.LG,
|
|
71
71
|
className: "rtl:scale-x-[-1]",
|
|
72
72
|
"aria-hidden": !0,
|
|
@@ -74,14 +74,14 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
74
74
|
}) : l,
|
|
75
75
|
"aria-label": e.backButtonLabel,
|
|
76
76
|
onClick: t
|
|
77
|
-
}), /* @__PURE__ */
|
|
78
|
-
className: s("truncate",
|
|
77
|
+
}), /* @__PURE__ */ M("h1", {
|
|
78
|
+
className: s("truncate", J.title, g),
|
|
79
79
|
children: e.title
|
|
80
80
|
})]
|
|
81
81
|
}),
|
|
82
|
-
/* @__PURE__ */
|
|
83
|
-
className: s("items-center gap-2",
|
|
84
|
-
children: /* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ M("div", {
|
|
83
|
+
className: s("items-center gap-2", J.actions),
|
|
84
|
+
children: /* @__PURE__ */ M(G, {
|
|
85
85
|
labels: e,
|
|
86
86
|
onCancel: n,
|
|
87
87
|
onSubmit: r,
|
|
@@ -90,27 +90,26 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
90
90
|
isSubmitting: c
|
|
91
91
|
})
|
|
92
92
|
}),
|
|
93
|
-
/* @__PURE__ */
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
className: "sr-only",
|
|
93
|
+
/* @__PURE__ */ M(y, {
|
|
94
|
+
visuallyHidden: !0,
|
|
95
|
+
as: b.Span,
|
|
97
96
|
children: c ? e.submittingLabel ?? "Submitting" : ""
|
|
98
97
|
})
|
|
99
98
|
]
|
|
100
99
|
});
|
|
101
|
-
},
|
|
100
|
+
}, ae = {
|
|
102
101
|
container: "_container_14mfe_1",
|
|
103
102
|
footer: "_footer_14mfe_10"
|
|
104
|
-
},
|
|
103
|
+
}, oe = ({ labels: e, onBack: t, onCancel: n, onSubmit: r, isCancelDisabled: a = !1, isSubmitDisabled: o = !1, isSubmitting: c = !1, backIcon: l, className: u, left: d, children: f, metadata: p, layout: m, styles: h }) => {
|
|
105
104
|
let { colors: g, header: _, cssVars: v } = h ?? {};
|
|
106
|
-
return /* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ N("div", {
|
|
107
106
|
style: {
|
|
108
107
|
...i({ "--bfc-bg": g?.background }),
|
|
109
108
|
...v
|
|
110
109
|
},
|
|
111
|
-
className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u,
|
|
110
|
+
className: s("flex h-full min-h-0 w-full flex-col overflow-hidden", u, ae.container),
|
|
112
111
|
children: [
|
|
113
|
-
/* @__PURE__ */
|
|
112
|
+
/* @__PURE__ */ M(ie, {
|
|
114
113
|
labels: e,
|
|
115
114
|
onBack: t,
|
|
116
115
|
onCancel: n,
|
|
@@ -121,15 +120,15 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
121
120
|
backIcon: l,
|
|
122
121
|
styles: _
|
|
123
122
|
}),
|
|
124
|
-
/* @__PURE__ */
|
|
123
|
+
/* @__PURE__ */ M(q, {
|
|
125
124
|
left: d,
|
|
126
125
|
metadata: p,
|
|
127
126
|
layout: m,
|
|
128
127
|
children: f
|
|
129
128
|
}),
|
|
130
|
-
/* @__PURE__ */
|
|
131
|
-
className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm",
|
|
132
|
-
children: /* @__PURE__ */
|
|
129
|
+
/* @__PURE__ */ M("div", {
|
|
130
|
+
className: s("sticky bottom-0 z-10 items-center gap-2 p-3 shadow-sm", ae.footer),
|
|
131
|
+
children: /* @__PURE__ */ M(G, {
|
|
133
132
|
labels: e,
|
|
134
133
|
onCancel: n,
|
|
135
134
|
onSubmit: r,
|
|
@@ -147,7 +146,7 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
147
146
|
metadataSection: "dial-builder-form-metadata-section",
|
|
148
147
|
setupSection: "dial-builder-form-setup-section",
|
|
149
148
|
asideSection: "dial-builder-form-aside-section"
|
|
150
|
-
},
|
|
149
|
+
}, se = {
|
|
151
150
|
section: "_section_l1mnx_1",
|
|
152
151
|
title: "_title_l1mnx_5"
|
|
153
152
|
}, X = ({ title: e, children: t, styles: n, className: r }) => {
|
|
@@ -155,55 +154,54 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
155
154
|
"--es-border-color": n?.colors?.borderColor,
|
|
156
155
|
"--es-title-color": n?.colors?.titleColor
|
|
157
156
|
});
|
|
158
|
-
return /* @__PURE__ */
|
|
159
|
-
className: s("flex h-full flex-col gap-4 rounded border p-6",
|
|
157
|
+
return /* @__PURE__ */ N("section", {
|
|
158
|
+
className: s("flex h-full flex-col gap-4 rounded border p-6", se.section, r, Y.section),
|
|
160
159
|
style: a,
|
|
161
|
-
children: [e != null && /* @__PURE__ */
|
|
162
|
-
className: s("dial-h3-text",
|
|
160
|
+
children: [e != null && /* @__PURE__ */ M("h2", {
|
|
161
|
+
className: s("dial-h3-text", se.title),
|
|
163
162
|
children: e
|
|
164
163
|
}), t]
|
|
165
164
|
});
|
|
166
|
-
},
|
|
165
|
+
}, ce = (e, { min: t = 280, max: n = 640, containerWidth: r } = {}) => {
|
|
167
166
|
let i = r != null && r > 0 ? r - 360 : n;
|
|
168
167
|
return Math.round(Math.min(Math.max(t, Math.min(n, i)), Math.max(t, Number.isFinite(e) ? e : t)));
|
|
169
168
|
}, Z = {
|
|
170
169
|
headerBorder: "_headerBorder_1adw2_1",
|
|
171
170
|
footerBorder: "_footerBorder_1adw2_5",
|
|
172
171
|
columnBorder: "_columnBorder_1adw2_10"
|
|
173
|
-
},
|
|
174
|
-
let _ =
|
|
175
|
-
min:
|
|
176
|
-
max:
|
|
177
|
-
containerWidth:
|
|
178
|
-
},
|
|
179
|
-
|
|
180
|
-
let e =
|
|
181
|
-
if (!
|
|
182
|
-
let t = new ResizeObserver(() =>
|
|
172
|
+
}, le = ({ title: e, onBack: t, backAriaLabel: n = "Back", actions: r, leftContent: a, centerContent: o, rightContent: c, resizableLeftColumn: l, isSaving: f = !1, labels: p, styles: m, dir: g }) => {
|
|
173
|
+
let _ = V(), v = f ? p?.savingStatusLabel ?? "Saving" : "", x = U(null), [S, C] = W(), w = l != null && o != null, E = l?.minWidth, D = l?.maxWidth, O = {
|
|
174
|
+
min: E,
|
|
175
|
+
max: D,
|
|
176
|
+
containerWidth: S
|
|
177
|
+
}, k = w ? ce(l.width, O) : void 0, A = ce(D ?? 640, O);
|
|
178
|
+
B(() => {
|
|
179
|
+
let e = x.current;
|
|
180
|
+
if (!w || e == null || typeof ResizeObserver > "u") return;
|
|
181
|
+
let t = new ResizeObserver(() => C(e.clientWidth));
|
|
183
182
|
return t.observe(e), () => t.disconnect();
|
|
184
|
-
}, [
|
|
183
|
+
}, [w]);
|
|
185
184
|
let j = i({
|
|
186
185
|
"--el-header-border-color": m?.colors?.headerBorderColor,
|
|
187
186
|
"--el-sidebar-border-color": m?.colors?.sidebarBorderColor
|
|
188
187
|
});
|
|
189
|
-
return /* @__PURE__ */
|
|
188
|
+
return /* @__PURE__ */ N("div", {
|
|
190
189
|
dir: g,
|
|
191
190
|
className: s("flex min-h-0 flex-1 flex-col", Y.layout),
|
|
192
191
|
style: j,
|
|
193
192
|
children: [
|
|
194
|
-
/* @__PURE__ */
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
className: "sr-only",
|
|
193
|
+
/* @__PURE__ */ M(y, {
|
|
194
|
+
visuallyHidden: !0,
|
|
195
|
+
as: b.Span,
|
|
198
196
|
id: _,
|
|
199
197
|
children: v
|
|
200
198
|
}),
|
|
201
|
-
/* @__PURE__ */
|
|
199
|
+
/* @__PURE__ */ N("div", {
|
|
202
200
|
className: s("flex items-center justify-between gap-2 border-b px-4 py-2 desktop:px-8 desktop:pt-3 desktop:pb-3", Z.headerBorder),
|
|
203
|
-
children: [/* @__PURE__ */
|
|
201
|
+
children: [/* @__PURE__ */ N("div", {
|
|
204
202
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
205
|
-
children: [/* @__PURE__ */
|
|
206
|
-
icon: /* @__PURE__ */
|
|
203
|
+
children: [/* @__PURE__ */ M(h, {
|
|
204
|
+
icon: /* @__PURE__ */ M(F, {
|
|
207
205
|
size: u.LG,
|
|
208
206
|
stroke: d,
|
|
209
207
|
"aria-hidden": !0,
|
|
@@ -211,85 +209,85 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
211
209
|
}),
|
|
212
210
|
"aria-label": n,
|
|
213
211
|
onClick: t
|
|
214
|
-
}), /* @__PURE__ */
|
|
212
|
+
}), /* @__PURE__ */ M("h1", {
|
|
215
213
|
className: "dial-h2-text min-w-0 truncate",
|
|
216
214
|
children: e
|
|
217
215
|
})]
|
|
218
|
-
}), r != null && /* @__PURE__ */
|
|
216
|
+
}), r != null && /* @__PURE__ */ M("div", {
|
|
219
217
|
className: "hidden shrink-0 items-center gap-2 desktop:flex",
|
|
220
218
|
children: r
|
|
221
219
|
})]
|
|
222
220
|
}),
|
|
223
|
-
/* @__PURE__ */
|
|
224
|
-
ref:
|
|
221
|
+
/* @__PURE__ */ N("div", {
|
|
222
|
+
ref: x,
|
|
225
223
|
className: "flex flex-1 flex-col overflow-y-auto desktop:flex-row desktop:overflow-hidden",
|
|
226
224
|
children: [
|
|
227
|
-
/* @__PURE__ */
|
|
228
|
-
className: s(o == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", o != null && !
|
|
229
|
-
style:
|
|
225
|
+
/* @__PURE__ */ M("div", {
|
|
226
|
+
className: s(o == null ? "desktop:flex-1" : "desktop:shrink-0 desktop:overflow-y-auto desktop:border-e", o != null && !w && "desktop:w-[400px]", w && "desktop:relative desktop:w-[var(--el-left-width)]", "desktop:overflow-y-auto", o == null ? void 0 : Z.columnBorder),
|
|
227
|
+
style: k == null ? void 0 : { "--el-left-width": `${k}px` },
|
|
230
228
|
children: a
|
|
231
229
|
}),
|
|
232
|
-
|
|
230
|
+
w && k != null && /* @__PURE__ */ M("div", {
|
|
233
231
|
className: "relative hidden w-0 shrink-0 desktop:block",
|
|
234
|
-
children: /* @__PURE__ */
|
|
235
|
-
width:
|
|
236
|
-
minWidth:
|
|
237
|
-
maxWidth:
|
|
232
|
+
children: /* @__PURE__ */ M(T, {
|
|
233
|
+
width: k,
|
|
234
|
+
minWidth: E ?? 280,
|
|
235
|
+
maxWidth: A,
|
|
238
236
|
defaultWidth: l.defaultWidth ?? 400,
|
|
239
237
|
onWidthChange: l.onWidthChange,
|
|
240
238
|
label: p?.resizeHandleLabel ?? "Resize columns",
|
|
241
239
|
tooltip: p?.resizeHandleTooltip ?? "Drag to resize"
|
|
242
240
|
})
|
|
243
241
|
}),
|
|
244
|
-
o != null && /* @__PURE__ */
|
|
242
|
+
o != null && /* @__PURE__ */ M("div", {
|
|
245
243
|
className: "desktop:flex desktop:min-h-0 desktop:flex-1 desktop:flex-col desktop:overflow-y-auto",
|
|
246
244
|
children: o
|
|
247
245
|
}),
|
|
248
|
-
c != null && /* @__PURE__ */
|
|
246
|
+
c != null && /* @__PURE__ */ M("div", {
|
|
249
247
|
className: s("desktop:w-[400px] desktop:shrink-0 desktop:overflow-y-auto desktop:border-s", Z.columnBorder),
|
|
250
248
|
children: c
|
|
251
249
|
})
|
|
252
250
|
]
|
|
253
251
|
}),
|
|
254
|
-
r != null && /* @__PURE__ */
|
|
252
|
+
r != null && /* @__PURE__ */ M("div", {
|
|
255
253
|
className: s("flex shrink-0 flex-row-reverse items-center gap-2 border-t px-4 py-2 desktop:hidden [&>*]:flex-1", Z.footerBorder),
|
|
256
254
|
children: r
|
|
257
255
|
})
|
|
258
256
|
]
|
|
259
257
|
});
|
|
260
|
-
},
|
|
258
|
+
}, ue = {
|
|
261
259
|
box: "_box_c9as8_1",
|
|
262
260
|
icon: "_icon_c9as8_6",
|
|
263
261
|
caption: "_caption_c9as8_10"
|
|
264
|
-
},
|
|
262
|
+
}, de = ({ label: e, avatarUrl: t, avatarAlt: n = "", addAvatarLabel: r = "Add avatar", captionText: a = "PNG, JPG or SVG (max 1 MB)", onAddAvatarClick: o, styles: c, className: l }) => {
|
|
265
263
|
let f = i({
|
|
266
264
|
"--aa-box-bg": c?.colors?.boxBackgroundColor,
|
|
267
265
|
"--aa-box-border": c?.colors?.boxBorderColor,
|
|
268
266
|
"--aa-icon": c?.colors?.placeholderIconColor,
|
|
269
267
|
"--aa-caption": c?.colors?.captionColor
|
|
270
268
|
});
|
|
271
|
-
return /* @__PURE__ */
|
|
269
|
+
return /* @__PURE__ */ N("div", {
|
|
272
270
|
className: s("flex flex-col gap-2", l),
|
|
273
271
|
style: f,
|
|
274
|
-
children: [/* @__PURE__ */
|
|
272
|
+
children: [/* @__PURE__ */ M(_, { label: e }), /* @__PURE__ */ N("div", {
|
|
275
273
|
className: "flex items-start gap-3",
|
|
276
|
-
children: [/* @__PURE__ */
|
|
277
|
-
className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border",
|
|
278
|
-
children: t ? /* @__PURE__ */
|
|
274
|
+
children: [/* @__PURE__ */ M("div", {
|
|
275
|
+
className: s("flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border", ue.box),
|
|
276
|
+
children: t ? /* @__PURE__ */ M("img", {
|
|
279
277
|
src: t,
|
|
280
278
|
alt: n,
|
|
281
279
|
className: "h-16 w-16 object-cover"
|
|
282
|
-
}) : /* @__PURE__ */
|
|
280
|
+
}) : /* @__PURE__ */ M(I, {
|
|
283
281
|
size: u.LG,
|
|
284
282
|
stroke: d,
|
|
285
283
|
"aria-hidden": !0,
|
|
286
|
-
className:
|
|
284
|
+
className: ue.icon
|
|
287
285
|
})
|
|
288
|
-
}), /* @__PURE__ */
|
|
286
|
+
}), /* @__PURE__ */ N("div", {
|
|
289
287
|
className: "flex flex-col gap-3",
|
|
290
|
-
children: [/* @__PURE__ */
|
|
288
|
+
children: [/* @__PURE__ */ M(m, {
|
|
291
289
|
size: p.Small,
|
|
292
|
-
iconBefore: /* @__PURE__ */
|
|
290
|
+
iconBefore: /* @__PURE__ */ M(ee, {
|
|
293
291
|
size: u.SM,
|
|
294
292
|
stroke: d,
|
|
295
293
|
"aria-hidden": !0
|
|
@@ -297,22 +295,22 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
297
295
|
className: "w-fit",
|
|
298
296
|
label: r,
|
|
299
297
|
onClick: o
|
|
300
|
-
}), /* @__PURE__ */
|
|
301
|
-
className: s("dial-tiny-text",
|
|
298
|
+
}), /* @__PURE__ */ M("span", {
|
|
299
|
+
className: s("dial-tiny-text", ue.caption),
|
|
302
300
|
children: a
|
|
303
301
|
})]
|
|
304
302
|
})]
|
|
305
303
|
})]
|
|
306
304
|
});
|
|
307
|
-
},
|
|
308
|
-
let c =
|
|
305
|
+
}, fe = ({ isOpen: e, onClose: t, onAttach: n, bucket: r, FileManagerModal: i, allowedMimeTypes: a, maxFileSizeBytes: o, labels: s }) => {
|
|
306
|
+
let c = z((e) => e.length === 1 ? s.deleteConfirmTitleSingle : s.deleteConfirmTitleMultiple, [s.deleteConfirmTitleSingle, s.deleteConfirmTitleMultiple]), l = z((e) => /* @__PURE__ */ M("div", {
|
|
309
307
|
className: "dial-small-text px-6 py-3",
|
|
310
|
-
children: /* @__PURE__ */
|
|
308
|
+
children: /* @__PURE__ */ M("p", {
|
|
311
309
|
className: "mb-3 text-secondary",
|
|
312
|
-
children: e.length === 1 ? /* @__PURE__ */
|
|
310
|
+
children: e.length === 1 ? /* @__PURE__ */ N(j, { children: [
|
|
313
311
|
s.deleteConfirmSingleText,
|
|
314
312
|
" ",
|
|
315
|
-
/* @__PURE__ */
|
|
313
|
+
/* @__PURE__ */ N("span", {
|
|
316
314
|
className: "wrap-break-word text-primary",
|
|
317
315
|
children: [
|
|
318
316
|
"\"",
|
|
@@ -320,10 +318,10 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
320
318
|
"\"?"
|
|
321
319
|
]
|
|
322
320
|
})
|
|
323
|
-
] }) : /* @__PURE__ */
|
|
321
|
+
] }) : /* @__PURE__ */ N(j, { children: [
|
|
324
322
|
s.deleteConfirmMultipleText,
|
|
325
323
|
" ",
|
|
326
|
-
/* @__PURE__ */
|
|
324
|
+
/* @__PURE__ */ N("span", {
|
|
327
325
|
className: "text-primary",
|
|
328
326
|
children: [
|
|
329
327
|
e.length,
|
|
@@ -338,9 +336,9 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
338
336
|
s.deleteConfirmMultipleText,
|
|
339
337
|
s.deleteConfirmItemsLabel
|
|
340
338
|
]);
|
|
341
|
-
return /* @__PURE__ */
|
|
339
|
+
return /* @__PURE__ */ M(L, {
|
|
342
340
|
fallback: null,
|
|
343
|
-
children: e && /* @__PURE__ */
|
|
341
|
+
children: e && /* @__PURE__ */ M(i, {
|
|
344
342
|
isOpen: e,
|
|
345
343
|
onClose: t,
|
|
346
344
|
onAttach: n,
|
|
@@ -373,106 +371,106 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
373
371
|
});
|
|
374
372
|
}, Q = /* @__PURE__ */ function(e) {
|
|
375
373
|
return e.Avatar = "avatar", e.Name = "name", e.Version = "version", e.Description = "description", e.Locales = "locales", e.Tags = "tags", e;
|
|
376
|
-
}({}),
|
|
374
|
+
}({}), pe = [
|
|
377
375
|
"avatar",
|
|
378
376
|
"name",
|
|
379
377
|
"version",
|
|
380
378
|
"description",
|
|
381
379
|
"locales",
|
|
382
380
|
"tags"
|
|
383
|
-
],
|
|
381
|
+
], me = (e, t, n) => ({
|
|
384
382
|
id: e,
|
|
385
383
|
language: n.find((e) => !t.has(e.code))?.code ?? "",
|
|
386
384
|
name: "",
|
|
387
385
|
description: ""
|
|
388
|
-
}),
|
|
389
|
-
let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle:
|
|
390
|
-
|
|
391
|
-
|
|
386
|
+
}), he = ({ value: e, onChange: t, availableLocaleOptions: r = [], labels: i, className: a, summaryClassName: o = "dial-body-text text-secondary", rowLabelClassName: m = "dial-tiny-lead-text text-secondary" }) => {
|
|
387
|
+
let { summaryLabel: h, addLabel: _, editLabel: y, popupTitle: b, addLocaleLabel: x, localeRowLabel: S = "Locale", languageLabel: w, nameLabel: T, namePlaceholder: D, descriptionLabel: O, descriptionPlaceholder: j, deleteAriaLabel: P, cancelLabel: F = "Cancel", saveLabel: I = "Save" } = i, [L, R] = W(!1), [z, V] = W([]), ne = U(0);
|
|
388
|
+
B(() => {
|
|
389
|
+
L && V(e.length > 0 ? e : [me(`locale-row-${++ne.current}`, /* @__PURE__ */ new Set(), r)]);
|
|
392
390
|
}, [
|
|
393
|
-
|
|
391
|
+
L,
|
|
394
392
|
e,
|
|
395
393
|
r
|
|
396
394
|
]);
|
|
397
|
-
let
|
|
398
|
-
t(
|
|
399
|
-
},
|
|
400
|
-
let e = new Set(
|
|
401
|
-
|
|
402
|
-
},
|
|
403
|
-
|
|
395
|
+
let H = () => R(!0), G = () => R(!1), K = () => {
|
|
396
|
+
t(z.filter((e) => e.language && e.name)), R(!1);
|
|
397
|
+
}, re = () => {
|
|
398
|
+
let e = new Set(z.map((e) => e.language).filter(Boolean));
|
|
399
|
+
V((t) => [...t, me(`locale-row-${++ne.current}`, e, r)]);
|
|
400
|
+
}, q = (e, t) => {
|
|
401
|
+
V((n) => n.map((n) => n.id === e ? {
|
|
404
402
|
...n,
|
|
405
403
|
...t
|
|
406
404
|
} : n));
|
|
407
|
-
},
|
|
408
|
-
|
|
409
|
-
},
|
|
410
|
-
return r.length === 0 ? null : /* @__PURE__ */
|
|
405
|
+
}, J = (e) => {
|
|
406
|
+
V((t) => t.filter((t) => t.id !== e));
|
|
407
|
+
}, ie = (e) => r.find((t) => t.code === e)?.label ?? e.toUpperCase(), ae = z.some((e) => !e.language || !e.name);
|
|
408
|
+
return r.length === 0 ? null : /* @__PURE__ */ N("div", {
|
|
411
409
|
className: s("flex items-center gap-2", a),
|
|
412
410
|
children: [
|
|
413
|
-
e.length > 0 && /* @__PURE__ */
|
|
411
|
+
e.length > 0 && /* @__PURE__ */ M("span", {
|
|
414
412
|
className: o,
|
|
415
|
-
children: `${h}: ${e.map((e) => `[${
|
|
413
|
+
children: `${h}: ${e.map((e) => `[${ie(e.language)}]`).join(", ")}`
|
|
416
414
|
}),
|
|
417
|
-
/* @__PURE__ */
|
|
415
|
+
/* @__PURE__ */ M(v, {
|
|
418
416
|
label: e.length > 0 ? y : _,
|
|
419
|
-
iconBefore: /* @__PURE__ */
|
|
417
|
+
iconBefore: /* @__PURE__ */ M(ee, {
|
|
420
418
|
size: u.SM,
|
|
421
419
|
"aria-hidden": !0,
|
|
422
420
|
stroke: d
|
|
423
421
|
}),
|
|
424
422
|
className: "px-0!",
|
|
425
|
-
onClick:
|
|
423
|
+
onClick: H
|
|
426
424
|
}),
|
|
427
|
-
/* @__PURE__ */
|
|
428
|
-
open:
|
|
429
|
-
header:
|
|
430
|
-
onClose:
|
|
425
|
+
/* @__PURE__ */ M(C, {
|
|
426
|
+
open: L,
|
|
427
|
+
header: b,
|
|
428
|
+
onClose: G,
|
|
431
429
|
mainButtons: [{
|
|
432
|
-
label:
|
|
433
|
-
onClick:
|
|
430
|
+
label: F,
|
|
431
|
+
onClick: G
|
|
434
432
|
}, {
|
|
435
|
-
label:
|
|
433
|
+
label: I,
|
|
436
434
|
variant: l.Primary,
|
|
437
|
-
disabled:
|
|
438
|
-
onClick:
|
|
435
|
+
disabled: ae,
|
|
436
|
+
onClick: K
|
|
439
437
|
}],
|
|
440
|
-
children: /* @__PURE__ */
|
|
438
|
+
children: /* @__PURE__ */ N("div", {
|
|
441
439
|
className: "flex flex-col gap-8 px-6 py-3",
|
|
442
|
-
children: [
|
|
443
|
-
let i = new Set(
|
|
444
|
-
return /* @__PURE__ */
|
|
440
|
+
children: [z.map((e, t) => {
|
|
441
|
+
let i = new Set(z.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
|
|
442
|
+
return /* @__PURE__ */ N("div", {
|
|
445
443
|
className: "flex flex-col gap-2",
|
|
446
|
-
children: [/* @__PURE__ */
|
|
444
|
+
children: [/* @__PURE__ */ N("div", {
|
|
447
445
|
className: "flex items-center justify-between",
|
|
448
|
-
children: [/* @__PURE__ */
|
|
446
|
+
children: [/* @__PURE__ */ N("span", {
|
|
449
447
|
className: m,
|
|
450
448
|
children: [
|
|
451
|
-
|
|
449
|
+
S,
|
|
452
450
|
" ",
|
|
453
451
|
t + 1
|
|
454
452
|
]
|
|
455
|
-
}), /* @__PURE__ */
|
|
453
|
+
}), /* @__PURE__ */ M(f, {
|
|
456
454
|
appearance: c.Ghost,
|
|
457
455
|
size: p.Small,
|
|
458
|
-
icon: /* @__PURE__ */
|
|
456
|
+
icon: /* @__PURE__ */ M(te, {
|
|
459
457
|
size: u.SM,
|
|
460
458
|
"aria-hidden": !0,
|
|
461
459
|
stroke: d
|
|
462
460
|
}),
|
|
463
|
-
"aria-label": `${
|
|
464
|
-
onClick: () =>
|
|
461
|
+
"aria-label": `${P} ${t + 1}`,
|
|
462
|
+
onClick: () => J(e.id)
|
|
465
463
|
})]
|
|
466
|
-
}), /* @__PURE__ */
|
|
464
|
+
}), /* @__PURE__ */ N("div", {
|
|
467
465
|
role: "group",
|
|
468
|
-
"aria-label": `${
|
|
466
|
+
"aria-label": `${S} ${t + 1}`,
|
|
469
467
|
className: "flex flex-col gap-5",
|
|
470
|
-
children: [/* @__PURE__ */
|
|
468
|
+
children: [/* @__PURE__ */ N("div", {
|
|
471
469
|
className: "flex flex-col gap-5 desktop:flex-row desktop:items-start",
|
|
472
|
-
children: [/* @__PURE__ */
|
|
470
|
+
children: [/* @__PURE__ */ M(E, {
|
|
473
471
|
id: `${e.id}-language`,
|
|
474
472
|
labelProps: {
|
|
475
|
-
label:
|
|
473
|
+
label: w,
|
|
476
474
|
required: !0
|
|
477
475
|
},
|
|
478
476
|
className: "desktop:shrink-0 desktop:basis-40",
|
|
@@ -482,52 +480,52 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
482
480
|
disabled: i.has(e.code)
|
|
483
481
|
})),
|
|
484
482
|
value: e.language,
|
|
485
|
-
onChange: (t) =>
|
|
486
|
-
}), /* @__PURE__ */
|
|
483
|
+
onChange: (t) => q(e.id, { language: t })
|
|
484
|
+
}), /* @__PURE__ */ M(g, {
|
|
487
485
|
id: `${e.id}-name`,
|
|
488
486
|
containerClassName: "min-w-0 flex-1",
|
|
489
487
|
required: !0,
|
|
490
488
|
value: e.name,
|
|
491
|
-
onChange: (t) =>
|
|
489
|
+
onChange: (t) => q(e.id, { name: t ?? "" }),
|
|
492
490
|
labelProps: {
|
|
493
|
-
label:
|
|
491
|
+
label: T,
|
|
494
492
|
required: !0
|
|
495
493
|
},
|
|
496
|
-
placeholder:
|
|
494
|
+
placeholder: D
|
|
497
495
|
})]
|
|
498
|
-
}), /* @__PURE__ */ k
|
|
496
|
+
}), /* @__PURE__ */ M(k, {
|
|
499
497
|
id: `${e.id}-description`,
|
|
500
498
|
className: n,
|
|
501
|
-
resize:
|
|
499
|
+
resize: A.Vertical,
|
|
502
500
|
value: e.description,
|
|
503
|
-
onChange: (t) =>
|
|
504
|
-
labelProps: { label:
|
|
505
|
-
placeholder:
|
|
501
|
+
onChange: (t) => q(e.id, { description: t }),
|
|
502
|
+
labelProps: { label: O },
|
|
503
|
+
placeholder: j
|
|
506
504
|
})]
|
|
507
505
|
})]
|
|
508
506
|
}, e.id);
|
|
509
|
-
}), /* @__PURE__ */
|
|
510
|
-
label:
|
|
511
|
-
iconBefore: /* @__PURE__ */
|
|
507
|
+
}), /* @__PURE__ */ M(v, {
|
|
508
|
+
label: x,
|
|
509
|
+
iconBefore: /* @__PURE__ */ M(ee, {
|
|
512
510
|
size: u.SM,
|
|
513
511
|
"aria-hidden": !0,
|
|
514
512
|
stroke: d
|
|
515
513
|
}),
|
|
516
514
|
className: "self-start",
|
|
517
|
-
onClick:
|
|
518
|
-
disabled:
|
|
515
|
+
onClick: re,
|
|
516
|
+
disabled: z.length >= r.length
|
|
519
517
|
})]
|
|
520
518
|
})
|
|
521
519
|
})
|
|
522
520
|
]
|
|
523
521
|
});
|
|
524
|
-
},
|
|
525
|
-
let S =
|
|
526
|
-
|
|
522
|
+
}, ge = "Add tags, comma separated", _e = "deployment-creation-form-description", ve = ({ values: e, errors: t, onChange: i, onNameBlur: a, onVersionBlur: o, iconPreviewUrl: c, onAddAvatarClick: l, labels: u, styles: d, availableLocaleOptions: f = [], fields: p = pe, isNameReadOnly: m = !1, nameReadOnlyTooltip: h, nameCaption: _, isDescriptionRequired: v = !1, descriptionCaption: y, renderDescription: b, focusRequestKey: x }) => {
|
|
523
|
+
let S = U(null), C = U(null), w = U(null), T = U(!1), E = (e) => p.includes(e), D = E(Q.Name), j = E(Q.Version), P = !!(t.name || t.version || t.description), F = U(x);
|
|
524
|
+
B(() => {
|
|
527
525
|
let e = () => {
|
|
528
526
|
t.name ? S.current?.focus() : t.version ? C.current?.focus() : t.description && w.current?.focus();
|
|
529
527
|
};
|
|
530
|
-
x === void 0 ? (P && !
|
|
528
|
+
x === void 0 ? (P && !T.current && e(), T.current = P) : x !== F.current && (F.current = x, e());
|
|
531
529
|
}, [
|
|
532
530
|
x,
|
|
533
531
|
P,
|
|
@@ -535,8 +533,8 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
535
533
|
t.version,
|
|
536
534
|
t.description
|
|
537
535
|
]);
|
|
538
|
-
let I = /* @__PURE__ */ k
|
|
539
|
-
id:
|
|
536
|
+
let I = /* @__PURE__ */ M(k, {
|
|
537
|
+
id: _e,
|
|
540
538
|
ref: w,
|
|
541
539
|
value: e.description,
|
|
542
540
|
onChange: (e) => i({ description: e }),
|
|
@@ -551,14 +549,14 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
551
549
|
invalid: !!t.description,
|
|
552
550
|
containerClassName: b ? void 0 : d?.field,
|
|
553
551
|
className: n,
|
|
554
|
-
resize:
|
|
552
|
+
resize: A.Vertical
|
|
555
553
|
});
|
|
556
|
-
return /* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ N("div", {
|
|
557
555
|
role: u.ariaLabel ? "group" : void 0,
|
|
558
556
|
"aria-label": u.ariaLabel,
|
|
559
557
|
className: s("flex flex-col gap-4", d?.root),
|
|
560
558
|
children: [
|
|
561
|
-
|
|
559
|
+
E(Q.Avatar) && /* @__PURE__ */ M(de, {
|
|
562
560
|
label: u.iconUrl.label,
|
|
563
561
|
avatarUrl: c,
|
|
564
562
|
addAvatarLabel: u.iconUrl.addAvatarLabel,
|
|
@@ -566,9 +564,9 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
566
564
|
onAddAvatarClick: l,
|
|
567
565
|
className: d?.field
|
|
568
566
|
}),
|
|
569
|
-
(
|
|
567
|
+
(D || j) && /* @__PURE__ */ N("div", {
|
|
570
568
|
className: s("flex items-start gap-4", d?.field),
|
|
571
|
-
children: [
|
|
569
|
+
children: [D && /* @__PURE__ */ M(g, {
|
|
572
570
|
id: "deployment-creation-form-name",
|
|
573
571
|
inputRef: S,
|
|
574
572
|
value: e.name,
|
|
@@ -584,8 +582,8 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
584
582
|
caption: _,
|
|
585
583
|
error: t.name || void 0,
|
|
586
584
|
invalid: !!t.name,
|
|
587
|
-
containerClassName:
|
|
588
|
-
}),
|
|
585
|
+
containerClassName: j ? "min-w-0 basis-0 grow-[2]" : "min-w-0 flex-1"
|
|
586
|
+
}), j && /* @__PURE__ */ M(g, {
|
|
589
587
|
id: "deployment-creation-form-version",
|
|
590
588
|
inputRef: C,
|
|
591
589
|
value: e.version,
|
|
@@ -595,26 +593,26 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
595
593
|
placeholder: u.version.placeholder,
|
|
596
594
|
error: t.version || void 0,
|
|
597
595
|
invalid: !!t.version,
|
|
598
|
-
containerClassName:
|
|
596
|
+
containerClassName: D ? "min-w-0 basis-0 grow-[1]" : "min-w-0 flex-1"
|
|
599
597
|
})]
|
|
600
598
|
}),
|
|
601
|
-
|
|
599
|
+
E(Q.Description) && (b ? /* @__PURE__ */ M("div", {
|
|
602
600
|
className: d?.field,
|
|
603
|
-
children: b(I,
|
|
601
|
+
children: b(I, _e)
|
|
604
602
|
}) : I),
|
|
605
|
-
|
|
603
|
+
E(Q.Locales) && /* @__PURE__ */ M(he, {
|
|
606
604
|
value: e.otherLocales,
|
|
607
605
|
onChange: (e) => i({ otherLocales: e }),
|
|
608
606
|
availableLocaleOptions: f,
|
|
609
607
|
labels: u.otherLocales,
|
|
610
608
|
className: d?.field
|
|
611
609
|
}),
|
|
612
|
-
|
|
610
|
+
E(Q.Tags) && /* @__PURE__ */ M("div", {
|
|
613
611
|
className: d?.field,
|
|
614
|
-
children: /* @__PURE__ */
|
|
612
|
+
children: /* @__PURE__ */ M(O, {
|
|
615
613
|
id: "deployment-creation-form-topics",
|
|
616
614
|
labelProps: { label: u.topics.label },
|
|
617
|
-
placeholder: u.topics.placeholder ??
|
|
615
|
+
placeholder: u.topics.placeholder ?? ge,
|
|
618
616
|
value: e.topics,
|
|
619
617
|
onChange: (e) => i({ topics: e }),
|
|
620
618
|
tagClassName: r
|
|
@@ -622,58 +620,58 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
622
620
|
})
|
|
623
621
|
]
|
|
624
622
|
});
|
|
625
|
-
},
|
|
626
|
-
let
|
|
627
|
-
|
|
628
|
-
className: v == null ? void 0 :
|
|
623
|
+
}, ye = "border-0 p-4 desktop:p-8", be = "desktop:flex-1", xe = "px-4 pt-4 desktop:px-6 desktop:pt-6", Se = R(({ title: e, onBack: t, onCancel: n, onSubmit: r, submitLabel: i, isSubmitting: a = !1, isSubmitDisabled: o = !1, extraActions: c, hideStandardActions: l = !1, metadata: u, metadataTitle: d, metadataFooter: f, setup: p, setupTitle: m, asideData: h, asideTitle: g, asideSectionClassName: _, alert: v, resizableLeftColumn: b, metadataSectionClassName: C, setupSectionClassName: T, labels: E, styles: D, dir: O }) => {
|
|
624
|
+
let k = /* @__PURE__ */ M(y, {
|
|
625
|
+
politeness: x.Assertive,
|
|
626
|
+
className: v == null ? void 0 : xe,
|
|
629
627
|
children: v
|
|
630
|
-
}),
|
|
631
|
-
return /* @__PURE__ */
|
|
628
|
+
}), A = p != null;
|
|
629
|
+
return /* @__PURE__ */ M(le, {
|
|
632
630
|
title: e,
|
|
633
631
|
onBack: t,
|
|
634
|
-
backAriaLabel:
|
|
632
|
+
backAriaLabel: E?.backAriaLabel ?? "Back",
|
|
635
633
|
isSaving: a,
|
|
636
634
|
resizableLeftColumn: b,
|
|
637
635
|
labels: {
|
|
638
|
-
savingStatusLabel:
|
|
639
|
-
resizeHandleLabel:
|
|
640
|
-
resizeHandleTooltip:
|
|
636
|
+
savingStatusLabel: E?.savingStatusLabel ?? "Saving",
|
|
637
|
+
resizeHandleLabel: E?.resizeHandleLabel,
|
|
638
|
+
resizeHandleTooltip: E?.resizeHandleTooltip
|
|
641
639
|
},
|
|
642
|
-
rightContent: h == null ? void 0 : /* @__PURE__ */
|
|
640
|
+
rightContent: h == null ? void 0 : /* @__PURE__ */ M(X, {
|
|
643
641
|
title: g,
|
|
644
|
-
styles:
|
|
645
|
-
className: s(
|
|
642
|
+
styles: D?.section,
|
|
643
|
+
className: s(ye, _, Y.asideSection),
|
|
646
644
|
children: h
|
|
647
645
|
}),
|
|
648
|
-
styles:
|
|
649
|
-
dir:
|
|
650
|
-
actions: /* @__PURE__ */
|
|
651
|
-
label:
|
|
646
|
+
styles: D?.layout,
|
|
647
|
+
dir: O,
|
|
648
|
+
actions: /* @__PURE__ */ N(j, { children: [c, !l && /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(S, {
|
|
649
|
+
label: E?.cancelLabel ?? "Cancel",
|
|
652
650
|
disabled: a,
|
|
653
651
|
onClick: n
|
|
654
|
-
}), /* @__PURE__ */
|
|
652
|
+
}), /* @__PURE__ */ M(w, {
|
|
655
653
|
label: i,
|
|
656
654
|
disabled: a || o,
|
|
657
655
|
onClick: r
|
|
658
656
|
})] })] }),
|
|
659
|
-
leftContent: /* @__PURE__ */
|
|
660
|
-
!
|
|
661
|
-
/* @__PURE__ */
|
|
662
|
-
title: d === null ? void 0 : d ??
|
|
663
|
-
styles:
|
|
664
|
-
className: s(
|
|
657
|
+
leftContent: /* @__PURE__ */ N(j, { children: [
|
|
658
|
+
!A && k,
|
|
659
|
+
/* @__PURE__ */ M(X, {
|
|
660
|
+
title: d === null ? void 0 : d ?? E?.metadataTitle ?? "Metadata",
|
|
661
|
+
styles: D?.section,
|
|
662
|
+
className: s(ye, C, Y.metadataSection),
|
|
665
663
|
children: u
|
|
666
664
|
}),
|
|
667
665
|
f
|
|
668
666
|
] }),
|
|
669
|
-
centerContent:
|
|
670
|
-
title: m === null ? void 0 : m ??
|
|
671
|
-
styles:
|
|
672
|
-
className: s(
|
|
667
|
+
centerContent: A ? /* @__PURE__ */ N(j, { children: [k, /* @__PURE__ */ M(X, {
|
|
668
|
+
title: m === null ? void 0 : m ?? E?.setupTitle ?? "Setup",
|
|
669
|
+
styles: D?.section,
|
|
670
|
+
className: s(ye, be, T, Y.setupSection),
|
|
673
671
|
children: p
|
|
674
672
|
})] }) : void 0
|
|
675
673
|
});
|
|
676
|
-
}),
|
|
674
|
+
}), Ce = {
|
|
677
675
|
name: {
|
|
678
676
|
label: "Name",
|
|
679
677
|
placeholder: "Enter name"
|
|
@@ -712,7 +710,7 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
712
710
|
saveLabel: "Save"
|
|
713
711
|
},
|
|
714
712
|
ariaLabel: "Metadata"
|
|
715
|
-
},
|
|
713
|
+
}, we = {
|
|
716
714
|
title: "Add avatar",
|
|
717
715
|
attachLabel: "Attach",
|
|
718
716
|
emptyTitle: "This folder is empty",
|
|
@@ -736,12 +734,12 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
736
734
|
deleteConfirmItemsLabel: "items?",
|
|
737
735
|
deleteConfirmLabel: "Delete",
|
|
738
736
|
deleteCancelLabel: "Cancel"
|
|
739
|
-
},
|
|
740
|
-
let [g, _] =
|
|
737
|
+
}, Te = R(({ values: e, errors: t, onChange: n, onNameBlur: r, onVersionBlur: i, avatarPicker: a, availableLocaleOptions: o, fields: s = pe, isNameReadOnly: c, nameReadOnlyTooltip: l, nameCaption: u, isDescriptionRequired: d, descriptionCaption: f, renderDescription: p, focusRequestKey: m, labels: h }) => {
|
|
738
|
+
let [g, _] = W(!1), v = H(() => a ? s : s.filter((e) => e !== Q.Avatar), [a, s]), y = e.iconUrl, b = a?.resolveIconUrl, x = H(() => b ? b(y) : void 0, [y, b]), S = z(() => _(!0), []), C = z(() => _(!1), []), w = a?.resolveAttachedIconUrl, T = z((e) => {
|
|
741
739
|
let t = w?.(e);
|
|
742
740
|
t && n({ iconUrl: t }), _(!1);
|
|
743
741
|
}, [n, w]);
|
|
744
|
-
return /* @__PURE__ */
|
|
742
|
+
return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(ve, {
|
|
745
743
|
values: e,
|
|
746
744
|
errors: t,
|
|
747
745
|
onChange: n,
|
|
@@ -749,7 +747,7 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
749
747
|
onVersionBlur: i,
|
|
750
748
|
iconPreviewUrl: x,
|
|
751
749
|
onAddAvatarClick: S,
|
|
752
|
-
labels: h?.form ??
|
|
750
|
+
labels: h?.form ?? Ce,
|
|
753
751
|
availableLocaleOptions: o,
|
|
754
752
|
fields: v,
|
|
755
753
|
isNameReadOnly: c,
|
|
@@ -759,7 +757,7 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
759
757
|
descriptionCaption: f,
|
|
760
758
|
renderDescription: p,
|
|
761
759
|
focusRequestKey: m
|
|
762
|
-
}), a && /* @__PURE__ */
|
|
760
|
+
}), a && /* @__PURE__ */ M(fe, {
|
|
763
761
|
isOpen: g,
|
|
764
762
|
onClose: C,
|
|
765
763
|
onAttach: T,
|
|
@@ -767,35 +765,35 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
767
765
|
FileManagerModal: a.FileManagerModal,
|
|
768
766
|
allowedMimeTypes: a.allowedMimeTypes,
|
|
769
767
|
maxFileSizeBytes: a.maxFileSizeBytes,
|
|
770
|
-
labels: h?.avatarPicker ??
|
|
768
|
+
labels: h?.avatarPicker ?? we
|
|
771
769
|
})] });
|
|
772
770
|
}), $ = /* @__PURE__ */ function(e) {
|
|
773
771
|
return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e.ControlCharacters = "control-characters", e;
|
|
774
|
-
}({}),
|
|
772
|
+
}({}), Ee = (e, t) => e.length === t.length && e.every((e, n) => e.id === t[n].id && e.language === t[n].language && e.name === t[n].name && e.description === t[n].description), De = (e, t) => e.name === t.name && e.description === t.description && e.iconUrl === t.iconUrl && e.version === t.version && e.topics.length === t.topics.length && e.topics.every((e, n) => e === t.topics[n]) && Ee(e.otherLocales, t.otherLocales), Oe = (e) => Object.values(e).every((e) => e == null), ke = /^[a-zA-Z0-9 _.-]+$/, Ae = /^[a-zA-Z0-9._-]+$/, je = /^\d+(\.\d+)*$/, Me = "1.0.0", Ne = (n, r = {}) => {
|
|
775
773
|
let i = {}, s = n.name.trim();
|
|
776
|
-
s ? a(s, t) ? i.name = $.TooLong : r.validateNamePattern && !
|
|
774
|
+
s ? a(s, t) ? i.name = $.TooLong : r.validateNamePattern && !ke.test(s) ? i.name = $.InvalidFormat : o(s) && (i.name = $.ControlCharacters) : i.name = $.Required, a(n.description, e) && (i.description = $.TooLong);
|
|
777
775
|
let c = n.version.trim();
|
|
778
|
-
return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern :
|
|
779
|
-
},
|
|
776
|
+
return r.validateVersionPattern && c && ((r.validateVersionPattern instanceof RegExp ? r.validateVersionPattern : Ae).test(c) || (i.version = $.InvalidFormat)), i;
|
|
777
|
+
}, Pe = /* @__PURE__ */ new Set([$.TooLong, $.ControlCharacters]), Fe = (e, t) => ({
|
|
780
778
|
reseedKey: t,
|
|
781
779
|
values: e,
|
|
782
780
|
baseline: e,
|
|
783
781
|
touched: {},
|
|
784
782
|
hasAttemptedSubmit: !1,
|
|
785
783
|
submitAttemptCount: 0
|
|
786
|
-
}),
|
|
787
|
-
let [r, i] =
|
|
788
|
-
r.reseedKey !== n && i(
|
|
789
|
-
let a = t?.validateNamePattern, o = t?.validateVersionPattern, s =
|
|
784
|
+
}), Ie = ({ initialValues: e, validationOptions: t, reseedKey: n }) => {
|
|
785
|
+
let [r, i] = W(() => Fe(e, n));
|
|
786
|
+
r.reseedKey !== n && i(Fe(e, n));
|
|
787
|
+
let a = t?.validateNamePattern, o = t?.validateVersionPattern, s = H(() => Ne(r.values, {
|
|
790
788
|
validateNamePattern: a,
|
|
791
789
|
validateVersionPattern: o
|
|
792
790
|
}), [
|
|
793
791
|
r.values,
|
|
794
792
|
a,
|
|
795
793
|
o
|
|
796
|
-
]), c =
|
|
794
|
+
]), c = H(() => {
|
|
797
795
|
if (r.hasAttemptedSubmit) return s;
|
|
798
|
-
let e = (e, t) => e && (t ||
|
|
796
|
+
let e = (e, t) => e && (t || Pe.has(e)) ? e : void 0;
|
|
799
797
|
return {
|
|
800
798
|
name: e(s.name, r.touched[Q.Name]),
|
|
801
799
|
version: e(s.version, r.touched[Q.Version]),
|
|
@@ -805,28 +803,28 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
805
803
|
s,
|
|
806
804
|
r.hasAttemptedSubmit,
|
|
807
805
|
r.touched
|
|
808
|
-
]), l =
|
|
809
|
-
|
|
806
|
+
]), l = U(s), u = U(e);
|
|
807
|
+
ne(() => {
|
|
810
808
|
l.current = s, u.current = e;
|
|
811
809
|
});
|
|
812
|
-
let d =
|
|
810
|
+
let d = z((e) => i((t) => ({
|
|
813
811
|
...t,
|
|
814
812
|
values: {
|
|
815
813
|
...t.values,
|
|
816
814
|
...e
|
|
817
815
|
}
|
|
818
|
-
})), []), f =
|
|
816
|
+
})), []), f = z((e) => i((t) => t.touched[e] ? t : {
|
|
819
817
|
...t,
|
|
820
818
|
touched: {
|
|
821
819
|
...t.touched,
|
|
822
820
|
[e]: !0
|
|
823
821
|
}
|
|
824
|
-
}), []), p =
|
|
822
|
+
}), []), p = z(() => (i((e) => ({
|
|
825
823
|
...e,
|
|
826
824
|
hasAttemptedSubmit: !0,
|
|
827
825
|
submitAttemptCount: e.submitAttemptCount + 1
|
|
828
|
-
})),
|
|
829
|
-
return
|
|
826
|
+
})), Oe(l.current)), []), m = z((e) => i((t) => Fe(e ?? u.current, t.reseedKey)), []), h = H(() => !De(r.values, r.baseline), [r.values, r.baseline]);
|
|
827
|
+
return H(() => ({
|
|
830
828
|
values: r.values,
|
|
831
829
|
setValues: d,
|
|
832
830
|
touched: r.touched,
|
|
@@ -851,4 +849,4 @@ var U = ({ labels: e, onCancel: t, onSubmit: n, isCancelDisabled: r = !1, isSubm
|
|
|
851
849
|
]);
|
|
852
850
|
};
|
|
853
851
|
//#endregion
|
|
854
|
-
export {
|
|
852
|
+
export { de as AddAvatar, fe as AvatarPickerModal, Y as BUILDER_FORM_CLASS, oe as BuilderFormContainer, Me as DEFAULT_DEPLOYMENT_VERSION, Ce as DEFAULT_METADATA_FORM_LABELS, $ as DeploymentCreationFieldErrorCode, ve as DeploymentCreationForm, he as DeploymentLocalesField, le as EditorLayout, X as EditorSection, Se as EntityEditor, Q as MetadataField, Te as MetadataForm, ke as NAME_PATTERN, je as SEMVER_VERSION_PATTERN, Ae as VERSION_PATTERN, Ie as useMetadataForm, Ne as validateDeploymentCreationFields };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-builder-form",
|
|
3
3
|
"description": "Presentational builder form shells, editor layouts, and shared deployment field sets for composing and editing DIAL entities",
|
|
4
|
-
"version": "1.3.0-dev.
|
|
4
|
+
"version": "1.3.0-dev.248",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
"@tabler/icons-react": "^3.44.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@epam/ai-dial-chat-shared": "1.3.0-dev.
|
|
24
|
-
"@epam/ai-dial-ui-kit": "^0.16.0-dev.
|
|
23
|
+
"@epam/ai-dial-chat-shared": "1.3.0-dev.248",
|
|
24
|
+
"@epam/ai-dial-ui-kit": "^0.16.0-dev.56",
|
|
25
25
|
"react": "^19.2.8"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|