@reportportal/ui-kit 0.0.1-alpha.155 → 0.0.1-alpha.157

package/dist/autocompletes.js

@@ -36,7 +36,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   error: d = !1,
   editItem: v,
   editable: p = !1,
-  getAdditionalCreationCondition: y = () => !0,
+  getAdditionalCreationCondition: w = () => !0,
   storedOption: g = !0,
   highlightUnStoredItem: f = !1,
   variant: k = "light",
@@ -45,12 +45,12 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   className: R,
   textClassName: I
 }) => {
-  const [w, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
+  const [y, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
     !c && p && !g && (B((x == null ? void 0 : x(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
   }, _ = (S) => {
     B(S.target.value);
   }, O = (S) => {
-    const j = y(C);
+    const j = w(C);
     S.key === "Enter" && j && (v(t, C), b(!1), B(""));
   }, H = () => {
     b(!1), B("");
@@ -86,7 +86,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     },
     R
   );
-  return w ? /* @__PURE__ */ o(
+  return y ? /* @__PURE__ */ o(
     "input",
     {
       autoFocus: !0,
@@ -129,7 +129,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   renderCustomSelectedItem: d,
   selectedItemSingleLine: v,
   selectedItemClassName: p,
-  selectedItemTextClassName: y,
+  selectedItemTextClassName: w,
   ...g
 }) => t.map((f) => d ? d(f) : /* @__PURE__ */ o(
   Xe,
@@ -141,7 +141,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     highlightUnStoredItem: n,
     singleLine: v,
     className: p,
-    textClassName: y,
+    textClassName: w,
     ...g
   },
   e == null ? void 0 : e(f)
@@ -168,7 +168,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   newItemButtonText: v = "",
   ...p
 }) => {
-  const y = () => v || (d === "key-variant" ? "New key" : "New value");
+  const w = () => v || (d === "key-variant" ? "New key" : "New value");
   return c ? /* @__PURE__ */ $(ce, { children: [
     /* @__PURE__ */ o("div", { className: ee("divider") }),
     /* @__PURE__ */ $(
@@ -189,7 +189,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
               className: ee({ "button-active": t }),
               icon: /* @__PURE__ */ o(je, {}),
               variant: "text",
-              children: y()
+              children: w()
             }
           )
         ]
@@ -219,7 +219,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     createWithoutConfirmation: d,
     customEmptyListMessage: v,
     customNoMatchesMessage: p,
-    optionVariant: y,
+    optionVariant: w,
     newItemButtonText: g,
     renderOption: f,
     getUniqKey: k,
@@ -229,7 +229,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     (s, i, _ = !1) => f ? f(s, i, _, x) : /* @__PURE__ */ o(
       ye,
       {
-        optionVariant: y,
+        optionVariant: w,
         ...x({ item: s, index: i }),
         isNew: _,
         newItemButtonText: g,
@@ -237,8 +237,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       },
       (k == null ? void 0 : k(s)) || u(s)
     ),
-    [x, k, g, y, u, f]
-  ), w = V(
+    [x, k, g, w, u, f]
+  ), y = V(
     (s) => s.length ? s.map((i, _) => I(i, _)) : "",
     [I]
   ), b = V(
@@ -247,7 +247,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       return /* @__PURE__ */ o("div", { className: _e({ container: !i }), children: /* @__PURE__ */ o(
         ye,
         {
-          optionVariant: y,
+          optionVariant: w,
           isNew: !0,
           newItemButtonText: g,
           ...x({ item: r, index: i }),
@@ -256,7 +256,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
         u(r)
       ) });
     },
-    [x, r, g, y, u]
+    [x, r, g, w, u]
   ), C = V(
     (s) => n ? /* @__PURE__ */ $(ce, { children: [
       /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ o(Pe, {}) }),
@@ -268,7 +268,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     return /* @__PURE__ */ o("div", { className: _e("empty-list-message"), children: s });
   }, [v, p, e == null ? void 0 : e.length]), l = c ? e : R(), a = C(e);
   return a || /* @__PURE__ */ $("div", { className: _e({ container: e.length }), children: [
-    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : w(l) }),
+    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : y(l) }),
     !d && b(l)
   ] });
 }, it = "_menu_f64z5_16", dt = "_opened_f64z5_34", ut = "_dark_f64z5_37", mt = {
@@ -312,7 +312,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   children: d,
   customizeNewSelectedValue: v = (f) => f,
   getOptionUniqKey: p,
-  getOptionUniqKeyValue: y,
+  getOptionUniqKeyValue: w,
   ...g
 }) => {
   const [f, k] = re(n), x = (l, a) => {
@@ -338,16 +338,16 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   }, I = (l, a) => {
     const s = c.indexOf(l), i = [...c];
     i.splice(s, 1, a), e == null || e(i, null);
-  }, w = (l, a) => {
+  }, y = (l, a) => {
     const s = c.filter((_) => !ae(_, l));
     e == null || e(s, a), u(l, (_) => r == null ? void 0 : r(s, _));
   }, b = (l, a) => {
     l && R(l, a);
   }, C = (l) => ({
-    removeItem: w,
+    removeItem: y,
     editItem: I,
     handleChange: e,
-    getOptionUniqKeyValue: y,
+    getOptionUniqKeyValue: w,
     storedItemsMap: f,
     ...l
   });
@@ -399,7 +399,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     placeholder: d = "",
     error: v = "",
     touched: p = !1,
-    creatable: y = !1,
+    creatable: w = !1,
     editable: g = !1,
     onChange: f = () => {
     },
@@ -410,7 +410,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     disabled: u = !1,
     isDropdownMode: R = !1,
     mobileDisabled: I = !1,
-    inputProps: w = {},
+    inputProps: y = {},
     parseValueToString: b = (h) => h == null ? "" : String(h),
     maxLength: C = null,
     async: B = !1,
@@ -550,37 +550,37 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                                 R && se(), k();
                               },
                               onKeyDown: (F) => {
-                                F.key === Re && m && y && _(m) && Y({
+                                F.key === Re && m && w && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 }), me({ event: F, removeItem: A, inputValue: m });
                               },
                               onBlur: () => {
-                                x(), m && y && _(m) && Y({
+                                x(), m && w && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 });
                               },
                               disabled: u,
-                              ...w
+                              ...y
                             }),
-                            className: X("input", { disabled: u }),
+                            className: X("input", { disabled: u }, y.className),
                             "data-automation-id": W
                           }
                         )
                       ]
                     }
                   ),
-                  (w == null ? void 0 : w.clearable) && !he(n) && /* @__PURE__ */ o(
+                  (y == null ? void 0 : y.clearable) && !he(n) && /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
                       className: X("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
                         var F;
-                        return !u && ((F = w == null ? void 0 : w.onClear) == null ? void 0 : F.call(w));
+                        return !u && ((F = y == null ? void 0 : y.onClear) == null ? void 0 : F.call(y));
                       },
                       onMouseDown: (F) => F.preventDefault(),
                       children: /* @__PURE__ */ o(We, {})
@@ -641,7 +641,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     onBlur: v = () => {
     },
     disabled: p = !1,
-    inputProps: y = {},
+    inputProps: w = {},
     parseValueToString: g = (D) => D === null ? "" : String(D),
     minLength: f = 1,
     skipOptionCreation: k = !1,
@@ -649,7 +649,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     optionVariant: u = "",
     isRequired: R = !1,
     error: I = "",
-    touched: w = !1,
+    touched: y = !1,
     setTouch: b = () => {
     },
     createWithoutConfirmation: C = !1,
@@ -700,7 +700,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
         const oe = de(void 0, { suppressRefError: !0 }), ue = {
           ...oe,
           ref: (m) => (J.setReference(m), oe.ref(m))
-        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = y, N = fe && c !== null, E = (...m) => {
+        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = w, N = fe && c !== null, E = (...m) => {
           z(null), Y == null || Y(...m);
         };
         return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ $("div", { className: Ne("input-wrapper"), ...ue, children: [
@@ -726,7 +726,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                 disabled: p,
                 defaultWidth: !1,
                 isRequired: R,
-                touched: w,
+                touched: y,
                 error: I,
                 ...pe,
                 clearable: N,

package/dist/common/utils/htmlAttributes.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Splits object properties into HTML attributes and remaining props.
+ * Transforms camelCase data-* and aria-* attributes to kebab-case format
+ * as required by HTML specification.
+ *
+ * @param attrs - Object containing properties to split
+ * @returns Object with two properties:
+ *   - transformed: data-* and aria-* attributes converted to kebab-case
+ *   - remaining: all other properties unchanged
+ *
+ * @example
+ * const props = { dataTestId: 'test', ariaLabel: 'Label', className: 'container' };
+ * const { transformed, remaining } = splitHtmlAttributes(props);
+ * // transformed: { 'data-test-id': 'test', 'aria-label': 'Label' }
+ * // remaining: { className: 'container' }
+ */
+export declare const splitHtmlAttributes: (attrs: Record<string, unknown>) => {
+    transformed: Record<string, unknown>;
+    remaining: Record<string, unknown>;
+};

package/dist/common/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { getFileExtension } from './getFileExtension';
 export { isString } from './isString';
 export { getAlignmentAxisOffset } from './floatingUi';
+export { splitHtmlAttributes } from './htmlAttributes';

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

@@ -1,7 +1,7 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode, FC, ComponentPropsWithRef } from 'react';
 import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
 
-export interface DropdownProps {
+export interface DropdownProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'onFocus' | 'onBlur' | 'title'> {
     options: DropdownOptionType[];
     value: DropdownValue | DropdownValue[];
     disabled?: boolean;

package/dist/{datePicker-3881a2d6.js → datePicker-37854acd.js}

@@ -3,7 +3,7 @@ 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-1749da7a.js";
-import { D as E } from "./dropdown-b63f2137.js";
+import { D as E } from "./dropdown-ae695766.js";
 import { S as T } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as j } from "react-datepicker";
 const ie = (n, s) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-3881a2d6.js";
-import { r as A } from "./datePicker-3881a2d6.js";
+import { D as t } from "./datePicker-37854acd.js";
+import { r as A } from "./datePicker-37854acd.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-b63f2137.js";
+import "./dropdown-ae695766.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";