@reportportal/ui-kit 0.0.1-alpha.56 → 0.0.1-alpha.58

package/README.md

@@ -45,7 +45,7 @@ const MyComponent = () => (
 
 ### Theming
 
-All components are provided with the `light'` theme by default.
+All components are provided with the `light` theme by default.
 To use the `dark` theme, you need to wrap your application with the `ThemeProvider` component and pass the `dark` theme as a prop:
 
 ```jsx

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

@@ -24,6 +24,8 @@ export interface DropdownProps {
     optionAll?: DropdownOptionType;
     isOptionAllVisible?: boolean;
     onSelectAll?: () => void;
+    customDisplayedValue?: string;
+    notScrollable?: boolean;
     footer?: ReactNode;
 }
 export declare const Dropdown: FC<DropdownProps>;

package/dist/components/fieldText/fieldText.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+import { InputType } from './types';
 
-interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
     classNameHelpText?: string;
@@ -21,11 +22,10 @@ interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     onClear?: (prevValue?: string) => void;
     isRequired?: boolean;
     hasDoubleMessage?: boolean;
-    type?: string;
+    type?: InputType;
     displayError?: boolean;
     maxLengthDisplay?: number;
     collapsible?: boolean;
     loading?: boolean;
 }
 export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/fieldText/types.d.ts

@@ -0,0 +1,5 @@
+export declare const enum InputType {
+    PASSWORD = "password",
+    TEXT = "text",
+    EMAIL = "email"
+}

package/dist/{datePicker-a333d78b.js → datePicker-0a14e9f2.js}

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

package/dist/datePicker.js

@@ -1,16 +1,16 @@
-import { D as t } from "./datePicker-a333d78b.js";
-import { r as q } from "./datePicker-a333d78b.js";
+import { D as t } from "./datePicker-0a14e9f2.js";
+import { r as q } from "./datePicker-0a14e9f2.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-78c1be1a.js";
+import "./fieldText-10046ca8.js";
 import "./openEye-7b9cf080.js";
 import "./button-33c88abf.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-6edea86c.js";
+import "./dropdown-937ba0eb.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";

package/dist/{dropdown-6edea86c.js → dropdown-937ba0eb.js}

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

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-6edea86c.js";
+import { D as r } from "./dropdown-937ba0eb.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/fieldText-10046ca8.js

@@ -0,0 +1,161 @@
+import { jsx as e, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as Y, useState as k } from "react";
+import { c as Z } from "./bind-06a7ff84.js";
+import { b as q, a as I, S as ee } from "./openEye-7b9cf080.js";
+import { B as ne } from "./button-33c88abf.js";
+import { S as te } from "./spinLoader-c4a53718.js";
+import { M as se } from "./maxValueDisplay-9be01a75.js";
+var a = /* @__PURE__ */ ((t) => (t.PASSWORD = "password", t.TEXT = "text", t.EMAIL = "email", t))(a || {});
+const ce = "_collapsed_1jcir_13", ae = "_label_1jcir_21", oe = "_asterisk_1jcir_30", re = "_disabled_1jcir_36", ie = "_field_1jcir_41", le = "_placeholder_1jcir_66", _e = "_error_1jcir_72", de = "_touched_1jcir_72", pe = "_input_1jcir_90", ue = "_icon_1jcir_1", me = "_text_1jcir_196", fe = {
+  "icon-container": "_icon-container_1jcir_1",
+  "icon-container-end": "_icon-container-end_1jcir_1",
+  "icon-container-start": "_icon-container-start_1jcir_1",
+  collapsed: ce,
+  label: ae,
+  asterisk: oe,
+  disabled: re,
+  field: ie,
+  "default-width": "_default-width_1jcir_53",
+  placeholder: le,
+  error: _e,
+  touched: de,
+  "max-length-display": "_max-length-display_1jcir_79",
+  "input-container": "_input-container_1jcir_90",
+  "type-password": "_type-password_1jcir_94",
+  input: pe,
+  "eye-icon": "_eye-icon_1jcir_98",
+  icon: ue,
+  "start-icon": "_start-icon_1jcir_152",
+  "clear-icon": "_clear-icon_1jcir_153",
+  "additional-content": "_additional-content_1jcir_189",
+  text: me,
+  "error-text": "_error-text_1jcir_216",
+  "help-text": "_help-text_1jcir_220"
+}, n = Z.bind(fe), ge = Q(
+  ({
+    value: t = "",
+    className: P,
+    classNameHelpText: R,
+    error: l,
+    placeholder: m,
+    disabled: o = !1,
+    onChange: F,
+    touched: f = !1,
+    title: M,
+    label: _,
+    helpText: d,
+    defaultWidth: v = !0,
+    startIcon: h,
+    endIcon: j,
+    clearable: A = !1,
+    onClear: x,
+    isRequired: N = !1,
+    hasDoubleMessage: O = !1,
+    type: r = a.TEXT,
+    displayError: B = !0,
+    collapsible: C = !1,
+    loading: V = !1,
+    maxLengthDisplay: W,
+    onFocus: L = () => {
+    },
+    onBlur: X = () => {
+    },
+    ...H
+  }, U) => {
+    const $ = Y(null), p = U || $, [S, w] = k(!1), [y, g] = k(!1), z = (s) => {
+      w(!0), L(s);
+    }, G = (s) => {
+      w(!1), X(s);
+    }, J = () => {
+      var s;
+      x && (x(t), (s = p.current) == null || s.focus());
+    }, E = B && l && f, D = /* @__PURE__ */ e("span", { className: n("text", "help-text", R), children: d }), K = () => r !== a.PASSWORD ? r : y ? a.TEXT : a.PASSWORD, T = (s) => {
+      s.preventDefault(), g(!0);
+    }, i = (s) => {
+      s.preventDefault(), g(!1);
+    };
+    return /* @__PURE__ */ c(b, { children: [
+      _ && /* @__PURE__ */ c("span", { className: n("label", { disabled: o }), children: [
+        _,
+        N && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: n("field", P, {
+            error: l,
+            touched: f,
+            disabled: o,
+            "default-width": v,
+            collapsed: C && !S && !t
+          }),
+          title: M,
+          children: [
+            V ? /* @__PURE__ */ e(te, {}) : h && /* @__PURE__ */ e(
+              "span",
+              {
+                className: n("icon-container-start"),
+                onClick: () => {
+                  var u;
+                  (u = p.current) == null || u.focus();
+                },
+                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !S }), children: h })
+              }
+            ),
+            /* @__PURE__ */ c("span", { className: n("input-container", `type-${r}`), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: p,
+                  type: K(),
+                  className: n("input"),
+                  value: t,
+                  disabled: o,
+                  onChange: F,
+                  onFocus: z,
+                  onBlur: G,
+                  ...H
+                }
+              ),
+              r === a.PASSWORD && t && /* @__PURE__ */ e(
+                ne,
+                {
+                  icon: y ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(I, {}),
+                  variant: "text",
+                  className: n("eye-icon"),
+                  onMouseDown: T,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: T,
+                  onTouchEnd: i,
+                  onTouchCancel: i
+                }
+              ),
+              m && !t && /* @__PURE__ */ c("span", { className: n("placeholder"), children: [
+                m,
+                N && !_ && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              se,
+              {
+                className: n("max-length-display"),
+                value: t.length,
+                maxValue: W
+              }
+            ),
+            j && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: j }) }),
+            A && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: o }), onClick: J, children: /* @__PURE__ */ e(ee, {}) }) })
+          ]
+        }
+      ),
+      (E || d) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: o }), children: E ? /* @__PURE__ */ c(b, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: l }),
+        O && D
+      ] }) : d && D })
+    ] });
+  }
+);
+export {
+  ge as F
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-78c1be1a.js";
+import { F as o } from "./fieldText-10046ca8.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/index.js

@@ -2,10 +2,10 @@ import { B as S } from "./button-33c88abf.js";
 import { B as C } from "./baseIconButton-251479f7.js";
 import { C as b } from "./checkbox-9a6c7ce1.js";
 import { S as B } from "./systemMessage-1ced6079.js";
-import { F as P } from "./fieldText-78c1be1a.js";
+import { F as P } from "./fieldText-10046ca8.js";
 import { T as g } from "./themeProvider-46c2be7b.js";
 import { Modal as v } from "./modal.js";
-import { D as M } from "./dropdown-6edea86c.js";
+import { D as M } from "./dropdown-937ba0eb.js";
 import { T as A } from "./toggle-1a3aacb5.js";
 import { F as L } from "./fieldNumber-d81e551e.js";
 import { B as O } from "./bubblesLoader-a7e709d4.js";
@@ -14,9 +14,9 @@ import { F as U } from "./fieldTextFlex-314741ad.js";
 import { R as q } from "./radio-bccc84f2.js";
 import { Tooltip as J } from "./tooltip.js";
 import { Popover as Q } from "./popover.js";
-import { P as W } from "./pagination-066b1b2b.js";
+import { P as W } from "./pagination-2076b7b6.js";
 import { T as Y } from "./table-32fc8c70.js";
-import { D as _ } from "./datePicker-a333d78b.js";
+import { D as _ } from "./datePicker-0a14e9f2.js";
 import "react-datepicker";
 import { SystemAlert as oo } from "./systemAlert.js";
 import { S as eo, a as to } from "./arrowUp-4a5caee7.js";