@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":"AAQA,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,CAyDxD,CAAC"}
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, GhostIconButton as a, NeutralButton as o, PrimaryButton as s } from "@epam/ai-dial-ui-kit";
4
- import { IconArrowLeft as c } from "@tabler/icons-react";
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 l = "flex w-full flex-col desktop:w-[360px] desktop:shrink-0", u = ({ left: e, children: t, metadata: i }) => /* @__PURE__ */ r("div", {
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: l,
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: l,
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
- }), d = {
26
+ }), f = {
27
27
  header: "_header_1m5zp_1",
28
28
  title: "_title_1m5zp_5"
29
- }, f = ({ labels: l, onBack: u, onCancel: f, onSubmit: p, isCancelDisabled: m = !1, isSubmitDisabled: h = !1, styles: g }) => {
30
- let { colors: _, typography: v } = g ?? {}, y = v?.fontClassName ?? "dial-h1-text", b = !!v?.fontClassName;
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": _?.borderColor,
34
- "--bfh-font-family": b ? void 0 : v?.fontFamily
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", d.header),
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(a, {
40
- icon: /* @__PURE__ */ n(c, {
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": l.backButtonLabel,
46
- onClick: u
46
+ "aria-label": u.backButtonLabel,
47
+ onClick: d
47
48
  }), /* @__PURE__ */ n("h1", {
48
- className: t("truncate", d.title, y),
49
- children: l.title
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(o, {
54
- label: l.cancelButtonLabel,
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
- }, p = { container: "_container_apxt7_1" }, m = ({ labels: i, onBack: a, onCancel: o, onSubmit: s, isCancelDisabled: c = !1, isSubmitDisabled: l = !1, left: d, children: m, metadata: h, styles: g }) => {
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", p.container),
72
- children: [/* @__PURE__ */ n(f, {
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(u, {
81
- left: d,
81
+ }), /* @__PURE__ */ n(d, {
82
+ left: u,
82
83
  metadata: h,
83
- children: m
84
+ children: f
84
85
  })]
85
86
  });
86
87
  };
87
88
  //#endregion
88
- export { m as BuilderFormContainer };
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.298",
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.298",
21
- "@epam/ai-dial-ui-kit": "^0.14.0-dev.13",
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
  },