@companix/uikit 0.1.43 → 0.1.44

package/dist/Select/index.d.ts

@@ -1,5 +1,6 @@
 import { SelectFormProps } from './SelectInput';
 import { OptionsSource, SelectOptionsPopoverParams } from './OptionsPopover';
+import { Option } from '../types';
 interface Cleanable<T> {
     clearButton: true;
     onChange: (value: T | null) => void;
@@ -16,9 +17,16 @@ export interface SelectParams extends SelectOptionsPopoverParams {
         scrollTo: (index: number) => void;
     }>;
 }
+export interface SelectTriggerParams<T> {
+    option: Option<T> | null;
+    title: string;
+    isOpen: boolean;
+    clear: (event: React.MouseEvent) => void;
+}
+export type SelectTrigger<T> = (params: SelectTriggerParams<T>) => React.ReactNode;
 export type SelectProps<T> = OptionsSource<T> & Omit<SelectFormProps, 'value'> & SelectParams & OnChangeValueType<T> & {
     value: T | null;
-    children?: React.ReactNode;
+    children?: React.ReactNode | SelectTrigger<T>;
 };
 export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/bundle.es13.js

@@ -1,99 +1,105 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as L, useMemo as j, useImperativeHandle as k } from "react";
-import { Popover as q } from "./bundle.es11.js";
-import { useFroozeClosing as w } from "./bundle.es64.js";
-import { SelectInput as H } from "./bundle.es65.js";
-import { useScrollListController as M } from "./bundle.es66.js";
-import { OptionsPopover as N } from "./bundle.es67.js";
-import { mergeRefs as W } from "react-merge-refs";
-const Z = (t) => {
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as q, useState as w, useMemo as y, useImperativeHandle as H } from "react";
+import { Popover as M } from "./bundle.es11.js";
+import { useFroozeClosing as N } from "./bundle.es64.js";
+import { SelectInput as W } from "./bundle.es65.js";
+import { useScrollListController as G } from "./bundle.es66.js";
+import { OptionsPopover as J } from "./bundle.es67.js";
+import { mergeRefs as K } from "react-merge-refs";
+const oe = (t) => {
   const {
-    onChange: i,
-    value: n,
-    matchTarget: f = "width",
-    children: m,
-    scrollRef: d,
-    popoverRef: v,
-    clearButton: s,
+    onChange: a,
+    value: r,
+    matchTarget: v = "width",
+    children: l,
+    scrollRef: h,
+    popoverRef: O,
+    clearButton: c,
     // select props
-    disabled: a,
-    required: h,
-    className: O,
-    clearButtonIcon: R,
-    leftElement: C,
-    inputRef: P,
-    onClear: y,
-    fill: E,
-    size: g,
-    placeholder: A,
-    onClick: S,
+    disabled: p,
+    required: C,
+    className: R,
+    clearButtonIcon: g,
+    leftElement: P,
+    inputRef: E,
+    onClear: Q,
+    fill: S,
+    size: A,
+    placeholder: x,
+    onClick: I,
     // options popover
-    ...x
-  } = t, r = L({});
-  j(() => {
-    (t.options ?? t.defaultOptions ?? []).forEach((e) => {
-      r.current[e.value] = e;
+    ...T
+  } = t, i = q({}), [z, B] = w(!1), u = typeof l == "function";
+  y(() => {
+    (t.options ?? t.defaultOptions ?? []).forEach((o) => {
+      i.current[o.value] = o;
     });
   }, [t.options, t.defaultOptions]);
-  const c = n === null ? null : r.current[n] ?? null, { popoverRef: z, froozePopoverPosition: B, handleAnimationEnd: F } = w(), { scrollToElement: p, optionsWrapperRef: I, scrollBoxRef: T } = M();
-  k(d, () => ({
-    scrollTo: (o) => p(o, "top")
+  const n = r === null ? null : i.current[r] ?? null, { popoverRef: F, froozePopoverPosition: b, handleAnimationEnd: D } = N(), { scrollToElement: f, optionsWrapperRef: L, scrollBoxRef: j } = G();
+  H(h, () => ({
+    scrollTo: (e) => f(e, "top")
   }));
-  const b = (o, e) => {
-    B(), i(o), e();
-  }, D = (o) => {
-    o.stopPropagation(), s && i(null);
+  const k = (e, o) => {
+    b(), a(e), o();
+  }, m = (e) => {
+    e.stopPropagation(), c && a(null);
   };
-  return /* @__PURE__ */ l(
-    q,
+  return /* @__PURE__ */ s(
+    M,
     {
       minimal: !0,
-      ref: W([z, v]),
+      ref: K([F, O]),
       sideOffset: 0,
-      matchTarget: f,
-      onAnimationEnd: F,
-      onOpenAutoFocus: (o) => o.preventDefault(),
-      onCloseAutoFocus: (o) => o.preventDefault(),
-      disabled: a,
-      content: ({ close: o }) => /* @__PURE__ */ l(
-        N,
+      matchTarget: v,
+      onAnimationEnd: D,
+      onOpenChange: u ? B : void 0,
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      onCloseAutoFocus: (e) => e.preventDefault(),
+      disabled: p,
+      content: ({ close: e }) => /* @__PURE__ */ s(
+        J,
         {
-          ...x,
-          close: o,
-          isActive: (e) => e === n,
-          onSelect: (e) => b(e, o),
-          scrollboxRef: T,
-          optionsWrapperRef: I,
-          onOpened: (e) => p(e, "center"),
-          onOptionsLoaded: (e) => {
-            e.forEach((u) => {
-              r.current[u.value] = u;
+          ...T,
+          close: e,
+          isActive: (o) => o === r,
+          onSelect: (o) => k(o, e),
+          scrollboxRef: j,
+          optionsWrapperRef: L,
+          onOpened: (o) => f(o, "center"),
+          onOptionsLoaded: (o) => {
+            o.forEach((d) => {
+              i.current[d.value] = d;
             });
           }
         }
       ),
-      children: m ?? /* @__PURE__ */ l(
-        H,
+      children: u ? l({
+        option: n,
+        title: n?.title ?? "",
+        isOpen: z,
+        clear: m
+      }) : l ?? /* @__PURE__ */ s(
+        W,
         {
-          required: h,
-          className: O,
-          leftElement: C,
-          inputRef: P,
-          onClear: D,
-          fill: E,
-          size: g,
-          placeholder: A,
-          onClick: S,
-          disabled: a,
-          clearButton: s,
-          customElement: c?.indicator,
-          clearButtonIcon: R,
-          value: c?.title ?? ""
+          required: C,
+          className: R,
+          leftElement: P,
+          inputRef: E,
+          onClear: m,
+          fill: S,
+          size: A,
+          placeholder: x,
+          onClick: I,
+          disabled: p,
+          clearButton: c,
+          customElement: n?.indicator,
+          clearButtonIcon: g,
+          value: n?.title ?? ""
         }
       )
     }
   );
 };
 export {
-  Z as Select
+  oe as Select
 };

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export type { PopoverProps } from './Popover';
 export { Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';
 export { Select } from './Select';
-export type { SelectProps, SelectParams } from './Select';
+export type { SelectProps, SelectParams, SelectTrigger, SelectTriggerParams } from './Select';
 export { SelectTags } from './SelectTags';
 export type { SelectTagsProps, SelectTagsParams } from './SelectTags';
 export { Input } from './Input/Input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",