@pantograph/vue 0.34.6 → 0.34.7

package/dist/components/ActionButton/index.d.ts

@@ -1,6 +1,6 @@
 import { default as ActionButton, ActionButtonProps, ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS } from './ActionButton';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { ActionButton, type ActionButtonProps, type ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS, };
+export { ActionButton, type ActionButtonProps, type ActionButtonSlots, ACTION_BUTTON_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         ActionButton: DefineComponent<ActionButtonProps, ActionButtonSlots>;

package/dist/components/Alert/index.d.ts

@@ -1,6 +1,6 @@
 import { default as Alert, AlertProps, AlertEmits, AlertSlots, ALERT_DEFAULT_PROPS } from './Alert';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { Alert, type AlertProps, type AlertEmits, type AlertSlots, ALERT_DEFAULT_PROPS, };
+export { Alert, type AlertProps, type AlertEmits, type AlertSlots, ALERT_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         Alert: DefineComponent<AlertProps, AlertSlots, AlertEmits>;

package/dist/components/Banner/index.d.ts

@@ -1,6 +1,6 @@
 import { default as Banner, BannerProps, BannerEmits, BannerSlots, BANNER_DEFAULT_PROPS } from './Banner';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { Banner, type BannerProps, type BannerEmits, type BannerSlots, BANNER_DEFAULT_PROPS, };
+export { Banner, type BannerProps, type BannerEmits, type BannerSlots, BANNER_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         Banner: DefineComponent<BannerProps, BannerSlots, BannerEmits>;

package/dist/components/ChipGroup/ChipGroup.d.ts

@@ -60,6 +60,11 @@ export interface ChipGroupProps {
      * @default true
      */
     closeable?: boolean;
+    /**
+     * Event that triggers the close action
+     * @default 'click'
+     */
+    closeTrigger?: 'pointer' | 'click';
 }
 /**
  * Slots for the ChipGroup component

package/dist/components/Combobox/Combobox.d.ts

@@ -26,13 +26,16 @@ export declare const COMBO_BOX_DEFAULT_PROPS: {
     readonly resetSearchTermOnBlur: true;
     readonly resetSearchTermOnSelect: false;
     readonly selectedItemIconAsTrailingIcon: true;
+    readonly showTreeTagStrategy: "all";
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxProps, {
+    displaySelectedKeys: import('vue').ComputedRef<string[]>;
     isOptionSelected: (value?: string | undefined) => boolean;
     getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getSingleByValue: (value: string) => boolean;
-    focusOnInput: () => void;
+    focusOnInput: (e?: PointerEvent | undefined) => void;
+    removeValue: (value?: string | number | undefined) => void;
     getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
     getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
     getDisabled: import('vue').ComputedRef<boolean>;
@@ -118,6 +121,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     resetSearchTermOnSelect: boolean;
     noValueOnPlaceholder: boolean;
     tagRenderMode: "go" | "avatar" | "chip";
+    showTreeTagStrategy: "all" | "child" | "parent";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollContainerRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -426,6 +430,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
             readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
             readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+            readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
             readonly groupName?: string | ((node?: object | undefined) => string) | undefined;
             readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
                 onMove?: ((evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | void | 1 | -1) | undefined;

package/dist/components/Combobox/Combobox.model.d.ts

@@ -14,3 +14,11 @@ export declare const ComboboxStatuses: readonly ["error", "warning", "success",
  * Type representing the possible combobox statuses
  */
 export type ComboboxStatus = (typeof ComboboxStatuses)[number];
+/**
+ * Array of available tree tag strategies
+ */
+export declare const ComboboxTreeTagStrategies: readonly ["all", "parent", "child"];
+/**
+ * Type representing the possible tree tag strategies
+ */
+export type ComboboxTreeTagStrategy = (typeof ComboboxTreeTagStrategies)[number];

package/dist/components/Combobox/context.d.ts

@@ -1,13 +1,15 @@
-import { ComboboxFlattenOptionType, ComboboxProps, ComboboxEmits, ComboboxSlots, ComboboxOptionType } from './types';
-import { EmitFn, ComputedRef, Ref } from 'vue';
-import { ComboboxSize, ComboboxStatus } from './Combobox.model';
 import { CollectionMap, CollectionMapItem } from '@pantograph/utils-vue';
+import { ComputedRef, EmitFn, Ref } from 'vue';
+import { ComboboxSize, ComboboxStatus } from './Combobox.model';
+import { ComboboxEmits, ComboboxFlattenOptionType, ComboboxOptionType, ComboboxProps, ComboboxSlots } from './types';
 export interface ComboboxContext {
+    displaySelectedKeys: ComputedRef<string[]>;
     isOptionSelected: (value?: string) => boolean;
     getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getSingleByValue: (value: string) => boolean;
-    focusOnInput: () => void;
+    focusOnInput: (e?: PointerEvent) => void;
+    removeValue: (value?: string | number) => void;
     getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
     getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
     getDisabled: ComputedRef<boolean>;

package/dist/components/Combobox/types.d.ts

@@ -1,18 +1,19 @@
-import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
-import { SkeletonProps } from '../Skeleton';
-import { ComboboxSize, ComboboxStatus } from './Combobox.model';
+import { OptionGetter } from '@pantograph/utils';
 import { EmitToProp } from '@pantograph/utils-vue';
-import { ScrollContainerProps } from '../ScrollContainer';
-import { EmptyProps } from '../Empty';
 import { ClassValue } from 'clsx';
+import { ChipSlotProps } from '../Chip';
+import { EmptyProps } from '../Empty';
+import { MenuItemProps } from '../MenuItem';
+import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
+import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
+import { ScrollContainerProps } from '../ScrollContainer';
+import { SkeletonProps } from '../Skeleton';
 import { TreeEmits, TreeProps } from '../Tree';
-import { OptionGetter } from '@pantograph/utils';
 import { FlattenItem } from '../Tree/utils';
-import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
-import { MenuItemProps } from '../MenuItem';
+import { ComboboxSize, ComboboxStatus, ComboboxTreeTagStrategy } from './Combobox.model';
 import { ComboboxInputProps } from './ComboboxInput';
-import { ChipSlotProps } from '../Chip';
 export type ComboboxDefOptionType = {
+    hidden?: boolean;
     disabled?: boolean;
     label?: string;
     description?: string;
@@ -35,6 +36,7 @@ export type ComboboxFlattenOptionType = FlattenItem & {
     _divider?: boolean;
     _id?: string;
     _custom?: boolean;
+    _hidden?: boolean;
 };
 export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' | 'containerProps' | 'reversePlacementOnDir' | 'open' | 'defaultOpen' | 'zIndex' | 'to' | 'sideOffset' | 'alignOffset' | 'reference' | 'prioritizePosition' | 'avoidCollisions' | 'dir' | 'noTrigger' | 'ignoreParentTo' | 'disableOutsidePointerEvents'>> {
     modelValue?: string | string[];
@@ -55,6 +57,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     getTagProps?: (option?: ComboboxFlattenOptionType) => Record<string, any>;
     tree?: boolean;
     treeProps?: Omit<TreeProps, 'modelValue' | 'checkedKeys' | 'expandedKeys'>;
+    showTreeTagStrategy?: ComboboxTreeTagStrategy;
     contentFit?: boolean;
     wrapped?: boolean;
     sortSelectedItems?: boolean;
@@ -76,6 +79,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
     getClear?: OptionGetter<boolean>;
     getOptions?: OptionGetter<ComboboxOptionType[]>;
     getIcon?: OptionGetter;
+    getHidden?: OptionGetter<boolean>;
     loading?: boolean;
     skeletonProps?: SkeletonProps & Record<string, any>;
     loadingRowCount?: number;

package/dist/components/Comment/CommentMention.d.ts

@@ -30,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     resetSearchTermOnSelect: boolean;
     noValueOnPlaceholder: boolean;
     tagRenderMode: "go" | "avatar" | "chip";
+    showTreeTagStrategy: "all" | "child" | "parent";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     comboboxRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -53,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getTagProps?: ((option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => Record<string, any>) | undefined;
             readonly tree?: boolean | undefined;
             readonly treeProps?: Omit<import('../Tree').TreeProps, "modelValue" | "checkedKeys" | "expandedKeys"> | undefined;
+            readonly showTreeTagStrategy?: "all" | "child" | "parent" | undefined;
             readonly contentFit?: boolean | undefined;
             readonly wrapped?: boolean | undefined;
             readonly sortSelectedItems?: boolean | undefined;
@@ -74,6 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             readonly getClear?: import('@pantograph/utils').OptionGetter<boolean> | undefined;
             readonly getOptions?: import('@pantograph/utils').OptionGetter<ComboboxOptionType[]> | undefined;
             readonly getIcon?: import('@pantograph/utils').OptionGetter | undefined;
+            readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean> | undefined;
             readonly loading?: boolean | undefined;
             readonly skeletonProps?: (import('../Skeleton').SkeletonProps & Record<string, any>) | undefined;
             readonly loadingRowCount?: number | undefined;
@@ -458,6 +461,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
                     readonly getSwitcherIcon?: import('@pantograph/utils').OptionGetter<string | undefined> | undefined;
                     readonly getDisabled?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
                     readonly getChildren?: import('@pantograph/utils').OptionGetter<object[] | undefined> | undefined;
+                    readonly getHidden?: import('@pantograph/utils').OptionGetter<boolean | undefined> | undefined;
                     readonly groupName?: string | ((node?: object | undefined) => string) | undefined;
                     readonly sortableProps?: (Omit<import('@pantograph/sortable').SortableOptions, "onMove"> & {
                         onMove?: ((evt: import('../Tree').TreeDragMoveEvent, originalEvent: Event) => boolean | void | 1 | -1) | undefined;
@@ -662,11 +666,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
             onFetch?: (() => any) | undefined;
         }>, {
+            displaySelectedKeys: import('vue').ComputedRef<string[]>;
             isOptionSelected: (value?: string | undefined) => boolean;
             getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
             getLabelByValue: (value: string) => string | undefined;
             getSingleByValue: (value: string) => boolean;
-            focusOnInput: () => void;
+            focusOnInput: (e?: PointerEvent | undefined) => void;
+            removeValue: (value?: string | number | undefined) => void;
             getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
             getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
             getDisabled: import('vue').ComputedRef<boolean>;
@@ -735,6 +741,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
             resetSearchTermOnSelect: boolean;
             noValueOnPlaceholder: boolean;
             tagRenderMode: "go" | "avatar" | "chip";
+            showTreeTagStrategy: "all" | "child" | "parent";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -780,6 +787,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         resetSearchTermOnSelect: boolean;
         noValueOnPlaceholder: boolean;
         tagRenderMode: "go" | "avatar" | "chip";
+        showTreeTagStrategy: "all" | "child" | "parent";
     }> & Omit<Readonly<ComboboxProps> & Readonly<{
         onSearch?: ((value?: string | null | undefined) => any) | undefined;
         onSelect?: ((value: string | undefined, selected: boolean, option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => any) | undefined;
@@ -797,12 +805,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         onKeydownEscape?: ((event: import('../Combobox').ComboboxKeydownEvent, search?: string | undefined, isEmpty?: boolean | undefined) => any) | undefined;
         "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
         onFetch?: (() => any) | undefined;
-    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
+    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode" | "showTreeTagStrategy") | "displaySelectedKeys" | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "removeValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
+        displaySelectedKeys: import('vue').ComputedRef<string[]>;
         isOptionSelected: (value?: string | undefined) => boolean;
         getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
         getLabelByValue: (value: string) => string | undefined;
         getSingleByValue: (value: string) => boolean;
-        focusOnInput: () => void;
+        focusOnInput: (e?: PointerEvent | undefined) => void;
+        removeValue: (value?: string | number | undefined) => void;
         getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
         getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
         getDisabled: import('vue').ComputedRef<boolean>;

package/dist/components/FloatButton/index.d.ts

@@ -1,6 +1,6 @@
 import { default as FloatButton, FloatButtonProps, FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS } from './FloatButton';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { FloatButton, type FloatButtonProps, type FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS, };
+export { FloatButton, type FloatButtonProps, type FloatButtonSlots, FLOAT_BUTTON_DEFAULT_PROPS };
 declare module 'vue' {
     interface GlobalComponents {
         FloatButton: DefineComponent<FloatButtonProps, FloatButtonSlots>;

package/dist/components/Popover/utils/usePopoverContext.d.ts

@@ -22,7 +22,6 @@ export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsPr
         size?: string | null | undefined;
         noPadding?: string | null | undefined;
     } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-    asChild: import('vue').ShallowRef<boolean, boolean>;
     rootOpenProp: import('vue').ComputedRef<{
         open: boolean | undefined;
         'onUpdate:open': (value: boolean) => void;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { TooltipContentEmits, TooltipTriggerProps, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui';
+import { TooltipContentEmits, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps } from 'reka-ui';
 import { GraphicalObjectProps, GraphicalObjectSlots } from '../GraphicalObject';
 import { PopoverBaseProps } from '../Popover';
 import { ShortcutProps } from '../Shortcut';

package/dist/components/Tree/types.d.ts

@@ -30,6 +30,8 @@ export type TreeNodeType = {
     noRotateSwitcherIcon?: boolean;
     /** Key of the node */
     key: string;
+    /** Whether the node is hidden */
+    hidden?: boolean;
 };
 /**
  * Type representing a flattened tree item
@@ -49,6 +51,8 @@ export type TreeItem = object & FlattenItem & {
     _loading?: boolean;
     /** Whether to not rotate the switcher icon */
     _noRotateSwitcherIcon?: boolean;
+    /** Whether the item is hidden */
+    _hidden?: boolean;
 };
 /**
  * Interface for extra parameters in tree drag events
@@ -166,6 +170,8 @@ export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | '
     getDisabled?: OptionGetter<boolean | undefined>;
     /** Function to get the children of a node */
     getChildren?: OptionGetter<object[] | undefined>;
+    /** Function to determine if a node is hidden */
+    getHidden?: OptionGetter<boolean | undefined>;
     /** Group name for drag and drop between trees */
     groupName?: string | ((node?: object) => string);
     /** Sortable options for drag and drop functionality */