@economic/taco 2.40.0 → 2.40.1

package/dist/components/Provider/Localization.d.ts

@@ -0,0 +1,391 @@
+import * as React from 'react';
+import { Locale } from '../../types';
+import { CalendarTexts } from '../Calendar/Calendar';
+import { ComboboxTexts } from '../Combobox/Combobox';
+import { DialogTexts } from '../Dialog/Dialog';
+import { PaginationTexts } from '../Pagination/Pagination';
+import { ListboxTexts } from '../Listbox/Listbox';
+import { ToastsTexts } from '../Toast/Toast';
+import { DatepickerTexts } from '../Datepicker/Datepicker';
+import { HeaderTexts } from '../Header/Header';
+import { HangerTexts } from '../Hanger/Hanger';
+import { SelectTexts } from '../Select/Select';
+import { TourTexts } from '../Tour/Tour';
+import { LegacyTableTexts } from '../Table/Table';
+import { Table3Texts } from '../Table3/types';
+import { SearchInputTexts } from '../SearchInput/SearchInput';
+import { Select2Texts } from '../Select2/Select2';
+import { BannerTexts } from '../Banner/Banner';
+import { DrawerTexts } from '../Drawer/Drawer';
+import { TableTexts } from '../../primitives/Table/types';
+export declare type LocalizationTexts = {
+    /** Localized texts and aria-labels for [Banner](component:banner) component */
+    banner: BannerTexts;
+    /** Localized texts and aria-labels for [Calendar](component:calendar) component */
+    calendar: CalendarTexts;
+    /** Localized texts and aria-labels for [Combobox](component:combobox) component */
+    combobox: ComboboxTexts;
+    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */
+    datepicker: DatepickerTexts;
+    /** Localized texts and aria-labels for [Dialog](component:dialog) component */
+    dialog: DialogTexts;
+    /** Localized texts and aria-labels for [Hanger](component:hanger) component */
+    hanger: HangerTexts;
+    /** Localized texts and aria-labels for [Header](component:header) component */
+    header: HeaderTexts;
+    /** Localized texts and aria-labels for [Listbox](component:listbox) component */
+    listbox: ListboxTexts;
+    /** Localized texts and aria-labels for [Pagination](component:pagination) component */
+    pagination: PaginationTexts;
+    /** Localized texts and aria-labels for [Table](component:table) component */
+    legacyTable: LegacyTableTexts;
+    /** Localized texts and aria-labels for [Table](primitive:table) component */
+    table: TableTexts;
+    /** Localized texts and aria-labels for [Table3](component:table3) component */
+    table3: Table3Texts;
+    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */
+    searchInput: SearchInputTexts;
+    /** Localized texts and aria-labels for [Select](component:select) component */
+    select: SelectTexts;
+    /** Localized texts and aria-labels for [Select2](component:select2) component */
+    select2: Select2Texts;
+    /** Localized texts and aria-labels for [Toast](component:toast) component */
+    toasts: ToastsTexts;
+    /** Localized texts and aria-labels for [Tour](component:tour) component */
+    tour: TourTexts;
+    /** Localized texts and aria-labels for [Drawer](component:drawer) component */
+    drawer: DrawerTexts;
+};
+export declare type Localization = {
+    /**
+     * Provide the language code used in application.
+     * Default value is `en-GB`
+     */
+    locale: Locale;
+    /** Provide the texts and aria-labels for components used within the provider */
+    texts: LocalizationTexts;
+    /** Provide the formatting */
+    formatting: {
+        /** Default value is `dd.mm.yy` */
+        date: string;
+    };
+};
+export declare const defaultLocalisationTexts: {
+    banner: {
+        close: string;
+    };
+    calendar: {
+        months: string[];
+        weekdaysShort: string[];
+        weekdays: string[];
+        actions: {
+            previousMonth: string;
+            nextMonth: string;
+            previousYear: string;
+            nextYear: string;
+            today: string;
+        };
+    };
+    combobox: {
+        tooltip: string;
+    };
+    datepicker: {
+        calendar: string;
+        clear: string;
+        expand: string;
+        shortcuts: string;
+    };
+    dialog: {
+        close: string;
+        drag: string;
+    };
+    hanger: {
+        close: string;
+    };
+    header: {
+        addAgreement: string;
+        logout: string;
+        more: string;
+        new: string;
+        search: string;
+    };
+    listbox: {
+        loading: string;
+        empty: string;
+        allOption: string;
+    };
+    pagination: {
+        label: string;
+        pageSize: string;
+        showingXofYofTotal: string;
+        actions: {
+            firstPage: string;
+            firstPageWithShortcut: string;
+            previousPage: string;
+            previousPageWithShortcut: string;
+            nextPage: string;
+            nextPageWithShortcut: string;
+            lastPage: string;
+            lastPageWithShortcut: string;
+            pageX: string;
+        };
+    };
+    legacyTable: {
+        actions: string;
+        edit: string;
+        copy: string;
+        del: string;
+        newSubRow: string;
+        loading: string;
+    };
+    table: {
+        columns: {
+            actions: {
+                tooltip: string;
+            };
+            drag: {
+                tooltip: string;
+            };
+            expansion: {
+                collapse: string;
+                collapseAll: string;
+                expand: string;
+                expandAll: string;
+            };
+            menu: {
+                editFilter: string;
+                filter: string;
+                freezeFirstColumn: string;
+                freezeUptoColumn: string;
+                gotoRow: string;
+                hideColumn: string;
+                unfreezeColumns: string;
+                sorting: string;
+                sortingOrder: {
+                    ascending: string;
+                    descending: string;
+                    unsorted: string;
+                };
+            };
+            resize: {
+                tooltip: string;
+            };
+            select: {
+                deselect: string;
+                deselectAll: string;
+                select: string;
+                selectAll: string;
+            };
+        };
+        columnSettings: {
+            search: string;
+            tooltip: string;
+            button: string;
+            noResults: string;
+        };
+        filters: {
+            button: string;
+            buttons: {
+                addFilter: string;
+                clearFilters: string;
+                cancel: string;
+                clear: string;
+                apply: string;
+            };
+            comparators: {
+                contains: string;
+                doesNotContain: string;
+                isEqualTo: string;
+                isNotEqualTo: string;
+                isGreaterThan: string;
+                isLessThan: string;
+                isBetween: string;
+                isOneOf: string;
+                isNoneOf: string;
+                isAllOf: string;
+                isEmpty: string;
+                isNotEmpty: string;
+                isBefore: string;
+                isAfter: string;
+                isOnOrBefore: string;
+                isOnOrAfter: string;
+                isLessThanOrEqualTo: string;
+                isGreaterThanOrEqualTo: string;
+                hasAnyOf: string;
+                hasAllOf: string;
+                hasNoneOf: string;
+            };
+            conditions: {
+                and: string;
+                where: string;
+            };
+            emptyFilter: {
+                condition: string;
+                value: string;
+            };
+            hiddenColumn: string;
+            hiddenGroupedColumn: string;
+            tooltip: string;
+            total: string;
+        };
+        fontSize: {
+            tooltip: string;
+            sizes: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+        footer: {
+            summary: {
+                count: string;
+                records: string;
+                selected: string;
+            };
+        };
+        print: {
+            error: string;
+            loading: string;
+            tooltip: string;
+            warningDialog: {
+                title: string;
+                description: string;
+                checkboxVisibilityLabel: string;
+                cancelButtonText: string;
+                printButtonText: string;
+            };
+            settingsDialog: {
+                title: string;
+                size: string;
+                sizeA5: string;
+                sizeA4: string;
+                sizeA3: string;
+                sizeLetter: string;
+                sizeLegal: string;
+                orientation: string;
+                orientationLandscape: string;
+                orientationPortrait: string;
+                rows: string;
+                rowsAll: string;
+                rowsSelected: string;
+                layout: string;
+                layoutSplitGroups: string;
+            };
+        };
+        rowHeight: {
+            tooltip: string;
+            sizes: {
+                short: string;
+                medium: string;
+                tall: string;
+                extraTall: string;
+            };
+        };
+        search: {
+            excludeUnmatchedResults: string;
+            placeholder: string;
+        };
+        otherOptions: {
+            tooltip: string;
+        };
+    };
+    table3: {
+        editing: {
+            actions: {
+                tooltip: string;
+                save: string;
+                clear: string;
+                exit: string;
+            };
+            buttons: {
+                edit: {
+                    tooltip: string;
+                };
+                create: {
+                    label: string;
+                };
+            };
+            clearChangesConfirmationDialog: {
+                title: string;
+                description: string;
+                cancel: string;
+                confirm: string;
+            };
+            rowIndicator: {
+                rowWillMove: string;
+                rowWillBeHidden: string;
+                rowWillMoveReasonSearch: string;
+                rowWillMoveReasonFilter: string;
+                rowWillMoveReasonSorting: string;
+            };
+            saving: {
+                progress: string;
+                complete: string;
+            };
+            validation: {
+                alert: {
+                    titleOne: string;
+                    titlePlural: string;
+                    messageOne: string;
+                    messagePlural: string;
+                    messageRow: string;
+                    messageAnd: string;
+                };
+                resetFiltersDialog: {
+                    title: string;
+                    description: string;
+                    cancel: string;
+                    confirm: string;
+                };
+            };
+        };
+    };
+    searchInput: {
+        button: string;
+        findNext: string;
+        findPrevious: string;
+        placeholder: string;
+        clear: string;
+    };
+    select: {
+        allOptionsSelected: string;
+    };
+    select2: {
+        allSelect: string;
+        allDeselect: string;
+        cancel: string;
+        chooseColor: string;
+        create: string;
+        delete: string;
+        save: string;
+        search: string;
+        searchOrCreate: string;
+        selectAll: string;
+        selectAllResults: string;
+        deselectAll: string;
+        deselectAllResults: string;
+    };
+    toasts: {
+        dismiss: string;
+    };
+    tour: {
+        back: string;
+        close: string;
+        skip: string;
+        last: string;
+        next: string;
+        open: string;
+    };
+    drawer: {
+        close: string;
+        back: string;
+    };
+};
+export declare const defaultLocalizationContext: Localization;
+export declare const LocalizationContext: React.Context<Localization>;
+export interface LocalizationProviderProps {
+    children: React.ReactNode;
+    localization?: Localization;
+}
+export declare const LocalizationProvider: React.FC<LocalizationProviderProps>;
+export declare const useLocalization: () => Localization;

package/dist/components/Provider/Provider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Localization } from './Localization';
+export declare type TacoSettings = {
+    uniqueUserIdentifier: string;
+};
+export declare const TacoContext: React.Context<TacoSettings>;
+export declare type ProviderProps = {
+    /** Content would be your application */
+    children?: any;
+    /** Define localized texts and formatted data in your application */
+    localization?: Localization;
+    settings: TacoSettings;
+};
+export declare const Provider: (props: ProviderProps) => JSX.Element;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { Orientation } from '../../types';
+export declare type RadioGroupItemValue = string | number | boolean | null;
+export declare const getRadioGroupItemValueAsString: (value: RadioGroupItemValue) => string;
+export declare const findByValue: (values: RadioGroupItemValue[], valueAsString: string) => RadioGroupItemValue;
+export declare type RadioGroupItemProps<T = HTMLButtonElement> = Omit<React.ButtonHTMLAttributes<T>, 'children' | 'onSelect' | 'value'> & {
+    /** Label for the radio group item */
+    children: React.ReactNode;
+    disabled?: boolean;
+    /** Value of the radio button */
+    value: RadioGroupItemValue;
+};
+declare type ReactGroupBaseChild = React.ReactElement<RadioGroupItemProps> | boolean | null;
+declare type RadioGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {
+    children: ReactGroupBaseChild[];
+    disabled?: boolean;
+    invalid?: boolean;
+    /** The name of the radio group, used when submitting an HTML form */
+    name?: string;
+    /**
+     * Orientation of the radio group
+     * @defaultValue vertical
+     */
+    orientation?: Orientation;
+    required?: boolean;
+};
+interface UncontrolledRadioGroupProps extends RadioGroupBaseProps {
+    defaultValue?: RadioGroupItemValue;
+    onChange?: never;
+    value?: never;
+}
+interface ControlledRadioGroupProps extends RadioGroupBaseProps {
+    defaultValue?: never;
+    /** Handler called when the value changes */
+    onChange: (value: RadioGroupItemValue) => void;
+    /** The current value (controlled) */
+    value?: RadioGroupItemValue;
+}
+export declare type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;
+export declare type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    /** Item component rendered in a `RadioGroup` component */
+    Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;
+};
+export declare const useRadioGroup: (props: RadioGroupProps) => {
+    context: {
+        disabled: boolean;
+        invalid: boolean;
+    };
+    props: any;
+};
+export declare const RadioGroup: ForwardedRadioGroupWithStatics;
+export {};

package/dist/components/RadioGroup/util.d.ts

@@ -0,0 +1 @@
+export declare const getRadioClassnames: (disabled?: boolean, invalid?: boolean) => string;

package/dist/components/Report/Report.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ReportRef, ReportProps, ReportColumnProps, ReportGroupProps } from './types';
+declare function Column<TType = unknown>(_: ReportColumnProps<TType>): null;
+declare function Group(_: ReportGroupProps): null;
+export declare const Report: (<TType = unknown>(props: Pick<import("../..").TableProps<TType>, "length" | "loadAll" | "loadPage" | "pageSize" | "enableFiltering" | "enableSearch" | "enableSorting" | "enableColumnFreezing" | "enableColumnHiding" | "enableColumnResizing" | "enableRowExpansion" | "enableRowSelection" | "enableRowSelectionSingle" | "enableColumnOrdering" | "enableFontSize" | "enableFooter" | "enablePrinting" | "enableRowActions" | "enableRowActive" | "enableRowClick" | "enableRowDrag" | "enableRowDrop" | "enableRowGoto" | "enableRowHeight" | "enableSaveSettings" | "children" | "data" | "id" | "customSettings" | "defaultColumnFreezingIndex" | "defaultRowActiveIndex" | "defaultRowGroupColumnId" | "defaultSettings" | "emptyState" | "rowActions" | "rowActionsForGroup" | "rowActionsLength" | "rowExpansionRenderer" | "rowIdentityColumnId" | "shortcuts" | "toolbarLeft" | "toolbarRight" | "toolbarPanel" | "onRowClick" | "onRowDrag" | "onRowDrop" | "onRowGoto" | "onRowSelect" | "onChangeFilter" | "onChangeSearch" | "onChangeSettings" | "onChangeSort"> & React.RefAttributes<import("../..").TableRef>) => JSX.Element) & {
+    Column: typeof Column;
+    Group: typeof Group;
+};
+export type { ReportRef, ReportProps, ReportColumnProps, ReportGroupProps } from './types';

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

@@ -0,0 +1,5 @@
+import { TableProps, TableRef, TableColumnProps, TableGroupProps } from '../../primitives/Table/types';
+export declare type ReportRef = TableRef;
+export declare type ReportProps<TType = unknown> = Omit<TableProps<TType>, 'preset'>;
+export declare type ReportColumnProps<TType = unknown> = TableColumnProps<TType>;
+export declare type ReportGroupProps = TableGroupProps;

package/dist/components/Report/useReport.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TableRef } from '../../primitives/Table/types';
+import { useTableReturnValue } from '../../primitives/Table/Core/useTable';
+import { ReportProps } from './types';
+export declare function useReport<TType>(props: ReportProps<TType>, ref: React.Ref<TableRef>): useTableReturnValue<TType>;

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+export declare type ScrollbarProps = Omit<ScrollAreaPrimitive.ScrollAreaProps, 'scrollHideDelay'>;
+export declare const ScrollArea: (props: ScrollbarProps) => JSX.Element;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { InputProps } from '../Input/Input';
+export declare type SearchInputTexts = {
+    button: string;
+    clear: string;
+    findNext: string;
+    findPrevious: string;
+    placeholder: string;
+};
+export declare type SearchInputProps = Omit<InputProps, 'button' | 'icon' | 'prefix' | 'postfix'> & {
+    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */
+    onSearch?: (value: string | number | readonly string[] | undefined) => void;
+};
+export declare const SearchInput: React.ForwardRefExoticComponent<Pick<InputProps, "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "highlighted" | "invalid"> & {
+    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */
+    onSearch?: ((value: string | number | readonly string[] | undefined) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/SearchInput2/SearchInput2.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { KeyDownHandlerOptions } from '../../utils/keyboard';
+interface CommonSearchInput2Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'> {
+    loading?: boolean;
+    onChange: (value: string) => void;
+    onClear?: () => void;
+    settingsContent?: JSX.Element;
+    shortcut?: string | KeyDownHandlerOptions;
+    value?: string;
+}
+interface BasicSearchInput2Props extends CommonSearchInput2Props {
+    findCurrent?: never;
+    findTotal?: never;
+    onClickFindNext?: never;
+    onClickFindPrevious?: never;
+}
+interface ComplexSearchInput2Props extends CommonSearchInput2Props {
+    findCurrent: number | null;
+    findTotal: number | null;
+    onClickFindNext: () => void;
+    onClickFindPrevious: () => void;
+}
+export declare type SearchInput2Props = BasicSearchInput2Props | ComplexSearchInput2Props;
+export declare const SearchInput2: React.ForwardRefExoticComponent<(BasicSearchInput2Props & React.RefAttributes<HTMLInputElement>) | (ComplexSearchInput2Props & React.RefAttributes<HTMLInputElement>)>;
+export {};

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { ListboxProps } from '../Listbox/Listbox';
+import { ComboboxProps } from '../Combobox/Combobox';
+export declare type SelectTexts = {
+    /**
+     * The text displayed when all options are selected when multiselect mode in on.
+     */
+    allOptionsSelected: string;
+};
+export declare type BaseSelectProps = Omit<ListboxProps, 'dialog'> & Omit<ComboboxProps, 'inline'> & {
+    /**
+     * Allows to select multiple values.
+     * All the selected values will be combined in a comma-seperated string as the value of the input.
+     */
+    multiselect?: boolean;
+};
+export declare type SelectProps = BaseSelectProps & {
+    /**
+     * Creates an editable select.
+     * Setting this will render a inline Combobox which will display the provided data on click/focus,
+     * even if there is no value in the input.
+     * After user starts typing, matching data will be displayed.
+     */
+    editable?: boolean;
+};
+export declare const Select: React.ForwardRefExoticComponent<Pick<ListboxProps, "onChange" | "onFocus" | "defaultValue" | "value" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "data" | "emptyValue" | "highlighted" | "invalid" | "loading"> & Pick<ComboboxProps, "onChange" | "onFocus" | "defaultValue" | "value" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dialog" | "data" | "emptyValue" | "highlighted" | "invalid" | "loading" | "postfix" | "icon" | "onSearch"> & {
+    /**
+     * Allows to select multiple values.
+     * All the selected values will be combined in a comma-seperated string as the value of the input.
+     */
+    multiselect?: boolean | undefined;
+} & {
+    /**
+     * Creates an editable select.
+     * Setting this will render a inline Combobox which will display the provided data on click/focus,
+     * even if there is no value in the input.
+     * After user starts typing, matching data will be displayed.
+     */
+    editable?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Select/useSelect.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { SelectProps } from './Select';
+import { ListboxProps } from '../Listbox/Listbox';
+declare type InternalButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare type InternalListboxProps = ListboxProps & {
+    ref: React.ForwardedRef<HTMLInputElement>;
+};
+declare type InternalInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.ForwardedRef<HTMLInputElement>;
+};
+declare type useSelect = React.HtmlHTMLAttributes<HTMLDivElement> & {
+    button: InternalButtonProps;
+    listbox: InternalListboxProps;
+    input: InternalInputProps;
+    popover: Pick<PopoverPrimitive.PopoverProps, 'onOpenChange' | 'open'>;
+    text: string | JSX.Element;
+    more?: number;
+};
+export declare const useSelect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, data, defaultValue, disabled, emptyValue, id: nativeId, multiselect, onBlur, onClick, onChange, readOnly, tabIndex, value, ...otherProps }: SelectProps, ref: React.Ref<HTMLInputElement>) => useSelect;
+export {};