@wikicasa-dev/components 0.0.3 → 0.1.0

package/dist/UIKit/BaseFloatingLabel.vue.d.ts

@@ -0,0 +1,44 @@
+import { Nullable } from "@wikicasa-dev/types";
+type LabelState = "inline-label" | "floating-label";
+declare const _default: import("vue").DefineComponent<{
+    labelState: {
+        type: () => LabelState;
+        default: () => LabelState;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: () => Nullable<boolean>;
+    };
+    labelText: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    labelState: {
+        type: () => LabelState;
+        default: () => LabelState;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: () => Nullable<boolean>;
+    };
+    labelText: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    labelState: LabelState;
+    isValid: Nullable<boolean>;
+    disabled: string | boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import BaseInput from "./BaseInput.vue";
+declare const meta: Meta<typeof BaseInput>;
+export default meta;
+type Story = StoryObj<typeof BaseInput>;
+export declare const Primary: Story;

package/dist/UIKit/BaseInput.vue.d.ts

@@ -0,0 +1,133 @@
+import { Nullable, FeedbackLabels } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<{
+    inputClass: {
+        type: (StringConstructor | ArrayConstructor)[];
+        required: false;
+        default: string;
+    };
+    inputType: {
+        type: () => "text-input" | "select";
+        default: string;
+    };
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    auto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepFloatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatter: {
+        type: () => {
+            formatFn: (n: number | string) => string;
+            unFormatFn?: ((v: string) => string | number | boolean) | undefined;
+        };
+        default: null;
+    };
+}, {
+    labelState: import("vue").Ref<LabelState>;
+    setInitialLabelState: <T>(value: T) => void;
+    handleFocusIn: (autoFloating?: boolean | undefined) => void;
+    handleFocusOut: <T_1>(value: T_1, manual?: boolean | undefined, auto?: boolean | undefined) => void;
+    setInlineLabel: () => void;
+    setFloatingLabel: () => void;
+}, {
+    type: string;
+    feedbackObj: FeedbackLabels;
+    pointerDownListener: (e: Event) => void;
+}, {
+    passwordIcon(): Nullable<HTMLElement>;
+    inputEl(): HTMLInputElement;
+}, {
+    /**
+     * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
+     * */
+    setPointerOutListener(): void;
+    handleFloatingLabelClick(): void;
+    normalizeFeedbackProp(): void;
+    updateInputValue(inputEl: HTMLInputElement, value: string): Nullable<string>;
+    handleInputChange({ target }: Event): void;
+    handleClick(e: Event): void;
+    handleClean(): void;
+    handleShowPasswd(_: Event): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focusout" | "focusin" | "update:modelValue" | "keydown-enter-pressed")[], "click" | "focusout" | "focusin" | "update:modelValue" | "keydown-enter-pressed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inputClass: {
+        type: (StringConstructor | ArrayConstructor)[];
+        required: false;
+        default: string;
+    };
+    inputType: {
+        type: () => "text-input" | "select";
+        default: string;
+    };
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    auto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepFloatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatter: {
+        type: () => {
+            formatFn: (n: number | string) => string;
+            unFormatFn?: ((v: string) => string | number | boolean) | undefined;
+        };
+        default: null;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocusin?: ((...args: any[]) => any) | undefined;
+    onFocusout?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onKeydown-enter-pressed"?: ((...args: any[]) => any) | undefined;
+}, {
+    isValid: Nullable<boolean>;
+    labelText: string;
+    keepFloatingLabel: boolean;
+    inputClass: string | unknown[];
+    inputType: "select" | "text-input";
+    border: boolean;
+    auto: boolean;
+    formatter: {
+        formatFn: (n: number | string) => string;
+        unFormatFn?: ((v: string) => string | number | boolean) | undefined;
+    };
+}, {}>;
+export default _default;

package/dist/UIKit/BaseTextarea.vue.d.ts

@@ -0,0 +1,82 @@
+import { FeedbackLabels, Nullable } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<{
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    textAreaStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    labelState: import("vue").Ref<LabelState>;
+    setInitialLabelState: <T>(value: T) => void;
+    handleFocusIn: (autoFloating?: boolean | undefined) => void;
+    handleFocusOut: <T_1>(value: T_1, manual?: boolean | undefined, auto?: boolean | undefined) => void;
+}, {
+    value: string;
+}, {
+    textareaElem(): HTMLTextAreaElement;
+}, {
+    handleOnChange({ target }: Event): void;
+    handleFloatingLabelClick(): void;
+    disableTextarea(): void;
+    clearTextareaElem(): void;
+    disableAndFocusTextarea(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusout" | "focusin" | "update:modelValue")[], "focusout" | "focusin" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    textAreaStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocusin?: ((...args: any[]) => any) | undefined;
+    onFocusout?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    isValid: Nullable<boolean>;
+    labelText: string;
+    resize: boolean;
+    textAreaStyle: string;
+    isDisabled: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseToggle.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import BaseToggle from "./BaseToggle.vue";
+declare const meta: Meta<typeof BaseToggle>;
+export default meta;
+type Story = StoryObj<typeof BaseToggle>;
+export declare const WithLabel: Story;
+export declare const WithoutLabel: Story;

package/dist/components/HelloWorld.vue.d.ts

@@ -1,12 +1,2 @@
-declare const _default: import("vue").DefineComponent<{
-    msg: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    msg: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/base/BaseEmptyButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import BaseEmptyButton from "./BaseEmptyButton.vue";
+declare const meta: Meta<typeof BaseEmptyButton>;
+export default meta;
+type Story = StoryObj<typeof BaseEmptyButton>;
+export declare const Primary: Story;

package/dist/components/base/StaticSpinner.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import StaticSpinner from "./StaticSpinner.vue";
+declare const meta: Meta<typeof StaticSpinner>;
+export default meta;
+type Story = StoryObj<typeof StaticSpinner>;
+export declare const Primary: Story;

package/dist/components/input/TripleSelect.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import TripleSelect from "./TripleSelect.vue";
+declare const meta: Meta<typeof TripleSelect>;
+export default meta;
+type Story = StoryObj<typeof TripleSelect>;
+export declare const Primary: Story;