@lumx/vue 4.7.1-alpha.4 → 4.8.0-alpha.0

package/components/text-field/Stories/WithChips.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/text-field/TextField.d.ts

@@ -0,0 +1,64 @@
+import { TextFieldProps as UIProps, TextFieldPropsToOverride } from '@lumx/core/js/components/TextField/TextField';
+import { InputLabelProps } from '@lumx/core/js/components/InputLabel';
+import { CLASSNAME, COMPONENT_NAME } from '@lumx/core/js/components/TextField/constants';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type TextFieldProps = VueToJSXProps<UIProps, TextFieldPropsToOverride | 'chips'> & {
+    /** Native input id property (generated if not provided). */
+    id?: string;
+    /** Props to pass to the clear button. If not specified, the button won't be displayed. */
+    clearButtonProps?: {
+        label: string;
+        [key: string]: any;
+    };
+    /** Native input name property. */
+    name?: string;
+    /** Native input type (only when multiline is disabled). */
+    type?: string;
+    /** Minimum rows for textarea (only when multiline is enabled). */
+    minimumRows?: number;
+    /** Additional label props. */
+    labelProps?: InputLabelProps;
+};
+export declare const emitSchema: {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+    focus: (_event?: FocusEvent) => boolean;
+    blur: (_event?: FocusEvent) => boolean;
+    clear: (_event?: MouseEvent) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME };
+/**
+ * TextField component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const TextField: import('vue').DefineSetupFnComponent<TextFieldProps, {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+    focus: (_event?: FocusEvent) => boolean;
+    blur: (_event?: FocusEvent) => boolean;
+    clear: (_event?: MouseEvent) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "chips" | TextFieldPropsToOverride> & {
+    class?: string;
+} & {
+    /** Native input id property (generated if not provided). */
+    id?: string;
+    /** Props to pass to the clear button. If not specified, the button won't be displayed. */
+    clearButtonProps?: {
+        label: string;
+        [key: string]: any;
+    };
+    /** Native input name property. */
+    name?: string;
+    /** Native input type (only when multiline is disabled). */
+    type?: string;
+    /** Minimum rows for textarea (only when multiline is enabled). */
+    minimumRows?: number;
+    /** Additional label props. */
+    labelProps?: InputLabelProps;
+} & {
+    onBlur?: ((_event?: FocusEvent | undefined) => any) | undefined;
+    onChange?: ((value: string, _name?: string | undefined, _event?: Event | undefined) => any) | undefined;
+    onFocus?: ((_event?: FocusEvent | undefined) => any) | undefined;
+    onClear?: ((_event?: MouseEvent | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default TextField;

package/components/text-field/TextField.stories.d.ts

@@ -0,0 +1,101 @@
+declare const _default: {
+    component: any;
+    argTypes: {
+        clearButtonProps: {
+            control: boolean;
+        };
+        chips: {
+            control: boolean;
+        };
+        afterElement: {
+            control: boolean;
+        };
+        onClear: {
+            action: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    args: {
+        value: string;
+    };
+};
+export declare const Placeholder: {
+    args: {
+        value: string;
+        placeholder: string;
+    };
+};
+export declare const LabelAndHelper: {
+    args: {
+        label: string;
+        helper: string;
+        value: string;
+    };
+};
+export declare const CustomLabelAndHelper: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const NumberField: {
+    args: {
+        value: string;
+        type: string;
+    };
+};
+export declare const TextareaField: {
+    args: {
+        value: string;
+        multiline: boolean;
+        minimumRows: number;
+    };
+};
+export declare const Error: {
+    args: {
+        hasError: boolean;
+        error: string;
+        label: string;
+        helper: string;
+        value: string;
+    };
+};
+export declare const Valid: {
+    args: {
+        isValid: boolean;
+        label: string;
+        helper: string;
+        value: string;
+    };
+};
+export declare const MaxLength: {
+    args: {
+        value: string;
+        maxLength: number;
+        label: string;
+        helper: string;
+    };
+};
+export declare const WithAfterElement: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithChips: {
+    render: (args: any) => {
+        components: {
+            [x: string]: any;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        value: string;
+        label: string;
+        helper: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/text-field/index.d.ts

@@ -1,2 +1,3 @@
 export { default as RawInputText, type RawInputTextProps } from './RawInputText';
 export { default as RawInputTextarea, type RawInputTextareaProps } from './RawInputTextarea';
+export { default as TextField, type TextFieldProps } from './TextField';

package/components/uploader/Uploader.d.ts

@@ -0,0 +1,38 @@
+import { UploaderVariant, DEFAULT_PROPS, CLASSNAME, COMPONENT_NAME, UploaderProps as UIProps, UploaderPropsToOverride, UploaderSize } from '@lumx/core/js/components/Uploader';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+type VueFileInputProps = {
+    /** Accepted file types. */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Camera capture mode. */
+    capture?: boolean | 'user' | 'environment';
+    /** Native input id (generated if not provided). */
+    id?: string;
+};
+export type UploaderProps = VueToJSXProps<UIProps, UploaderPropsToOverride> & {
+    /** Handle file selection with a native input file. */
+    fileInputProps?: VueFileInputProps;
+};
+export declare const emitSchema: {
+    change: (_files: File[], _event?: Event) => boolean;
+};
+export type { UploaderSize };
+export { UploaderVariant, DEFAULT_PROPS, CLASSNAME, COMPONENT_NAME };
+/**
+ * Uploader component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Uploader: import('vue').DefineSetupFnComponent<UploaderProps, {
+    change: (_files: File[], _event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | UploaderPropsToOverride> & {
+    class?: string;
+} & {
+    /** Handle file selection with a native input file. */
+    fileInputProps?: VueFileInputProps;
+} & {
+    onChange?: ((_files: File[], _event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Uploader;

package/components/uploader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Uploader, type UploaderProps, type UploaderSize } from './Uploader';
+export { UploaderVariant } from './Uploader';

package/index.d.ts

@@ -22,6 +22,7 @@ export * from './components/radio-button';
 export * from './components/skeleton';
 export * from './components/switch';
 export * from './components/text-field';
+export * from './components/uploader';
 export * from './components/table';
 export * from './components/text';
 export * from './components/thumbnail';