@epam/ai-dial-deployment-creation-form 1.1.0-dev.280

package/components/DeploymentCreationForm/DeploymentCreationForm.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { DeploymentCreationFormProps } from '../../models/deployment-creation-form';
+/** Controlled field set for deployment creation: name, description, icon URL, version, and topics. */
+export declare const DeploymentCreationForm: FC<DeploymentCreationFormProps>;
+//# sourceMappingURL=DeploymentCreationForm.d.ts.map

package/components/DeploymentCreationForm/DeploymentCreationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentCreationForm.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentCreationForm/DeploymentCreationForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAGzF,sGAAsG;AACtG,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAoGlE,CAAC"}

package/components/DeploymentLocalesField/DeploymentLocalesField.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { DeploymentCreationFormLocaleEntry, DeploymentCreationFormLocaleLabels, DeploymentCreationFormLocaleOption } from '../../models/deployment-creation-form';
+/** Props accepted by the `DeploymentLocalesField` component. */
+export interface DeploymentLocalesFieldProps {
+    /** Current list of additional (non-primary) locale entries. */
+    value: DeploymentCreationFormLocaleEntry[];
+    /** Called with the full updated list when the user saves changes in the popup. */
+    onChange: (entries: DeploymentCreationFormLocaleEntry[]) => void;
+    /** Selectable language options for new/existing rows. Defaults to an empty list (no locales addable). */
+    availableLocaleOptions?: DeploymentCreationFormLocaleOption[];
+    /** Pre-translated labels for the summary row and popup. */
+    labels: DeploymentCreationFormLocaleLabels;
+    /** Class applied to the summary row container. */
+    className?: string;
+    /** Typography and color class applied to the summary text. Defaults to `'dial-body-text text-secondary'`. */
+    summaryClassName?: string;
+    /** Typography and color class applied to each row's heading. Defaults to `'dial-tiny-lead-text text-secondary'`, which uppercases the label itself. */
+    rowLabelClassName?: string;
+    /** Color class applied to the required-field asterisk on the per-locale name field. Defaults to `'text-error'`. */
+    requiredMarkClassName?: string;
+}
+/** Summary row ("Locales: [DE]  Edit") plus the "Add locale" popup for editing additional name/description translations. */
+export declare const DeploymentLocalesField: FC<DeploymentLocalesFieldProps>;
+//# sourceMappingURL=DeploymentLocalesField.d.ts.map

package/components/DeploymentLocalesField/DeploymentLocalesField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentLocalesField.d.ts","sourceRoot":"","sources":["../../../src/components/DeploymentLocalesField/DeploymentLocalesField.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EACV,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EACnC,MAAM,uCAAuC,CAAC;AAE/C,gEAAgE;AAChE,MAAM,WAAW,2BAA2B;IAC1C,+DAA+D;IAC/D,KAAK,EAAE,iCAAiC,EAAE,CAAC;IAC3C,kFAAkF;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;IACjE,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,kCAAkC,EAAE,CAAC;IAC9D,2DAA2D;IAC3D,MAAM,EAAE,kCAAkC,CAAC;IAC3C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uJAAuJ;IACvJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mHAAmH;IACnH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAeD,4HAA4H;AAC5H,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0NlE,CAAC"}

package/index.d.ts

@@ -0,0 +1,8 @@
+export { DeploymentCreationForm } from './components/DeploymentCreationForm/DeploymentCreationForm';
+export { DeploymentLocalesField } from './components/DeploymentLocalesField/DeploymentLocalesField';
+export type { DeploymentLocalesFieldProps } from './components/DeploymentLocalesField/DeploymentLocalesField';
+export type { DeploymentCreationFormFieldErrors, DeploymentCreationFormFieldLabels, DeploymentCreationFormLabels, DeploymentCreationFormLocaleEntry, DeploymentCreationFormLocaleLabels, DeploymentCreationFormLocaleOption, DeploymentCreationFormProps, DeploymentCreationFormStyles, DeploymentCreationFormValues, } from './models/deployment-creation-form';
+export type { DeploymentCreationFormErrorCodes, DeploymentCreationFormValidationOptions, } from './models/validation';
+export { DeploymentCreationFieldErrorCode } from './models/validation';
+export { NAME_PATTERN, VERSION_PATTERN, validateDeploymentCreationFields, } from './utils/validate-deployment-creation-fields';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,YAAY,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAC9G,YAAY,EACV,iCAAiC,EACjC,iCAAiC,EACjC,4BAA4B,EAC5B,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,gCAAgC,EAChC,uCAAuC,GACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gCAAgC,GACjC,MAAM,6CAA6C,CAAC"}

package/index.js

@@ -0,0 +1,226 @@
+import { mergeClasses as e } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as t, ButtonVariant as n, DIAL_ICON_SIZE as r, DangerIconButton as i, ElementSize as a, Input as o, LinkButton as s, Popup as c, Select as l, TagInput as u, Textarea as d } from "@epam/ai-dial-ui-kit";
+import { useEffect as f, useRef as p, useState as m } from "react";
+import { IconPencil as h, IconPlus as g, IconTrashX as _ } from "@tabler/icons-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/DeploymentLocalesField/DeploymentLocalesField.tsx
+var x = (e, t, n) => ({
+	id: e,
+	language: n.find((e) => !t.has(e.code))?.code ?? "",
+	name: "",
+	description: ""
+}), S = ({ value: u, onChange: S, availableLocaleOptions: C = [], labels: w, className: T, summaryClassName: E = "dial-body-text text-secondary", rowLabelClassName: D = "dial-tiny-lead-text text-secondary", requiredMarkClassName: O = "text-error" }) => {
+	let { summaryLabel: k, editLabel: A, popupTitle: j, addLocaleLabel: M, localeRowLabel: N = "Locale", languageLabel: P, nameLabel: F, namePlaceholder: I, descriptionLabel: L, descriptionPlaceholder: R, deleteAriaLabel: z, cancelLabel: B = "Cancel", saveLabel: V = "Save" } = w, [H, U] = m(!1), [W, G] = m([]), K = p(0);
+	f(() => {
+		H && G(u.length > 0 ? u : [x(`locale-row-${++K.current}`, /* @__PURE__ */ new Set(), C)]);
+	}, [
+		H,
+		u,
+		C
+	]);
+	let q = () => U(!0), J = () => U(!1), Y = () => {
+		S(W.filter((e) => e.language && e.name)), U(!1);
+	}, X = () => {
+		let e = new Set(W.map((e) => e.language).filter(Boolean));
+		G((t) => [...t, x(`locale-row-${++K.current}`, e, C)]);
+	}, Z = (e, t) => {
+		G((n) => n.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, Q = (e) => {
+		G((t) => t.filter((t) => t.id !== e));
+	}, $ = (e) => C.find((t) => t.code === e)?.label ?? e.toUpperCase(), ee = W.some((e) => !e.language || !e.name);
+	return /* @__PURE__ */ b("div", {
+		className: e("flex items-center gap-2", T),
+		children: [
+			/* @__PURE__ */ y("span", {
+				className: E,
+				children: `${k}: ${u.length > 0 ? u.map((e) => `[${$(e.language)}]`).join(", ") : "—"}`
+			}),
+			/* @__PURE__ */ y(s, {
+				label: A,
+				iconBefore: /* @__PURE__ */ y(h, {
+					size: r.SM,
+					"aria-hidden": !0
+				}),
+				className: "!px-0",
+				onClick: q
+			}),
+			/* @__PURE__ */ y(c, {
+				open: H,
+				header: j,
+				onClose: J,
+				mainButtons: [{
+					label: B,
+					onClick: J
+				}, {
+					label: V,
+					variant: n.Primary,
+					disabled: ee,
+					onClick: Y
+				}],
+				children: /* @__PURE__ */ b("div", {
+					className: "flex flex-col gap-8 px-6 py-3",
+					children: [W.map((e, n) => {
+						let s = new Set(W.filter((t) => t.id !== e.id).map((e) => e.language).filter(Boolean));
+						return /* @__PURE__ */ b("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ b("span", {
+									className: D,
+									children: [
+										N,
+										" ",
+										n + 1
+									]
+								}), /* @__PURE__ */ y(i, {
+									appearance: t.Ghost,
+									size: a.Small,
+									icon: /* @__PURE__ */ y(_, {
+										size: r.SM,
+										"aria-hidden": !0
+									}),
+									"aria-label": `${z} ${n + 1}`,
+									onClick: () => Q(e.id)
+								})]
+							}), /* @__PURE__ */ b("div", {
+								role: "group",
+								"aria-label": `${N} ${n + 1}`,
+								className: "flex flex-col gap-5",
+								children: [/* @__PURE__ */ b("div", {
+									className: "flex items-start gap-5",
+									children: [/* @__PURE__ */ y(l, {
+										id: `${e.id}-language`,
+										labelProps: { label: P },
+										className: "shrink-0 basis-20",
+										options: C.map((e) => ({
+											value: e.code,
+											label: e.label,
+											disabled: s.has(e.code)
+										})),
+										value: e.language,
+										onChange: (t) => Z(e.id, { language: t })
+									}), /* @__PURE__ */ y(o, {
+										id: `${e.id}-name`,
+										containerClassName: "min-w-0 flex-1",
+										required: !0,
+										value: e.name,
+										onChange: (t) => Z(e.id, { name: t ?? "" }),
+										labelProps: { label: /* @__PURE__ */ b(v, { children: [F, /* @__PURE__ */ y("span", {
+											"aria-hidden": !0,
+											className: O,
+											children: "*"
+										})] }) },
+										placeholder: I
+									})]
+								}), /* @__PURE__ */ y(d, {
+									id: `${e.id}-description`,
+									resize: !0,
+									value: e.description,
+									onChange: (t) => Z(e.id, { description: t }),
+									labelProps: { label: L },
+									placeholder: R
+								})]
+							})]
+						}, e.id);
+					}), /* @__PURE__ */ y(s, {
+						label: M,
+						iconBefore: /* @__PURE__ */ y(g, {
+							size: r.SM,
+							"aria-hidden": !0
+						}),
+						className: "self-start",
+						onClick: X,
+						disabled: W.length >= C.length
+					})]
+				})
+			})
+		]
+	});
+}, C = ({ values: t, errors: n, onChange: r, onNameBlur: i, onVersionBlur: a, labels: s, styles: c, availableLocaleOptions: l = [] }) => {
+	let m = p(null), h = p(null), g = p(!1), _ = !!(n.name || n.version);
+	return f(() => {
+		_ && !g.current && (n.name ? m : h).current?.focus(), g.current = _;
+	}, [
+		_,
+		n.name,
+		n.version
+	]), /* @__PURE__ */ b("div", {
+		role: s.ariaLabel ? "group" : void 0,
+		"aria-label": s.ariaLabel,
+		className: e("flex flex-col gap-4", c?.root),
+		children: [
+			/* @__PURE__ */ y(o, {
+				id: "deployment-creation-form-name",
+				inputRef: m,
+				value: t.name,
+				onChange: (e) => r({ name: e ?? "" }),
+				onBlur: i,
+				labelProps: {
+					label: s.name.label,
+					required: !0
+				},
+				placeholder: s.name.placeholder,
+				error: n.name || void 0,
+				invalid: !!n.name,
+				containerClassName: c?.field
+			}),
+			/* @__PURE__ */ y(d, {
+				id: "deployment-creation-form-description",
+				value: t.description,
+				onChange: (e) => r({ description: e }),
+				labelProps: { label: s.description.label },
+				placeholder: s.description.placeholder,
+				containerClassName: c?.field
+			}),
+			/* @__PURE__ */ y(S, {
+				value: t.otherLocales,
+				onChange: (e) => r({ otherLocales: e }),
+				availableLocaleOptions: l,
+				labels: s.otherLocales,
+				className: c?.field
+			}),
+			/* @__PURE__ */ y(o, {
+				id: "deployment-creation-form-icon-url",
+				value: t.iconUrl,
+				onChange: (e) => r({ iconUrl: e ?? "" }),
+				labelProps: { label: s.iconUrl.label },
+				placeholder: s.iconUrl.placeholder,
+				containerClassName: c?.field
+			}),
+			/* @__PURE__ */ y(o, {
+				id: "deployment-creation-form-version",
+				inputRef: h,
+				value: t.version,
+				onChange: (e) => r({ version: e ?? "" }),
+				onBlur: a,
+				labelProps: { label: s.version.label },
+				placeholder: s.version.placeholder,
+				error: n.version || void 0,
+				invalid: !!n.version,
+				containerClassName: c?.field
+			}),
+			/* @__PURE__ */ y("div", {
+				className: c?.field,
+				children: /* @__PURE__ */ y(u, {
+					id: "deployment-creation-form-topics",
+					labelProps: { label: s.topics.label },
+					placeholder: s.topics.placeholder,
+					value: t.topics,
+					onChange: (e) => r({ topics: e })
+				})
+			})
+		]
+	});
+}, w = /* @__PURE__ */ function(e) {
+	return e.Required = "required", e.InvalidFormat = "invalid-format", e.TooLong = "too-long", e;
+}({}), T = /^[a-zA-Z0-9 _.-]+$/, E = /^[a-zA-Z0-9._-]+$/, D = (e, t = {}) => {
+	let n = {}, r = e.name.trim();
+	r ? t.validateNamePattern && !T.test(r) && (n.name = w.InvalidFormat) : n.name = w.Required;
+	let i = e.version.trim();
+	return t.validateVersionPattern && i && !E.test(i) && (n.version = w.InvalidFormat), n;
+};
+//#endregion
+export { w as DeploymentCreationFieldErrorCode, C as DeploymentCreationForm, S as DeploymentLocalesField, T as NAME_PATTERN, E as VERSION_PATTERN, D as validateDeploymentCreationFields };

package/models/deployment-creation-form.d.ts

@@ -0,0 +1,120 @@
+/** One additional (non-primary) locale's name/description translation, edited via the "Add locale" popup. */
+export interface DeploymentCreationFormLocaleEntry {
+    /** Stable client-side id for list rendering; not part of the persisted locale map. */
+    id: string;
+    /** Locale code this entry translates into (e.g. `'de'`). */
+    language: string;
+    /** Translated name for this locale. */
+    name: string;
+    /** Translated description for this locale. */
+    description: string;
+}
+/** A selectable language option for an additional-locale row. */
+export interface DeploymentCreationFormLocaleOption {
+    /** Locale code (e.g. `'de'`). */
+    code: string;
+    /** Display label for the option (e.g. `'DE'`). */
+    label: string;
+}
+/** Field values shared by Quick App and Toolset creation's General step. */
+export interface DeploymentCreationFormValues {
+    /** Display name of the entity being created. */
+    name: string;
+    /** Long-form description of the entity. */
+    description: string;
+    /** Icon URL, entered as a plain URL text field. */
+    iconUrl: string;
+    /** Version string (e.g. `'1.0.0'`). */
+    version: string;
+    /** Free-entry topic tags. */
+    topics: string[];
+    /** Additional (non-primary) locale entries for name/description, edited via the "Add locale" popup. */
+    otherLocales: DeploymentCreationFormLocaleEntry[];
+}
+/** Translated, display-ready field errors for the shared form. */
+export interface DeploymentCreationFormFieldErrors {
+    /** Error message for the name field. */
+    name?: string;
+    /** Error message for the version field. */
+    version?: string;
+}
+/** Label and placeholder text for a single field, supplied by the host app. */
+export interface DeploymentCreationFormFieldLabels {
+    /** Field label text. */
+    label: string;
+    /** Placeholder text shown when the field is empty. */
+    placeholder?: string;
+}
+/** Pre-translated labels/placeholders for the "Add locale" summary row and popup, supplied by the host app. */
+export interface DeploymentCreationFormLocaleLabels {
+    /** Text preceding the list of configured locale codes, e.g. `'Locales'`. */
+    summaryLabel: string;
+    /** Label for the link that opens the "Add locale" popup. */
+    editLabel: string;
+    /** Title of the "Add locale" popup. */
+    popupTitle: string;
+    /** Label for the button that adds a new locale row. */
+    addLocaleLabel: string;
+    /** Label prefix for each row's heading (e.g. `'Locale'` -> `'Locale 1'`). Defaults to `'Locale'`. */
+    localeRowLabel?: string;
+    /** Label for the language select field. */
+    languageLabel: string;
+    /** Label for the per-locale name field. */
+    nameLabel: string;
+    /** Placeholder for the per-locale name field. */
+    namePlaceholder?: string;
+    /** Label for the per-locale description field. */
+    descriptionLabel: string;
+    /** Placeholder for the per-locale description field. */
+    descriptionPlaceholder?: string;
+    /** Accessible name for a row's delete button. */
+    deleteAriaLabel: string;
+    /** Label for the popup's cancel button. */
+    cancelLabel?: string;
+    /** Label for the popup's save button. */
+    saveLabel?: string;
+}
+/** Pre-translated labels/placeholders for every field, supplied by the host app. */
+export interface DeploymentCreationFormLabels {
+    /** Labels for the name field. */
+    name: DeploymentCreationFormFieldLabels;
+    /** Labels for the description field. */
+    description: DeploymentCreationFormFieldLabels;
+    /** Labels for the icon URL field. */
+    iconUrl: DeploymentCreationFormFieldLabels;
+    /** Labels for the version field. */
+    version: DeploymentCreationFormFieldLabels;
+    /** Labels for the topics field. */
+    topics: DeploymentCreationFormFieldLabels;
+    /** Labels for the additional-locales summary row and popup. */
+    otherLocales: DeploymentCreationFormLocaleLabels;
+    /** Accessible name for the field set group. */
+    ariaLabel?: string;
+}
+/** Optional per-slot class name overrides for visual composition by the host app. */
+export interface DeploymentCreationFormStyles {
+    /** Class applied to the root container. Defaults to a vertical flex stack. */
+    root?: string;
+    /** Class applied to each individual field wrapper. */
+    field?: string;
+}
+/** Props accepted by the `DeploymentCreationForm` component. */
+export interface DeploymentCreationFormProps {
+    /** Current field values. The component holds no state of its own. */
+    values: DeploymentCreationFormValues;
+    /** Field-level errors to surface, already translated by the host app. */
+    errors: DeploymentCreationFormFieldErrors;
+    /** Called with a partial patch whenever a field value changes. */
+    onChange: (patch: Partial<DeploymentCreationFormValues>) => void;
+    /** Called when the name field loses focus, so the host can run on-blur validation. */
+    onNameBlur?: () => void;
+    /** Called when the version field loses focus, so the host can run on-blur validation. */
+    onVersionBlur?: () => void;
+    /** Pre-translated labels/placeholders for every field. */
+    labels: DeploymentCreationFormLabels;
+    /** Optional per-slot class name overrides. */
+    styles?: DeploymentCreationFormStyles;
+    /** Selectable language options for additional-locale rows. Defaults to an empty list (no locales addable). */
+    availableLocaleOptions?: DeploymentCreationFormLocaleOption[];
+}
+//# sourceMappingURL=deployment-creation-form.d.ts.map

package/models/deployment-creation-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deployment-creation-form.d.ts","sourceRoot":"","sources":["../../src/models/deployment-creation-form.ts"],"names":[],"mappings":"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"}

package/models/validation.d.ts

@@ -0,0 +1,24 @@
+/** Reason a shared field failed validation, for the host app to map to a translated message. */
+export declare enum DeploymentCreationFieldErrorCode {
+    /** The field is required and was left empty. */
+    Required = "required",
+    /** The field's value does not match the required character pattern. */
+    InvalidFormat = "invalid-format",
+    /** The field's value exceeds its maximum length. */
+    TooLong = "too-long"
+}
+/** Untranslated error codes returned by `validateDeploymentCreationFields`. */
+export interface DeploymentCreationFormErrorCodes {
+    /** Error code for the name field, if invalid. */
+    name?: DeploymentCreationFieldErrorCode;
+    /** Error code for the version field, if invalid. */
+    version?: DeploymentCreationFieldErrorCode;
+}
+/** Optional pattern-check toggles for field validation. */
+export interface DeploymentCreationFormValidationOptions {
+    /** Whether to reject a name containing characters outside `NAME_PATTERN`. */
+    validateNamePattern?: boolean;
+    /** Whether to reject a non-empty version containing characters outside `VERSION_PATTERN`. */
+    validateVersionPattern?: boolean;
+}
+//# sourceMappingURL=validation.d.ts.map

package/models/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/models/validation.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,oBAAY,gCAAgC;IAC1C,gDAAgD;IAChD,QAAQ,aAAa;IACrB,uEAAuE;IACvE,aAAa,mBAAmB;IAChC,oDAAoD;IACpD,OAAO,aAAa;CACrB;AAED,+EAA+E;AAC/E,MAAM,WAAW,gCAAgC;IAC/C,iDAAiD;IACjD,IAAI,CAAC,EAAE,gCAAgC,CAAC;IACxC,oDAAoD;IACpD,OAAO,CAAC,EAAE,gCAAgC,CAAC;CAC5C;AAED,2DAA2D;AAC3D,MAAM,WAAW,uCAAuC;IACtD,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@epam/ai-dial-deployment-creation-form",
+  "description": "Shared General-step field set for creating and editing a DIAL deployment",
+  "version": "1.1.0-dev.280",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.280",
+    "@epam/ai-dial-ui-kit": "*",
+    "@tabler/icons-react": "*",
+    "react": "^19.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/epam/ai-dial-chat.git",
+    "directory": "libs/deployment-creation-form"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/utils/validate-deployment-creation-fields.d.ts

@@ -0,0 +1,9 @@
+import { DeploymentCreationFormValues } from '../models/deployment-creation-form';
+import { DeploymentCreationFormErrorCodes, DeploymentCreationFormValidationOptions } from '../models/validation';
+/** Allowed characters for the name field: letters, digits, spaces, underscores, dots, dashes. */
+export declare const NAME_PATTERN: RegExp;
+/** Allowed characters for the version field: letters, digits, dots, underscores, dashes. */
+export declare const VERSION_PATTERN: RegExp;
+/** Validates the General-step fields and returns untranslated error codes; has no side effects. */
+export declare const validateDeploymentCreationFields: (values: DeploymentCreationFormValues, options?: DeploymentCreationFormValidationOptions) => DeploymentCreationFormErrorCodes;
+//# sourceMappingURL=validate-deployment-creation-fields.d.ts.map

package/utils/validate-deployment-creation-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-deployment-creation-fields.d.ts","sourceRoot":"","sources":["../../src/utils/validate-deployment-creation-fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,KAAK,EACV,gCAAgC,EAChC,uCAAuC,EACxC,MAAM,sBAAsB,CAAC;AAG9B,iGAAiG;AACjG,eAAO,MAAM,YAAY,QAAuB,CAAC;AAEjD,4FAA4F;AAC5F,eAAO,MAAM,eAAe,QAAsB,CAAC;AAEnD,mGAAmG;AACnG,eAAO,MAAM,gCAAgC,GAC3C,QAAQ,4BAA4B,EACpC,UAAS,uCAA4C,KACpD,gCAoBF,CAAC"}