@npm-questionpro/wick-ui-lib 0.22.4 → 0.23.0

package/dist/src/components/combobox/WuCombobox.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface IWuComboboxProps<T> {
+export type IWuComboboxProps<T> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onSelect'> & {
     data: T[];
     accessorKey: {
         value: string;
@@ -28,5 +28,5 @@ export interface IWuComboboxProps<T> {
     disabled?: boolean;
     labelPosition?: 'left' | 'top' | 'right';
     className?: string;
-}
+};
 export declare const WuCombobox: <T>({ data, accessorKey, value, defaultValue, Header, virtualizedThreshold, isEllipse, placeholder, variant, dir, onSelect, label, maxHeight, multiple, hasGroup, selectAll, id, disabled, labelPosition, className, }: IWuComboboxProps<T>) => React.JSX.Element;

package/dist/src/components/combobox/ui/_trigger.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { IWuComboboxItem } from '../types/IWuComboboxOptions';
 import { IWuComboboxProps } from '../WuCombobox';
-export interface IWuComboboxTriggerProps<T> {
+export type IWuComboboxTriggerProps<T> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onSelect'> & {
     accessorKey: {
         label: string;
         value: string;
@@ -17,5 +17,5 @@ export interface IWuComboboxTriggerProps<T> {
     selectAll?: IWuComboboxProps<T>['selectAll'];
     isCheckedAll?: boolean;
     className?: string;
-}
-export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, id, disabled, selectAll, isCheckedAll, className, }: IWuComboboxTriggerProps<T>) => React.JSX.Element;
+};
+export declare const WuComboboxTrigger: <T>({ placeholder, isEllipse, selectedOptions, variant, dir, accessorKey, multiple, id, disabled, selectAll, isCheckedAll, className, ...rest }: IWuComboboxTriggerProps<T>) => React.JSX.Element;

package/dist/src/components/select/WuSelect.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface IWuSelectProps<T> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'defaultValue' | 'onSelect'> {
+export interface IWuSelectProps<T> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onSelect'> {
     defaultValue?: T | T[] | null;
     label?: string;
     value?: T | T[] | null;

package/dist/src/components/select/ui/_trigger.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IWuSelectProps } from '../WuSelect';
-export interface IWuSelectTriggerProps<T> {
+export type IWuSelectTriggerProps<T> = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue'> & {
     placeholder: string;
     value: T | T[];
     multiple?: boolean;
@@ -16,5 +16,5 @@ export interface IWuSelectTriggerProps<T> {
     selectAll?: IWuSelectProps<T>['selectAll'];
     isCheckedAll?: boolean;
     width?: number;
-}
-export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, id, disabled, selectAll, isCheckedAll, width, }: IWuSelectTriggerProps<T>) => React.JSX.Element;
+};
+export declare const WuSelectTrigger: <T>({ placeholder, value, multiple, accessorKey, variant, dir, customTriggerChildren, id, disabled, selectAll, isCheckedAll, width, ...rest }: IWuSelectTriggerProps<T>) => React.JSX.Element;

package/dist/wick-ui-lib/es/index.js

@@ -14862,38 +14862,40 @@ const PN = ({ tags: e, triggerRef: t }) => {
   disabled: l,
   selectAll: c,
   isCheckedAll: u,
-  className: f
+  className: f,
+  ...m
 }) => {
-  const [m, g] = re([]), b = ze(null);
+  const [g, b] = re([]), h = ze(null);
   Re(() => {
     if (!n || Array.isArray(n) && n.length === 0) {
-      g([]);
+      b([]);
       return;
     }
     if (a) {
-      const v = n;
-      g(
-        v == null ? void 0 : v.map((y) => y[s.label])
+      const y = n;
+      b(
+        y == null ? void 0 : y.map((w) => w[s.label])
       );
       return;
     } else
-      g([n[s.label]]);
+      b([n[s.label]]);
   }, [n]);
-  const h = () => {
-    var v;
-    return m.length ? u && (c != null && c.enable) && (c != null && c.triggerText) ? /* @__PURE__ */ d("span", { className: "overflow-hidden text-xs text-start text-ellipsis whitespace-nowrap", children: c.triggerText }) : t ? /* @__PURE__ */ d(
+  const v = () => {
+    var y;
+    return g.length ? u && (c != null && c.enable) && (c != null && c.triggerText) ? /* @__PURE__ */ d("span", { className: "overflow-hidden text-xs text-start text-ellipsis whitespace-nowrap", children: c.triggerText }) : t ? /* @__PURE__ */ d(
       "span",
       {
         className: "overflow-hidden text-xs text-start text-ellipsis whitespace-nowrap",
-        style: { width: `${(((v = b.current) == null ? void 0 : v.offsetWidth) || 0) - 32}px` },
-        children: m.join(", ")
+        style: { width: `${(((y = h.current) == null ? void 0 : y.offsetWidth) || 0) - 32}px` },
+        children: g.join(", ")
       }
-    ) : /* @__PURE__ */ d(PN, { tags: m, triggerRef: b }) : /* @__PURE__ */ d("p", { className: "text-xs opacity-70", children: e });
+    ) : /* @__PURE__ */ d(PN, { tags: g, triggerRef: h }) : /* @__PURE__ */ d("p", { className: "text-xs opacity-70", children: e });
   };
   return /* @__PURE__ */ d(qn, { dir: o, asChild: !0, id: i, disabled: l, children: /* @__PURE__ */ P(
     "button",
     {
-      ref: b,
+      ...m,
+      ref: h,
       disabled: l,
       className: N(
         "select-trigger text-xs rounded-t-sm flex gap-2 h-8 group wu-combobox-trigger",
@@ -14901,9 +14903,8 @@ const PN = ({ tags: e, triggerRef: t }) => {
         "disabled:cursor-not-allowed disabled:hover:border-gray-subtle disabled:bg-gray-10",
         f
       ),
-      "aria-label": "combobox-trigger",
       children: [
-        h(),
+        v(),
         /* @__PURE__ */ d("span", { className: "wm-arrow-drop-down group-data-[state=open]:rotate-180 transition-transform duration-300 text-base" })
       ]
     }
@@ -16739,22 +16740,24 @@ const uT = "600px", dT = {
   disabled: l,
   selectAll: c,
   isCheckedAll: u,
-  width: f
+  width: f,
+  ...m
 }) => {
-  const [m, g] = re(e);
+  const [g, b] = re(e);
   return Re(() => {
     if (!t || Array.isArray(t) && t.length === 0) {
-      g(e);
+      b(e);
       return;
     }
-    const b = r.label;
+    const h = r.label;
     if (n && Array.isArray(t)) {
-      const h = t.map((v) => v[b]).join(", ");
-      g(h);
-    } else !n && !Array.isArray(t) && g(t[b]);
+      const v = t.map((y) => y[h]).join(", ");
+      b(v);
+    } else !n && !Array.isArray(t) && b(t[h]);
   }, [t, r.label, n, e]), /* @__PURE__ */ d(zm, { asChild: !0, dir: s, id: i, disabled: l, children: /* @__PURE__ */ P(
     "button",
     {
+      ...m,
       disabled: l,
       className: N(
         "flex gap-2 w-full items-center justify-between py-1.5 px-2 text-xs transition-colors cursor-pointer border-b bg-white border-gray-subtle h-8",
@@ -16762,7 +16765,8 @@ const uT = "600px", dT = {
         "disabled:cursor-not-allowed disabled:hover:border-gray-subtle disabled:bg-gray-10 disabled:opacity-50",
         "hover:bg-gray-10 hover:border-blue-p",
         o === "outlined" && "border border-gray-40",
-        "group wu-select-trigger"
+        "group wu-select-trigger",
+        m.className
       ),
       children: [
         a ?? /* @__PURE__ */ d(
@@ -16770,7 +16774,7 @@ const uT = "600px", dT = {
           {
             className: "overflow-hidden text-xs text-start text-ellipsis whitespace-nowrap",
             style: { width: `${(f || 0) - 32}px` },
-            children: u ? (c == null ? void 0 : c.triggerText) ?? m : m
+            children: u ? (c == null ? void 0 : c.triggerText) ?? g : g
           }
         ),
         /* @__PURE__ */ d("span", { className: "wm-arrow-drop-down group-data-[state=open]:rotate-180 transition-transform duration-300 text-base" })
@@ -16987,6 +16991,7 @@ const uT = "600px", dT = {
           /* @__PURE__ */ d(
             gT,
             {
+              ...w,
               value: x,
               multiple: n,
               variant: a,
@@ -16997,8 +17002,7 @@ const uT = "600px", dT = {
               id: w.id,
               disabled: v,
               selectAll: h,
-              isCheckedAll: E,
-              ...w
+              isCheckedAll: E
             }
           ),
           /* @__PURE__ */ P(