@reportportal/ui-kit 0.0.1-alpha.60 → 0.0.1-alpha.61

package/dist/components/dropdown/dropdown.d.ts

@@ -15,6 +15,7 @@ export interface DropdownProps {
     transparentBackground?: boolean;
     className?: string;
     toggleButtonClassName?: string;
+    label?: ReactNode;
     onChange: (value: DropdownValue | DropdownValue[]) => void;
     onFocus?: () => void;
     onBlur?: () => void;

package/dist/components/fieldLabel/fieldLabel.d.ts

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, FC, LabelHTMLAttributes } from 'react';
+
+interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
+    isRequired?: boolean;
+}
+export declare const FieldLabel: FC<FieldLabelProps>;
+export {};

package/dist/components/fieldLabel/index.d.ts

@@ -0,0 +1 @@
+export { FieldLabel } from './fieldLabel';

package/dist/components/icons/index.d.ts

@@ -1,3 +1,6 @@
+export { default as AddCsv } from './svg/addCsv.svg';
+export { default as AddImage } from './svg/addImage.svg';
+export { default as AddJar } from './svg/addJar.svg';
 export { default as ArrowDownIcon } from './svg/arrowDown.svg';
 export { default as ArrowUpIcon } from './svg/arrowUp.svg';
 export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
@@ -10,7 +13,9 @@ export { default as CloseIcon } from './svg/close.svg';
 export { default as CloseEyeIcon } from './svg/closeEye.svg';
 export { default as CopyIcon } from './svg/copy.svg';
 export { default as DeleteIcon } from './svg/delete.svg';
+export { default as DragNDrop } from './svg/dragNDrop.svg';
 export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as DrugNDrop } from './svg/drugNDrop.svg';
 export { default as EditIcon } from './svg/edit.svg';
 export { default as ErrorIcon } from './svg/error.svg';
 export { default as ExportIcon } from './svg/export.svg';

package/dist/{datePicker-5253e237.js → datePicker-a2b6acf5.js}

@@ -2,9 +2,9 @@ import { jsxs as S, Fragment as U, jsx as t } from "react/jsx-runtime";
 import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
-import { F as D } from "./fieldText-10046ca8.js";
+import { F as D } from "./fieldText-1ab17a11.js";
 import { a as E, S as G } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-d6aea1b9.js";
+import { D as T } from "./dropdown-29285346.js";
 import { registerLocale as H } from "react-datepicker";
 const pe = (r, s) => {
   H(r, s);

package/dist/datePicker.js

@@ -1,16 +1,17 @@
-import { D as t } from "./datePicker-5253e237.js";
-import { r as q } from "./datePicker-5253e237.js";
+import { D as t } from "./datePicker-a2b6acf5.js";
+import { r as v } from "./datePicker-a2b6acf5.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-10046ca8.js";
+import "./fieldText-1ab17a11.js";
 import "./openEye-7b9cf080.js";
 import "./button-33c88abf.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-d6aea1b9.js";
+import "./dropdown-29285346.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
@@ -23,5 +24,5 @@ import "react-datepicker";
 export {
   t as DatePicker,
   t as default,
-  q as registerDatePickerLocale
+  v as registerDatePickerLocale
 };

package/dist/{dropdown-d6aea1b9.js → dropdown-29285346.js}

@@ -1,132 +1,135 @@
 import { jsxs as f, jsx as d, Fragment as U } from "react/jsx-runtime";
-import { forwardRef as oe, useState as q, useRef as ce } from "react";
+import { forwardRef as _e, useState as q, useRef as he } from "react";
 import { c as J } from "./bind-06a7ff84.js";
-import { useFloating as _e, offset as he, flip as fe } from "@floating-ui/react-dom";
+import { useFloating as fe, offset as ge, flip as ue } from "@floating-ui/react-dom";
 import { useSelect as j } from "downshift";
-import { Scrollbars as ge } from "rc-scrollbars";
-import { u as ue } from "./useOnClickOutside-c332f7d3.js";
+import { Scrollbars as ye } from "rc-scrollbars";
+import { u as pe } from "./useOnClickOutside-c332f7d3.js";
 import { K as u } from "./keyCodes-f63c0e11.js";
-import { B as ye } from "./baseIconButton-251479f7.js";
-import { S as pe } from "./dropdown-0260bb66.js";
-import { C as me } from "./checkbox-9a6c7ce1.js";
-const Ce = "_disabled_t3cjj_12", Oe = "_hidden_t3cjj_16", be = "_hover_t3cjj_22", Ne = {
+import { B as me } from "./baseIconButton-251479f7.js";
+import { S as be } from "./dropdown-0260bb66.js";
+import { FieldLabel as Ce } from "./fieldLabel.js";
+import { C as Oe } from "./checkbox-9a6c7ce1.js";
+const Ne = "_disabled_t3cjj_12", De = "_hidden_t3cjj_16", Ee = "_hover_t3cjj_22", we = {
   "dropdown-option": "_dropdown-option_t3cjj_1",
-  disabled: Ce,
-  hidden: Oe,
-  hover: be,
+  disabled: Ne,
+  hidden: De,
+  hover: Ee,
   "single-option": "_single-option_t3cjj_35",
   "sub-option": "_sub-option_t3cjj_42"
-}, z = J.bind(Ne), G = oe(
+}, z = J.bind(we), G = _e(
   (r, t) => {
     const {
-      option: { value: n, disabled: l, hidden: w, label: y, title: c, groupRef: a },
-      selected: v,
+      option: { value: n, disabled: l, hidden: v, label: y, title: c, groupRef: a },
+      selected: K,
       onChange: p,
-      render: C,
-      highlightHovered: O,
-      onMouseEnter: K,
+      render: b,
+      highlightHovered: C,
+      onMouseEnter: A,
       multiSelect: m,
-      isPartiallyChecked: A = !1
-    } = r, x = (b) => {
-      (b.target instanceof HTMLDivElement || b.target instanceof HTMLInputElement) && (p == null || p(n));
+      isPartiallyChecked: O = !1
+    } = r, x = (N) => {
+      (N.target instanceof HTMLDivElement || N.target instanceof HTMLInputElement) && (p == null || p(n));
     };
     return /* @__PURE__ */ f(
       "div",
       {
         className: z("dropdown-option", {
           disabled: l,
-          hidden: w,
-          hover: O
+          hidden: v,
+          hover: C
         }),
         title: c,
         onClick: x,
         ref: t,
-        onMouseEnter: K,
+        onMouseEnter: A,
         children: [
-          m && /* @__PURE__ */ d(me, { value: !!v, partiallyChecked: A }),
-          /* @__PURE__ */ d("div", { className: z("single-option", { "sub-option": !!a }), children: C ? C(r) : y })
+          m && /* @__PURE__ */ d(Oe, { value: !!K, partiallyChecked: O }),
+          /* @__PURE__ */ d("div", { className: z("single-option", { "sub-option": !!a }), children: b ? b(r) : y })
         ]
       }
     );
   }
-), De = [
+), ve = [
   u.ENTER_KEY_CODE,
   u.SPACE_KEY_CODE,
   u.ARROW_DOWN_KEY_CODE
-], Ee = [u.ESCAPE_KEY_CODE, u.TAB_KEY_CODE];
+], Ke = [u.ESCAPE_KEY_CODE, u.TAB_KEY_CODE];
 var g = /* @__PURE__ */ ((r) => (r.ON_KEY_DOWN = "onKeyDown", r.ON_CLICK = "onClick", r))(g || {});
-const we = (r, t) => {
+const Ae = (r, t) => {
   const n = Array.isArray(t) ? t : [t];
   return r.findIndex(({ value: l }) => n.includes(l));
-}, ve = (r, t) => (r % t + t) % t, P = (r, t = 0, n = 1) => {
+}, xe = (r, t) => (r % t + t) % t, P = (r, t = 0, n = 1) => {
   if (!r[t].disabled)
     return t;
   const l = r.length;
   return P(
     r,
-    ve(t + n, l),
+    xe(t + n, l),
     n
   );
-}, Ke = (r, t) => P(r, t), Ae = (r, t) => P(r, t, -1), xe = "_container_1yr7u_1", Ie = "_icon_1yr7u_7", ke = "_arrow_1yr7u_13", je = "_dropdown_1yr7u_19", Pe = "_disabled_1yr7u_36", Ye = "_value_1yr7u_43", Re = "_error_1yr7u_46", Te = "_touched_1yr7u_46", He = "_opened_1yr7u_50", Me = "_placeholder_1yr7u_83", We = "_ghost_1yr7u_118", Le = "_divider_1yr7u_132", Se = {
-  container: xe,
-  icon: Ie,
-  arrow: ke,
-  dropdown: je,
+}, Ie = (r, t) => P(r, t), ke = (r, t) => P(r, t, -1), je = "_container_1yr7u_1", Pe = "_icon_1yr7u_7", Ye = "_arrow_1yr7u_13", Re = "_dropdown_1yr7u_19", Te = "_disabled_1yr7u_36", He = "_value_1yr7u_43", Me = "_error_1yr7u_46", We = "_touched_1yr7u_46", Le = "_opened_1yr7u_50", Se = "_placeholder_1yr7u_83", Ve = "_ghost_1yr7u_118", $e = "_divider_1yr7u_132", Ue = {
+  container: je,
+  icon: Pe,
+  arrow: Ye,
+  dropdown: Re,
   "transparent-background": "_transparent-background_1yr7u_33",
-  disabled: Pe,
-  value: Ye,
-  error: Re,
-  touched: Te,
-  opened: He,
-  placeholder: Me,
+  disabled: Te,
+  value: He,
+  error: Me,
+  touched: We,
+  opened: Le,
+  placeholder: Se,
   "mobile-disabled": "_mobile-disabled_1yr7u_87",
   "select-list": "_select-list_1yr7u_92",
   "limited-width": "_limited-width_1yr7u_109",
   "options-container": "_options-container_1yr7u_113",
-  ghost: We,
-  divider: Le
-}, o = J.bind(Se), tt = ({
+  ghost: Ve,
+  divider: $e
+}, o = J.bind(Ue), at = ({
   multiSelect: r = !1,
   value: t = r ? [] : "",
   options: n = [],
   disabled: l = !1,
-  error: w,
+  error: v,
   onChange: y,
   onFocus: c,
   onBlur: a,
-  mobileDisabled: v,
+  mobileDisabled: K,
   title: p,
-  touched: C = !1,
-  icon: O,
-  variant: K,
+  touched: b = !1,
+  icon: C,
+  variant: A,
   placeholder: m = "",
-  renderOption: A,
-  transparentBackground: x = !1,
-  className: b,
-  toggleButtonClassName: Q,
-  isListWidthLimited: X = !1,
+  label: O = "",
+  renderOption: x,
+  transparentBackground: N = !1,
+  className: Q,
+  toggleButtonClassName: X,
+  isListWidthLimited: Z = !1,
   optionAll: Y = { value: "all", label: "All" },
   isOptionAllVisible: R = !1,
-  onSelectAll: Z = () => {
+  onSelectAll: F = () => {
   },
   formatDisplayedValue: T,
-  notScrollable: F = !1,
+  notScrollable: B = !1,
   footer: H
 }) => {
-  const [_, h] = q(!1), M = ce(null), [B, N] = q(null), I = r && Array.isArray(t) ? n.filter((e) => t.includes(e.value)) : null, { refs: W, floatingStyles: ee } = _e({
+  const [_, h] = q(!1), M = he(null), [ee, D] = q(null), I = r && Array.isArray(t) ? n.filter((e) => t.includes(e.value)) : null, { refs: W, floatingStyles: te } = fe({
+    placement: "bottom-start",
     middleware: [
-      he(5),
-      fe({
-        fallbackPlacements: ["bottom", "top"]
+      ge(5),
+      ue({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"]
       })
     ]
-  }), te = () => {
+  }), re = () => {
     if (R && Array.isArray(t)) {
       const e = n.map((s) => s.value);
-      y(t.length === n.length ? [] : e), Z();
+      y(t.length === n.length ? [] : e), F();
     }
   };
-  ue(M, () => {
+  pe(M, () => {
     _ && (h(!1), a == null || a());
   });
   const L = (e) => {
@@ -138,32 +141,33 @@ const we = (r, t) => {
         y(e.value);
       h((s) => r || !s);
     }
-  }, re = () => n.find(({ value: e }) => e === t), S = we(n, t), {
-    getToggleButtonProps: ne,
-    getMenuProps: se,
-    getItemProps: ae,
-    setHighlightedIndex: D,
+  }, ne = () => n.find(({ value: e }) => e === t), S = Ae(n, t), {
+    getToggleButtonProps: se,
+    getLabelProps: ae,
+    getMenuProps: de,
+    getItemProps: ie,
+    setHighlightedIndex: E,
     highlightedIndex: V,
-    selectedItem: E
+    selectedItem: w
   } = j({
     items: n,
     itemToString: (e) => (e != null && e.label ? String(e.label) : m) || "",
-    selectedItem: re(),
+    selectedItem: ne(),
     isOpen: _,
     circularNavigation: !0,
     defaultHighlightedIndex: S,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
         case j.stateChangeTypes.MenuKeyDownArrowUp:
-          return N(g.ON_KEY_DOWN), D(Ae(n, e.highlightedIndex)), e;
+          return D(g.ON_KEY_DOWN), E(ke(n, e.highlightedIndex)), e;
         case j.stateChangeTypes.MenuKeyDownArrowDown:
-          return N(g.ON_KEY_DOWN), D(Ke(n, e.highlightedIndex)), e;
+          return D(g.ON_KEY_DOWN), E(Ie(n, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), de = () => {
-    l || (h((e) => !e), _ ? a == null || a() : c == null || c(), N(g.ON_CLICK));
+  }), le = () => {
+    l || (h((e) => !e), _ ? a == null || a() : c == null || c(), D(g.ON_CLICK));
   }, k = (() => {
     if (r && Array.isArray(t) && n.length === t.length)
       return Y.label;
@@ -172,17 +176,17 @@ const we = (r, t) => {
       return e.join(", ");
     if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
       return m;
-  })(), ie = (e) => {
+  })(), oe = (e) => {
     const { keyCode: s } = e;
-    De.includes(s) && !_ && (e.preventDefault(), D(S), h(!0), c == null || c(), N(g.ON_KEY_DOWN));
-  }, le = (e) => {
+    ve.includes(s) && !_ && (e.preventDefault(), E(S), h(!0), c == null || c(), D(g.ON_KEY_DOWN));
+  }, ce = (e) => {
     const { keyCode: s } = e;
     if (s === u.ENTER_KEY_CODE) {
       const i = n[V];
       L(i), r || (h(!1), a == null || a());
       return;
     }
-    Ee.includes(s) && (e.stopPropagation(), h(!1), a == null || a());
+    Ke.includes(s) && (e.stopPropagation(), h(!1), a == null || a());
   }, $ = () => /* @__PURE__ */ f("div", { className: o("options-container"), children: [
     r && R && Array.isArray(t) && /* @__PURE__ */ f(U, { children: [
       /* @__PURE__ */ d(
@@ -190,7 +194,7 @@ const we = (r, t) => {
         {
           option: Y,
           selected: t.length === n.length,
-          onChange: te,
+          onChange: re,
           multiSelect: r,
           isPartiallyChecked: !!t.length
         }
@@ -201,17 +205,17 @@ const we = (r, t) => {
     n.map((e, s) => /* @__PURE__ */ d(
       G,
       {
-        ...ae({
+        ...ie({
           item: e,
           index: s
         }),
         multiSelect: r,
-        selected: r ? I == null ? void 0 : I.some((i) => i.value === e.value) : e.value === ((E == null ? void 0 : E.value) ?? E),
+        selected: r ? I == null ? void 0 : I.some((i) => i.value === e.value) : e.value === ((w == null ? void 0 : w.value) ?? w),
         option: { title: e.label, ...e },
-        highlightHovered: V === s && B !== g.ON_CLICK,
-        render: A,
+        highlightHovered: V === s && ee !== g.ON_CLICK,
+        render: x,
         onChange: e.disabled ? null : () => L(e),
-        onMouseEnter: () => D(s)
+        onMouseEnter: () => E(s)
       },
       e.value
     )),
@@ -220,27 +224,28 @@ const we = (r, t) => {
       H
     ] })
   ] });
-  return /* @__PURE__ */ f("div", { ref: M, className: o("container", b), title: p, children: [
+  return /* @__PURE__ */ f("div", { ref: M, className: o("container", Q), title: p, children: [
+    O && /* @__PURE__ */ d(Ce, { ...ae(), children: O }),
     /* @__PURE__ */ f(
       "button",
       {
         disabled: l,
-        ...ne({
-          className: o("dropdown", K, Q, {
-            "transparent-background": x,
+        ...se({
+          className: o("dropdown", A, X, {
+            "transparent-background": N,
             opened: _,
             disabled: l,
-            error: w,
-            touched: C,
-            "mobile-disabled": v
+            error: v,
+            touched: b,
+            "mobile-disabled": K
           }),
-          onClick: de,
-          onKeyDown: ie,
+          onClick: le,
+          onKeyDown: oe,
           ref: W.setReference
         }),
         type: "button",
         children: [
-          O && /* @__PURE__ */ d("span", { className: o("icon"), children: O }),
+          C && /* @__PURE__ */ d("span", { className: o("icon"), children: C }),
           /* @__PURE__ */ d(
             "span",
             {
@@ -250,24 +255,24 @@ const we = (r, t) => {
               children: T ? T(k) : k
             }
           ),
-          /* @__PURE__ */ d(ye, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(pe, {}) })
+          /* @__PURE__ */ d(me, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(be, {}) })
         ]
       }
     ),
     _ && /* @__PURE__ */ d(
       "div",
       {
-        style: ee,
-        className: o("select-list", { opened: _, "limited-width": X }),
-        ...se({
-          onKeyDown: le,
+        style: te,
+        className: o("select-list", { opened: _, "limited-width": Z }),
+        ...de({
+          onKeyDown: ce,
           ref: W.setFloating
         }),
-        children: F ? $() : /* @__PURE__ */ d(ge, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: $() })
+        children: B ? $() : /* @__PURE__ */ d(ye, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: $() })
       }
     )
   ] });
 };
 export {
-  tt as D
+  at as D
 };

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-d6aea1b9.js";
+import { D as r } from "./dropdown-29285346.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -9,6 +9,7 @@ import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
 import "./checkbox-9a6c7ce1.js";
 export {
   r as Dropdown,

package/dist/fieldLabel.js

@@ -0,0 +1,13 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { c as d } from "./bind-06a7ff84.js";
+const c = "_asterisk_1hktw_11", r = "_disabled_1hktw_17", o = {
+  "field-label": "_field-label_1hktw_1",
+  asterisk: c,
+  disabled: r
+}, s = d.bind(o), _ = ({ children: e, isRequired: l = !1, ...a }) => /* @__PURE__ */ i("label", { className: s("field-label"), ...a, children: [
+  e,
+  l && /* @__PURE__ */ t("span", { className: s("asterisk"), children: "*" })
+] });
+export {
+  _ as FieldLabel
+};

package/dist/fieldText-1ab17a11.js

@@ -0,0 +1,158 @@
+import { jsx as e, jsxs as a, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as Y, useId as Z, useState as R } from "react";
+import { c as q } from "./bind-06a7ff84.js";
+import { b as ee, a as ne, S as te } from "./openEye-7b9cf080.js";
+import { B as se } from "./button-33c88abf.js";
+import { S as oe } from "./spinLoader-c4a53718.js";
+import { M as ae } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as ce } from "./fieldLabel.js";
+var o = /* @__PURE__ */ ((t) => (t.PASSWORD = "password", t.TEXT = "text", t.EMAIL = "email", t))(o || {});
+const re = "_collapsed_fju7x_13", ie = "_field_fju7x_21", le = "_placeholder_fju7x_46", ue = "_disabled_fju7x_49", de = "_error_fju7x_52", _e = "_touched_fju7x_52", fe = "_input_fju7x_70", pe = "_icon_fju7x_1", xe = "_text_fju7x_168", me = {
+  "icon-container": "_icon-container_fju7x_1",
+  "icon-container-end": "_icon-container-end_fju7x_1",
+  "icon-container-start": "_icon-container-start_fju7x_1",
+  collapsed: re,
+  field: ie,
+  "default-width": "_default-width_fju7x_33",
+  placeholder: le,
+  disabled: ue,
+  error: de,
+  touched: _e,
+  "max-length-display": "_max-length-display_fju7x_59",
+  "input-container": "_input-container_fju7x_70",
+  "type-password": "_type-password_fju7x_74",
+  input: fe,
+  "eye-icon": "_eye-icon_fju7x_78",
+  icon: pe,
+  "start-icon": "_start-icon_fju7x_124",
+  "clear-icon": "_clear-icon_fju7x_125",
+  "additional-content": "_additional-content_fju7x_161",
+  text: xe,
+  "error-text": "_error-text_fju7x_188",
+  "help-text": "_help-text_fju7x_192"
+}, n = q.bind(me), De = Q(
+  ({
+    value: t = "",
+    className: M,
+    classNameHelpText: b,
+    error: l,
+    placeholder: p,
+    disabled: c = !1,
+    onChange: v,
+    touched: x = !1,
+    title: A,
+    label: u,
+    helpText: d,
+    defaultWidth: O = !0,
+    startIcon: m,
+    endIcon: h,
+    clearable: B = !1,
+    onClear: j,
+    isRequired: N = !1,
+    hasDoubleMessage: C = !1,
+    type: r = o.TEXT,
+    displayError: L = !0,
+    collapsible: V = !1,
+    loading: W = !1,
+    maxLengthDisplay: k,
+    onFocus: X = () => {
+    },
+    onBlur: H = () => {
+    },
+    ...I
+  }, U) => {
+    const $ = Y(null), _ = U || $, S = Z(), [w, y] = R(!1), [g, E] = R(!1), z = (s) => {
+      y(!0), X(s);
+    }, G = (s) => {
+      y(!1), H(s);
+    }, J = () => {
+      var s;
+      j && (j(t), (s = _.current) == null || s.focus());
+    }, D = L && l && x, F = /* @__PURE__ */ e("span", { className: n("text", "help-text", b), children: d }), K = () => r !== o.PASSWORD ? r : g ? o.TEXT : o.PASSWORD, T = (s) => {
+      s.preventDefault(), E(!0);
+    }, i = (s) => {
+      s.preventDefault(), E(!1);
+    };
+    return /* @__PURE__ */ a(P, { children: [
+      u && /* @__PURE__ */ e(ce, { isRequired: N, htmlFor: S, children: u }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: n("field", M, {
+            error: l,
+            touched: x,
+            disabled: c,
+            "default-width": O,
+            collapsed: V && !w && !t
+          }),
+          title: A,
+          children: [
+            W ? /* @__PURE__ */ e(oe, {}) : m && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var f;
+                  (f = _.current) == null || f.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !w }), children: m })
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: n("input-container", `type-${r}`), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: _,
+                  type: K(),
+                  className: n("input"),
+                  value: t,
+                  disabled: c,
+                  id: S,
+                  onChange: v,
+                  onFocus: z,
+                  onBlur: G,
+                  ...I
+                }
+              ),
+              r === o.PASSWORD && t && /* @__PURE__ */ e(
+                se,
+                {
+                  icon: g ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(ne, {}),
+                  variant: "text",
+                  className: n("eye-icon"),
+                  onMouseDown: T,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: T,
+                  onTouchEnd: i,
+                  onTouchCancel: i
+                }
+              ),
+              p && !t && /* @__PURE__ */ a("span", { className: n("placeholder"), children: [
+                p,
+                N && !u && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              ae,
+              {
+                className: n("max-length-display"),
+                value: t.length,
+                maxValue: k
+              }
+            ),
+            h && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: h }) }),
+            B && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: c }), onClick: J, children: /* @__PURE__ */ e(te, {}) }) })
+          ]
+        }
+      ),
+      (D || d) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: c }), children: D ? /* @__PURE__ */ a(P, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: l }),
+        C && F
+      ] }) : d && F })
+    ] });
+  }
+);
+export {
+  De as F
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-10046ca8.js";
+import { F as o } from "./fieldText-1ab17a11.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -6,6 +6,7 @@ import "./openEye-7b9cf080.js";
 import "./button-33c88abf.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
 export {
   o as FieldText,
   o as default