@reportportal/ui-kit 0.0.1-alpha.116 → 0.0.1-alpha.118

package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts

@@ -3,7 +3,8 @@ import { AutocompleteOptionsProps } from '../autocompleteOptions';
 export declare const AutocompleteMenu: <T>(props: {
     isOpen?: boolean | undefined;
     style?: import('react').CSSProperties | undefined;
-    minLength: number | null;
+    isDropdownMode?: boolean | undefined;
+    minLength?: number | null | undefined;
     inputValue?: string | undefined;
     className?: string | undefined;
 } & AutocompleteOptionsProps<T> & import('react').RefAttributes<HTMLUListElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;

package/dist/components/autocompletes/common/autocompleteOptions.d.ts

@@ -3,12 +3,12 @@ import { GetItemPropsT } from '../types';
 
 export interface AutocompleteOptionsProps<T> {
     options: T[];
-    loading: boolean;
+    loading?: boolean;
     inputValue: string;
     parseValueToString: (value: T | null) => string;
     getItemProps: GetItemPropsT<T>;
     renderOption?: (item: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
-    async: boolean;
+    async?: boolean;
     optionVariant: 'key-variant' | 'value-variant' | '';
     createWithoutConfirmation: boolean;
     customEmptyListMessage?: string;

package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts

@@ -23,18 +23,19 @@ export interface MultipleAutocompleteProps<T> {
     mobileDisabled: boolean;
     inputProps: ComponentProps<typeof FieldText>;
     parseValueToString: (value: T | null) => string;
-    minLength: number | null;
-    maxLength: number | null;
-    async: boolean;
+    minLength?: number | null;
+    maxLength?: number | null;
+    async?: boolean;
     customClass: string;
     createWithoutConfirmation: boolean;
     getItemValidationErrorType?: (item: T) => string;
     clearItemsError: () => void;
+    isDropdownMode?: boolean;
     getAdditionalCreationCondition: (value: string) => boolean;
     highlightUnStoredItem: boolean;
     parseInputValueFn: ((value: string) => T[]) | null;
     handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
-    dataAutomationId: string;
+    dataAutomationId?: string;
     existingItemsMap: Record<string | number, boolean>;
     optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
     customizeNewSelectedValue: (value: T) => T;

package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts

@@ -6,28 +6,29 @@ import { GetItemPropsT } from '../types';
 
 export interface SingleAutocompleteProps<T> {
     options: T[];
-    loading: boolean;
+    loading?: boolean;
     onStateChange: ComponentProps<typeof Downshift<T>>['onStateChange'];
     value: T | null;
     placeholder: string;
     onChange: ComponentProps<typeof Downshift<T>>['onChange'];
     onFocus: () => void;
     onBlur: (e: FocusEvent<HTMLInputElement>) => void;
-    disabled: boolean;
-    inputProps: ComponentProps<typeof FieldText>;
+    disabled?: boolean;
+    inputProps?: ComponentProps<typeof FieldText>;
     parseValueToString: (value: T | null) => string;
     renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
-    minLength: number;
-    maxLength: number | null;
-    async: boolean;
+    minLength?: number;
+    maxLength?: number | null;
+    async?: boolean;
     optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
-    isRequired: boolean;
+    isRequired?: boolean;
     error: string;
-    touched: boolean;
+    touched?: boolean;
     setTouch?: (value: boolean) => void;
     createWithoutConfirmation: boolean;
-    menuClassName: string;
+    menuClassName?: string;
     icon?: ReactNode;
+    isDropdownMode?: boolean;
     skipOptionCreation?: boolean;
     isOptionUnique?: (value: boolean | null) => void;
     refFunction?: Ref<HTMLInputElement>;

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

@@ -61,5 +61,5 @@ export { default as TreeIcon } from './svg/tree.svg';
 export { default as WarningIcon } from './svg/warning.svg';
 export { default as XlsIcon } from './svg/xls.svg';
 export { default as TestPlanIcon } from './svg/testPlan.svg';
-export { default as OwnerIcon } from './svg/owner.svg';
+export { default as UserIcon } from './svg/userIcon.svg';
 export { default as LaunchTypeIcon } from './svg/launchType.svg';

package/dist/{datePicker-efa4e2d6.js → datePicker-fe5bfdcd.js}

@@ -2,7 +2,7 @@ import { jsxs as F, Fragment as $, jsx as r } from "react/jsx-runtime";
 import B from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as D } from "react";
-import { F as I } from "./fieldText-ba8a917c.js";
+import { F as I } from "./fieldText-e4a554dc.js";
 import { D as E } from "./dropdown-ec754bbe.js";
 import { S as T } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as j } from "react-datepicker";

package/dist/datePicker.js

@@ -1,10 +1,10 @@
-import { D as t } from "./datePicker-efa4e2d6.js";
-import { r as q } from "./datePicker-efa4e2d6.js";
+import { D as t } from "./datePicker-fe5bfdcd.js";
+import { r as q } from "./datePicker-fe5bfdcd.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-ba8a917c.js";
+import "./fieldText-e4a554dc.js";
 import "./openEye-7b9cf080.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";

package/dist/fieldText-e4a554dc.js

@@ -0,0 +1,166 @@
+import { jsx as n, jsxs as s, Fragment as B } from "react/jsx-runtime";
+import { forwardRef as W, useRef as X, useId as Y, useState as E } from "react";
+import { c as Z } from "./bind-06a7ff84.js";
+import { b as q, a as nn, S as en } from "./openEye-7b9cf080.js";
+import { B as tn } from "./baseIconButton-251479f7.js";
+import { S as on } from "./spinLoader-c4a53718.js";
+import { M as sn } from "./maxValueDisplay-9be01a75.js";
+import { FieldLabel as an } from "./fieldLabel.js";
+const cn = "_collapsed_p9bm7_13", rn = "_field_p9bm7_25", ln = "_placeholder_p9bm7_50", pn = "_disabled_p9bm7_53", dn = "_error_p9bm7_56", _n = "_touched_p9bm7_56", mn = "_input_p9bm7_75", un = "_icon_p9bm7_1", fn = "_text_p9bm7_173", hn = {
+  "icon-container": "_icon-container_p9bm7_1",
+  "icon-container-additional": "_icon-container-additional_p9bm7_1",
+  "icon-container-end": "_icon-container-end_p9bm7_1",
+  "icon-container-start": "_icon-container-start_p9bm7_1",
+  collapsed: cn,
+  field: rn,
+  "default-width": "_default-width_p9bm7_37",
+  placeholder: ln,
+  disabled: pn,
+  error: dn,
+  touched: _n,
+  "max-length-display": "_max-length-display_p9bm7_63",
+  "input-container": "_input-container_p9bm7_75",
+  "type-password": "_type-password_p9bm7_79",
+  input: mn,
+  "eye-icon": "_eye-icon_p9bm7_83",
+  icon: un,
+  "start-icon": "_start-icon_p9bm7_129",
+  "clear-icon": "_clear-icon_p9bm7_130",
+  "additional-content": "_additional-content_p9bm7_166",
+  text: fn,
+  "error-text": "_error-text_p9bm7_193",
+  "help-text": "_help-text_p9bm7_197"
+}, e = Z.bind(hn), Dn = W(
+  ({
+    value: o = "",
+    className: v,
+    classNameHelpText: C,
+    error: r,
+    placeholder: m,
+    disabled: a = !1,
+    onChange: T,
+    touched: u = !1,
+    title: V,
+    label: l,
+    helpText: p,
+    defaultWidth: k = !0,
+    startIcon: f,
+    endIcon: h,
+    clearable: I = !1,
+    onClear: b,
+    isRequired: x = !1,
+    hasDoubleMessage: L = !1,
+    type: c = "text",
+    displayError: P = !0,
+    collapsible: R = !1,
+    loading: j = !1,
+    maxLengthDisplay: H,
+    onFocus: O = () => {
+    },
+    onBlur: U = () => {
+    },
+    ...$
+  }, z) => {
+    const A = X(null), d = z || A, w = Y(), [N, y] = E(!1), [g, F] = E(!1), G = (t) => {
+      y(!0), O(t);
+    }, J = (t) => {
+      y(!1), U(t);
+    }, K = () => {
+      var t;
+      b && (b(o), (t = d.current) == null || t.focus());
+    }, S = P && r && u, D = /* @__PURE__ */ n("span", { className: e("text", "help-text", C), children: p }), Q = () => c !== "password" ? c : g ? "text" : "password", M = (t) => {
+      t.preventDefault(), F(!0);
+    }, i = (t) => {
+      t.preventDefault(), F(!1);
+    };
+    return /* @__PURE__ */ s(B, { children: [
+      l && /* @__PURE__ */ n(an, { isRequired: x, htmlFor: w, children: l }),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: e("field", v, {
+            error: r,
+            touched: u,
+            disabled: a,
+            "default-width": k,
+            collapsed: R && !N && !o
+          }),
+          title: V,
+          children: [
+            j ? /* @__PURE__ */ n(on, {}) : f && /* @__PURE__ */ n(
+              "span",
+              {
+                className: e("icon-container-start"),
+                onClick: () => {
+                  var _;
+                  (_ = d.current) == null || _.focus();
+                },
+                children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: d,
+                  type: Q(),
+                  className: e("input"),
+                  value: o,
+                  disabled: a,
+                  id: w,
+                  onChange: T,
+                  onFocus: G,
+                  onBlur: J,
+                  ...$
+                }
+              ),
+              c === "password" && o && /* @__PURE__ */ n(
+                tn,
+                {
+                  className: e("eye-icon"),
+                  onMouseDown: M,
+                  onMouseLeave: i,
+                  onMouseUp: i,
+                  onTouchStart: M,
+                  onTouchEnd: i,
+                  onTouchCancel: i,
+                  children: g ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(nn, {})
+                }
+              ),
+              m && !o && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
+                m,
+                x && !l && /* @__PURE__ */ n("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(
+              sn,
+              {
+                className: e("max-length-display"),
+                value: o.length,
+                maxValue: H
+              }
+            ),
+            I && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: e("clear-icon", { disabled: a }),
+                onClick: K,
+                onMouseDown: (t) => t.preventDefault(),
+                children: /* @__PURE__ */ n(en, {})
+              }
+            ) }),
+            h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) })
+          ]
+        }
+      ),
+      (S || p) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: a }), children: S ? /* @__PURE__ */ s(B, { children: [
+        /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
+        L && D
+      ] }) : p && D })
+    ] });
+  }
+);
+export {
+  Dn as F
+};

package/dist/fieldText.js

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