@luxfi/ui 6.1.2 → 7.0.0

package/dist/select.d.cts

@@ -0,0 +1,130 @@
+import * as RadixSelect from '@radix-ui/react-select';
+import * as React from 'react';
+
+interface ListCollection<T> {
+    items: Array<T>;
+}
+declare function createListCollection<T>(config: {
+    items: Array<T>;
+}): ListCollection<T>;
+type ViewMode = 'default' | 'compact';
+interface SelectOption<Value extends string = string> {
+    label: string;
+    renderLabel?: (place: 'item' | 'value-text') => React.ReactNode;
+    value: Value;
+    icon?: React.ReactNode;
+    afterElement?: React.ReactNode;
+}
+interface SelectRootProps {
+    children?: React.ReactNode;
+    collection?: ListCollection<SelectOption>;
+    defaultValue?: Array<string>;
+    value?: Array<string>;
+    onValueChange?: (details: {
+        value: Array<string>;
+        items: Array<SelectOption>;
+    }) => void;
+    onInteractOutside?: () => void;
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    size?: 'sm' | 'lg';
+    variant?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    positioning?: {
+        sameWidth?: boolean;
+        offset?: {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+    };
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    asChild?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    w?: string | Record<string, string>;
+    maxW?: string | Record<string, string>;
+    minW?: string | Record<string, string>;
+    hideFrom?: string;
+}
+declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectControlProps {
+    children?: React.ReactNode;
+    noIndicator?: boolean;
+    triggerProps?: React.ComponentPropsWithoutRef<typeof RadixSelect.Trigger> & {
+        asChild?: boolean;
+        px?: string | number;
+        className?: string;
+    };
+    loading?: boolean;
+    defaultValue?: Array<string>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectClearTriggerProps {
+    className?: string;
+}
+declare const SelectClearTrigger: React.ForwardRefExoticComponent<SelectClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps {
+    children?: React.ReactNode;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps {
+    item: SelectOption;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps {
+    children?: (items: Array<SelectOption>) => React.ReactNode;
+    placeholder?: string;
+    size?: SelectRootProps['size'];
+    required?: boolean;
+    invalid?: boolean;
+    errorText?: string;
+    mode?: ViewMode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectItemGroupProps {
+    children?: React.ReactNode;
+    label: React.ReactNode;
+    className?: string;
+}
+declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItemText: React.ForwardRefExoticComponent<RadixSelect.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectProps extends SelectRootProps {
+    collection: ListCollection<SelectOption>;
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    errorText?: string;
+    contentProps?: SelectContentProps;
+    contentHeader?: React.ReactNode;
+    itemFilter?: (item: SelectOption) => boolean;
+    mode?: ViewMode;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    loadOptions: (input: string, currentValue: Array<string>) => Promise<ListCollection<SelectOption>>;
+    extraControls?: React.ReactNode;
+    mode?: ViewMode;
+}
+declare const SelectAsync: React.ForwardRefExoticComponent<SelectAsyncProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ListCollection, Select, SelectAsync, type SelectAsyncProps, SelectClearTrigger, type SelectClearTriggerProps, SelectContent, type SelectContentProps, SelectControl, type SelectControlProps, SelectItem, SelectItemGroup, type SelectItemProps, SelectItemText, SelectLabel, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectValueText, type ViewMode, createListCollection };

package/dist/select.d.ts

@@ -0,0 +1,130 @@
+import * as RadixSelect from '@radix-ui/react-select';
+import * as React from 'react';
+
+interface ListCollection<T> {
+    items: Array<T>;
+}
+declare function createListCollection<T>(config: {
+    items: Array<T>;
+}): ListCollection<T>;
+type ViewMode = 'default' | 'compact';
+interface SelectOption<Value extends string = string> {
+    label: string;
+    renderLabel?: (place: 'item' | 'value-text') => React.ReactNode;
+    value: Value;
+    icon?: React.ReactNode;
+    afterElement?: React.ReactNode;
+}
+interface SelectRootProps {
+    children?: React.ReactNode;
+    collection?: ListCollection<SelectOption>;
+    defaultValue?: Array<string>;
+    value?: Array<string>;
+    onValueChange?: (details: {
+        value: Array<string>;
+        items: Array<SelectOption>;
+    }) => void;
+    onInteractOutside?: () => void;
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    size?: 'sm' | 'lg';
+    variant?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    positioning?: {
+        sameWidth?: boolean;
+        offset?: {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+    };
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    asChild?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    w?: string | Record<string, string>;
+    maxW?: string | Record<string, string>;
+    minW?: string | Record<string, string>;
+    hideFrom?: string;
+}
+declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectControlProps {
+    children?: React.ReactNode;
+    noIndicator?: boolean;
+    triggerProps?: React.ComponentPropsWithoutRef<typeof RadixSelect.Trigger> & {
+        asChild?: boolean;
+        px?: string | number;
+        className?: string;
+    };
+    loading?: boolean;
+    defaultValue?: Array<string>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectControl: React.ForwardRefExoticComponent<SelectControlProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectClearTriggerProps {
+    className?: string;
+}
+declare const SelectClearTrigger: React.ForwardRefExoticComponent<SelectClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps {
+    children?: React.ReactNode;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps {
+    item: SelectOption;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps {
+    children?: (items: Array<SelectOption>) => React.ReactNode;
+    placeholder?: string;
+    size?: SelectRootProps['size'];
+    required?: boolean;
+    invalid?: boolean;
+    errorText?: string;
+    mode?: ViewMode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectItemGroupProps {
+    children?: React.ReactNode;
+    label: React.ReactNode;
+    className?: string;
+}
+declare const SelectItemGroup: React.ForwardRefExoticComponent<SelectItemGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItemText: React.ForwardRefExoticComponent<RadixSelect.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectProps extends SelectRootProps {
+    collection: ListCollection<SelectOption>;
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    errorText?: string;
+    contentProps?: SelectContentProps;
+    contentHeader?: React.ReactNode;
+    itemFilter?: (item: SelectOption) => boolean;
+    mode?: ViewMode;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectAsyncProps extends Omit<SelectProps, 'collection'> {
+    placeholder: string;
+    portalled?: boolean;
+    loading?: boolean;
+    loadOptions: (input: string, currentValue: Array<string>) => Promise<ListCollection<SelectOption>>;
+    extraControls?: React.ReactNode;
+    mode?: ViewMode;
+}
+declare const SelectAsync: React.ForwardRefExoticComponent<SelectAsyncProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ListCollection, Select, SelectAsync, type SelectAsyncProps, SelectClearTrigger, type SelectClearTriggerProps, SelectContent, type SelectContentProps, SelectControl, type SelectControlProps, SelectItem, SelectItemGroup, type SelectItemProps, SelectItemText, SelectLabel, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectValueText, type ViewMode, createListCollection };