@reportportal/ui-kit 0.0.1-alpha.154 → 0.0.1-alpha.156

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";