@btst/stack 2.5.6 → 2.6.1

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1,78 @@
+import { Command as Command$1 } from 'cmdk';
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+
+interface Option {
+    value: string;
+    label: string;
+    disable?: boolean;
+    /** fixed option that can't be removed. */
+    fixed?: boolean;
+    /** Group the options by providing key. */
+    [key: string]: string | boolean | undefined;
+}
+interface MultipleSelectorProps {
+    value?: Option[];
+    defaultOptions?: Option[];
+    /** manually controlled options */
+    options?: Option[];
+    placeholder?: string;
+    /** Loading component. */
+    loadingIndicator?: React.ReactNode;
+    /** Empty component. */
+    emptyIndicator?: React.ReactNode;
+    /** Debounce time for async search. Only work with `onSearch`. */
+    delay?: number;
+    /**
+     * Only work with `onSearch` prop. Trigger search when `onFocus`.
+     * For example, when user click on the input, it will trigger the search to get initial options.
+     **/
+    triggerSearchOnFocus?: boolean;
+    /** async search */
+    onSearch?: (value: string) => Promise<Option[]>;
+    /**
+     * sync search. This search will not showing loadingIndicator.
+     * The rest props are the same as async search.
+     * i.e.: creatable, groupBy, delay.
+     **/
+    onSearchSync?: (value: string) => Option[];
+    onChange?: (options: Option[]) => void;
+    /** Limit the maximum number of selected options. */
+    maxSelected?: number;
+    /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */
+    onMaxSelected?: (maxLimit: number) => void;
+    /** Hide the placeholder when there are options selected. */
+    hidePlaceholderWhenSelected?: boolean;
+    disabled?: boolean;
+    /** Group the options base on provided key. */
+    groupBy?: string;
+    className?: string;
+    badgeClassName?: string;
+    /**
+     * First item selected is a default behavior by cmdk. That is why the default is true.
+     * This is a workaround solution by add a dummy item.
+     *
+     * @reference: https://github.com/pacocoursey/cmdk/issues/171
+     */
+    selectFirstItem?: boolean;
+    /** Allow user to create option when there is no option matched. */
+    creatable?: boolean;
+    /** Props of `Command` */
+    commandProps?: React.ComponentPropsWithoutRef<typeof Command>;
+    /** Props of `CommandInput` */
+    inputProps?: Omit<React.ComponentPropsWithoutRef<typeof Command$1.Input>, "value" | "placeholder" | "disabled">;
+    /** hide the clear all button. */
+    hideClearAllButton?: boolean;
+}
+interface MultipleSelectorRef {
+    selectedValue: Option[];
+    input: HTMLInputElement;
+    focus: () => void;
+    reset: () => void;
+}
+declare const MultipleSelector: React.ForwardRefExoticComponent<MultipleSelectorProps & React.RefAttributes<MultipleSelectorRef>>;
+
+export { MultipleSelector };
+export type { MultipleSelectorRef, Option };

package/dist/components/multi-select/index.mjs

@@ -0,0 +1 @@
+export { default as MultipleSelector } from '../../packages/ui/src/components/multi-select.mjs';

package/dist/components/search-select/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const searchSelect = require('../../packages/ui/src/components/search-select.cjs');
+
+
+
+exports.SearchSelect = searchSelect;

package/dist/components/search-select/index.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Option {
+    value: string;
+    label: string;
+}
+declare function SearchSelect({ options, value, onChange, placeholder, emptyMessage, }: {
+    options: Option[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    emptyMessage?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SearchSelect };

package/dist/components/search-select/index.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Option {
+    value: string;
+    label: string;
+}
+declare function SearchSelect({ options, value, onChange, placeholder, emptyMessage, }: {
+    options: Option[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    emptyMessage?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SearchSelect };

package/dist/components/search-select/index.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Option {
+    value: string;
+    label: string;
+}
+declare function SearchSelect({ options, value, onChange, placeholder, emptyMessage, }: {
+    options: Option[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    emptyMessage?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { SearchSelect };

package/dist/components/search-select/index.mjs

@@ -0,0 +1 @@
+export { default as SearchSelect } from '../../packages/ui/src/components/search-select.mjs';

package/dist/components/stepped-auto-form/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const steppedAutoForm = require('../../packages/ui/src/components/auto-form/stepped-auto-form.cjs');
+
+
+
+exports.SteppedAutoForm = steppedAutoForm.default;

package/dist/components/stepped-auto-form/index.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+import { a as FieldConfig } from '../../shared/stack.fdi94T4S.cjs';
+import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.cjs';
+
+interface StepperComponentProps {
+    steps: Array<{
+        id: string;
+        label: string;
+    }>;
+    currentStepIndex: number;
+    currentStepId: string;
+    onStepClick?: (stepId: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+interface SteppedAutoFormProps<SchemaType extends ZodObjectOrWrapped> {
+    formSchema: SchemaType;
+    values?: Partial<z.infer<SchemaType>>;
+    onValuesChange?: (values: Partial<z.infer<SchemaType>>, form?: UseFormReturn<z.infer<SchemaType>>) => void;
+    onSubmit?: (values: z.infer<SchemaType>) => void;
+    fieldConfig?: FieldConfig<z.infer<SchemaType>>;
+    children?: React__default.ReactNode;
+    className?: string;
+    nextButtonText?: string;
+    backButtonText?: string;
+    submitButtonText?: string;
+    StepperComponent?: React__default.ComponentType<StepperComponentProps>;
+    /** Whether the form is currently submitting. Disables submit/next buttons to prevent duplicate submissions. */
+    isSubmitting?: boolean;
+}
+declare function SteppedAutoForm<SchemaType extends ZodObjectOrWrapped>({ formSchema, values: initialValues, onValuesChange, onSubmit, fieldConfig, children, className, nextButtonText, backButtonText, submitButtonText, StepperComponent, isSubmitting, }: SteppedAutoFormProps<SchemaType>): react_jsx_runtime.JSX.Element | null;
+
+export { SteppedAutoForm };
+export type { SteppedAutoFormProps, StepperComponentProps };

package/dist/components/stepped-auto-form/index.d.mts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+import { a as FieldConfig } from '../../shared/stack.fdi94T4S.mjs';
+import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.mjs';
+
+interface StepperComponentProps {
+    steps: Array<{
+        id: string;
+        label: string;
+    }>;
+    currentStepIndex: number;
+    currentStepId: string;
+    onStepClick?: (stepId: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+interface SteppedAutoFormProps<SchemaType extends ZodObjectOrWrapped> {
+    formSchema: SchemaType;
+    values?: Partial<z.infer<SchemaType>>;
+    onValuesChange?: (values: Partial<z.infer<SchemaType>>, form?: UseFormReturn<z.infer<SchemaType>>) => void;
+    onSubmit?: (values: z.infer<SchemaType>) => void;
+    fieldConfig?: FieldConfig<z.infer<SchemaType>>;
+    children?: React__default.ReactNode;
+    className?: string;
+    nextButtonText?: string;
+    backButtonText?: string;
+    submitButtonText?: string;
+    StepperComponent?: React__default.ComponentType<StepperComponentProps>;
+    /** Whether the form is currently submitting. Disables submit/next buttons to prevent duplicate submissions. */
+    isSubmitting?: boolean;
+}
+declare function SteppedAutoForm<SchemaType extends ZodObjectOrWrapped>({ formSchema, values: initialValues, onValuesChange, onSubmit, fieldConfig, children, className, nextButtonText, backButtonText, submitButtonText, StepperComponent, isSubmitting, }: SteppedAutoFormProps<SchemaType>): react_jsx_runtime.JSX.Element | null;
+
+export { SteppedAutoForm };
+export type { SteppedAutoFormProps, StepperComponentProps };

package/dist/components/stepped-auto-form/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+import { a as FieldConfig } from '../../shared/stack.fdi94T4S.js';
+import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.js';
+
+interface StepperComponentProps {
+    steps: Array<{
+        id: string;
+        label: string;
+    }>;
+    currentStepIndex: number;
+    currentStepId: string;
+    onStepClick?: (stepId: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+interface SteppedAutoFormProps<SchemaType extends ZodObjectOrWrapped> {
+    formSchema: SchemaType;
+    values?: Partial<z.infer<SchemaType>>;
+    onValuesChange?: (values: Partial<z.infer<SchemaType>>, form?: UseFormReturn<z.infer<SchemaType>>) => void;
+    onSubmit?: (values: z.infer<SchemaType>) => void;
+    fieldConfig?: FieldConfig<z.infer<SchemaType>>;
+    children?: React__default.ReactNode;
+    className?: string;
+    nextButtonText?: string;
+    backButtonText?: string;
+    submitButtonText?: string;
+    StepperComponent?: React__default.ComponentType<StepperComponentProps>;
+    /** Whether the form is currently submitting. Disables submit/next buttons to prevent duplicate submissions. */
+    isSubmitting?: boolean;
+}
+declare function SteppedAutoForm<SchemaType extends ZodObjectOrWrapped>({ formSchema, values: initialValues, onValuesChange, onSubmit, fieldConfig, children, className, nextButtonText, backButtonText, submitButtonText, StepperComponent, isSubmitting, }: SteppedAutoFormProps<SchemaType>): react_jsx_runtime.JSX.Element | null;
+
+export { SteppedAutoForm };
+export type { SteppedAutoFormProps, StepperComponentProps };

package/dist/components/stepped-auto-form/index.mjs

@@ -0,0 +1 @@
+export { default as SteppedAutoForm } from '../../packages/ui/src/components/auto-form/stepped-auto-form.mjs';