@pantograph/vue 0.26.0 → 0.27.1

package/dist/Combobox/ComboboxInput.d.ts

@@ -1,2 +1,21 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { InputProps, InputSlots } from '../Input';
+export interface ComboboxInputProps extends InputProps {
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<InputSlots> & InputSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxInputProps> & Readonly<{}>, {
+    disabled: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Combobox/ComboboxLabel.d.ts

@@ -1,17 +1,5 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Props = {
+    label?: string;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/Combobox/ComboboxOption.d.ts

@@ -1,19 +1,6 @@
-import { SlotsType } from 'vue';
-import { ComboboxOptionType, ComboboxOptionSlots } from './types.ts';
-export interface SelectOptionProps {
-    option: ComboboxOptionType;
+import { ComboboxFlattenOptionType } from './types';
+export interface ComboboxOptionProps {
+    option: ComboboxFlattenOptionType;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    option: {
-        type: () => ComboboxOptionType;
-        required: true;
-    };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    option: {
-        type: () => ComboboxOptionType;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, SlotsType<ComboboxOptionSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<ComboboxOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxOptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/Combobox/ComboboxTrigger.d.ts

@@ -1,4 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Combobox/context.d.ts

@@ -1,39 +1,36 @@
-import { ComboboxEmitObject, ComboboxOptionType, ComboboxProps } from './types.js';
-import { injectComboboxRootContext } from 'reka-ui';
+import { ComboboxFlattenOptionType, ComboboxProps, ComboboxEmits, ComboboxSlots } from './types';
 import { ComputedRef, Ref } from 'vue';
 import { ComboboxSize, ComboboxStatus } from './Combobox.model';
-export type ComboboxRootContext = Exclude<ReturnType<typeof injectComboboxRootContext>, undefined | null>;
-export interface _ComboboxContext {
-    props: ComboboxProps;
-    attrs: Record<string, any>;
-    emitsAsProps: ComboboxEmitObject;
-    searchModel: Ref<string | undefined>;
-    emit: any;
-}
-export interface ComboboxContext extends Omit<ComboboxRootContext, 'modelValue'>, Omit<_ComboboxContext, 'emitsAsProps'> {
-    modelValue: Ref<string | string[] | undefined>;
-    getOptionValue: (option?: ComboboxOptionType) => string | undefined;
-    isItemSelected: (value?: string) => boolean;
-    getOptionLabel: (option?: ComboboxOptionType) => string | undefined;
-    getOptionNoCheckbox: (option?: ComboboxOptionType) => boolean | undefined;
-    getOptionSingle: (option?: ComboboxOptionType) => boolean | undefined;
-    getOptionClear: (option?: ComboboxOptionType) => boolean | undefined;
-    getOptionDisabled: (option?: ComboboxOptionType) => boolean | undefined;
-    getOptionIcon: (option?: ComboboxOptionType) => string | undefined;
-    getOptionDescription: (option?: ComboboxOptionType) => string | undefined;
-    getOptionByValue: (value: string) => ComboboxOptionType | undefined;
+import { EmitFn } from '@vue/runtime-core';
+import { CollectionMap, CollectionMapItem } from '../utils';
+export interface ComboboxContext {
+    isOptionSelected: (value?: string) => boolean;
+    getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getSingleByValue: (value: string) => boolean;
     focusOnInput: () => void;
-    headerInputElement: Ref<HTMLElement | undefined>;
     getDisabled: ComputedRef<boolean>;
     getStatus: ComputedRef<ComboboxStatus>;
     getSize: ComputedRef<ComboboxSize>;
-    setModelValue: (value: undefined | string | string[]) => void;
     getTagSize: ComputedRef<'md' | 'xsm' | 'sm'>;
+    getIconSize: ComputedRef<'2xsm' | 'sm' | 'xsm'>;
     comboboxInputBinding: ComputedRef<object>;
     comboboxTriggerBinding: ComputedRef<object>;
+    props: ComboboxProps;
+    slots: ComboboxSlots;
+    emit: EmitFn<ComboboxEmits>;
+    searchModel: Ref<string | null | undefined>;
+    openModel: Ref<boolean | null | undefined>;
+    model: Ref<string | string[] | null | undefined>;
+    inputRef: Ref<any>;
+    valuePlaceholder: ComputedRef<boolean>;
+    placeholder: ComputedRef<string | undefined>;
+    selectOption: (option?: ComboboxFlattenOptionType, byTreeSelect?: boolean) => void;
+    itemMap: Ref<CollectionMap>;
+    getItems: (includeDisabledItem?: boolean) => CollectionMapItem[];
+    highlightedOptionKey: Ref<string | undefined>;
 }
 export declare const injectComboboxContext: <T extends ComboboxContext | null | undefined = ComboboxContext>(fallback?: T | undefined) => T extends null ? ComboboxContext | null : ComboboxContext, provideComboboxContext: (contextValue: ComboboxContext) => ComboboxContext;
-export declare const _injectComboboxContext: <T extends _ComboboxContext | null | undefined = _ComboboxContext>(fallback?: T | undefined) => T extends null ? _ComboboxContext | null : _ComboboxContext, __provideComboboxContext: (contextValue: _ComboboxContext) => _ComboboxContext;
 export declare const comboboxPrefix: string;
+export declare const comboboxValuePlaceholder: string;
+export declare const comboboxOptionPrefix: string;

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DLgal2Q-.js";
+import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_script_setup_true_lang-CSN9cqZh.js";
 export {
   s as Combobox,
   t as ComboboxSizes,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-C5lxH1Cg.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_script_setup_true_lang-NkTBG9kI.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;

package/dist/Combobox/types.d.ts

@@ -1,39 +1,55 @@
-import { ComboboxRootEmits, ComboboxRootProps, ComboboxContentEmits, ComboboxContentProps, ComboboxPortalProps, ComboboxTriggerProps, ComboboxAnchorProps } from 'reka-ui';
-import { GetPopupContainer } from '../Popover/Popover';
-import { PopoverPlacement } from '../Popover';
-import { Direction } from '../ConfigProvider';
-import { SkeletonProps } from '../Skeleton/Skeleton';
-import { ComboboxSize, ComboboxStatus } from './Combobox.model';
+import { GetPopupContainer, PopoverEmits, PopoverProps } from '../Popover';
+import { SkeletonProps } from '../Skeleton';
+import { ComboboxSize, ComboboxStatus } from './Combobox.model.ts';
 import { EmitToProp } from '../types';
-import { ScrollContainerProps } from '../ScrollContainer/index.js';
-import { EmptyProps } from '../Empty/Empty';
+import { ScrollContainerProps } from '../ScrollContainer';
+import { EmptyProps } from '../Empty';
 import { ClassValue } from 'class-variance-authority/types';
-import { TreeProps } from '../Tree/Tree.model';
+import { TreeEmits, TreeProps } from '../Tree';
+import { OptionGetter } from '@pantograph/utils';
+import { FlattenItem } from '../Tree/utils.ts';
+import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
+import { MenuItemProps } from '../MenuItem';
+import { ComboboxInputProps } from './ComboboxInput';
 export type ComboboxDefOptionType = {
-    icon?: string;
+    disabled?: boolean;
     label?: string;
-    value?: string;
     description?: string;
-    disabled?: boolean;
+    value?: string;
+    noCheckbox?: boolean;
     single?: boolean;
     clear?: boolean;
-    noCheckbox?: boolean;
+    icon?: string;
     options?: ComboboxOptionType[];
 };
 export type ComboboxOptionType = ComboboxDefOptionType | object | string;
-export type ComboboxOptionGetter<T = string> = string | number | ((option: object) => T | undefined);
-export interface ComboboxProps extends Omit<ComboboxRootProps, 'ignoreFilter'>, Omit<ComboboxTriggerProps, 'as' | 'asChild'>, Omit<ComboboxAnchorProps, 'as' | 'asChild'>, ComboboxContentProps, Omit<ComboboxPortalProps, 'to'> {
+export type ComboboxFlattenOptionType = FlattenItem & {
+    _description?: string;
+    _label?: string;
+    _title?: string;
+    _icon?: string;
+    _single?: boolean;
+    _clear?: boolean;
+    _noCheckbox?: boolean;
+    _divider?: boolean;
+};
+export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir'>> {
+    modelValue?: string | string[];
+    defaultValue?: string | string[];
+    multiple?: boolean;
+    disabled?: boolean;
+    highlightOnHover?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
     size?: ComboboxSize;
     status?: ComboboxStatus;
-    multiple?: boolean;
-    noLastValueOnPlaceholder?: boolean;
-    showLabelValueOnHeaderSearch?: boolean;
+    noValueOnPlaceholder?: boolean;
     zIndex?: number | string;
     checkbox?: boolean;
     tagRenderMode?: 'chip' | 'avatar' | 'go';
-    getTagProps?: (option: ComboboxOptionType) => Record<string, any>;
+    getTagProps?: (option?: ComboboxFlattenOptionType) => Record<string, any>;
     tree?: boolean;
-    treeProps?: TreeProps;
+    treeProps?: Omit<TreeProps, 'modelValue' | 'checkedKeys' | 'expandedKeys'>;
     contentFit?: boolean;
     wrapped?: boolean;
     sortSelectedItems?: boolean;
@@ -46,18 +62,15 @@ export interface ComboboxProps extends Omit<ComboboxRootProps, 'ignoreFilter'>,
     placeholder?: string;
     indicatorIcon?: string;
     options?: ComboboxOptionType[];
-    getDisabled?: ComboboxOptionGetter<boolean>;
-    getLabel?: ComboboxOptionGetter;
-    getDescription?: ComboboxOptionGetter;
-    getValue?: ComboboxOptionGetter;
-    getNoCheckbox?: ComboboxOptionGetter<boolean>;
-    getSingle?: ComboboxOptionGetter<boolean>;
-    getClear?: ComboboxOptionGetter<boolean>;
-    getGroupOptions?: ComboboxOptionGetter<ComboboxOptionType[]>;
-    getGroupLabel?: ComboboxOptionGetter;
-    getIcon?: ComboboxOptionGetter;
-    placement?: PopoverPlacement;
-    reversePlacementOnDir?: Direction;
+    getDisabled?: OptionGetter<boolean>;
+    getLabel?: OptionGetter;
+    getDescription?: OptionGetter;
+    getValue?: OptionGetter;
+    getNoCheckbox?: OptionGetter<boolean>;
+    getSingle?: OptionGetter<boolean>;
+    getClear?: OptionGetter<boolean>;
+    getOptions?: OptionGetter<ComboboxOptionType[]>;
+    getIcon?: OptionGetter;
     loading?: boolean;
     skeletonProps?: SkeletonProps;
     loadingRowCount?: number;
@@ -86,42 +99,52 @@ export interface ComboboxProps extends Omit<ComboboxRootProps, 'ignoreFilter'>,
     popupHeight?: string | number;
     popupWidth?: string | number;
     minWidth?: string | number;
-    headerSearch?: boolean;
     search?: string;
+    filterOptions?: {
+        expandParent?: 'collapse' | 'expand';
+        strictNode?: boolean;
+    };
+    expandedKeys?: TreeProps['expandedKeys'];
     noTrigger?: boolean;
+    headerSearch?: boolean;
+    headerSearchInputProps?: ComboboxInputProps;
+    virtual?: boolean;
+    showTriggerTagOnOption?: boolean;
+    disableOutsidePointerEvents?: boolean;
+    getMenuItemProps?: ((option: ComboboxFlattenOptionType) => Partial<MenuItemProps>) | Partial<MenuItemProps>;
 }
-export interface ComboboxEmits extends ComboboxRootEmits, ComboboxContentEmits {
+export interface ComboboxEmits extends PopoverEmits {
+    'update:modelValue': [value: string | string[]];
+    'update:expandedKeys': TreeEmits['update:expandedKeys'];
     'update:search': [value?: string | null];
-    select: [value: string | undefined, selected: boolean, option?: ComboboxOptionType];
+    fetch: [];
+    search: [value?: string | null];
+    select: [value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType];
 }
 export type ComboboxEmitObject = {
     [K in keyof ComboboxEmits as EmitToProp<K>]: () => void;
 };
-export interface ComboboxOptionSlotProps {
-    option: ComboboxOptionType;
+export interface ComboboxOptionSlotPropsBase {
+    option: ComboboxFlattenOptionType;
 }
-export interface ComboboxOptionSlots {
-    trailing?: (data: ComboboxOptionSlotProps) => never;
-    leading?: (data: ComboboxOptionSlotProps) => never;
+export interface ComboboxOptionSlotProps extends MenuItemLeadingProps, ComboboxOptionSlotPropsBase {
 }
-interface ComboboxTriggerDefSlotProps {
+export interface ComboboxTriggerDefSlotProps {
     modelValue: string | string[] | undefined;
     open: boolean;
-    option?: ComboboxOptionType;
-    options?: ComboboxOptionType[];
+    option?: ComboboxFlattenOptionType;
+    options?: ComboboxFlattenOptionType[];
 }
-export interface ComboboxTriggerSlots {
+export interface ComboboxSlots {
     trigger?: (data: ComboboxTriggerDefSlotProps) => never;
     triggerTrailing?: (data: ComboboxTriggerDefSlotProps) => never;
-}
-export interface ComboboxSlots extends ComboboxTriggerSlots {
     empty?: (data?: object) => never;
     loading?: (data?: object) => never;
-    header?: (data: {
+    header?: (data?: {
         isEmpty: boolean;
         search: string | undefined;
     }) => never;
-    footer?: (data: {
+    footer?: (data?: {
         isEmpty: boolean;
         search: string | undefined;
     }) => never;
@@ -131,5 +154,6 @@ export interface ComboboxSlots extends ComboboxTriggerSlots {
     emptyImage?: (data?: object) => never;
     optionTrailing?: (data: ComboboxOptionSlotProps) => never;
     optionLeading?: (data: ComboboxOptionSlotProps) => never;
+    optionTitle?: (data: ComboboxOptionSlotPropsBase) => never;
+    optionDescription?: (data: ComboboxOptionSlotPropsBase) => never;
 }
-export {};