@epam/ai-dial-builder-form 1.1.0-dev.298 → 1.1.0-dev.300
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;AAGrF,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0DxD,CAAC"}
|
package/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { buildCssVars as e, mergeClasses as t } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
3
|
-
import { DIAL_ICON_SIZE as i,
|
|
4
|
-
import { IconArrowLeft as
|
|
3
|
+
import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, GhostIconButton as o, NeutralButton as s, PrimaryButton as c } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconArrowLeft as l } from "@tabler/icons-react";
|
|
5
5
|
//#region src/components/BuilderFormBody/BuilderFormBody.tsx
|
|
6
|
-
var
|
|
6
|
+
var u = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", d = ({ left: e, children: t, metadata: i }) => /* @__PURE__ */ r("div", {
|
|
7
7
|
className: "flex flex-1 flex-col desktop:flex-row",
|
|
8
8
|
children: [
|
|
9
9
|
e != null && /* @__PURE__ */ n("div", {
|
|
10
|
-
className:
|
|
10
|
+
className: u,
|
|
11
11
|
children: e
|
|
12
12
|
}),
|
|
13
13
|
/* @__PURE__ */ n("div", {
|
|
@@ -15,7 +15,7 @@ var l = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", u = ({ left:
|
|
|
15
15
|
children: t
|
|
16
16
|
}),
|
|
17
17
|
i != null && /* @__PURE__ */ n("div", {
|
|
18
|
-
className:
|
|
18
|
+
className: u,
|
|
19
19
|
children: i
|
|
20
20
|
}),
|
|
21
21
|
e != null && i == null && /* @__PURE__ */ n("div", {
|
|
@@ -23,53 +23,54 @@ var l = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", u = ({ left:
|
|
|
23
23
|
className: "hidden desktop:block desktop:w-[360px] desktop:shrink-0"
|
|
24
24
|
})
|
|
25
25
|
]
|
|
26
|
-
}),
|
|
26
|
+
}), f = {
|
|
27
27
|
header: "_header_1m5zp_1",
|
|
28
28
|
title: "_title_1m5zp_5"
|
|
29
|
-
},
|
|
30
|
-
let { colors:
|
|
29
|
+
}, p = ({ labels: u, onBack: d, onCancel: p, onSubmit: m, isCancelDisabled: h = !1, isSubmitDisabled: g = !1, styles: _ }) => {
|
|
30
|
+
let { colors: v, typography: y } = _ ?? {}, b = y?.fontClassName ?? "dial-h1-text", x = !!y?.fontClassName;
|
|
31
31
|
return /* @__PURE__ */ r("div", {
|
|
32
32
|
style: e({
|
|
33
|
-
"--bfh-border":
|
|
34
|
-
"--bfh-font-family":
|
|
33
|
+
"--bfh-border": v?.borderColor,
|
|
34
|
+
"--bfh-font-family": x ? void 0 : y?.fontFamily
|
|
35
35
|
}),
|
|
36
|
-
className: t("flex h-16 items-center justify-between gap-6 border-b px-8",
|
|
36
|
+
className: t("flex h-16 items-center justify-between gap-6 border-b px-8", f.header),
|
|
37
37
|
children: [/* @__PURE__ */ r("div", {
|
|
38
38
|
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
39
|
-
children: [/* @__PURE__ */ n(
|
|
40
|
-
icon: /* @__PURE__ */ n(
|
|
39
|
+
children: [/* @__PURE__ */ n(o, {
|
|
40
|
+
icon: /* @__PURE__ */ n(l, {
|
|
41
41
|
size: i.LG,
|
|
42
42
|
className: "rtl:scale-x-[-1]",
|
|
43
|
-
"aria-hidden": !0
|
|
43
|
+
"aria-hidden": !0,
|
|
44
|
+
stroke: a
|
|
44
45
|
}),
|
|
45
|
-
"aria-label":
|
|
46
|
-
onClick:
|
|
46
|
+
"aria-label": u.backButtonLabel,
|
|
47
|
+
onClick: d
|
|
47
48
|
}), /* @__PURE__ */ n("h1", {
|
|
48
|
-
className: t("truncate",
|
|
49
|
-
children:
|
|
49
|
+
className: t("truncate", f.title, b),
|
|
50
|
+
children: u.title
|
|
50
51
|
})]
|
|
51
52
|
}), /* @__PURE__ */ r("div", {
|
|
52
53
|
className: "flex items-center gap-2",
|
|
53
|
-
children: [/* @__PURE__ */ n(
|
|
54
|
-
label:
|
|
55
|
-
onClick: f,
|
|
56
|
-
disabled: m
|
|
57
|
-
}), /* @__PURE__ */ n(s, {
|
|
58
|
-
label: l.submitButtonLabel,
|
|
54
|
+
children: [/* @__PURE__ */ n(s, {
|
|
55
|
+
label: u.cancelButtonLabel,
|
|
59
56
|
onClick: p,
|
|
60
57
|
disabled: h
|
|
58
|
+
}), /* @__PURE__ */ n(c, {
|
|
59
|
+
label: u.submitButtonLabel,
|
|
60
|
+
onClick: m,
|
|
61
|
+
disabled: g
|
|
61
62
|
})]
|
|
62
63
|
})]
|
|
63
64
|
});
|
|
64
|
-
},
|
|
65
|
+
}, m = { container: "_container_apxt7_1" }, h = ({ labels: i, onBack: a, onCancel: o, onSubmit: s, isCancelDisabled: c = !1, isSubmitDisabled: l = !1, left: u, children: f, metadata: h, styles: g }) => {
|
|
65
66
|
let { colors: _, header: v, cssVars: y } = g ?? {};
|
|
66
67
|
return /* @__PURE__ */ r("div", {
|
|
67
68
|
style: {
|
|
68
69
|
...e({ "--bfc-bg": _?.background }),
|
|
69
70
|
...y
|
|
70
71
|
},
|
|
71
|
-
className: t("flex h-full w-full flex-col overflow-y-auto",
|
|
72
|
-
children: [/* @__PURE__ */ n(
|
|
72
|
+
className: t("flex h-full w-full flex-col overflow-y-auto", m.container),
|
|
73
|
+
children: [/* @__PURE__ */ n(p, {
|
|
73
74
|
labels: i,
|
|
74
75
|
onBack: a,
|
|
75
76
|
onCancel: o,
|
|
@@ -77,12 +78,12 @@ var l = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", u = ({ left:
|
|
|
77
78
|
isCancelDisabled: c,
|
|
78
79
|
isSubmitDisabled: l,
|
|
79
80
|
styles: v
|
|
80
|
-
}), /* @__PURE__ */ n(
|
|
81
|
-
left:
|
|
81
|
+
}), /* @__PURE__ */ n(d, {
|
|
82
|
+
left: u,
|
|
82
83
|
metadata: h,
|
|
83
|
-
children:
|
|
84
|
+
children: f
|
|
84
85
|
})]
|
|
85
86
|
});
|
|
86
87
|
};
|
|
87
88
|
//#endregion
|
|
88
|
-
export {
|
|
89
|
+
export { h as BuilderFormContainer };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-builder-form",
|
|
3
3
|
"description": "Presentational builder form components for composing and editing DIAL entities",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.300",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
21
|
-
"@epam/ai-dial-ui-kit": "^0.14.0-dev.
|
|
20
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.300",
|
|
21
|
+
"@epam/ai-dial-ui-kit": "^0.14.0-dev.15",
|
|
22
22
|
"@tabler/icons-react": "^3.44.0",
|
|
23
23
|
"react": "^19.0.0"
|
|
24
24
|
},
|