@casinogate/ui 2.0.1 → 2.0.2

package/dist/composed/combobox/creatable/combobox.creatable.svelte

@@ -103,12 +103,12 @@
   async function onSelectItem(nextValue: string | string[], item: TItem | null) {
     if (isCreateOption(item)) {
       const currentValue = Array.isArray(value) ? value : [];
+      searchValue = '';
       const createdItem = await onCreate(item.inputValue);
       const createdValue = isMultiple ? [...currentValue, createdItem.value] : createdItem.value;
 
       createdItems = [...createdItems.filter((created) => created.value !== createdItem.value), createdItem];
       value = createdValue;
-      searchValue = '';
       onSelect(createdValue, createdItem);
       return;
     }

package/dist/composed/combobox/types.d.ts

@@ -1,7 +1,7 @@
-import type { SELECTION_TYPE } from '../../internal/constants/selection-type.js';
-import type { Snippet } from 'svelte';
 import type { CommandGroup, CommandItem, CommandProps } from '../command/index.js';
+import type { SELECTION_TYPE } from '../../internal/constants/selection-type.js';
 import type { PrimitivePopoverRootProps } from '../../primitives/popover/types.js';
+import type { Snippet } from 'svelte';
 import type { ComboboxTriggerVariantsProps } from './styles.js';
 export type ComboboxRootProps = PrimitivePopoverRootProps;
 export type ComboboxItem = CommandItem & {
@@ -41,11 +41,11 @@ type ComboboxBaseProps<TItem extends ComboboxItem = ComboboxItem> = PrimitivePop
     /** Callback when selection changes */
     onSelect?: (value: string | string[], item: TItem | null) => void;
 };
-type ComboboxSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
-    type?: typeof SELECTION_TYPE.SINGLE;
+export type ComboboxSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
+    type: typeof SELECTION_TYPE.SINGLE;
     value?: string;
 };
-type ComboboxMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
+export type ComboboxMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
     type: typeof SELECTION_TYPE.MULTIPLE;
     value?: string[];
 };
@@ -55,11 +55,11 @@ type ComboboxCreatableBaseProps<TItem extends ComboboxItem = ComboboxItem> = Com
     isCreatable?: (inputValue: string, items: TItem[]) => boolean;
     onCreate: (inputValue: string) => TItem | Promise<TItem>;
 };
-type ComboboxCreatableSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxCreatableBaseProps<TItem> & {
-    type?: typeof SELECTION_TYPE.SINGLE;
+export type ComboboxCreatableSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxCreatableBaseProps<TItem> & {
+    type: typeof SELECTION_TYPE.SINGLE;
     value?: string;
 };
-type ComboboxCreatableMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxCreatableBaseProps<TItem> & {
+export type ComboboxCreatableMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxCreatableBaseProps<TItem> & {
     type: typeof SELECTION_TYPE.MULTIPLE;
     value?: string[];
 };
@@ -115,12 +115,12 @@ type ComboboxAsyncBaseProps<TItem extends ComboboxItem> = Omit<ComboboxBaseProps
     clearOnDependencyChange?: boolean;
     onDependencyChange?: (value: unknown) => void;
 };
-type ComboboxAsyncSingleProps<TItem extends ComboboxItem> = ComboboxAsyncBaseProps<TItem> & {
-    /** Selection mode (default: 'single') */
-    type?: 'single';
+export type ComboboxAsyncSingleProps<TItem extends ComboboxItem> = ComboboxAsyncBaseProps<TItem> & {
+    /** Selection mode */
+    type: 'single';
     value?: string;
 };
-type ComboboxAsyncMultipleProps<TItem extends ComboboxItem> = ComboboxAsyncBaseProps<TItem> & {
+export type ComboboxAsyncMultipleProps<TItem extends ComboboxItem> = ComboboxAsyncBaseProps<TItem> & {
     /** Selection mode */
     type: 'multiple';
     value?: string[];

package/dist/primitives/combobox/components/combobox.item.svelte

@@ -7,30 +7,16 @@
   let { item, children: childSnippet }: ComboboxItemProps<TItem> = $props();
 
   const rootState = ComboboxRootState.get<TItem>();
-  const itemValue = $derived(item.value);
-  const selected = $derived(rootState.isSelected(itemValue));
-  const itemAttrs = $derived.by(() => {
-    const {
-      value,
-      label: _,
-      icon: __,
-      shortcut: ___,
-      onSelect,
-      key: ____,
-      preventSelect: _____,
-      __creatable: ______,
-      inputValue: _______,
-      ...restItem
-    } = item;
-
-    return {
-      value,
-      onSelect: () => {
-        onSelect?.();
-        rootState.selectItem(item);
-      },
-      ...restItem,
-    };
+  const selected = $derived(rootState.isSelected(item.value));
+  const itemAttrs = $derived({
+    value: item.value,
+    keywords: item.keywords,
+    disabled: item.disabled,
+    class: item.class,
+    onSelect: () => {
+      item.onSelect?.();
+      rootState.selectItem(item);
+    },
   });
 </script>
 

package/dist/primitives/combobox/components/combobox.root.svelte

@@ -13,24 +13,9 @@
     searchValue = $bindable(''),
     type,
     items = [],
-    groups: _groups = [],
-    empty: _empty,
     placeholder = 'Select an option',
-    searchPlaceholder: _searchPlaceholder,
-    portalDisabled: _portalDisabled,
     allowDeselect = true,
-    triggerClass: _triggerClass,
-    contentClass: _contentClass,
     closeOnSelect,
-    maxContentHeight: _maxContentHeight,
-    clearable: _clearable,
-    trigger: _triggerSnippet,
-    item: _itemSnippet,
-    label: _labelSnippet,
-    size: _size,
-    variant: _variant,
-    rounded: _rounded,
-    fullWidth: _fullWidth,
     onSelect = noop,
     children,
     ...restProps
@@ -60,7 +45,7 @@
     placeholder: boxWith(() => placeholder),
     allowDeselect: boxWith(() => allowDeselect),
     closeOnSelect: boxWith(() => closeOnSelect),
-    onSelect,
+    onSelect: onSelect as unknown as (value: string | string[], item: TItem | null) => void,
   });
 
   if (value === undefined) {

package/dist/primitives/combobox/components/combobox.svelte.d.ts

@@ -6,7 +6,7 @@ type ComboboxRootStateOpts<TItem extends ComboboxItem> = WritableBoxedValues<{
     value: string | string[] | undefined;
     searchValue: string;
 }> & ReadableBoxedValues<{
-    type: typeof SELECTION_TYPE.SINGLE | typeof SELECTION_TYPE.MULTIPLE | undefined;
+    type: typeof SELECTION_TYPE.SINGLE | typeof SELECTION_TYPE.MULTIPLE;
     items: TItem[];
     placeholder: string;
     allowDeselect: boolean;

package/dist/primitives/combobox/types.d.ts

@@ -1,8 +1,7 @@
 import type { SELECTION_TYPE } from '../../internal/constants/selection-type.js';
 import type { Component, Snippet } from 'svelte';
 import type { CommandEmptyProps, CommandGroupHeadingProps, CommandGroupItemsProps, CommandGroupProps, CommandInputProps, CommandListProps, CommandSeparatorProps, CommandViewportProps } from '../command/types.js';
-import type { PrimitivePopoverContentProps, PrimitivePopoverPortalProps } from '../popover/types.js';
-import type { PrimitivePopoverRootProps } from '../popover/types.js';
+import type { PrimitivePopoverContentProps, PrimitivePopoverPortalProps, PrimitivePopoverRootProps } from '../popover/types.js';
 import type { ComboboxTriggerVariantsProps } from './styles.js';
 export type ComboboxItem = {
     value: string;
@@ -19,53 +18,26 @@ export type ComboboxItem = {
     key?: string | number;
     preventSelect?: boolean;
     onSelect?: () => void;
-    [key: string]: unknown;
-};
-export type ComboboxGroup = {
-    value: string;
-    label?: string;
-    order?: number;
-    separator?: boolean;
 };
 export type ComboboxEmptySnippet = Snippet<[{
     props: Record<string, unknown>;
 }]>;
-type ComboboxBaseProps<TItem extends ComboboxItem = ComboboxItem> = PrimitivePopoverRootProps & Partial<ComboboxTriggerVariantsProps> & {
+type ComboboxBaseProps<TItem extends ComboboxItem = ComboboxItem> = PrimitivePopoverRootProps & {
     items?: TItem[];
-    groups?: ComboboxGroup[];
-    empty?: ComboboxEmptySnippet | string;
     placeholder?: string;
-    searchPlaceholder?: string;
     searchValue?: string;
-    portalDisabled?: boolean;
     allowDeselect?: boolean;
-    triggerClass?: string;
-    contentClass?: string;
     closeOnSelect?: boolean;
-    maxContentHeight?: string;
-    clearable?: boolean;
-    trigger?: Snippet<[{
-        props: Record<string, unknown>;
-        displayValue: string;
-    }]>;
-    item?: Snippet<[{
-        item: TItem;
-        props: Record<string, unknown>;
-    }]>;
-    label?: Snippet<[{
-        placeholder: string;
-        value: string | string[];
-        selectedItems: TItem[];
-    }]>;
-    onSelect?: (value: string | string[], item: TItem | null) => void;
 };
-type ComboboxSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
-    type?: typeof SELECTION_TYPE.SINGLE;
+export type ComboboxSingleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
+    type: typeof SELECTION_TYPE.SINGLE;
     value?: string;
+    onSelect?: (value: string, item: TItem | null) => void;
 };
-type ComboboxMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
+export type ComboboxMultipleProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxBaseProps<TItem> & {
     type: typeof SELECTION_TYPE.MULTIPLE;
     value?: string[];
+    onSelect?: (value: string[], item: TItem | null) => void;
 };
 export type ComboboxRootProps<TItem extends ComboboxItem = ComboboxItem> = ComboboxSingleProps<TItem> | ComboboxMultipleProps<TItem>;
 export type ComboboxTriggerProps = ComboboxTriggerVariantsProps & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",