@oneplatformdev/ui 0.1.10-103 → 0.1.10-108

package/CHANGELOG.md

@@ -1,3 +1,52 @@
+## 0.1.10-108 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-157
+- Updated @oneplatformdev/hooks to 0.1.0-143
+- Updated @oneplatformdev/tokens to 0.0.1-130
+
+## 0.1.10-107 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-156
+- Updated @oneplatformdev/hooks to 0.1.0-142
+- Updated @oneplatformdev/tokens to 0.0.1-129
+
+## 0.1.10-106 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-155
+- Updated @oneplatformdev/hooks to 0.1.0-141
+- Updated @oneplatformdev/tokens to 0.0.1-128
+
+## 0.1.10-105 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-154
+- Updated @oneplatformdev/hooks to 0.1.0-140
+- Updated @oneplatformdev/tokens to 0.0.1-127
+
+## 0.1.10-104 (2025-12-08)
+
+### 🩹 Fixes
+
+- update Dialog component title font size for better readability and add .env to .gitignore ([9646134](https://github.com/oneplatformdev/core-web/commit/9646134))
+- adjust Dialog component styling for better alignment and update container size in CSS ([afaa5af](https://github.com/oneplatformdev/core-web/commit/afaa5af))
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-153
+- Updated @oneplatformdev/hooks to 0.1.0-139
+- Updated @oneplatformdev/tokens to 0.0.1-126
+
+### ❤️ Thank You
+
+- Bohdan Radchenko
+
 ## 0.1.10-103 (2025-12-04)
 
 ### 🩹 Fixes

package/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAqB1B,eAAO,MAAM,QAAQ,0GA6PpB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAqB1B,eAAO,MAAM,QAAQ,0GA+PpB,CAAC"}

package/Combobox/Combobox.js

@@ -1,173 +1,174 @@
-import { jsx as t, jsxs as c, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as te, useRef as ne, useState as d, useCallback as p, useEffect as oe, useMemo as R, useLayoutEffect as re } from "react";
-import { LoadingMask as ae } from "../LoadingMask/LoadingMask.js";
+import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as oe, useState as s, useCallback as p, useEffect as re, useMemo as M, useLayoutEffect as ae } from "react";
+import { LoadingMask as V } from "../LoadingMask/LoadingMask.js";
 import "../LoadingMask/RenderLoadingMask.js";
-import { Popover as se, PopoverTrigger as ie, PopoverContent as le } from "../Popover/Popover.js";
+import { Popover as ie, PopoverTrigger as se, PopoverContent as le } from "../Popover/Popover.js";
 import { Button as ce } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-import { Command as de, CommandInput as pe, CommandList as ue, CommandGroup as me, CommandEmpty as V, CommandItem as fe } from "../Command/Command.js";
-import { cn as j } from "@oneplatformdev/utils";
+import { Command as de, CommandInput as pe, CommandList as me, CommandGroup as fe, CommandEmpty as X, CommandItem as ue } from "../Command/Command.js";
+import { cn as R } from "@oneplatformdev/utils";
 import { useDebounceCallback as he } from "@oneplatformdev/hooks";
 import { X as ge, ChevronsUpDown as be } from "lucide-react";
 import { ComboboxOptions as ve } from "./ComboboxOptions.js";
-const Ce = (S) => {
-  const { value: u, flattenOptions: n = [], selectedOption: N } = S;
-  if (!u) return "No value for render label";
-  const C = [n.find((m) => String(m.value).toLowerCase() === String(u).toLowerCase()), N].filter(Boolean).map((m) => m.label).find(Boolean);
-  return C || u;
-}, Ee = te(
-  (S, u) => {
+const ye = (S) => {
+  const { value: m, flattenOptions: n = [], selectedOption: L } = S;
+  if (!m) return "No value for render label";
+  const y = [n.find((f) => String(f.value).toLowerCase() === String(m).toLowerCase()), L].filter(Boolean).map((f) => f.label).find(Boolean);
+  return y || m;
+}, Ee = oe(
+  (S, m) => {
     const {
       value: n,
-      onChange: N,
+      onChange: L,
       placeholder: T,
-      disabled: C,
-      searchLabel: m = "Type to search...",
-      fetchOptions: W,
-      options: L,
+      disabled: y,
+      searchLabel: f = "Type to search...",
+      fetchOptions: _,
+      options: N,
       emptyLabel: A = "No options",
-      emptyAction: y,
+      emptyAction: C,
       commandInputAction: I,
       listHeadAction: w,
       onMount: k
-    } = S, B = ne(!1), [i, P] = d(!1), [a, D] = d(""), [f, E] = d(), [o, l] = d(!1), [r, X] = d([]), [_, J] = d([]), h = p((e) => {
-      const b = (M) => {
-        const s = [], q = (x) => {
+    } = S, [F, z] = s(!1), [l, B] = s(!1), [a, P] = s(""), [u, D] = s(), [o, c] = s(!1), [r, J] = s([]), [K, Q] = s([]), h = p((t) => {
+      const b = (E) => {
+        const i = [], H = (x) => {
           if (x)
             for (const v of x)
-              s.push(v), v.items && v.items.length && q(v.items);
+              i.push(v), v.items && v.items.length && H(v.items);
         };
-        q(M), J((x) => {
-          if (!s.find((O) => !!n && String(O.value) === String(n))) {
-            const O = f || x.find((ee) => !!n && String(ee.value) === String(n));
-            if (O) return [O, ...s];
+        H(E), Q((x) => {
+          if (!i.find((O) => !!n && String(O.value) === String(n))) {
+            const O = u || x.find((ne) => !!n && String(ne.value) === String(n));
+            if (O) return [O, ...i];
           }
-          return s;
+          return i;
         });
       };
-      X((M) => {
-        const s = typeof e == "function" ? e(M) : e;
-        return b(s), s;
+      J((E) => {
+        const i = typeof t == "function" ? t(E) : t;
+        return b(i), i;
       });
-    }, [f, n]);
-    oe(() => {
-      L?.length && h(L);
-    }, [L]);
-    const K = async () => {
-      i || (F(), D(""));
-    }, F = p(async (e) => {
-      l(!0);
+    }, [u, n]);
+    re(() => {
+      N?.length && h(N);
+    }, [N]);
+    const Y = async () => {
+      l || (G(), P(""));
+    }, G = p(async (t) => {
+      c(!0);
       try {
-        const b = await W(e);
+        const b = await _(t);
         h(b);
       } catch (b) {
         console.error("Unexpected error while get option:", b);
       } finally {
-        l(!1);
+        c(!1);
       }
-    }, [h]), Q = he(F, 1e3, {
+    }, [h]), Z = he(G, 1e3, {
       leading: !1,
       trailing: !0
-    }), Y = p((e) => {
-      l(!0), D(e), Q(e);
-    }, []), z = p((e) => {
-      N(e.value), E(e), l(!1);
-    }, []), Z = p(() => {
-      z({ value: "", label: "" }), E(void 0), l(!1);
-    }, []), G = R(() => !!a && !r.length && !o, [o, r.length, a]), U = R(() => !r.length && !o, [o, r.length, a]), g = R(() => ({
+    }), $ = p((t) => {
+      c(!0), P(t), Z(t);
+    }, []), U = p((t) => {
+      L(t.value), D(t), c(!1);
+    }, []), ee = p(() => {
+      U({ value: "", label: "" }), D(void 0), c(!1);
+    }, []), W = M(() => !!a && !r.length && !o, [o, r.length, a]), q = M(() => !r.length && !o, [o, r.length, a]), g = M(() => ({
       options: r,
       setOptions: h,
-      selectedOption: f,
-      setSelectedOption: E,
+      selectedOption: u,
+      setSelectedOption: D,
       search: a || "",
-      setSearch: D,
-      open: i,
-      setOpen: P,
+      setSearch: P,
+      open: l,
+      setOpen: B,
       loading: o,
-      setLoading: l,
-      isEmptyList: U,
-      isSearchedEmptyList: G
-    }), [o, i, r, a, f, U, G, h]), $ = p(() => {
-      if (!k) {
-        B.current = !0;
-        return;
+      setLoading: c,
+      isEmptyList: q,
+      isSearchedEmptyList: W
+    }), [o, l, r, a, u, q, W, h]), te = p(async () => {
+      if (k) {
+        z(!0);
+        try {
+          await k(g);
+        } finally {
+          z(!1);
+        }
       }
-      k(g).finally(() => {
-        B.current = !0;
-      });
-    }, [g, k]);
-    return re(() => ($(), () => {
-      B.current = !1;
-    }), []), /* @__PURE__ */ t("div", { className: "w-full", ref: u, children: /* @__PURE__ */ c(
-      se,
+    }, [k, g]);
+    return ae(() => {
+      te();
+    }, []), /* @__PURE__ */ e("div", { className: "w-full", ref: m, children: /* @__PURE__ */ d(
+      ie,
       {
-        open: i,
-        onOpenChange: (e) => {
-          P(e), e && K();
+        open: l,
+        onOpenChange: (t) => {
+          B(t), t && Y();
         },
         children: [
-          /* @__PURE__ */ t(ie, { asChild: !0, className: "border-input", children: /* @__PURE__ */ c(
+          /* @__PURE__ */ e(se, { asChild: !0, className: "border-input", children: /* @__PURE__ */ e(
             ce,
             {
               variant: "outline",
               role: "combobox",
               size: "lg",
-              "aria-expanded": i,
-              className: j(
-                "w-full justify-between font-normal text-sm bg-transparent relative p-3",
+              "aria-expanded": l,
+              className: R(
+                "relative w-full justify-between font-normal text-sm bg-transparent relative p-3",
                 "border border-border",
-                i && "border-2 outline-hidden ring-1 ring-ring",
+                l && "border-2 outline-hidden ring-1 ring-ring",
                 "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
               ),
-              disabled: C,
-              children: [
-                /* @__PURE__ */ t("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? Ce({ value: n, flattenOptions: _, selectedOption: f }) : /* @__PURE__ */ t("span", { className: "text-gray-400", children: T }) }),
-                n ? /* @__PURE__ */ t(
+              disabled: y || F,
+              children: F ? /* @__PURE__ */ e(V, { fullWidth: !0 }) : /* @__PURE__ */ d(j, { children: [
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? ye({ value: n, flattenOptions: K, selectedOption: u }) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: T }) }),
+                n ? /* @__PURE__ */ e(
                   "div",
                   {
-                    className: j(
+                    className: R(
                       "absolute top-0 right-1",
                       "flex items-center justify-center",
                       "w-9 aspect-square [&_svg]:size-5",
                       "opacity-50 cursor-pointer hover:opacity-100"
                     ),
-                    onClick: (e) => {
-                      e.stopPropagation(), Z();
+                    onClick: (t) => {
+                      t.stopPropagation(), ee();
                     },
-                    children: /* @__PURE__ */ t(ge, {})
+                    children: /* @__PURE__ */ e(ge, {})
                   }
-                ) : /* @__PURE__ */ t(be, { className: "opacity-50 w-4 h-4" })
-              ]
+                ) : /* @__PURE__ */ e(be, { className: "opacity-50 w-4 h-4" })
+              ] })
             }
           ) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             le,
             {
               className: "w-(--radix-popper-anchor-width) max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ c(de, { shouldFilter: !1, children: [
-                /* @__PURE__ */ t(
+              children: /* @__PURE__ */ d(de, { shouldFilter: !1, children: [
+                /* @__PURE__ */ e(
                   pe,
                   {
-                    placeholder: m,
+                    placeholder: f,
                     value: a,
-                    onValueChange: Y
+                    onValueChange: $
                   }
                 ),
                 typeof I == "function" ? I(g) : I,
-                /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ c(
-                  me,
+                /* @__PURE__ */ e(me, { children: /* @__PURE__ */ d(
+                  fe,
                   {
-                    className: j(!r.length && "p-0 shadow-none"),
+                    className: R(!r.length && "p-0 shadow-none"),
                     children: [
-                      o && /* @__PURE__ */ t(ae, { fullWidth: !0 }),
-                      !o && !!a && /* @__PURE__ */ t(H, { children: y ? /* @__PURE__ */ c(V, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
-                        /* @__PURE__ */ t("span", { children: A }),
-                        typeof y == "function" ? y(g) : y
-                      ] }) : /* @__PURE__ */ t(V, { children: A }) }),
-                      !o && /* @__PURE__ */ c(H, { children: [
-                        !!r.length && w && /* @__PURE__ */ t(
-                          fe,
+                      o && /* @__PURE__ */ e(V, { fullWidth: !0 }),
+                      !o && !!a && /* @__PURE__ */ e(j, { children: C ? /* @__PURE__ */ d(X, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                        /* @__PURE__ */ e("span", { children: A }),
+                        typeof C == "function" ? C(g) : C
+                      ] }) : /* @__PURE__ */ e(X, { children: A }) }),
+                      !o && /* @__PURE__ */ d(j, { children: [
+                        !!r.length && w && /* @__PURE__ */ e(
+                          ue,
                           {
                             asChild: !0,
                             className: "w-full",
@@ -175,13 +176,13 @@ const Ce = (S) => {
                           },
                           "combobox-list-head-action"
                         ),
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ e(
                           ve,
                           {
                             value: n,
                             options: r,
-                            onChangeOption: z,
-                            setOpen: P
+                            onChangeOption: U,
+                            setOpen: B
                           }
                         )
                       ] })

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const isMounted = useRef(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(() => {\n      if (!onMount) {\n        isMounted.current = true;\n        return;\n      }\n      onMount(comboboxCallbackStateParams)\n        .finally(() => {\n          isMounted.current = true;\n        });\n    }, [comboboxCallbackStateParams, onMount]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n      return () => {\n        isMounted.current = false;\n      };\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled}\n            >\n              <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                {value\n                  ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                  : <span className=\"text-gray-400\">{placeholder}</span>\n                }\n              </span>\n              {value ? (\n                <div\n                  className={cn(\n                    'absolute top-0 right-1',\n                    'flex items-center justify-center',\n                    'w-9 aspect-square [&_svg]:size-5',\n                    'opacity-50 cursor-pointer hover:opacity-100'\n                  )}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleClearSelection();\n                  }}\n                >\n                  <X />\n                </div>\n              ) : (\n                <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","isMounted","useRef","open","setOpen","useState","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","LoadingMask","CommandEmpty","Fragment","CommandItem","ComboboxOptions"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const [initialLoading, setInitialLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(async () => {\n      if (!onMount) return;\n      setInitialLoading(true);\n      try {\n        await onMount(comboboxCallbackStateParams);\n      } finally {\n        setInitialLoading(false);\n      }\n    }, [onMount, comboboxCallbackStateParams]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'relative w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled || initialLoading}\n            >\n              {initialLoading ? (\n                  <LoadingMask fullWidth />\n              ) : (\n                <>\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                  {value ? (\n                    <div\n                      className={cn(\n                        'absolute top-0 right-1',\n                        'flex items-center justify-center',\n                        'w-9 aspect-square [&_svg]:size-5',\n                        'opacity-50 cursor-pointer hover:opacity-100'\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleClearSelection();\n                      }}\n                    >\n                      <X />\n                    </div>\n                  ) : (\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n                  )}\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","initialLoading","setInitialLoading","useState","open","setOpen","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","LoadingMask","Fragment","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"mappings":"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"}

package/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CA4CxC,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgDxC,CAAC"}

package/Search/Search.js

@@ -1,46 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { Input as v } from "../Input/Input.js";
-import { useDebounceCallback as C } from "@oneplatformdev/hooks";
-import { cn as b } from "@oneplatformdev/utils";
-import { SearchIcon as x } from "lucide-react";
-import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
-const D = (a) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useState as g, useEffect as v } from "react";
+import { Input as C } from "../Input/Input.js";
+import { useDebounceCallback as b } from "@oneplatformdev/hooks";
+import { cn as x } from "@oneplatformdev/utils";
+import { SearchIcon as I } from "lucide-react";
+import { LoadedIcon as N } from "../LoadedIcon/LoadedIcon.js";
+const E = (n) => {
   const {
-    search: t,
-    onChange: n,
-    onSearch: s,
-    placeholder: c = "Search",
-    className: m,
-    loading: i = !1,
-    slotProps: e,
-    name: l = "search",
-    ...h
-  } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
-    const S = o.target.value;
-    u(S), n?.(o), d(o.target.value);
+    search: e,
+    onChange: s,
+    onSearch: c,
+    placeholder: m = "Search",
+    className: i,
+    loading: l = !1,
+    slotProps: o,
+    name: h = "search",
+    ...p
+  } = n, [u, a] = g(e), f = b(c, 1e3), d = (r) => {
+    const S = r.target.value;
+    a(S), s?.(r), f(r.target.value);
   };
-  return /* @__PURE__ */ r(
-    v,
+  return v(() => {
+    a(e ?? "");
+  }, [e]), /* @__PURE__ */ t(
+    C,
     {
-      name: l,
-      placeholder: c,
-      value: p,
-      className: b("min-w-[340px]", m),
-      onChange: f,
-      ...h,
-      ...e || {},
+      name: h,
+      placeholder: m,
+      value: u,
+      className: x("min-w-[340px]", i),
+      onChange: d,
+      ...p,
+      ...o || {},
       slotProps: {
-        ...e || {},
+        ...o || {},
         input: {
-          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
-          ...e?.input || {}
+          startAdornment: /* @__PURE__ */ t(N, { loading: l, size: "sm", children: /* @__PURE__ */ t(I, {}) }),
+          ...o?.input || {}
         }
       }
     }
   );
 };
 export {
-  D as Search
+  E as Search
 };
 //# sourceMappingURL=Search.js.map

package/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading} size=\"sm\">\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWU,EAAG,iBAAiBf,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGc,GAAA,EAAW,SAAAf,GAAkB,MAAK,MACjC,UAAA,gBAAAY,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIf,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  useEffect(() => {\n    setSearch(initialSearch ?? '');\n  }, [initialSearch]);\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading} size=\"sm\">\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","useEffect","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SAAAE,EAAU,MAAM;AACd,IAAAP,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAACA,CAAa,CAAC,GAGhB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWW,EAAG,iBAAiBhB,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGe,GAAA,EAAW,SAAAhB,GAAkB,MAAK,MACjC,UAAA,gBAAAa,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIhB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.10-103",
+  "version": "0.1.10-108",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,8 +105,8 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.0.1-125",
-    "@oneplatformdev/utils": "^0.1.1-152",
-    "@oneplatformdev/hooks": "^0.1.0-138"
+    "@oneplatformdev/tokens": "^0.0.1-130",
+    "@oneplatformdev/utils": "^0.1.1-157",
+    "@oneplatformdev/hooks": "^0.1.0-143"
   }
 }