@oneplatformdev/ui 0.1.99-beta.253 → 0.1.99-beta.255

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.1.99-beta.255 (2026-04-05)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.255
+- Updated @oneplatformdev/hooks to 0.1.99-beta.255
+- Updated @oneplatformdev/tokens to 0.1.99-beta.255
+
+## 0.1.99-beta.254 (2026-03-13)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.254
+- Updated @oneplatformdev/hooks to 0.1.99-beta.254
+- Updated @oneplatformdev/tokens to 0.1.99-beta.254
+
 ## 0.1.99-beta.253 (2026-03-13)
 
 ### 🧱 Updated Dependencies

package/Combobox/Combobox.js

@@ -1,11 +1,11 @@
-import { jsx as j, jsxs as we } from "react/jsx-runtime";
-import { useState as d, useCallback as u, useEffect as Y, useRef as $, useMemo as q, useImperativeHandle as be, useLayoutEffect as Me } from "react";
-import { Popover as Ce } from "../Popover/Popover.js";
-import { useDebounceCallback as Ae } from "@oneplatformdev/hooks";
-import { DEFAULT_COMBOBOX_TYPE as xe } from "./Combobox.types.js";
-import { ComboboxRenderTrigger as Le } from "./ComboboxRenderTrigger.js";
-import { ComboboxRenderContent as Re } from "./ComboboxRenderContent.js";
-function Fe(o) {
+import { jsx as j, jsxs as Ce } from "react/jsx-runtime";
+import { useState as d, useCallback as u, useEffect as Y, useRef as $, useMemo as q, useImperativeHandle as Me, useLayoutEffect as Ae } from "react";
+import { Popover as xe } from "../Popover/Popover.js";
+import { useDebounceCallback as Le } from "@oneplatformdev/hooks";
+import { DEFAULT_COMBOBOX_TYPE as Re } from "./Combobox.types.js";
+import { ComboboxRenderTrigger as Ee } from "./ComboboxRenderTrigger.js";
+import { ComboboxRenderContent as Ie } from "./ComboboxRenderContent.js";
+function Ue(o) {
   const {
     value: f,
     options: N,
@@ -25,25 +25,27 @@ function Fe(o) {
     defaultNodeDisabled: se,
     defaultNodeMatched: ce,
     defaultNodeMuted: ie,
-    defaultNodeInteractive: le
-  } = o, O = o.type ?? xe, [ue, H] = d(!1), [h, b] = d(!1), [k, A] = d(!1), [M, x] = d(!1), [m, L] = d(""), [S, v] = d(/* @__PURE__ */ new Map()), [y, fe] = d([]), [de, he] = d([]), C = u((t) => {
+    defaultNodeInteractive: le,
+    forcePointerSelect: ue,
+    popoverContainer: fe
+  } = o, S = o.type ?? Re, [de, H] = d(!1), [h, b] = d(!1), [P, A] = d(!1), [C, x] = d(!1), [m, L] = d(""), [v, O] = d(/* @__PURE__ */ new Map()), [y, he] = d([]), [ge, me] = d([]), M = u((t) => {
     const r = (e) => {
       const n = [], s = (c) => {
         if (c)
           for (const l of c)
             n.push(l), l.items && l.items.length && s(l.items);
       };
-      s(e), he((c) => {
+      s(e), me((c) => {
         if (!n.find((a) => !!f && String(a.value) === String(f))) {
-          const i = ((S.size ? Array.from(S.values()) : void 0) || c).find((_) => !!f && String(_.value) === String(f));
+          const i = ((v.size ? Array.from(v.values()) : void 0) || c).find((_) => !!f && String(_.value) === String(f));
           if (i) return [i, ...n];
         }
         return n;
       });
     };
-    fe((e) => {
+    he((e) => {
       const n = typeof t == "function" ? t(e) : t;
-      return r(n), v((s) => {
+      return r(n), O((s) => {
         const c = new Map(s), l = Array.isArray(f) ? f : [f];
         for (const a of l) {
           if (!a || c.has(a)) continue;
@@ -53,9 +55,9 @@ function Fe(o) {
         return c;
       }), n;
     });
-  }, [S, f]), [ge, z] = d(0), [P, G] = d(0), F = P < ge;
+  }, [v, f]), [ye, z] = d(0), [k, G] = d(0), F = k < ye;
   Y(() => {
-    N?.length && C(N);
+    N?.length && M(N);
   }, [N]);
   const w = $(0), R = $(null), E = u(() => {
     w.current += 1, R.current?.abort();
@@ -64,48 +66,48 @@ function Fe(o) {
   }, []);
   Y(() => () => R.current?.abort(), []);
   const V = q(() => !!m && !y.length && !h, [h, y.length, m]), B = q(() => !y.length && !h, [h, y.length, m]), I = u((t) => {
-    o.type === "single" && (v((r) => {
+    o.type === "single" && (O((r) => {
       let e = new Map(r);
       const n = e.has(t.value);
       return e.has(t.value) ? e = /* @__PURE__ */ new Map() : e.set(t.value, t), n ? o.onChange?.(void 0) : o.onChange?.(t.value), e;
-    }), x(!1)), o.type === "multi" && v((r) => {
+    }), x(!1)), o.type === "multi" && O((r) => {
       const e = new Map(r);
       return e.has(t.value) ? e.delete(t.value) : e.set(t.value, t), o.onChange?.(Array.from(e.keys())), e;
     });
   }, [o.type, o.onChange]), g = q(() => {
     const t = {
       options: y,
-      setOptions: C,
+      setOptions: M,
       search: m || "",
       setSearch: L,
       onChangeOption: I,
-      open: M,
+      open: C,
       setOpen: x,
       loading: h,
       setLoading: b,
       isEmptyList: B,
       isSearchedEmptyList: V,
       placeholder: T
-    }, r = Array.from(S.values());
-    if (O === "multi")
+    }, r = Array.from(v.values());
+    if (S === "multi")
       return { ...t, type: "multi", selectedOption: r, setSelectedOption: (s) => {
-        v((c) => {
+        O((c) => {
           const l = Array.from(c.values()), a = typeof s == "function" ? s(l) : s;
           return a ? new Map(a.map((i) => [i.value, i])) : /* @__PURE__ */ new Map();
         });
       } };
-    if (O === "single") {
+    if (S === "single") {
       const e = r[0];
       return { ...t, type: "single", selectedOption: e, setSelectedOption: (s) => {
-        v((c) => {
+        O((c) => {
           const [l] = Array.from(c.values()), a = typeof s == "function" ? s(l) : s, i = /* @__PURE__ */ new Map();
           return a && i.set(a.value, a), i;
         });
       } };
     }
-    throw new Error(`Combobox type ${O} is not supported`);
-  }, [T, h, M, y, m, S, B, V, C, I, o.type]);
-  be(o.imperativeRef, () => g, [g]);
+    throw new Error(`Combobox type ${S} is not supported`);
+  }, [T, h, C, y, m, v, B, V, M, I, o.type]);
+  Me(o.imperativeRef, () => g, [g]);
   const D = u(async (t, r) => {
     const e = await p(t, r, g);
     if (!e) throw new Error("Expected loadData to return data");
@@ -117,66 +119,66 @@ function Fe(o) {
       b(!0), A(!1);
       const n = await D({ search: t }, e);
       if (r !== w.current) return;
-      C(n.data), z(n.total), G(n.data.length);
+      M(n.data), z(n.total), G(n.data.length);
     } catch (n) {
       console.error("Unexpected error while get option:", n);
     } finally {
       r === w.current && b(!1);
     }
-  }, [E, D, p]), me = u(async () => {
-    if (!p || !F || h || k) return;
+  }, [E, D, p]), pe = u(async () => {
+    if (!p || !F || h || P) return;
     const { id: t, signal: r } = E();
     try {
       A(!0);
       const e = await D(
-        { search: m, offset: P },
+        { search: m, offset: k },
         r
       );
-      C((n) => [...n, ...e.data]), z(e.total), G((n) => n + e.data.length);
+      M((n) => [...n, ...e.data]), z(e.total), G((n) => n + e.data.length);
     } catch (e) {
       console.error("Unexpected error while load more option:", e);
     } finally {
       t === w.current && A(!1);
     }
-  }, [E, D, F, p, h, k, P, m]), ye = Ae(U, 600, {
+  }, [E, D, F, p, h, P, k, m]), Se = Le(U, 600, {
     leading: !1,
     trailing: !0
-  }), pe = u((t) => {
-    b(!0), L(t), ye(t);
+  }), ve = u((t) => {
+    b(!0), L(t), Se(t);
   }, []), Oe = u(() => {
-    o.onChange(void 0), v(/* @__PURE__ */ new Map()), x(!1);
+    o.onChange(void 0), O(/* @__PURE__ */ new Map()), x(!1);
   }, [o.onChange]), X = u(() => {
     R.current?.abort(), w.current += 1, L(""), b(!1), A(!1);
-  }, []), Se = u(async (t) => {
+  }, []), we = u(async (t) => {
     if (x(t), !t) return X();
     U(), L("");
-  }, [X, U]), ve = u(async () => {
+  }, [X, U]), be = u(async () => {
     if (o.onMount) {
       H(!0);
       try {
-        O === "multi" ? await o.onMount?.(g) : await o.onMount?.(g);
+        S === "multi" ? await o.onMount?.(g) : await o.onMount?.(g);
       } finally {
         H(!1);
       }
     }
   }, [o.onMount, g]);
-  return Me(() => {
-    ve();
-  }, []), /* @__PURE__ */ j("div", { className: "w-full", children: /* @__PURE__ */ we(
-    Ce,
+  return Ae(() => {
+    be();
+  }, []), /* @__PURE__ */ j("div", { className: "w-full", children: /* @__PURE__ */ Ce(
+    xe,
     {
-      open: M,
-      onOpenChange: Se,
+      open: C,
+      onOpenChange: we,
       children: [
         /* @__PURE__ */ j(
-          Le,
+          Ee,
           {
             value: f,
-            type: O,
-            open: M,
-            initialLoading: ue,
-            selectedOptions: S,
-            flattenOptions: de,
+            type: S,
+            open: C,
+            initialLoading: de,
+            selectedOptions: v,
+            flattenOptions: ge,
             onSelect: I,
             onClearSelections: Oe,
             callbackStateParams: g,
@@ -186,19 +188,19 @@ function Fe(o) {
           }
         ),
         /* @__PURE__ */ j(
-          Re,
+          Ie,
           {
-            open: M,
+            open: C,
             value: f,
-            type: O,
+            type: S,
             options: y,
             search: m,
-            onSearch: pe,
+            onSearch: ve,
             onSelect: I,
-            onLoadMore: me,
+            onLoadMore: pe,
             hasNext: F,
             loading: h,
-            loadingMore: k,
+            loadingMore: P,
             isEmptyList: B,
             callbackStateParams: g,
             commandInputAction: Z,
@@ -213,7 +215,9 @@ function Fe(o) {
             defaultNodeDisabled: se,
             defaultNodeMatched: ce,
             defaultNodeMuted: ie,
-            defaultNodeInteractive: le
+            defaultNodeInteractive: le,
+            forcePointerSelect: ue,
+            popoverContainer: fe
           }
         )
       ]
@@ -221,6 +225,6 @@ function Fe(o) {
   ) });
 }
 export {
-  Fe as Combobox
+  Ue as Combobox
 };
 //# sourceMappingURL=Combobox.js.map

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch, JSX,\n  SetStateAction,\n  useCallback,\n  useEffect, useImperativeHandle,\n  useLayoutEffect,\n  useMemo, useRef,\n  useState,\n} from 'react';\nimport { Popover } from '../Popover';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport {\n  ComboboxCallbackStateParams, ComboboxCallbackStateParamsRenderHandler,\n  ComboboxOption,\n  ComboboxProps, ComboboxSelectedType,\n  DEFAULT_COMBOBOX_TYPE, MultiComboboxProps, SingleComboboxProps,\n} from './Combobox.types';\nimport { ComboboxRenderTrigger } from \"./ComboboxRenderTrigger\";\nimport { ComboboxRenderContent } from \"./ComboboxRenderContent\";\n\nexport function Combobox<Data extends object>(props: SingleComboboxProps<Data>): JSX.Element;\nexport function Combobox<Data extends object>(props: MultiComboboxProps<Data>): JSX.Element;\n\nexport function Combobox<Data extends object = object>(\n  props: ComboboxProps<Data, 'single'> | ComboboxProps<Data, 'multi'>\n): JSX.Element {\n  const {\n    value,\n    options: itemOptions,\n    placeholder,\n    disabled,\n    searchLabel,\n    emptyLabel,\n    loadData,\n    renderTrigger,\n    commandInputAction,\n    renderList,\n    listHeadAction,\n    listFooterAction,\n    emptyAction,\n    slotProps,\n    defaultNodeOpen,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n  } = props;\n\n  const type: ComboboxSelectedType = props.type ?? DEFAULT_COMBOBOX_TYPE;\n  type StateSingle = ComboboxCallbackStateParams<Data, 'single'>;\n  type StateMulti = ComboboxCallbackStateParams<Data, 'multi'>;\n  type State = StateSingle | StateMulti;\n\n  const [ initialLoading, setInitialLoading ] = useState(false);\n  const [ loading, setLoading ] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const [ open, setOpen ] = useState(false);\n  const [ searchTerm, setSearchTerm ] = useState('');\n\n  const [ selectedOptions, setSelectedOptions ] = useState<\n    Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>\n  >(new Map());\n\n  const [ options, _setOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const [ flattenOptions, setFlattenOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const setOptions: Dispatch<SetStateAction<ComboboxOption<Data>[]>> = useCallback((stater) => {\n    const flatten = (next: ComboboxOption<Data>[]) => {\n      const res: ComboboxOption<Data>[] = [];\n      const walk = (nodes?: ComboboxOption<Data>[]) => {\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 selectedOption = selectedOptions.size ? Array.from(selectedOptions.values()) : undefined;\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    _setOptions((prev) => {\n      const next: ComboboxOption<Data>[] = typeof stater === 'function' ? stater(prev) : stater;\n      flatten(next);\n      setSelectedOptions(prevSelections => {\n        const nextSelections = new Map(prevSelections);\n        const vls = Array.isArray(value) ? value : [value];\n        for (const v of vls) {\n          if(!v) continue;\n          if(nextSelections.has(v)) continue;\n          const o = next.find(o => String(o.value).toLowerCase() === String(v).toLowerCase());\n          if(!o) continue;\n          nextSelections.set(o.value, o);\n        }\n        return nextSelections;\n      })\n      return next;\n    });\n  }, [ selectedOptions, value ])\n\n  const [total, setTotal] = useState<number>(0);\n  const [offset, setOffset] = useState<number>(0);\n  const hasNext = offset < total;\n\n  useEffect(() => {\n    itemOptions?.length && setOptions(itemOptions);\n  }, [ itemOptions ]);\n\n  const requestIdRef = useRef(0);\n  const abortRef = useRef<AbortController>(null);\n  const beginRequest = useCallback(() => {\n    requestIdRef.current += 1;\n    abortRef.current?.abort();\n    const ac = new AbortController();\n    abortRef.current = ac;\n    return { id: requestIdRef.current, signal: ac.signal };\n  }, []);\n  useEffect(() => {\n    return () => abortRef.current?.abort();\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 onChangeOption = useCallback((option: ComboboxOption<Data>) => {\n    if(props.type === 'single') {\n      setSelectedOptions(prev => {\n        let next = new Map(prev);\n        const isSelected = next.has(option.value);\n\n        if(next.has(option.value)) next = new Map();\n        else next.set(option.value, option);\n\n        if(isSelected) props.onChange?.(undefined);\n        else props.onChange?.(option.value);\n\n        return next;\n      });\n      setOpen(false);\n    }\n\n    if(props.type === 'multi') {\n      setSelectedOptions(prev => {\n        const next = new Map(prev);\n        if(next.has(option.value)) next.delete(option.value);\n        else next.set(option.value, option);\n        props.onChange?.(Array.from(next.keys()));\n        return next;\n      });\n    }\n  }, [props.type, props.onChange]);\n\n  const callbackStateParams = useMemo((): State => {\n    const base = {\n      options,\n      setOptions,\n      search: searchTerm || '',\n      setSearch: setSearchTerm,\n      onChangeOption,\n      open,\n      setOpen,\n      loading,\n      setLoading,\n      isEmptyList,\n      isSearchedEmptyList,\n      placeholder,\n    }\n\n    const selectedOptionArray = Array.from(selectedOptions.values());\n\n    if(type === 'multi') {\n      const selectedOption = selectedOptionArray\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const prevStateArray = Array.from(prevSet.values());\n          const nextStateArray = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data>[]) => ComboboxOption<Data>[])(prevStateArray)\n            : value;\n          if (!nextStateArray) return new Map();\n          return new Map(nextStateArray.map(o => [o.value, o]));\n        });\n      };\n      return { ...base, type: 'multi', selectedOption, setSelectedOption } satisfies StateMulti;\n    }\n\n    if(type === 'single') {\n      const selectedOption = selectedOptionArray[0]\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data> | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const [currentSingle] = Array.from(prevSet.values());\n          const nextValue = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data> | undefined) => ComboboxOption<Data> | undefined)(currentSingle)\n            : value;\n\n          const nextMap = new Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>();\n          if (nextValue) nextMap.set(nextValue.value, nextValue);\n          return nextMap;\n        });\n      };\n      return { ...base, type: 'single', selectedOption, setSelectedOption } satisfies StateSingle;\n    }\n\n    throw new Error(`Combobox type ${type} is not supported`);\n  }, [ placeholder, loading, open, options, searchTerm, selectedOptions, isEmptyList, isSearchedEmptyList, setOptions, onChangeOption, props.type ]);\n  useImperativeHandle(props.imperativeRef, () => callbackStateParams, [callbackStateParams]);\n\n  const fetchData = useCallback(async (\n    params: Parameters<typeof loadData>[0],\n    signal: AbortSignal,\n  ) => {\n    const fetchedData = await loadData(params, signal, callbackStateParams);\n    if (!fetchedData) throw new Error('Expected loadData to return data');\n    return Array.isArray(fetchedData)\n      ? { data: fetchedData, total: fetchedData.length }\n      : fetchedData;\n  }, [loadData, callbackStateParams]);\n\n  const loadFirst = useCallback(async (value: string = '') => {\n    if (!loadData) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoading(true);\n      setLoadingMore(false);\n\n      const result = await fetchData({ search: value }, signal);\n      if (id !== requestIdRef.current) return;\n\n      setOptions(result.data);\n      setTotal(result.total);\n      setOffset(result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while get option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoading(false);\n    }\n  }, [beginRequest, fetchData, loadData]);\n\n  const loadMore = useCallback(async () => {\n    if (!loadData) return;\n    if (!hasNext || loading || loadingMore) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoadingMore(true);\n      const result = await fetchData(\n        { search: searchTerm, offset },\n        signal\n      );\n      setOptions((prev) => [...prev, ...result.data]);\n      setTotal(result.total);\n      setOffset((prev) => prev + result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while load more option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoadingMore(false);\n    }\n  }, [beginRequest, fetchData, hasNext, loadData, loading, loadingMore, offset, searchTerm]);\n\n  const debouncedGetData = useDebounceCallback(loadFirst, 600, {\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 handleClearSelections = useCallback(() => {\n    props.onChange(undefined);\n    setSelectedOptions(new Map());\n    setOpen(false);\n  }, [props.onChange]);\n\n  const handleReset = useCallback(() => {\n    abortRef.current?.abort();\n    requestIdRef.current += 1;\n    setSearchTerm(\"\");\n    setLoading(false);\n    setLoadingMore(false);\n  }, []);\n\n  const handlePopoverOpen = useCallback(async (next: boolean) => {\n    setOpen(next);\n    if(!next) return handleReset();\n    void loadFirst();\n    setSearchTerm('');\n  }, [handleReset, loadFirst]);\n\n  const runOnMount = useCallback(async () => {\n    if (!props.onMount) return;\n    setInitialLoading(true);\n    try {\n      if (type === 'multi') {\n        await (props as MultiComboboxProps<Data>).onMount?.(callbackStateParams as StateMulti);\n      } else {\n        await (props as SingleComboboxProps<Data>).onMount?.(callbackStateParams as StateSingle);\n      }\n    } finally {\n      setInitialLoading(false);\n    }\n  }, [ props.onMount, callbackStateParams ]);\n  useLayoutEffect(() => {\n    runOnMount();\n  }, []);\n\n  return (\n    <div className=\"w-full\">\n      <Popover\n        open={open}\n        onOpenChange={handlePopoverOpen}\n      >\n        <ComboboxRenderTrigger\n          value={value}\n          type={type}\n          open={open}\n          initialLoading={initialLoading}\n          selectedOptions={selectedOptions}\n          flattenOptions={flattenOptions}\n          onSelect={onChangeOption}\n          onClearSelections={handleClearSelections}\n          callbackStateParams={callbackStateParams}\n          renderTrigger={renderTrigger as ComboboxCallbackStateParamsRenderHandler<Data>}\n          placeholder={placeholder}\n          disabled={disabled}\n        />\n\n        <ComboboxRenderContent\n          open={open}\n          value={value}\n          type={type}\n          options={options}\n          search={searchTerm}\n          onSearch={handleSearchChange}\n          onSelect={onChangeOption}\n          onLoadMore={loadMore}\n          hasNext={hasNext}\n          loading={loading}\n          loadingMore={loadingMore}\n          isEmptyList={isEmptyList}\n          callbackStateParams={callbackStateParams}\n          commandInputAction={commandInputAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          renderList={renderList as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listHeadAction={listHeadAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listFooterAction={listFooterAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          emptyAction={emptyAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          slotProps={slotProps}\n          searchLabel={searchLabel}\n          emptyLabel={emptyLabel}\n          defaultNodeOpen={defaultNodeOpen}\n          defaultNodeDisabled={defaultNodeDisabled}\n          defaultNodeMatched={defaultNodeMatched}\n          defaultNodeMuted={defaultNodeMuted}\n          defaultNodeInteractive={defaultNodeInteractive}\n        />\n      </Popover>\n    </div>\n  );\n}\n"],"names":["Combobox","props","value","itemOptions","placeholder","disabled","searchLabel","emptyLabel","loadData","renderTrigger","commandInputAction","renderList","listHeadAction","listFooterAction","emptyAction","slotProps","defaultNodeOpen","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","type","DEFAULT_COMBOBOX_TYPE","initialLoading","setInitialLoading","useState","loading","setLoading","loadingMore","setLoadingMore","open","setOpen","searchTerm","setSearchTerm","selectedOptions","setSelectedOptions","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","o","current","prevSelections","nextSelections","vls","v","total","setTotal","offset","setOffset","hasNext","useEffect","requestIdRef","useRef","abortRef","beginRequest","ac","isSearchedEmptyList","useMemo","isEmptyList","onChangeOption","option","isSelected","callbackStateParams","base","selectedOptionArray","prevSet","prevStateArray","nextStateArray","selectedOption","currentSingle","nextValue","nextMap","useImperativeHandle","fetchData","params","signal","fetchedData","loadFirst","id","result","error","loadMore","debouncedGetData","useDebounceCallback","handleSearchChange","handleClearSelections","handleReset","handlePopoverOpen","runOnMount","useLayoutEffect","jsx","jsxs","Popover","ComboboxRenderTrigger","ComboboxRenderContent"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch, JSX,\n  SetStateAction,\n  useCallback,\n  useEffect, useImperativeHandle,\n  useLayoutEffect,\n  useMemo, useRef,\n  useState,\n} from 'react';\nimport { Popover } from '../Popover';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport {\n  ComboboxCallbackStateParams, ComboboxCallbackStateParamsRenderHandler,\n  ComboboxOption,\n  ComboboxProps, ComboboxSelectedType,\n  DEFAULT_COMBOBOX_TYPE, MultiComboboxProps, SingleComboboxProps,\n} from './Combobox.types';\nimport { ComboboxRenderTrigger } from \"./ComboboxRenderTrigger\";\nimport { ComboboxRenderContent } from \"./ComboboxRenderContent\";\n\nexport function Combobox<Data extends object>(props: SingleComboboxProps<Data>): JSX.Element;\nexport function Combobox<Data extends object>(props: MultiComboboxProps<Data>): JSX.Element;\n\nexport function Combobox<Data extends object = object>(\n  props: ComboboxProps<Data, 'single'> | ComboboxProps<Data, 'multi'>\n): JSX.Element {\n  const {\n    value,\n    options: itemOptions,\n    placeholder,\n    disabled,\n    searchLabel,\n    emptyLabel,\n    loadData,\n    renderTrigger,\n    commandInputAction,\n    renderList,\n    listHeadAction,\n    listFooterAction,\n    emptyAction,\n    slotProps,\n    defaultNodeOpen,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    forcePointerSelect,\n    popoverContainer,\n  } = props;\n\n  const type: ComboboxSelectedType = props.type ?? DEFAULT_COMBOBOX_TYPE;\n  type StateSingle = ComboboxCallbackStateParams<Data, 'single'>;\n  type StateMulti = ComboboxCallbackStateParams<Data, 'multi'>;\n  type State = StateSingle | StateMulti;\n\n  const [ initialLoading, setInitialLoading ] = useState(false);\n  const [ loading, setLoading ] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const [ open, setOpen ] = useState(false);\n  const [ searchTerm, setSearchTerm ] = useState('');\n\n  const [ selectedOptions, setSelectedOptions ] = useState<\n    Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>\n  >(new Map());\n\n  const [ options, _setOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const [ flattenOptions, setFlattenOptions ] = useState<ComboboxOption<Data>[]>([]);\n  const setOptions: Dispatch<SetStateAction<ComboboxOption<Data>[]>> = useCallback((stater) => {\n    const flatten = (next: ComboboxOption<Data>[]) => {\n      const res: ComboboxOption<Data>[] = [];\n      const walk = (nodes?: ComboboxOption<Data>[]) => {\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 selectedOption = selectedOptions.size ? Array.from(selectedOptions.values()) : undefined;\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    _setOptions((prev) => {\n      const next: ComboboxOption<Data>[] = typeof stater === 'function' ? stater(prev) : stater;\n      flatten(next);\n      setSelectedOptions(prevSelections => {\n        const nextSelections = new Map(prevSelections);\n        const vls = Array.isArray(value) ? value : [value];\n        for (const v of vls) {\n          if(!v) continue;\n          if(nextSelections.has(v)) continue;\n          const o = next.find(o => String(o.value).toLowerCase() === String(v).toLowerCase());\n          if(!o) continue;\n          nextSelections.set(o.value, o);\n        }\n        return nextSelections;\n      })\n      return next;\n    });\n  }, [ selectedOptions, value ])\n\n  const [total, setTotal] = useState<number>(0);\n  const [offset, setOffset] = useState<number>(0);\n  const hasNext = offset < total;\n\n  useEffect(() => {\n    itemOptions?.length && setOptions(itemOptions);\n  }, [ itemOptions ]);\n\n  const requestIdRef = useRef(0);\n  const abortRef = useRef<AbortController>(null);\n  const beginRequest = useCallback(() => {\n    requestIdRef.current += 1;\n    abortRef.current?.abort();\n    const ac = new AbortController();\n    abortRef.current = ac;\n    return { id: requestIdRef.current, signal: ac.signal };\n  }, []);\n  useEffect(() => {\n    return () => abortRef.current?.abort();\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 onChangeOption = useCallback((option: ComboboxOption<Data>) => {\n    if(props.type === 'single') {\n      setSelectedOptions(prev => {\n        let next = new Map(prev);\n        const isSelected = next.has(option.value);\n\n        if(next.has(option.value)) next = new Map();\n        else next.set(option.value, option);\n\n        if(isSelected) props.onChange?.(undefined);\n        else props.onChange?.(option.value);\n\n        return next;\n      });\n      setOpen(false);\n    }\n\n    if(props.type === 'multi') {\n      setSelectedOptions(prev => {\n        const next = new Map(prev);\n        if(next.has(option.value)) next.delete(option.value);\n        else next.set(option.value, option);\n        props.onChange?.(Array.from(next.keys()));\n        return next;\n      });\n    }\n  }, [props.type, props.onChange]);\n\n  const callbackStateParams = useMemo((): State => {\n    const base = {\n      options,\n      setOptions,\n      search: searchTerm || '',\n      setSearch: setSearchTerm,\n      onChangeOption,\n      open,\n      setOpen,\n      loading,\n      setLoading,\n      isEmptyList,\n      isSearchedEmptyList,\n      placeholder,\n    }\n\n    const selectedOptionArray = Array.from(selectedOptions.values());\n\n    if(type === 'multi') {\n      const selectedOption = selectedOptionArray\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const prevStateArray = Array.from(prevSet.values());\n          const nextStateArray = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data>[]) => ComboboxOption<Data>[])(prevStateArray)\n            : value;\n          if (!nextStateArray) return new Map();\n          return new Map(nextStateArray.map(o => [o.value, o]));\n        });\n      };\n      return { ...base, type: 'multi', selectedOption, setSelectedOption } satisfies StateMulti;\n    }\n\n    if(type === 'single') {\n      const selectedOption = selectedOptionArray[0]\n      const setSelectedOption: Dispatch<SetStateAction<ComboboxOption<Data> | undefined>> = (value) => {\n        setSelectedOptions((prevSet) => {\n          const [currentSingle] = Array.from(prevSet.values());\n          const nextValue = typeof value === 'function'\n            ? (value as (prev: ComboboxOption<Data> | undefined) => ComboboxOption<Data> | undefined)(currentSingle)\n            : value;\n\n          const nextMap = new Map<ComboboxOption<Data>['value'], ComboboxOption<Data>>();\n          if (nextValue) nextMap.set(nextValue.value, nextValue);\n          return nextMap;\n        });\n      };\n      return { ...base, type: 'single', selectedOption, setSelectedOption } satisfies StateSingle;\n    }\n\n    throw new Error(`Combobox type ${type} is not supported`);\n  }, [ placeholder, loading, open, options, searchTerm, selectedOptions, isEmptyList, isSearchedEmptyList, setOptions, onChangeOption, props.type ]);\n  useImperativeHandle(props.imperativeRef, () => callbackStateParams, [callbackStateParams]);\n\n  const fetchData = useCallback(async (\n    params: Parameters<typeof loadData>[0],\n    signal: AbortSignal,\n  ) => {\n    const fetchedData = await loadData(params, signal, callbackStateParams);\n    if (!fetchedData) throw new Error('Expected loadData to return data');\n    return Array.isArray(fetchedData)\n      ? { data: fetchedData, total: fetchedData.length }\n      : fetchedData;\n  }, [loadData, callbackStateParams]);\n\n  const loadFirst = useCallback(async (value: string = '') => {\n    if (!loadData) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoading(true);\n      setLoadingMore(false);\n\n      const result = await fetchData({ search: value }, signal);\n      if (id !== requestIdRef.current) return;\n\n      setOptions(result.data);\n      setTotal(result.total);\n      setOffset(result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while get option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoading(false);\n    }\n  }, [beginRequest, fetchData, loadData]);\n\n  const loadMore = useCallback(async () => {\n    if (!loadData) return;\n    if (!hasNext || loading || loadingMore) return;\n    const { id, signal } = beginRequest();\n    try {\n      setLoadingMore(true);\n      const result = await fetchData(\n        { search: searchTerm, offset },\n        signal\n      );\n      setOptions((prev) => [...prev, ...result.data]);\n      setTotal(result.total);\n      setOffset((prev) => prev + result.data.length);\n    } catch (error) {\n      console.error('Unexpected error while load more option:', error);\n    } finally {\n      if (id === requestIdRef.current) setLoadingMore(false);\n    }\n  }, [beginRequest, fetchData, hasNext, loadData, loading, loadingMore, offset, searchTerm]);\n\n  const debouncedGetData = useDebounceCallback(loadFirst, 600, {\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 handleClearSelections = useCallback(() => {\n    props.onChange(undefined);\n    setSelectedOptions(new Map());\n    setOpen(false);\n  }, [props.onChange]);\n\n  const handleReset = useCallback(() => {\n    abortRef.current?.abort();\n    requestIdRef.current += 1;\n    setSearchTerm(\"\");\n    setLoading(false);\n    setLoadingMore(false);\n  }, []);\n\n  const handlePopoverOpen = useCallback(async (next: boolean) => {\n    setOpen(next);\n    if(!next) return handleReset();\n    void loadFirst();\n    setSearchTerm('');\n  }, [handleReset, loadFirst]);\n\n  const runOnMount = useCallback(async () => {\n    if (!props.onMount) return;\n    setInitialLoading(true);\n    try {\n      if (type === 'multi') {\n        await (props as MultiComboboxProps<Data>).onMount?.(callbackStateParams as StateMulti);\n      } else {\n        await (props as SingleComboboxProps<Data>).onMount?.(callbackStateParams as StateSingle);\n      }\n    } finally {\n      setInitialLoading(false);\n    }\n  }, [ props.onMount, callbackStateParams ]);\n  useLayoutEffect(() => {\n    runOnMount();\n  }, []);\n\n  return (\n    <div className=\"w-full\">\n      <Popover\n        open={open}\n        onOpenChange={handlePopoverOpen}\n      >\n        <ComboboxRenderTrigger\n          value={value}\n          type={type}\n          open={open}\n          initialLoading={initialLoading}\n          selectedOptions={selectedOptions}\n          flattenOptions={flattenOptions}\n          onSelect={onChangeOption}\n          onClearSelections={handleClearSelections}\n          callbackStateParams={callbackStateParams}\n          renderTrigger={renderTrigger as ComboboxCallbackStateParamsRenderHandler<Data>}\n          placeholder={placeholder}\n          disabled={disabled}\n        />\n\n        <ComboboxRenderContent\n          open={open}\n          value={value}\n          type={type}\n          options={options}\n          search={searchTerm}\n          onSearch={handleSearchChange}\n          onSelect={onChangeOption}\n          onLoadMore={loadMore}\n          hasNext={hasNext}\n          loading={loading}\n          loadingMore={loadingMore}\n          isEmptyList={isEmptyList}\n          callbackStateParams={callbackStateParams}\n          commandInputAction={commandInputAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          renderList={renderList as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listHeadAction={listHeadAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          listFooterAction={listFooterAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          emptyAction={emptyAction as ComboboxCallbackStateParamsRenderHandler<Data>}\n          slotProps={slotProps}\n          searchLabel={searchLabel}\n          emptyLabel={emptyLabel}\n          defaultNodeOpen={defaultNodeOpen}\n          defaultNodeDisabled={defaultNodeDisabled}\n          defaultNodeMatched={defaultNodeMatched}\n          defaultNodeMuted={defaultNodeMuted}\n          defaultNodeInteractive={defaultNodeInteractive}\n          forcePointerSelect={forcePointerSelect}\n          popoverContainer={popoverContainer}\n        />\n      </Popover>\n    </div>\n  );\n}\n"],"names":["Combobox","props","value","itemOptions","placeholder","disabled","searchLabel","emptyLabel","loadData","renderTrigger","commandInputAction","renderList","listHeadAction","listFooterAction","emptyAction","slotProps","defaultNodeOpen","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","forcePointerSelect","popoverContainer","type","DEFAULT_COMBOBOX_TYPE","initialLoading","setInitialLoading","useState","loading","setLoading","loadingMore","setLoadingMore","open","setOpen","searchTerm","setSearchTerm","selectedOptions","setSelectedOptions","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","o","current","prevSelections","nextSelections","vls","v","total","setTotal","offset","setOffset","hasNext","useEffect","requestIdRef","useRef","abortRef","beginRequest","ac","isSearchedEmptyList","useMemo","isEmptyList","onChangeOption","option","isSelected","callbackStateParams","base","selectedOptionArray","prevSet","prevStateArray","nextStateArray","selectedOption","currentSingle","nextValue","nextMap","useImperativeHandle","fetchData","params","signal","fetchedData","loadFirst","id","result","error","loadMore","debouncedGetData","useDebounceCallback","handleSearchChange","handleClearSelections","handleReset","handlePopoverOpen","runOnMount","useLayoutEffect","jsx","jsxs","Popover","ComboboxRenderTrigger","ComboboxRenderContent"],"mappings":"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"}

package/Combobox/Combobox.types.d.ts

@@ -37,6 +37,8 @@ export interface IComboboxOptionsNodeHandlersProps<Data extends object = object>
     defaultNodeMatched?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);
     defaultNodeMuted?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);
     defaultNodeInteractive?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);
+    /** Use onPointerUp instead of cmdk onSelect. Fixes selection inside modal Dialog. */
+    forcePointerSelect?: boolean;
 }
 export interface IComboboxOptionsNodeProps<Data extends object = object> extends IComboboxOptionsNodeHandlersProps<Data> {
     type: ComboboxSelectedType;
@@ -86,6 +88,8 @@ export interface ComboboxBaseProps<Data extends object = object, T extends Combo
     listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;
     /** Callback for load data on start component */
     onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;
+    /** Container element for Popover portal. Use to render inside modal Dialog. */
+    popoverContainer?: HTMLElement | null;
     renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;
     renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;
     slotProps?: ISlotProps;

package/Combobox/Combobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}

package/Combobox/Combobox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.js","sources":["../../src/Combobox/Combobox.types.ts"],"sourcesContent":["import { Dispatch, HTMLAttributes, ReactNode, Ref, SetStateAction } from 'react';\n\nexport type ComboboxValueType = string | string[];\nexport type ComboboxSelectedType = 'single' | 'multi';\n\nexport const DEFAULT_COMBOBOX_TYPE: ComboboxSelectedType = 'single';\n\nexport interface ComboboxOption<Data extends object = object> {\n  value: string;\n  label: string;\n  node?: Data;\n  // tree only\n  items?: ComboboxOption<Data>[];\n  path?: string[];\n  parent?: string;\n  level?: number;\n  matched?: boolean;\n}\n\nexport interface ComboboxCallbackStateParams<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> {\n  options: ComboboxOption<Data>[];\n  setOptions:  Dispatch<SetStateAction<ComboboxOption<Data>[]>>\n  search: string;\n  setSearch:  Dispatch<SetStateAction<string>>\n  onChangeOption: (option: ComboboxOption<Data>) => void;\n  open: boolean,\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  loading: boolean;\n  setLoading: Dispatch<SetStateAction<boolean>>;\n  isEmptyList: boolean;\n  isSearchedEmptyList: boolean;\n  placeholder?: string;\n\n  type: T;\n  selectedOption: T extends 'single'\n    ? ComboboxOption<Data> | undefined\n    : ComboboxOption<Data>[];\n  setSelectedOption: T extends 'single'\n    ? Dispatch<SetStateAction<ComboboxOption<Data> | undefined>>\n    : Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>>;\n}\n\nexport type ComboboxCallbackStateParamsUnion<Data extends object = object> = ComboboxCallbackStateParams<Data, 'single'>  | ComboboxCallbackStateParams<Data, 'multi'>\nexport type ComboboxCallbackStateParamsRenderHandler<Data extends object = object> = (params:ComboboxCallbackStateParamsUnion<Data>) => ReactNode\n\nexport interface IComboboxOptionsNodeHandlersProps<Data extends object = object> {\n  defaultNodeOpen?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeDisabled?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMatched?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMuted?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeInteractive?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n}\n\nexport interface IComboboxOptionsNodeProps<Data extends object = object>\n  extends IComboboxOptionsNodeHandlersProps<Data> {\n  type: ComboboxSelectedType,\n  search?: string;\n  value?: ComboboxValueType;\n  option: ComboboxOption<Data>;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n  deep?: number;\n}\n\nexport interface IComboboxOptionsProps<Data extends object = object>\n  extends Omit<IComboboxOptionsNodeProps<Data>, 'option'>, IComboboxOptionsNodeHandlersProps<Data> {\n  options?: ComboboxOption<Data>[];\n}\n\ninterface IListActionProps extends HTMLAttributes<HTMLDivElement> {\n  bordered?: boolean;\n}\nexport interface ISlotProps {\n  listFooterAction?: IListActionProps\n}\n\ntype ComboboxLoadDataParams = { search?: string; offset?: number; }\ntype ComboboxLoadDataResult<Data extends object = object> = { data: ComboboxOption<Data>[]; total: number; }\ntype ComboboxLoadDataReturn<Data extends object = object> = ComboboxOption<Data>[] | ComboboxLoadDataResult<Data>;\ntype ComboboxLoadData<Data extends object = object> = (\n  params: ComboboxLoadDataParams,\n  signal: AbortSignal,\n  controller: ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>\n) => Promise<ComboboxLoadDataReturn<Data>>;\n\nexport interface ComboboxBaseProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> extends IComboboxOptionsNodeHandlersProps {\n  type?: T;\n  imperativeRef?: Ref<\n    ComboboxCallbackStateParams<Data, 'single'>\n    | ComboboxCallbackStateParams<Data, 'multi'>\n    | null\n  >;\n  placeholder?: string;\n  searchLabel?: string;\n  disabled?: boolean;\n  /** Callback for load data on search debounce */\n  loadData: ComboboxLoadData<Data>;\n  options?: ComboboxOption<Data>[];\n  /** Command Empty list label*/\n  emptyLabel?: string;\n  /** Command Empty list action */\n  emptyAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command Input footer action */\n  commandInputAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List first element action */\n  listHeadAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List footer element action */\n  listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Callback for load data on start component */\n  onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;\n\n  renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n  renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n\n  slotProps?: ISlotProps;\n}\n\nexport interface SingleComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'single'> {\n  type?: 'single';\n  value?: string;\n  onChange: (value: string | undefined) => void;\n}\nexport interface MultiComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'multi'> {\n  type: 'multi';\n  value?: string[];\n  onChange: (value: string[] | undefined) => void;\n}\n\nexport type ComboboxProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> = T extends 'single'\n  ? SingleComboboxProps<Data>\n  : MultiComboboxProps<Data>;\n"],"names":["DEFAULT_COMBOBOX_TYPE"],"mappings":"AAKO,MAAMA,IAA8C;"}
+{"version":3,"file":"Combobox.types.js","sources":["../../src/Combobox/Combobox.types.ts"],"sourcesContent":["import { Dispatch, HTMLAttributes, ReactNode, Ref, SetStateAction } from 'react';\n\nexport type ComboboxValueType = string | string[];\nexport type ComboboxSelectedType = 'single' | 'multi';\n\nexport const DEFAULT_COMBOBOX_TYPE: ComboboxSelectedType = 'single';\n\nexport interface ComboboxOption<Data extends object = object> {\n  value: string;\n  label: string;\n  node?: Data;\n  // tree only\n  items?: ComboboxOption<Data>[];\n  path?: string[];\n  parent?: string;\n  level?: number;\n  matched?: boolean;\n}\n\nexport interface ComboboxCallbackStateParams<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> {\n  options: ComboboxOption<Data>[];\n  setOptions:  Dispatch<SetStateAction<ComboboxOption<Data>[]>>\n  search: string;\n  setSearch:  Dispatch<SetStateAction<string>>\n  onChangeOption: (option: ComboboxOption<Data>) => void;\n  open: boolean,\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  loading: boolean;\n  setLoading: Dispatch<SetStateAction<boolean>>;\n  isEmptyList: boolean;\n  isSearchedEmptyList: boolean;\n  placeholder?: string;\n\n  type: T;\n  selectedOption: T extends 'single'\n    ? ComboboxOption<Data> | undefined\n    : ComboboxOption<Data>[];\n  setSelectedOption: T extends 'single'\n    ? Dispatch<SetStateAction<ComboboxOption<Data> | undefined>>\n    : Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>>;\n}\n\nexport type ComboboxCallbackStateParamsUnion<Data extends object = object> = ComboboxCallbackStateParams<Data, 'single'>  | ComboboxCallbackStateParams<Data, 'multi'>\nexport type ComboboxCallbackStateParamsRenderHandler<Data extends object = object> = (params:ComboboxCallbackStateParamsUnion<Data>) => ReactNode\n\nexport interface IComboboxOptionsNodeHandlersProps<Data extends object = object> {\n  defaultNodeOpen?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeDisabled?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMatched?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeMuted?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  defaultNodeInteractive?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);\n  /** Use onPointerUp instead of cmdk onSelect. Fixes selection inside modal Dialog. */\n  forcePointerSelect?: boolean;\n}\n\nexport interface IComboboxOptionsNodeProps<Data extends object = object>\n  extends IComboboxOptionsNodeHandlersProps<Data> {\n  type: ComboboxSelectedType,\n  search?: string;\n  value?: ComboboxValueType;\n  option: ComboboxOption<Data>;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n  deep?: number;\n}\n\nexport interface IComboboxOptionsProps<Data extends object = object>\n  extends Omit<IComboboxOptionsNodeProps<Data>, 'option'>, IComboboxOptionsNodeHandlersProps<Data> {\n  options?: ComboboxOption<Data>[];\n}\n\ninterface IListActionProps extends HTMLAttributes<HTMLDivElement> {\n  bordered?: boolean;\n}\nexport interface ISlotProps {\n  listFooterAction?: IListActionProps\n}\n\ntype ComboboxLoadDataParams = { search?: string; offset?: number; }\ntype ComboboxLoadDataResult<Data extends object = object> = { data: ComboboxOption<Data>[]; total: number; }\ntype ComboboxLoadDataReturn<Data extends object = object> = ComboboxOption<Data>[] | ComboboxLoadDataResult<Data>;\ntype ComboboxLoadData<Data extends object = object> = (\n  params: ComboboxLoadDataParams,\n  signal: AbortSignal,\n  controller: ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>\n) => Promise<ComboboxLoadDataReturn<Data>>;\n\nexport interface ComboboxBaseProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> extends IComboboxOptionsNodeHandlersProps {\n  type?: T;\n  imperativeRef?: Ref<\n    ComboboxCallbackStateParams<Data, 'single'>\n    | ComboboxCallbackStateParams<Data, 'multi'>\n    | null\n  >;\n  placeholder?: string;\n  searchLabel?: string;\n  disabled?: boolean;\n  /** Callback for load data on search debounce */\n  loadData: ComboboxLoadData<Data>;\n  options?: ComboboxOption<Data>[];\n  /** Command Empty list label*/\n  emptyLabel?: string;\n  /** Command Empty list action */\n  emptyAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command Input footer action */\n  commandInputAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List first element action */\n  listHeadAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Command List footer element action */\n  listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;\n  /** Callback for load data on start component */\n  onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;\n\n  /** Container element for Popover portal. Use to render inside modal Dialog. */\n  popoverContainer?: HTMLElement | null;\n\n  renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n  renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;\n\n  slotProps?: ISlotProps;\n}\n\nexport interface SingleComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'single'> {\n  type?: 'single';\n  value?: string;\n  onChange: (value: string | undefined) => void;\n}\nexport interface MultiComboboxProps<Data extends object = object>\n  extends ComboboxBaseProps<Data, 'multi'> {\n  type: 'multi';\n  value?: string[];\n  onChange: (value: string[] | undefined) => void;\n}\n\nexport type ComboboxProps<\n  Data extends object = object,\n  T extends ComboboxSelectedType = 'single'\n> = T extends 'single'\n  ? SingleComboboxProps<Data>\n  : MultiComboboxProps<Data>;\n"],"names":["DEFAULT_COMBOBOX_TYPE"],"mappings":"AAKO,MAAMA,IAA8C;"}

package/Combobox/ComboboxOptionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAyB,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAcpF,eAAO,MAAM,kBAAkB,GAAI,IAAI,SAAS,MAAM,EACpD,OAAO,iBAAiB,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAuHF,CAAA"}
+{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAyB,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAcpF,eAAO,MAAM,kBAAkB,GAAI,IAAI,SAAS,MAAM,EACpD,OAAO,iBAAiB,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CA2HF,CAAA"}

package/Combobox/ComboboxOptionItem.js

@@ -1,53 +1,55 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { CommandItem as y } from "../Command/Command.js";
-import { DEFAULT_COMBOBOX_TYPE as b } from "./Combobox.types.js";
-import { ChevronRightIcon as g, CheckIcon as N } from "lucide-react";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { CommandItem as g } from "../Command/Command.js";
+import { DEFAULT_COMBOBOX_TYPE as N } from "./Combobox.types.js";
+import { ChevronRightIcon as x, CheckIcon as D } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
-import { Checkbox as x } from "../Checkbox/Checkbox.js";
-import { ButtonIcon as D } from "../ButtonIcon/ButtonIcon.js";
+import { Checkbox as k } from "../Checkbox/Checkbox.js";
+import { ButtonIcon as C } from "../ButtonIcon/ButtonIcon.js";
 import "../ButtonIcon/buttonIconVariants.js";
-const k = 24, C = 8, E = (i) => i ? Math.max(i - 1, 0) * k - C : 0, B = (i) => {
+const E = 24, P = 8, I = (i) => i ? Math.max(i - 1, 0) * E - P : 0, L = (i) => {
   const {
-    type: c = b,
-    expanded: m,
+    type: s = N,
+    expanded: h,
     option: e,
-    onSelect: v,
+    onSelect: y,
     value: l = "",
     deep: t = 0,
-    onCollapseToggle: s,
+    onCollapseToggle: c,
     defaultNodeDisabled: p,
     defaultNodeMatched: d,
-    defaultNodeMuted: u,
-    defaultNodeInteractive: o
-  } = i, f = Array.isArray(l) ? l.includes(e.value) : l === e.value;
-  return /* @__PURE__ */ h(
-    y,
+    defaultNodeMuted: f,
+    defaultNodeInteractive: o,
+    forcePointerSelect: u
+  } = i, m = Array.isArray(l) ? l.includes(e.value) : l === e.value, v = () => {
+    if (!(typeof o == "function" ? o(e, t) : o ?? !0)) return c?.();
+    y?.(e);
+  };
+  return /* @__PURE__ */ b(
+    g,
     {
       value: e.value,
       "data-matched": e.matched ?? !0,
-      onSelect: () => {
-        if (!(typeof o == "function" ? o(e, t) : o ?? !0)) return s?.();
-        v?.(e);
-      },
-      onClick: (a) => {
-        (typeof o == "function" ? o(e, t) : o ?? !0) || (a?.preventDefault(), a?.stopPropagation());
+      onSelect: u ? void 0 : v,
+      onPointerUp: u ? v : void 0,
+      onClick: (n) => {
+        (typeof o == "function" ? o(e, t) : o ?? !0) || (n?.preventDefault(), n?.stopPropagation());
       },
       className: r("py-0 gap-0", t && "pl-0"),
       style: {
-        "--deep-space": `${E(t)}px`
+        "--deep-space": `${I(t)}px`
       },
       disabled: typeof p == "function" ? p(e, t) : p ?? !1,
       children: [
-        !!t && /* @__PURE__ */ n(
+        !!t && /* @__PURE__ */ a(
           "div",
           {
             style: { paddingLeft: "var(--deep-space)" },
             className: "relative box-border min-w-10 h-10",
-            onClick: (a) => {
-              s && (a?.preventDefault(), a?.stopPropagation(), s?.());
+            onClick: (n) => {
+              c && (n?.preventDefault(), n?.stopPropagation(), c?.());
             },
-            children: /* @__PURE__ */ n("div", { className: "w-10 aspect-square shrink-0", children: s && /* @__PURE__ */ n(
-              D,
+            children: /* @__PURE__ */ a("div", { className: "w-10 aspect-square shrink-0", children: c && /* @__PURE__ */ a(
+              C,
               {
                 type: "button",
                 variant: "ghost",
@@ -55,14 +57,14 @@ const k = 24, C = 8, E = (i) => i ? Math.max(i - 1, 0) * k - C : 0, B = (i) => {
                 className: r(
                   "bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent"
                 ),
-                icon: /* @__PURE__ */ n(
-                  g,
+                icon: /* @__PURE__ */ a(
+                  x,
                   {
                     strokeWidth: 2,
                     className: r(
                       "text-[#06080D]",
                       "transition-transform duration-200",
-                      m && "rotate-90"
+                      h && "rotate-90"
                     )
                   }
                 )
@@ -70,25 +72,25 @@ const k = 24, C = 8, E = (i) => i ? Math.max(i - 1, 0) * k - C : 0, B = (i) => {
             ) })
           }
         ),
-        c === "multi" && /* @__PURE__ */ n(x, { checked: f, className: "mr-2 shrink-0" }),
-        /* @__PURE__ */ n(
+        s === "multi" && /* @__PURE__ */ a(k, { checked: m, className: "mr-2 shrink-0" }),
+        /* @__PURE__ */ a(
           "span",
           {
             className: r(
               "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2 grow",
               (typeof d == "function" ? d(e, t) : d ?? !1) && "font-bold",
-              (typeof u == "function" ? u(e, t) : u ?? !1) && "opacity-60",
+              (typeof f == "function" ? f(e, t) : f ?? !1) && "opacity-60",
               !(typeof o == "function" ? o(e, t) : o ?? !0) && "pointer-events-none"
             ),
             children: e.label
           }
         ),
-        c === "single" && /* @__PURE__ */ n(
-          N,
+        s === "single" && /* @__PURE__ */ a(
+          D,
           {
             className: r(
               "ml-2 shrink-0",
-              f ? "opacity-100" : "opacity-0"
+              m ? "opacity-100" : "opacity-0"
             )
           }
         )
@@ -98,6 +100,6 @@ const k = 24, C = 8, E = (i) => i ? Math.max(i - 1, 0) * k - C : 0, B = (i) => {
   );
 };
 export {
-  B as ComboboxOptionItem
+  L as ComboboxOptionItem
 };
 //# sourceMappingURL=ComboboxOptionItem.js.map

package/Combobox/ComboboxOptionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { CSSProperties, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { DEFAULT_COMBOBOX_TYPE, IComboboxOptionsNodeProps } from './Combobox.types';\nimport { CheckIcon, ChevronRightIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\nimport { Checkbox } from \"../Checkbox\";\nimport { ButtonIcon } from \"../ButtonIcon\";\n\nconst DEEP_OFFSET = 24;\nconst DEEP_PADDING_DELTA = 8;\nconst calcDeepSpace = (deep: number) => {\n  if(!deep) return 0;\n  const space = Math.max(deep - 1, 0) * DEEP_OFFSET;\n  return space - DEEP_PADDING_DELTA;\n}\n\nexport const ComboboxOptionItem = <Data extends object>(\n  props: PropsWithChildren<IComboboxOptionsNodeProps<Data>> & {\n    onCollapseToggle?: () => void;\n    expanded?: boolean;\n  }\n) => {\n  const {\n    type = DEFAULT_COMBOBOX_TYPE,\n    expanded,\n    option,\n    onSelect,\n    value = '',\n    deep = 0,\n    onCollapseToggle,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n  } = props;\n\n  const isSelected = Array.isArray(value)\n    ? value.includes(option.value)\n    : value === option.value;\n\n  return (\n    <CommandItem\n      key={option.value}\n      value={option.value}\n      data-matched={option.matched ?? true}\n      onSelect={() => {\n        const interactive = typeof defaultNodeInteractive === \"function\"\n          ? defaultNodeInteractive(option, deep)\n          : defaultNodeInteractive ?? true\n        if(!interactive) return onCollapseToggle?.();\n        onSelect?.(option);\n      }}\n      onClick={(e) => {\n        const interactive = typeof defaultNodeInteractive === \"function\"\n          ? defaultNodeInteractive(option, deep)\n          : defaultNodeInteractive ?? true\n\n        if(!interactive) {\n          e?.preventDefault();\n          e?.stopPropagation();\n        }\n      }}\n      className={cn('py-0 gap-0', deep && 'pl-0')}\n      style={{\n        '--deep-space': `${calcDeepSpace(deep)}px`,\n      } as CSSProperties}\n      disabled={typeof defaultNodeDisabled === \"function\"\n        ? defaultNodeDisabled(option, deep)\n        : defaultNodeDisabled ?? false}\n    >\n      {!!deep && (\n        <div\n          style={{ paddingLeft: 'var(--deep-space)' }}\n          className='relative box-border min-w-10 h-10'\n          onClick={(e) => {\n            if(!onCollapseToggle) return;\n            e?.preventDefault();\n            e?.stopPropagation();\n            onCollapseToggle?.();\n          }}\n        >\n          <div className='w-10 aspect-square shrink-0'>\n            {onCollapseToggle && (\n              <ButtonIcon\n                type=\"button\"\n                variant=\"ghost\"\n                color='secondary'\n                className={cn(\n                  'bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent'\n                )}\n                icon={(\n                  <ChevronRightIcon\n                    strokeWidth={2}\n                    className={cn(\n                      'text-[#06080D]',\n                      'transition-transform duration-200',\n                      expanded && 'rotate-90',\n                    )}\n                  />\n                )}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      {type === 'multi' && <Checkbox checked={isSelected} className='mr-2 shrink-0'/>}\n      <span\n        className={cn(\n          'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2 grow',\n          (() => {\n          return typeof defaultNodeMatched === \"function\"\n            ? defaultNodeMatched(option, deep)\n            : defaultNodeMatched ?? false\n          })() && 'font-bold',\n          (() => {\n            return typeof defaultNodeMuted === \"function\"\n              ? defaultNodeMuted(option, deep)\n              : defaultNodeMuted ?? false\n          })() && 'opacity-60',\n          (() => {\n            const res = typeof defaultNodeInteractive === \"function\"\n              ? defaultNodeInteractive(option, deep)\n              : defaultNodeInteractive ?? true\n            return !res;\n          })() && 'pointer-events-none',\n        )}\n      >\n        {option.label}\n      </span>\n      {type === 'single' && (\n        <CheckIcon\n          className={cn(\n            'ml-2 shrink-0',\n            isSelected ? 'opacity-100' : 'opacity-0'\n          )}\n        />\n      )}\n    </CommandItem>\n  );\n}\n"],"names":["DEEP_OFFSET","DEEP_PADDING_DELTA","calcDeepSpace","deep","ComboboxOptionItem","props","type","DEFAULT_COMBOBOX_TYPE","expanded","option","onSelect","value","onCollapseToggle","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","isSelected","jsxs","CommandItem","e","cn","jsx","ButtonIcon","ChevronRightIcon","Checkbox","CheckIcon"],"mappings":"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"}
+{"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { CSSProperties, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { DEFAULT_COMBOBOX_TYPE, IComboboxOptionsNodeProps } from './Combobox.types';\nimport { CheckIcon, ChevronRightIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\nimport { Checkbox } from \"../Checkbox\";\nimport { ButtonIcon } from \"../ButtonIcon\";\n\nconst DEEP_OFFSET = 24;\nconst DEEP_PADDING_DELTA = 8;\nconst calcDeepSpace = (deep: number) => {\n  if(!deep) return 0;\n  const space = Math.max(deep - 1, 0) * DEEP_OFFSET;\n  return space - DEEP_PADDING_DELTA;\n}\n\nexport const ComboboxOptionItem = <Data extends object>(\n  props: PropsWithChildren<IComboboxOptionsNodeProps<Data>> & {\n    onCollapseToggle?: () => void;\n    expanded?: boolean;\n  }\n) => {\n  const {\n    type = DEFAULT_COMBOBOX_TYPE,\n    expanded,\n    option,\n    onSelect,\n    value = '',\n    deep = 0,\n    onCollapseToggle,\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    forcePointerSelect,\n  } = props;\n\n  const isSelected = Array.isArray(value)\n    ? value.includes(option.value)\n    : value === option.value;\n\n  const handleSelect = () => {\n    const interactive = typeof defaultNodeInteractive === \"function\"\n      ? defaultNodeInteractive(option, deep)\n      : defaultNodeInteractive ?? true;\n    if (!interactive) return onCollapseToggle?.();\n    onSelect?.(option);\n  };\n\n  return (\n    <CommandItem\n      key={option.value}\n      value={option.value}\n      data-matched={option.matched ?? true}\n      onSelect={forcePointerSelect ? undefined : handleSelect}\n      onPointerUp={forcePointerSelect ? handleSelect : undefined}\n      onClick={(e) => {\n        const interactive = typeof defaultNodeInteractive === \"function\"\n          ? defaultNodeInteractive(option, deep)\n          : defaultNodeInteractive ?? true\n\n        if(!interactive) {\n          e?.preventDefault();\n          e?.stopPropagation();\n        }\n      }}\n      className={cn('py-0 gap-0', deep && 'pl-0')}\n      style={{\n        '--deep-space': `${calcDeepSpace(deep)}px`,\n      } as CSSProperties}\n      disabled={typeof defaultNodeDisabled === \"function\"\n        ? defaultNodeDisabled(option, deep)\n        : defaultNodeDisabled ?? false}\n    >\n      {!!deep && (\n        <div\n          style={{ paddingLeft: 'var(--deep-space)' }}\n          className='relative box-border min-w-10 h-10'\n          onClick={(e) => {\n            if(!onCollapseToggle) return;\n            e?.preventDefault();\n            e?.stopPropagation();\n            onCollapseToggle?.();\n          }}\n        >\n          <div className='w-10 aspect-square shrink-0'>\n            {onCollapseToggle && (\n              <ButtonIcon\n                type=\"button\"\n                variant=\"ghost\"\n                color='secondary'\n                className={cn(\n                  'bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent'\n                )}\n                icon={(\n                  <ChevronRightIcon\n                    strokeWidth={2}\n                    className={cn(\n                      'text-[#06080D]',\n                      'transition-transform duration-200',\n                      expanded && 'rotate-90',\n                    )}\n                  />\n                )}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      {type === 'multi' && <Checkbox checked={isSelected} className='mr-2 shrink-0'/>}\n      <span\n        className={cn(\n          'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2 grow',\n          (() => {\n          return typeof defaultNodeMatched === \"function\"\n            ? defaultNodeMatched(option, deep)\n            : defaultNodeMatched ?? false\n          })() && 'font-bold',\n          (() => {\n            return typeof defaultNodeMuted === \"function\"\n              ? defaultNodeMuted(option, deep)\n              : defaultNodeMuted ?? false\n          })() && 'opacity-60',\n          (() => {\n            const res = typeof defaultNodeInteractive === \"function\"\n              ? defaultNodeInteractive(option, deep)\n              : defaultNodeInteractive ?? true\n            return !res;\n          })() && 'pointer-events-none',\n        )}\n      >\n        {option.label}\n      </span>\n      {type === 'single' && (\n        <CheckIcon\n          className={cn(\n            'ml-2 shrink-0',\n            isSelected ? 'opacity-100' : 'opacity-0'\n          )}\n        />\n      )}\n    </CommandItem>\n  );\n}\n"],"names":["DEEP_OFFSET","DEEP_PADDING_DELTA","calcDeepSpace","deep","ComboboxOptionItem","props","type","DEFAULT_COMBOBOX_TYPE","expanded","option","onSelect","value","onCollapseToggle","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","forcePointerSelect","isSelected","handleSelect","jsxs","CommandItem","e","cn","jsx","ButtonIcon","ChevronRightIcon","Checkbox","CheckIcon"],"mappings":"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"}

package/Combobox/ComboboxRenderContent.d.ts

@@ -20,6 +20,7 @@ type ComboboxRenderContentProps<Data extends object = object> = IComboboxOptions
     listFooterAction?: ComboboxCallbackStateParamsRenderHandler<Data>;
     emptyAction?: ComboboxCallbackStateParamsRenderHandler<Data>;
     slotProps?: ISlotProps;
+    popoverContainer?: HTMLElement | null;
     onLoadMore?: () => Promise<void>;
 };
 export declare const ComboboxRenderContent: <Data extends object = object>(props: ComboboxRenderContentProps<Data>) => import("react/jsx-runtime").JSX.Element;

package/Combobox/ComboboxRenderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxRenderContent.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxRenderContent.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,wCAAwC,EACxC,gCAAgC,EAChC,cAAc,EAAE,aAAa,EAC7B,oBAAoB,EAAE,iCAAiC,EACvD,UAAU,EACX,MAAM,kBAAkB,CAAC;AAM1B,KAAK,0BAA0B,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1D,iCAAiC,CAAC,IAAI,CAAC,GACrC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEtF,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAElD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAE5D,kBAAkB,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAChE,gBAAgB,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAClC,CAAA;AAkBD,eAAO,MAAM,qBAAqB,GAAI,IAAI,SAAS,MAAM,GAAG,MAAM,EAChE,OAAO,0BAA0B,CAAC,IAAI,CAAC,4CAiJxC,CAAA"}
+{"version":3,"file":"ComboboxRenderContent.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxRenderContent.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,wCAAwC,EACxC,gCAAgC,EAChC,cAAc,EAAE,aAAa,EAC7B,oBAAoB,EAAE,iCAAiC,EACvD,UAAU,EACX,MAAM,kBAAkB,CAAC;AAM1B,KAAK,0BAA0B,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAC1D,iCAAiC,CAAC,IAAI,CAAC,GACrC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAEtF,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IAErB,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAElD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,EAAE,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAE5D,kBAAkB,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAChE,gBAAgB,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,wCAAwC,CAAC,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAEtC,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAClC,CAAA;AAkBD,eAAO,MAAM,qBAAqB,GAAI,IAAI,SAAS,MAAM,GAAG,MAAM,EAChE,OAAO,0BAA0B,CAAC,IAAI,CAAC,4CAqJxC,CAAA"}

package/Combobox/ComboboxRenderContent.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as i, Fragment as w } from "react/jsx-runtime";
-import { LoadingMask as O } from "../LoadingMask/LoadingMask.js";
+import { LoadingMask as G } from "../LoadingMask/LoadingMask.js";
 import "../LoadingMask/RenderLoadingMask.js";
-import { PopoverContent as D } from "../Popover/Popover.js";
-import { Command as G, CommandInput as H, CommandList as J, CommandGroup as T, CommandEmpty as y, CommandItem as W } from "../Command/Command.js";
+import { PopoverContent as H } from "../Popover/Popover.js";
+import { Command as J, CommandInput as T, CommandList as W, CommandGroup as _, CommandEmpty as y, CommandItem as q } from "../Command/Command.js";
 import { cn as s } from "@oneplatformdev/utils";
-import { ComboboxRenderOptions as _ } from "./ComboboxRenderOptions.js";
-import { useRef as q, useEffect as z } from "react";
-import { useInView as B } from "react-intersection-observer";
-import { Skeleton as K } from "../Skeleton/Skeleton.js";
-const Q = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-0", children: Array.from({ length: t.length || 2 }).map((c, m) => /* @__PURE__ */ e(
+import { ComboboxRenderOptions as z } from "./ComboboxRenderOptions.js";
+import { useRef as B, useEffect as K } from "react";
+import { useInView as Q } from "react-intersection-observer";
+import { Skeleton as U } from "../Skeleton/Skeleton.js";
+const X = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-0", children: Array.from({ length: t.length || 2 }).map((c, m) => /* @__PURE__ */ e(
   "div",
   {
     className: "flex items-center min-h-10 w-full px-4",
-    children: /* @__PURE__ */ e("div", { className: s("flex items-center w-full", t.className), children: /* @__PURE__ */ e(K, { className: "h-4 w-full" }) })
+    children: /* @__PURE__ */ e("div", { className: s("flex items-center w-full", t.className), children: /* @__PURE__ */ e(U, { className: "h-4 w-full" }) })
   },
   m
-)) }), le = (t) => {
+)) }), ie = (t) => {
   const {
     open: c,
     type: m,
@@ -28,60 +28,63 @@ const Q = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap
     onSelect: L,
     options: x = [],
     callbackStateParams: o,
-    value: F,
-    searchLabel: I = "Type to search...",
+    value: S,
+    searchLabel: F = "Type to search...",
     emptyLabel: N = "No options",
     emptyAction: n,
     commandInputAction: p,
     listHeadAction: l,
     listFooterAction: a,
     slotProps: f = {},
-    defaultNodeDisabled: M,
-    defaultNodeMatched: R,
-    defaultNodeMuted: S,
+    defaultNodeDisabled: I,
+    defaultNodeMatched: M,
+    defaultNodeMuted: R,
     defaultNodeInteractive: k,
+    forcePointerSelect: P,
+    popoverContainer: E,
     renderList: h,
-    onLoadMore: E
-  } = t, b = q(null), { ref: P, inView: g } = B({
+    onLoadMore: V
+  } = t, b = B(null), { ref: j, inView: g } = Q({
     root: b.current,
     rootMargin: "0px 0px 200px 0px",
     threshold: 0
   });
-  return z(() => {
-    c && g && E?.();
+  return K(() => {
+    c && g && V?.();
   }, [g, c]), /* @__PURE__ */ e(
-    D,
+    H,
     {
       className: s(
         "w-(--radix-popper-anchor-width) max-w-none p-2"
       ),
       align: "start",
-      children: /* @__PURE__ */ i(G, { shouldFilter: !1, children: [
+      container: E,
+      children: /* @__PURE__ */ i(J, { shouldFilter: !1, children: [
         /* @__PURE__ */ e(
-          H,
+          T,
           {
-            placeholder: I,
+            placeholder: F,
             value: u,
             onValueChange: C
           }
         ),
         typeof p == "function" ? p(o) : p,
-        /* @__PURE__ */ e(J, { ref: b, children: /* @__PURE__ */ i(
-          T,
+        /* @__PURE__ */ e(W, { ref: b, children: /* @__PURE__ */ i(
+          _,
           {
             className: s(
               !x.length && "p-0 shadow-none",
               "px-0 py-2"
             ),
             children: [
-              r && /* @__PURE__ */ e(O, { fullWidth: !0 }),
+              r && /* @__PURE__ */ e(G, { fullWidth: !0 }),
               !r && d && /* @__PURE__ */ e(w, { children: n ? /* @__PURE__ */ i(y, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
                 /* @__PURE__ */ e("span", { children: N }),
                 typeof n == "function" ? n(o) : n
               ] }) : /* @__PURE__ */ e(y, { children: N }) }),
               !r && !d && /* @__PURE__ */ i(w, { children: [
                 l && /* @__PURE__ */ e(
-                  W,
+                  q,
                   {
                     asChild: !0,
                     className: "w-full",
@@ -91,21 +94,22 @@ const Q = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap
                 ),
                 h && h(o),
                 !h && /* @__PURE__ */ e(
-                  _,
+                  z,
                   {
                     type: m,
                     search: u,
-                    value: F,
+                    value: S,
                     options: x,
                     onSelect: L,
-                    defaultNodeDisabled: M,
-                    defaultNodeMatched: R,
-                    defaultNodeMuted: S,
-                    defaultNodeInteractive: k
+                    defaultNodeDisabled: I,
+                    defaultNodeMatched: M,
+                    defaultNodeMuted: R,
+                    defaultNodeInteractive: k,
+                    forcePointerSelect: P
                   }
                 ),
-                v && /* @__PURE__ */ e("div", { ref: P, className: "h-px w-full" }),
-                A && /* @__PURE__ */ e(Q, {})
+                v && /* @__PURE__ */ e("div", { ref: j, className: "h-px w-full" }),
+                A && /* @__PURE__ */ e(X, {})
               ] })
             ]
           }
@@ -115,10 +119,10 @@ const Q = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap
           {
             "data-slot": "command-footer-wrapper",
             ...(() => {
-              const { bordered: V = !0, ...j } = f?.listFooterAction || {};
+              const { bordered: O = !0, ...D } = f?.listFooterAction || {};
               return {
-                ...j,
-                "data-slot-bordered": JSON.stringify(V)
+                ...D,
+                "data-slot-bordered": JSON.stringify(O)
               };
             })(),
             className: s(
@@ -134,6 +138,6 @@ const Q = (t) => /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap
   );
 };
 export {
-  le as ComboboxRenderContent
+  ie as ComboboxRenderContent
 };
 //# sourceMappingURL=ComboboxRenderContent.js.map

package/Combobox/ComboboxRenderContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxRenderContent.js","sources":["../../src/Combobox/ComboboxRenderContent.tsx"],"sourcesContent":["import { LoadingMask } from '../LoadingMask';\nimport { PopoverContent } from '../Popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport {\n  ComboboxCallbackStateParamsRenderHandler,\n  ComboboxCallbackStateParamsUnion,\n  ComboboxOption, ComboboxProps,\n  ComboboxSelectedType, IComboboxOptionsNodeHandlersProps,\n  ISlotProps,\n} from './Combobox.types';\nimport { ComboboxRenderOptions } from './ComboboxRenderOptions';\nimport { HTMLAttributes, useEffect, useRef } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { Skeleton } from \"../Skeleton\";\n\ntype ComboboxRenderContentProps<Data extends object = object> =\n  IComboboxOptionsNodeHandlersProps<Data>\n  & {\n  open?: boolean;\n\n  type: ComboboxSelectedType,\n  value: ComboboxProps<Data, 'single'>['value'] | ComboboxProps<Data, 'multi'>['value'];\n\n  hasNext: boolean;\n\n  loading: boolean;\n  loadingMore: boolean;\n\n  options: ComboboxOption<Data>[];\n  search?: string;\n  onSearch?: (term: string) => void;\n  isEmptyList?: boolean;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n\n  searchLabel?: string;\n  emptyLabel?: string;\n\n  callbackStateParams: ComboboxCallbackStateParamsUnion<Data>;\n\n  commandInputAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  renderList?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  listHeadAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  listFooterAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  emptyAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n\n  slotProps?: ISlotProps;\n\n  onLoadMore?: () => Promise<void>;\n}\n\nconst SkeletonItems = (props: HTMLAttributes<HTMLDivElement> & { length?: number }) => (\n  <div className=\"flex w-full flex-col gap-0\">\n    {Array.from({ length: props.length || 2 }).map((_, i) => (\n      <div\n        key={i}\n        className='flex items-center min-h-10 w-full px-4'\n      >\n        <div className={cn('flex items-center w-full', props.className)}>\n          <Skeleton className='h-4 w-full'/>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\n\nexport const ComboboxRenderContent = <Data extends object = object>(\n  props: ComboboxRenderContentProps<Data>\n) => {\n  const {\n    open,\n    type,\n    search,\n    onSearch,\n    hasNext,\n    loading,\n    loadingMore,\n    isEmptyList,\n    onSelect,\n    options = [],\n    callbackStateParams,\n    value,\n    searchLabel = 'Type to search...',\n    emptyLabel = 'No options',\n    emptyAction,\n    commandInputAction,\n    listHeadAction,\n    listFooterAction,\n    slotProps = {},\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    renderList,\n    onLoadMore,\n  } = props;\n\n  const scrollRootRef = useRef<HTMLDivElement>(null);\n  const { ref: sentinelRef, inView } = useInView({\n    root: scrollRootRef.current,\n    rootMargin: \"0px 0px 200px 0px\",\n    threshold: 0,\n  });\n\n  useEffect(() => {\n    if (!open) return;\n    if (!inView) return;\n    void onLoadMore?.();\n  }, [ inView, open ]);\n\n  return (\n    <PopoverContent\n      className={cn(\n        \"w-(--radix-popper-anchor-width) max-w-none p-2\"\n      )}\n      align=\"start\"\n    >\n      <Command shouldFilter={false}>\n        <CommandInput\n          placeholder={searchLabel}\n          value={search}\n          onValueChange={onSearch}\n        />\n        {typeof commandInputAction === 'function'\n          ? commandInputAction(callbackStateParams)\n          : commandInputAction}\n\n        <CommandList ref={scrollRootRef}>\n          <CommandGroup\n            className={cn(\n              !options.length && 'p-0 shadow-none',\n              'px-0 py-2',\n            )}\n          >\n            {loading && <LoadingMask fullWidth/>}\n            {!loading && isEmptyList && (\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(callbackStateParams)\n                      : emptyAction}\n                  </CommandEmpty>\n                ) : (\n                  <CommandEmpty>{emptyLabel}</CommandEmpty>\n                )}\n              </>\n            )}\n\n            {!loading && !isEmptyList && (\n              <>\n                {listHeadAction && (\n                  <CommandItem\n                    key='combobox-list-head-action'\n                    asChild\n                    className='w-full'\n                  >\n                    {typeof listHeadAction === 'function'\n                      ? listHeadAction(callbackStateParams)\n                      : listHeadAction}\n                  </CommandItem>\n                )}\n\n                {renderList && renderList(callbackStateParams)}\n\n                {!renderList && (\n                  <ComboboxRenderOptions\n                    type={type}\n                    search={search}\n                    value={value}\n                    options={options}\n                    onSelect={onSelect}\n                    defaultNodeDisabled={defaultNodeDisabled}\n                    defaultNodeMatched={defaultNodeMatched}\n                    defaultNodeMuted={defaultNodeMuted}\n                    defaultNodeInteractive={defaultNodeInteractive}/>\n                )}\n\n                {hasNext && <div ref={sentinelRef} className=\"h-px w-full\"/>}\n                {loadingMore && <SkeletonItems />}\n              </>\n            )}\n\n          </CommandGroup>\n        </CommandList>\n\n        {/*LIST FOOTER ACTION*/}\n        {!loading && listFooterAction && !isEmptyList && (\n          <div\n            data-slot=\"command-footer-wrapper\"\n            {...((() => {\n              const { bordered = true, ...rest } = slotProps?.listFooterAction || {};\n              return {\n                ...rest,\n                'data-slot-bordered': JSON.stringify(bordered)\n              }\n            })())}\n            className={cn(\n              \"flex w-full items-center gap-2 px-0\",\n              (slotProps?.listFooterAction?.bordered ?? true) && 'border-t px-0 pt-2',\n              slotProps?.listFooterAction?.className,\n            )}\n          >\n            {typeof listFooterAction === 'function'\n              ? listFooterAction(callbackStateParams)\n              : listFooterAction}\n          </div>\n        )}\n      </Command>\n    </PopoverContent>\n  );\n}\n"],"names":["SkeletonItems","props","_","i","jsx","cn","Skeleton","ComboboxRenderContent","open","type","search","onSearch","hasNext","loading","loadingMore","isEmptyList","onSelect","options","callbackStateParams","value","searchLabel","emptyLabel","emptyAction","commandInputAction","listHeadAction","listFooterAction","slotProps","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","renderList","onLoadMore","scrollRootRef","useRef","sentinelRef","inView","useInView","useEffect","PopoverContent","jsxs","Command","CommandInput","CommandList","CommandGroup","LoadingMask","Fragment","CommandEmpty","CommandItem","ComboboxRenderOptions","bordered","rest"],"mappings":"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"}
+{"version":3,"file":"ComboboxRenderContent.js","sources":["../../src/Combobox/ComboboxRenderContent.tsx"],"sourcesContent":["import { LoadingMask } from '../LoadingMask';\nimport { PopoverContent } from '../Popover';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport {\n  ComboboxCallbackStateParamsRenderHandler,\n  ComboboxCallbackStateParamsUnion,\n  ComboboxOption, ComboboxProps,\n  ComboboxSelectedType, IComboboxOptionsNodeHandlersProps,\n  ISlotProps,\n} from './Combobox.types';\nimport { ComboboxRenderOptions } from './ComboboxRenderOptions';\nimport { HTMLAttributes, useEffect, useRef } from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { Skeleton } from \"../Skeleton\";\n\ntype ComboboxRenderContentProps<Data extends object = object> =\n  IComboboxOptionsNodeHandlersProps<Data>\n  & {\n  open?: boolean;\n\n  type: ComboboxSelectedType,\n  value: ComboboxProps<Data, 'single'>['value'] | ComboboxProps<Data, 'multi'>['value'];\n\n  hasNext: boolean;\n\n  loading: boolean;\n  loadingMore: boolean;\n\n  options: ComboboxOption<Data>[];\n  search?: string;\n  onSearch?: (term: string) => void;\n  isEmptyList?: boolean;\n  onSelect?: (option: ComboboxOption<Data>) => void;\n\n  searchLabel?: string;\n  emptyLabel?: string;\n\n  callbackStateParams: ComboboxCallbackStateParamsUnion<Data>;\n\n  commandInputAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  renderList?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  listHeadAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  listFooterAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n  emptyAction?: ComboboxCallbackStateParamsRenderHandler<Data>;\n\n  slotProps?: ISlotProps;\n\n  popoverContainer?: HTMLElement | null;\n\n  onLoadMore?: () => Promise<void>;\n}\n\nconst SkeletonItems = (props: HTMLAttributes<HTMLDivElement> & { length?: number }) => (\n  <div className=\"flex w-full flex-col gap-0\">\n    {Array.from({ length: props.length || 2 }).map((_, i) => (\n      <div\n        key={i}\n        className='flex items-center min-h-10 w-full px-4'\n      >\n        <div className={cn('flex items-center w-full', props.className)}>\n          <Skeleton className='h-4 w-full'/>\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\n\nexport const ComboboxRenderContent = <Data extends object = object>(\n  props: ComboboxRenderContentProps<Data>\n) => {\n  const {\n    open,\n    type,\n    search,\n    onSearch,\n    hasNext,\n    loading,\n    loadingMore,\n    isEmptyList,\n    onSelect,\n    options = [],\n    callbackStateParams,\n    value,\n    searchLabel = 'Type to search...',\n    emptyLabel = 'No options',\n    emptyAction,\n    commandInputAction,\n    listHeadAction,\n    listFooterAction,\n    slotProps = {},\n    defaultNodeDisabled,\n    defaultNodeMatched,\n    defaultNodeMuted,\n    defaultNodeInteractive,\n    forcePointerSelect,\n    popoverContainer,\n    renderList,\n    onLoadMore,\n  } = props;\n\n  const scrollRootRef = useRef<HTMLDivElement>(null);\n  const { ref: sentinelRef, inView } = useInView({\n    root: scrollRootRef.current,\n    rootMargin: \"0px 0px 200px 0px\",\n    threshold: 0,\n  });\n\n  useEffect(() => {\n    if (!open) return;\n    if (!inView) return;\n    void onLoadMore?.();\n  }, [ inView, open ]);\n\n  return (\n    <PopoverContent\n      className={cn(\n        \"w-(--radix-popper-anchor-width) max-w-none p-2\"\n      )}\n      align=\"start\"\n      container={popoverContainer}\n    >\n      <Command shouldFilter={false}>\n        <CommandInput\n          placeholder={searchLabel}\n          value={search}\n          onValueChange={onSearch}\n        />\n        {typeof commandInputAction === 'function'\n          ? commandInputAction(callbackStateParams)\n          : commandInputAction}\n\n        <CommandList ref={scrollRootRef}>\n          <CommandGroup\n            className={cn(\n              !options.length && 'p-0 shadow-none',\n              'px-0 py-2',\n            )}\n          >\n            {loading && <LoadingMask fullWidth/>}\n            {!loading && isEmptyList && (\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(callbackStateParams)\n                      : emptyAction}\n                  </CommandEmpty>\n                ) : (\n                  <CommandEmpty>{emptyLabel}</CommandEmpty>\n                )}\n              </>\n            )}\n\n            {!loading && !isEmptyList && (\n              <>\n                {listHeadAction && (\n                  <CommandItem\n                    key='combobox-list-head-action'\n                    asChild\n                    className='w-full'\n                  >\n                    {typeof listHeadAction === 'function'\n                      ? listHeadAction(callbackStateParams)\n                      : listHeadAction}\n                  </CommandItem>\n                )}\n\n                {renderList && renderList(callbackStateParams)}\n\n                {!renderList && (\n                  <ComboboxRenderOptions\n                    type={type}\n                    search={search}\n                    value={value}\n                    options={options}\n                    onSelect={onSelect}\n                    defaultNodeDisabled={defaultNodeDisabled}\n                    defaultNodeMatched={defaultNodeMatched}\n                    defaultNodeMuted={defaultNodeMuted}\n                    defaultNodeInteractive={defaultNodeInteractive}\n                    forcePointerSelect={forcePointerSelect}/>\n                )}\n\n                {hasNext && <div ref={sentinelRef} className=\"h-px w-full\"/>}\n                {loadingMore && <SkeletonItems />}\n              </>\n            )}\n\n          </CommandGroup>\n        </CommandList>\n\n        {/*LIST FOOTER ACTION*/}\n        {!loading && listFooterAction && !isEmptyList && (\n          <div\n            data-slot=\"command-footer-wrapper\"\n            {...((() => {\n              const { bordered = true, ...rest } = slotProps?.listFooterAction || {};\n              return {\n                ...rest,\n                'data-slot-bordered': JSON.stringify(bordered)\n              }\n            })())}\n            className={cn(\n              \"flex w-full items-center gap-2 px-0\",\n              (slotProps?.listFooterAction?.bordered ?? true) && 'border-t px-0 pt-2',\n              slotProps?.listFooterAction?.className,\n            )}\n          >\n            {typeof listFooterAction === 'function'\n              ? listFooterAction(callbackStateParams)\n              : listFooterAction}\n          </div>\n        )}\n      </Command>\n    </PopoverContent>\n  );\n}\n"],"names":["SkeletonItems","props","_","i","jsx","cn","Skeleton","ComboboxRenderContent","open","type","search","onSearch","hasNext","loading","loadingMore","isEmptyList","onSelect","options","callbackStateParams","value","searchLabel","emptyLabel","emptyAction","commandInputAction","listHeadAction","listFooterAction","slotProps","defaultNodeDisabled","defaultNodeMatched","defaultNodeMuted","defaultNodeInteractive","forcePointerSelect","popoverContainer","renderList","onLoadMore","scrollRootRef","useRef","sentinelRef","inView","useInView","useEffect","PopoverContent","jsxs","Command","CommandInput","CommandList","CommandGroup","LoadingMask","Fragment","CommandEmpty","CommandItem","ComboboxRenderOptions","bordered","rest"],"mappings":"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"}

package/Popover/Popover.d.ts

@@ -2,7 +2,9 @@ import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    container?: HTMLElement | null;
+}): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPrimitive };
 //# sourceMappingURL=Popover.d.ts.map

package/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAErE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CA8BnF;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAE7E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAErE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,2CA+BA;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAE7E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}

package/Popover/Popover.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-popover";
-import { cn as s } from "@oneplatformdev/utils";
-function m({
+import { cn as p } from "@oneplatformdev/utils";
+function c({
   ...o
 }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
@@ -11,22 +11,23 @@ function f({
 }) {
   return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
 }
-function c(o) {
+function g(o) {
   const {
     className: r,
     align: a = "center",
     sideOffset: n = 4,
     style: i,
-    ...d
+    container: d,
+    ...s
   } = o;
-  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(e.Portal, { container: d, children: /* @__PURE__ */ t(
     e.Content,
     {
       "data-slot": "popover-content",
       align: a,
       sideOffset: n,
-      ...d,
-      className: s(
+      ...s,
+      className: p(
         "text-popover-foreground",
         "w-72 origin-(--radix-popover-content-transform-origin) outline-hidden",
         "border p-4 bg-popover rounded-lg",
@@ -41,15 +42,15 @@ function c(o) {
     }
   ) });
 }
-function g({
+function u({
   ...o
 }) {
   return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
 }
 export {
-  m as Popover,
-  g as PopoverAnchor,
-  c as PopoverContent,
+  c as Popover,
+  u as PopoverAnchor,
+  g as PopoverContent,
   e as PopoverPrimitive,
   f as PopoverTrigger
 };

package/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Popover({\n                   ...props\n                 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n                          ...props\n                        }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  const {\n    className,\n    align = \"center\",\n    sideOffset = 4,\n    style,\n    ...rest\n  } = props;\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        {...rest}\n        className={cn(\n          \"text-popover-foreground\",\n          'w-72 origin-(--radix-popover-content-transform-origin) outline-hidden',\n          'border p-4 bg-popover rounded-lg',\n          'shadow-[1px_1px_10px_rgba(6,8,13,0.06)]',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50',\n          className\n        )}\n        style={{\n          pointerEvents: 'auto',\n          ...(style || {}),\n        }}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n                         ...props\n                       }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPrimitive }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","style","rest","jsx","cn","PopoverAnchor"],"mappings":";;;AAOA,SAASA,EAAQ;AAAA,EACE,GAAGC;AACL,GAAuD;AACtE,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACE,GAAGF;AACL,GAA0D;AAChF,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAeH,GAA8D;AACpF,QAAM;AAAA,IACJ,WAAAI;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS,EAACR,EAAiB,QAAjB,EACC,UAAA,gBAAAQ;AAAA,IAACR,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,eAAe;AAAA,QACf,GAAIG,KAAS,CAAA;AAAA,MAAC;AAAA,IAChB;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASI,EAAc;AAAA,EACE,GAAGX;AACL,GAAyD;AAC9E,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
+{"version":3,"file":"Popover.js","sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Popover({\n                   ...props\n                 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n                          ...props\n                        }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent(props: React.ComponentProps<typeof PopoverPrimitive.Content> & {\n  container?: HTMLElement | null;\n}) {\n  const {\n    className,\n    align = \"center\",\n    sideOffset = 4,\n    style,\n    container,\n    ...rest\n  } = props;\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        {...rest}\n        className={cn(\n          \"text-popover-foreground\",\n          'w-72 origin-(--radix-popover-content-transform-origin) outline-hidden',\n          'border p-4 bg-popover rounded-lg',\n          'shadow-[1px_1px_10px_rgba(6,8,13,0.06)]',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50',\n          className\n        )}\n        style={{\n          pointerEvents: 'auto',\n          ...(style || {}),\n        }}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n                         ...props\n                       }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverPrimitive }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","style","container","rest","jsx","cn","PopoverAnchor"],"mappings":";;;AAOA,SAASA,EAAQ;AAAA,EACE,GAAGC;AACL,GAAuD;AACtE,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACE,GAAGF;AACL,GAA0D;AAChF,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAeH,GAErB;AACD,QAAM;AAAA,IACJ,WAAAI;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT;AACJ,SACE,gBAAAU,EAACT,EAAiB,QAAjB,EAAwB,WAAAO,GACvB,UAAA,gBAAAE;AAAA,IAACT,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACC,GAAGG;AAAA,MACJ,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAP;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,eAAe;AAAA,QACf,GAAIG,KAAS,CAAA;AAAA,MAAC;AAAA,IAChB;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASK,EAAc;AAAA,EACE,GAAGZ;AACL,GAAyD;AAC9E,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.253",
+  "version": "0.1.99-beta.255",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -107,9 +107,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.253",
-    "@oneplatformdev/utils": "^0.1.99-beta.253",
-    "@oneplatformdev/hooks": "^0.1.99-beta.253"
+    "@oneplatformdev/tokens": "^0.1.99-beta.255",
+    "@oneplatformdev/hooks": "^0.1.99-beta.255",
+    "@oneplatformdev/utils": "^0.1.99-beta.255"
   },
   "scripts": {
     "chromatic": "chromatic"