@lumx/vue 4.6.1-alpha.0 → 4.7.0

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

@@ -0,0 +1,21 @@
+import { RawInputTextProps as UIProps } from '@lumx/core/js/components/TextField/RawInputText';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type RawInputTextProps = VueToJSXProps<UIProps>;
+export declare const emitSchema: {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+};
+/**
+ * Raw input text component.
+ * (input element without any decoration)
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RawInputText: import('vue').DefineSetupFnComponent<RawInputTextProps, {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    onChange?: ((value: string, _name?: string | undefined, _event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default RawInputText;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/TextField/RawInputText').RawInputTextProps>;
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithPlaceholder: {
+    args: {
+        placeholder: string;
+    };
+};

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

@@ -0,0 +1,21 @@
+import { RawInputTextareaProps as UIProps } from '@lumx/core/js/components/TextField/RawInputTextarea';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type RawInputTextareaProps = VueToJSXProps<UIProps>;
+export declare const emitSchema: {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+};
+/**
+ * Raw input textarea component.
+ * (textarea element without any decoration)
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const RawInputTextarea: import('vue').DefineSetupFnComponent<RawInputTextareaProps, {
+    change: (value: string, _name?: string, _event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    onChange?: ((value: string, _name?: string | undefined, _event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default RawInputTextarea;

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    component: any;
+    args: Partial<import('@lumx/core/js/components/TextField/RawInputTextarea').RawInputTextareaProps>;
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithPlaceholder: {
+    args: {
+        placeholder: string;
+    };
+};
+export declare const WithMinimumRows: {
+    args: {
+        rows: number;
+    };
+};

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

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

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

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+/**
+ * Fit textarea rows to its content.
+ */
+export declare function useFitRowsToContent(minimumRows: Ref<number>, textareaRef: Ref<HTMLTextAreaElement | null>, value: Ref<string | undefined>): Ref<number>;

package/index.d.ts

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