@oneplatformdev/ui 0.1.99-beta.30 → 0.1.99-beta.300

package/Combobox/Combobox.types.d.ts

@@ -1,50 +1,114 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-export interface ComboboxOption {
+import { Dispatch, HTMLAttributes, ReactNode, Ref, SetStateAction } from 'react';
+export type ComboboxValueType = string | string[];
+export type ComboboxSelectedType = 'single' | 'multi';
+export declare const DEFAULT_COMBOBOX_TYPE: ComboboxSelectedType;
+export interface ComboboxOption<Data extends object = object> {
     value: string;
     label: string;
-    items?: ComboboxOption[];
+    node?: Data;
+    items?: ComboboxOption<Data>[];
+    path?: string[];
+    parent?: string;
+    level?: number;
+    matched?: boolean;
 }
-export interface ComboboxCallbackStateParams {
-    options: ComboboxOption[];
-    setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
-    selectedOption?: ComboboxOption;
-    setSelectedOption: Dispatch<SetStateAction<ComboboxOption | undefined>>;
+export interface ComboboxCallbackStateParams<Data extends object = object, T extends ComboboxSelectedType = 'single'> {
+    options: ComboboxOption<Data>[];
+    setOptions: Dispatch<SetStateAction<ComboboxOption<Data>[]>>;
     search: string;
     setSearch: Dispatch<SetStateAction<string>>;
+    onChangeOption: (option: ComboboxOption<Data>) => void;
     open: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
     loading: boolean;
     setLoading: Dispatch<SetStateAction<boolean>>;
     isEmptyList: boolean;
     isSearchedEmptyList: boolean;
+    placeholder?: string;
+    type: T;
+    selectedOption: T extends 'single' ? ComboboxOption<Data> | undefined : ComboboxOption<Data>[];
+    setSelectedOption: T extends 'single' ? Dispatch<SetStateAction<ComboboxOption<Data> | undefined>> : Dispatch<SetStateAction<ComboboxOption<Data>[] | undefined>>;
 }
-export interface IComboboxOptionsNodeProps {
-    value?: string;
-    option: ComboboxOption;
-    onChangeOption?: (option: ComboboxOption) => void;
+export type ComboboxCallbackStateParamsUnion<Data extends object = object> = ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>;
+export type ComboboxCallbackStateParamsRenderHandler<Data extends object = object> = (params: ComboboxCallbackStateParamsUnion<Data>) => ReactNode;
+export interface IComboboxOptionsNodeHandlersProps<Data extends object = object> {
+    defaultNodeOpen?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);
+    defaultNodeDisabled?: boolean | ((option: ComboboxOption<Data>, deep: number) => boolean | undefined);
+    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;
+    search?: string;
+    value?: ComboboxValueType;
+    option: ComboboxOption<Data>;
+    onSelect?: (option: ComboboxOption<Data>) => void;
     deep?: number;
-    setOpen: Dispatch<SetStateAction<boolean>>;
 }
-export interface IComboboxOptionsProps extends Omit<IComboboxOptionsNodeProps, 'option'> {
-    options?: ComboboxOption[];
+export interface IComboboxOptionsProps<Data extends object = object> extends Omit<IComboboxOptionsNodeProps<Data>, 'option'>, IComboboxOptionsNodeHandlersProps<Data> {
+    options?: ComboboxOption<Data>[];
 }
-export interface ComboboxProps {
-    value: string;
-    onChange: (value: string) => void;
+interface IListActionProps extends HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
+}
+interface IPopoverSlotProps {
+    /** Set Popover modal mode. Use `true` when Combobox is inside a modal Dialog. */
+    modal?: boolean;
+    /** Container element for Popover portal. Use to render inside modal Dialog. */
+    container?: HTMLElement | null;
+}
+export interface ISlotProps {
+    popover?: IPopoverSlotProps;
+    listFooterAction?: IListActionProps;
+}
+type ComboboxLoadDataParams = {
+    search?: string;
+    offset?: number;
+};
+type ComboboxLoadDataResult<Data extends object = object> = {
+    data: ComboboxOption<Data>[];
+    total: number;
+};
+type ComboboxLoadDataReturn<Data extends object = object> = ComboboxOption<Data>[] | ComboboxLoadDataResult<Data>;
+type ComboboxLoadData<Data extends object = object> = (params: ComboboxLoadDataParams, signal: AbortSignal, controller: ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'>) => Promise<ComboboxLoadDataReturn<Data>>;
+export interface ComboboxBaseProps<Data extends object = object, T extends ComboboxSelectedType = 'single'> extends IComboboxOptionsNodeHandlersProps {
+    type?: T;
+    imperativeRef?: Ref<ComboboxCallbackStateParams<Data, 'single'> | ComboboxCallbackStateParams<Data, 'multi'> | null>;
     placeholder?: string;
     searchLabel?: string;
     disabled?: boolean;
-    fetchOptions: (search?: string) => Promise<ComboboxOption[]>;
-    options?: ComboboxOption[];
+    /** Callback for load data on search debounce */
+    loadData: ComboboxLoadData<Data>;
+    options?: ComboboxOption<Data>[];
     /** Command Empty list label*/
     emptyLabel?: string;
     /** Command Empty list action */
-    emptyAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    emptyAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;
     /** Command Input footer action */
-    commandInputAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    commandInputAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;
     /** Command List first element action */
-    listHeadAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    listHeadAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;
+    /** Command List footer element action */
+    listFooterAction?: ((params: ComboboxCallbackStateParams<Data, T>) => ReactNode) | ReactNode;
     /** Callback for load data on start component */
-    onMount?: (params: ComboboxCallbackStateParams) => Promise<void>;
+    onMount?: (params: ComboboxCallbackStateParams<Data, T>) => Promise<void>;
+    renderTrigger?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;
+    renderList?: (params: ComboboxCallbackStateParams<Data, T>) => ReactNode;
+    slotProps?: ISlotProps;
+}
+export interface SingleComboboxProps<Data extends object = object> extends ComboboxBaseProps<Data, 'single'> {
+    type?: 'single';
+    value?: string;
+    onChange: (value: string | undefined) => void;
+}
+export interface MultiComboboxProps<Data extends object = object> extends ComboboxBaseProps<Data, 'multi'> {
+    type: 'multi';
+    value?: string[];
+    onChange: (value: string[] | undefined) => void;
 }
+export type ComboboxProps<Data extends object = object, T extends ComboboxSelectedType = 'single'> = T extends 'single' ? SingleComboboxProps<Data> : MultiComboboxProps<Data>;
+export {};
 //# sourceMappingURL=Combobox.types.d.ts.map

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":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;IACvD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAG,QAAQ,CAAC,cAAc,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC,CAAA;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC/E,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtF,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAClF,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClE"}
+{"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

@@ -1,2 +1,5 @@
-
+const O = "single";
+export {
+  O as DEFAULT_COMBOBOX_TYPE
+};
 //# sourceMappingURL=Combobox.types.js.map

package/Combobox/Combobox.types.js.map

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

package/Combobox/ComboboxOptionItem.d.ts

@@ -1,5 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { IComboboxOptionsNodeProps } from './Combobox.types';
-export declare const ComboboxOptionItem: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ComboboxOptionItem: <Data extends object>(props: PropsWithChildren<IComboboxOptionsNodeProps<Data>> & {
+    onCollapseToggle?: () => void;
+    expanded?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ComboboxOptionItem.d.ts.map

package/Combobox/ComboboxOptionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAM7D,eAAO,MAAM,kBAAkB;;kDAsC7B,CAAC"}
+{"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,38 +1,95 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { CommandItem as f } from "../Command/Command.js";
-import { Check as d } from "lucide-react";
-import { cn as t } from "@oneplatformdev/utils";
-const u = 8, C = c((i, n) => {
-  const { children: r, setOpen: m, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
-  return /* @__PURE__ */ s(
-    f,
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { DEFAULT_COMBOBOX_TYPE as g } from "./Combobox.types.js";
+import { ChevronRightIcon as N, CheckIcon as x } from "lucide-react";
+import { cn as r } from "@oneplatformdev/utils";
+import { CommandItem as D } from "../Command/Command.js";
+import { ButtonIcon as k } from "../ButtonIcon/ButtonIcon.js";
+import { Checkbox as C } from "../Checkbox/Checkbox.js";
+const E = 24, P = 8, I = (c) => c ? Math.max(c - 1, 0) * E - P : 0, F = (c) => {
+  const {
+    type: s = g,
+    expanded: h,
+    option: e,
+    onSelect: y,
+    value: l = "",
+    deep: t = 0,
+    onCollapseToggle: i,
+    defaultNodeDisabled: p,
+    defaultNodeMatched: d,
+    defaultNodeMuted: f,
+    defaultNodeInteractive: o,
+    forcePointerSelect: u
+  } = c, m = Array.isArray(l) ? l.includes(e.value) : l === e.value, v = () => {
+    if (!(typeof o == "function" ? o(e, t) : o ?? !0)) return i?.();
+    y?.(e);
+  };
+  return /* @__PURE__ */ b(
+    D,
     {
-      ref: n,
       value: e.value,
-      onSelect: () => {
-        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), m(!1);
+      "data-matched": e.matched ?? !0,
+      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: {
-        paddingLeft: (p + 1) * u
+        "--deep-space": `${I(t)}px`
       },
+      disabled: typeof p == "function" ? p(e, t) : p ?? !1,
       children: [
-        r,
+        !!t && /* @__PURE__ */ a(
+          "div",
+          {
+            style: { paddingLeft: "var(--deep-space)" },
+            className: "relative box-border min-w-10 h-10",
+            onClick: (n) => {
+              i && (n?.preventDefault(), n?.stopPropagation(), i?.());
+            },
+            children: /* @__PURE__ */ a("div", { className: "w-10 aspect-square shrink-0", children: i && /* @__PURE__ */ a(
+              k,
+              {
+                type: "button",
+                variant: "ghost",
+                color: "secondary",
+                className: r(
+                  "bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent"
+                ),
+                icon: /* @__PURE__ */ a(
+                  N,
+                  {
+                    strokeWidth: 2,
+                    className: r(
+                      "text-[#06080D]",
+                      "transition-transform duration-200",
+                      h && "rotate-90"
+                    )
+                  }
+                )
+              }
+            ) })
+          }
+        ),
+        s === "multi" && /* @__PURE__ */ a(C, { checked: m, className: "mr-2 shrink-0" }),
         /* @__PURE__ */ a(
           "span",
           {
-            className: t(
-              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
+            className: r(
+              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2 grow",
+              (typeof d == "function" ? d(e, t) : d ?? !1) && "font-bold",
+              (typeof f == "function" ? f(e, t) : f ?? !1) && "opacity-60",
+              !(typeof o == "function" ? o(e, t) : o ?? !0) && "pointer-events-none"
             ),
             children: e.label
           }
         ),
-        /* @__PURE__ */ a(
-          d,
+        s === "single" && /* @__PURE__ */ a(
+          x,
           {
-            className: t(
-              "ml-auto",
-              l === e.value ? "opacity-100" : "opacity-0"
+            className: r(
+              "ml-2 shrink-0",
+              m ? "opacity-100" : "opacity-0"
             )
           }
         )
@@ -40,8 +97,8 @@ const u = 8, C = c((i, n) => {
     },
     e.value
   );
-});
+};
 export {
-  C as ComboboxOptionItem
+  F 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 { forwardRef, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { IComboboxOptionsNodeProps } from './Combobox.types';\nimport { Check } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nconst DEEP_OFFSET = 8;\n\nexport const ComboboxOptionItem = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<IComboboxOptionsNodeProps>\n>((props, ref) => {\n  const { children, setOpen, option, onChangeOption, value = '', deep = 0 } = props;\n  return (\n    <CommandItem\n      ref={ref}\n      key={option.value}\n      value={option.value}\n      onSelect={() => {\n        if (value === option.value) {\n          onChangeOption?.({ value: '', label: '' });\n        } else {\n          onChangeOption?.(option);\n        }\n        setOpen(false);\n      }}\n      style={{\n        paddingLeft: (deep + 1) * DEEP_OFFSET,\n      }}\n    >\n      {children}\n      <span\n        className={cn(\n          'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2'\n        )}\n      >\n        {option.label}\n      </span>\n      <Check\n        className={cn(\n          'ml-auto',\n          value === option.value ? 'opacity-100' : 'opacity-0'\n        )}\n      />\n    </CommandItem>\n  );\n});\n"],"names":["DEEP_OFFSET","ComboboxOptionItem","forwardRef","props","ref","children","setOpen","option","onChangeOption","value","deep","jsxs","CommandItem","jsx","cn","Check"],"mappings":";;;;;AAMA,MAAMA,IAAc,GAEPC,IAAqBC,EAGhC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,GAAgB,OAAAC,IAAQ,IAAI,MAAAC,IAAO,EAAA,IAAMP;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MAEA,OAAOG,EAAO;AAAA,MACd,UAAU,MAAM;AACd,QAAIE,MAAUF,EAAO,QACnBC,IAAiB,EAAE,OAAO,IAAI,OAAO,IAAI,IAEzCA,IAAiBD,CAAM,GAEzBD,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAcI,IAAO,KAAKV;AAAA,MAAA;AAAA,MAG3B,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAGD,UAAAP,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEV,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAL,MAAUF,EAAO,QAAQ,gBAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IA3BKA,EAAO;AAAA,EAAA;AA8BlB,CAAC;"}
+{"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { CSSProperties, PropsWithChildren } from 'react';\r\nimport { CommandItem } from '../Command';\r\nimport { DEFAULT_COMBOBOX_TYPE, IComboboxOptionsNodeProps } from './Combobox.types';\r\nimport { CheckIcon, ChevronRightIcon } from 'lucide-react';\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { Checkbox } from \"../Checkbox\";\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nconst DEEP_OFFSET = 24;\r\nconst DEEP_PADDING_DELTA = 8;\r\nconst calcDeepSpace = (deep: number) => {\r\n  if(!deep) return 0;\r\n  const space = Math.max(deep - 1, 0) * DEEP_OFFSET;\r\n  return space - DEEP_PADDING_DELTA;\r\n}\r\n\r\nexport const ComboboxOptionItem = <Data extends object>(\r\n  props: PropsWithChildren<IComboboxOptionsNodeProps<Data>> & {\r\n    onCollapseToggle?: () => void;\r\n    expanded?: boolean;\r\n  }\r\n) => {\r\n  const {\r\n    type = DEFAULT_COMBOBOX_TYPE,\r\n    expanded,\r\n    option,\r\n    onSelect,\r\n    value = '',\r\n    deep = 0,\r\n    onCollapseToggle,\r\n    defaultNodeDisabled,\r\n    defaultNodeMatched,\r\n    defaultNodeMuted,\r\n    defaultNodeInteractive,\r\n    forcePointerSelect,\r\n  } = props;\r\n\r\n  const isSelected = Array.isArray(value)\r\n    ? value.includes(option.value)\r\n    : value === option.value;\r\n\r\n  const handleSelect = () => {\r\n    const interactive = typeof defaultNodeInteractive === \"function\"\r\n      ? defaultNodeInteractive(option, deep)\r\n      : defaultNodeInteractive ?? true;\r\n    if (!interactive) return onCollapseToggle?.();\r\n    onSelect?.(option);\r\n  };\r\n\r\n  return (\r\n    <CommandItem\r\n      key={option.value}\r\n      value={option.value}\r\n      data-matched={option.matched ?? true}\r\n      onSelect={forcePointerSelect ? undefined : handleSelect}\r\n      onPointerUp={forcePointerSelect ? handleSelect : undefined}\r\n      onClick={(e) => {\r\n        const interactive = typeof defaultNodeInteractive === \"function\"\r\n          ? defaultNodeInteractive(option, deep)\r\n          : defaultNodeInteractive ?? true\r\n\r\n        if(!interactive) {\r\n          e?.preventDefault();\r\n          e?.stopPropagation();\r\n        }\r\n      }}\r\n      className={cn('py-0 gap-0', deep && 'pl-0')}\r\n      style={{\r\n        '--deep-space': `${calcDeepSpace(deep)}px`,\r\n      } as CSSProperties}\r\n      disabled={typeof defaultNodeDisabled === \"function\"\r\n        ? defaultNodeDisabled(option, deep)\r\n        : defaultNodeDisabled ?? false}\r\n    >\r\n      {!!deep && (\r\n        <div\r\n          style={{ paddingLeft: 'var(--deep-space)' }}\r\n          className='relative box-border min-w-10 h-10'\r\n          onClick={(e) => {\r\n            if(!onCollapseToggle) return;\r\n            e?.preventDefault();\r\n            e?.stopPropagation();\r\n            onCollapseToggle?.();\r\n          }}\r\n        >\r\n          <div className='w-10 aspect-square shrink-0'>\r\n            {onCollapseToggle && (\r\n              <ButtonIcon\r\n                type=\"button\"\r\n                variant=\"ghost\"\r\n                color='secondary'\r\n                className={cn(\r\n                  'bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent'\r\n                )}\r\n                icon={(\r\n                  <ChevronRightIcon\r\n                    strokeWidth={2}\r\n                    className={cn(\r\n                      'text-[#06080D]',\r\n                      'transition-transform duration-200',\r\n                      expanded && 'rotate-90',\r\n                    )}\r\n                  />\r\n                )}\r\n              />\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n      {type === 'multi' && <Checkbox checked={isSelected} className='mr-2 shrink-0'/>}\r\n      <span\r\n        className={cn(\r\n          'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2 grow',\r\n          (() => {\r\n          return typeof defaultNodeMatched === \"function\"\r\n            ? defaultNodeMatched(option, deep)\r\n            : defaultNodeMatched ?? false\r\n          })() && 'font-bold',\r\n          (() => {\r\n            return typeof defaultNodeMuted === \"function\"\r\n              ? defaultNodeMuted(option, deep)\r\n              : defaultNodeMuted ?? false\r\n          })() && 'opacity-60',\r\n          (() => {\r\n            const res = typeof defaultNodeInteractive === \"function\"\r\n              ? defaultNodeInteractive(option, deep)\r\n              : defaultNodeInteractive ?? true\r\n            return !res;\r\n          })() && 'pointer-events-none',\r\n        )}\r\n      >\r\n        {option.label}\r\n      </span>\r\n      {type === 'single' && (\r\n        <CheckIcon\r\n          className={cn(\r\n            'ml-2 shrink-0',\r\n            isSelected ? 'opacity-100' : 'opacity-0'\r\n          )}\r\n        />\r\n      )}\r\n    </CommandItem>\r\n  );\r\n}\r\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

@@ -0,0 +1,28 @@
+import { ComboboxCallbackStateParamsRenderHandler, ComboboxCallbackStateParamsUnion, ComboboxOption, ComboboxProps, ComboboxSelectedType, IComboboxOptionsNodeHandlersProps, ISlotProps } from './Combobox.types';
+type ComboboxRenderContentProps<Data extends object = object> = IComboboxOptionsNodeHandlersProps<Data> & {
+    open?: boolean;
+    type: ComboboxSelectedType;
+    value: ComboboxProps<Data, 'single'>['value'] | ComboboxProps<Data, 'multi'>['value'];
+    hasNext: boolean;
+    loading: boolean;
+    loadingMore: boolean;
+    options: ComboboxOption<Data>[];
+    search?: string;
+    onSearch?: (term: string) => void;
+    isEmptyList?: boolean;
+    onSelect?: (option: ComboboxOption<Data>) => void;
+    searchLabel?: string;
+    emptyLabel?: string;
+    callbackStateParams: ComboboxCallbackStateParamsUnion<Data>;
+    commandInputAction?: ComboboxCallbackStateParamsRenderHandler<Data>;
+    renderList?: ComboboxCallbackStateParamsRenderHandler<Data>;
+    listHeadAction?: ComboboxCallbackStateParamsRenderHandler<Data>;
+    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;
+export {};
+//# sourceMappingURL=ComboboxRenderContent.d.ts.map

package/Combobox/ComboboxRenderContent.d.ts.map

@@ -0,0 +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,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,4CAyJxC,CAAA"}

package/Combobox/ComboboxRenderContent.js

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

package/Combobox/ComboboxRenderContent.js.map

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

@@ -0,0 +1,4 @@
+import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
+export declare const ComboboxOptionsNode: <Data extends object>(props: IComboboxOptionsNodeProps<Data>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxRenderOptions: <Data extends object>(props: IComboboxOptionsProps<Data>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ComboboxRenderOptions.d.ts.map

package/Combobox/ComboboxRenderOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRenderOptions.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxRenderOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAS1B,eAAO,MAAM,mBAAmB,GAAI,IAAI,SAAS,MAAM,EAAE,OAAO,yBAAyB,CAAC,IAAI,CAAC,4CA2C9F,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,IAAI,SAAS,MAAM,EAAE,OAAO,qBAAqB,CAAC,IAAI,CAAC,4CAe5F,CAAA"}