@naptics/vue-collection 0.0.6 → 0.1.0

package/components/NInputPhone.d.ts

@@ -1,150 +1,150 @@
 export declare const nInputPhoneProps: {
-    input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
+    readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
     };
-    form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: import("vue").PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
     };
-    type: {
-        type: StringConstructor;
-        default: string;
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
     };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: import("vue").PropType<() => void>;
-    onBlur: import("vue").PropType<() => void>;
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: import("vue").PropType<() => void>;
+    readonly onBlur: import("vue").PropType<() => void>;
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
 };
 /**
  * The `NInputPhone` autoformats phone numbers and checks if they are valid.
  */
 declare const _default: import("vue").DefineComponent<{
-    input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
+    readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
     };
-    form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: import("vue").PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
     };
-    type: {
-        type: StringConstructor;
-        default: string;
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
     };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: import("vue").PropType<() => void>;
-    onBlur: import("vue").PropType<() => void>;
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: import("vue").PropType<() => void>;
+    readonly onBlur: import("vue").PropType<() => void>;
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
+    readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
     };
-    form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: import("vue").PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
     };
-    type: {
-        type: StringConstructor;
-        default: string;
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
     };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: import("vue").PropType<() => void>;
-    onBlur: import("vue").PropType<() => void>;
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: import("vue").PropType<() => void>;
+    readonly onBlur: import("vue").PropType<() => void>;
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
 }>> & {}, {
-    small: boolean;
-    type: string;
-    tooltipHide: boolean;
-    tooltipShow: boolean;
-    tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    disabled: boolean;
-    error: boolean;
-    autocomplete: string;
-    hideLabel: boolean;
-    optional: boolean;
-    rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
-    hideErrorMessage: boolean;
-    disableBlurValidation: boolean;
+    readonly small: boolean;
+    readonly type: string;
+    readonly tooltipHide: boolean;
+    readonly tooltipShow: boolean;
+    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
+    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
+    readonly disabled: boolean;
+    readonly error: boolean;
+    readonly autocomplete: string;
+    readonly hideLabel: boolean;
+    readonly optional: boolean;
+    readonly rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
+    readonly hideErrorMessage: boolean;
+    readonly disableBlurValidation: boolean;
 }>;
 export default _default;

package/components/NInputPhone.js

@@ -1,10 +1,10 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { external } from '../utils/validation';
 import { computed, Suspense } from 'vue';
 import NValInput, { nValInputProps } from './NValInput';
 import { trsl } from '../i18n';
-export const nInputPhoneProps = createProps(nValInputProps);
+export const nInputPhoneProps = nValInputProps;
 /**
  * The `NInputPhone` autoformats phone numbers and checks if they are valid.
  */