@vue-interface/select-field 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/src/SelectField.vue.d.ts

@@ -1,284 +1,101 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    /**
-     * The default class name assigned to the control element
-     *
-     * @param {String}
-     * @default 'form-select'
-     */
-    defaultControlClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {
-    controlClass(): any;
-}, {
-    shouldChangeOnFocus(): false;
-}, import("vue").DefineComponent<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    /**
-     * The default class name assigned to the control element
-     *
-     * @param {String}
-     * @default 'form-select'
-     */
-    nativeEvents: {
-        type: ArrayConstructor;
-        default(): string[];
-    };
-    defaultControlClass: {
-        type: StringConstructor;
-        default: () => any;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
-        default(): {};
-    };
-    feedback: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    group: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    helpText: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    hideLabel: BooleanConstructor;
-    indicator: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: () => any;
-    };
-    indicatorSize: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    inline: BooleanConstructor;
-    invalid: BooleanConstructor;
-    label: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    labelClass: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    modelValue: {
-        default: undefined;
-    };
-    pill: BooleanConstructor;
-    plaintext: BooleanConstructor;
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    spacing: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    valid: BooleanConstructor;
-}, unknown, {
-    defaultEmpty: boolean;
-    hasChanged: boolean;
-    hasFocus: boolean;
-    isEmpty: boolean;
-}, {
-    id(): any;
-    componentName(): any;
-    controlAttributes(): {
-        [k: string]: unknown;
-    };
-    controlClass(): any;
-    controlSizeClass(): string;
-    formGroupClasses(): {
-        [x: number]: boolean;
-        animated: any;
-        'default-empty': any;
-        'form-group': any;
-        'has-activity': any;
-        'has-changed': any;
-        'has-focus': any;
-        'has-icon': boolean;
-        'is-empty': any;
-        'is-invalid': boolean;
-        'is-valid': boolean;
-    } & (false | {
-        [x: string]: boolean;
-    });
-    controlClasses(): any;
-    hasDefaultSlot(): boolean;
-    invalidFeedback(): any;
-    pillClasses(): "rounded rounded-pill";
-    plaintextClass(): "form-control-plaintext";
-    validFeedback(): any;
-}, {
-    bindEvents(el: HTMLOptionElement | HTMLSelectElement, fn: Function): void;
-    blur(): void;
-    focus(): void;
-    getInputField(): any;
-    getFieldErrors(): any;
-    shouldChangeOnFocus(): boolean;
-    onInput(value: any): void;
-}, import("vue").DefineComponent<{
-    dropShadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    dropShadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    shadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {
-    shadowableClass(): {
-        [x: string]: boolean;
-    };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    dropShadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    dropShadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    shadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    shadow: string | boolean;
-    dropShadow: string | boolean;
-    dropShadowableClassPrefix: string;
-    shadowableClassPrefix: string;
-}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    nativeEvents: {
-        type: ArrayConstructor;
-        default(): string[];
-    };
-    defaultControlClass: {
-        type: StringConstructor;
-        default: () => any;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
-        default(): {};
-    };
-    feedback: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    group: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    helpText: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    hideLabel: BooleanConstructor;
-    indicator: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: () => any;
-    };
-    indicatorSize: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    inline: BooleanConstructor;
-    invalid: BooleanConstructor;
-    label: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    labelClass: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    modelValue: {
-        default: undefined;
-    };
-    pill: BooleanConstructor;
-    plaintext: BooleanConstructor;
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    spacing: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    valid: BooleanConstructor;
-}>>, {
-    activity: boolean;
-    animated: boolean;
-    nativeEvents: unknown[];
-    defaultControlClass: string;
-    error: string | boolean | unknown[];
-    errors: boolean | unknown[] | Record<string, any>;
-    feedback: string | unknown[];
-    group: boolean;
-    helpText: string | number;
-    hideLabel: boolean;
-    indicator: string | boolean;
-    indicatorSize: string;
-    inline: boolean;
-    invalid: boolean;
-    label: string | number;
-    labelClass: string | Record<string, any>;
-    modelValue: undefined;
-    pill: boolean;
-    plaintext: boolean;
-    size: string;
-    spacing: string;
-    valid: boolean;
-}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The default class name assigned to the control element
-     *
-     * @param {String}
-     * @default 'form-select'
-     */
-    defaultControlClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    defaultControlClass: string;
-}>;
-export default _sfc_main;
+import type { FormControlEvents, FormControlSlots } from '@vue-interface/form-control';
+declare const _default: <T, V>(__VLS_props: {
+    onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: T) => any;
+    onClick?: (value: T) => any;
+    onFocus?: (event: FocusEvent) => any;
+    "onUpdate:modelValue"?: (value: T) => any;
+    activity?: boolean;
+    disabled?: boolean;
+    error?: import("@vue-interface/form-control").FormControlErrorProp;
+    errors?: import("@vue-interface/form-control").FormControlErrorPropArray | import("@vue-interface/form-control").FormControlErrorPropRecord;
+    feedback?: import("@vue-interface/form-control").FormControlFeedbackProp;
+    formControlClass?: string;
+    helpText?: string;
+    id?: string;
+    indicator?: import("vue").Component;
+    indicatorSize?: string;
+    invalid?: boolean;
+    label?: string;
+    labelClass?: string;
+    modelValue?: T;
+    name?: string;
+    plaintext?: boolean;
+    readonly?: boolean;
+    valid?: boolean;
+    value?: V;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    emit: FormControlEvents<T>;
+    slots: Readonly<FormControlSlots<T>> & FormControlSlots<T>;
+}, __VLS_expose?: (exposed: import('vue').ShallowUnwrapRef<{}>) => void, __VLS_setup?: Promise<{
+    props: {
+        onBlur?: (event: FocusEvent) => any;
+        onChange?: (value: T) => any;
+        onClick?: (value: T) => any;
+        onFocus?: (event: FocusEvent) => any;
+        "onUpdate:modelValue"?: (value: T) => any;
+        activity?: boolean;
+        disabled?: boolean;
+        error?: import("@vue-interface/form-control").FormControlErrorProp;
+        errors?: import("@vue-interface/form-control").FormControlErrorPropArray | import("@vue-interface/form-control").FormControlErrorPropRecord;
+        feedback?: import("@vue-interface/form-control").FormControlFeedbackProp;
+        formControlClass?: string;
+        helpText?: string;
+        id?: string;
+        indicator?: import("vue").Component;
+        indicatorSize?: string;
+        invalid?: boolean;
+        label?: string;
+        labelClass?: string;
+        modelValue?: T;
+        name?: string;
+        plaintext?: boolean;
+        readonly?: boolean;
+        valid?: boolean;
+        value?: V;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<FormControlSlots<T>> & FormControlSlots<T>;
+    emit: FormControlEvents<T>;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onBlur?: (event: FocusEvent) => any;
+            onChange?: (value: T) => any;
+            onClick?: (value: T) => any;
+            onFocus?: (event: FocusEvent) => any;
+            "onUpdate:modelValue"?: (value: T) => any;
+            activity?: boolean;
+            disabled?: boolean;
+            error?: import("@vue-interface/form-control").FormControlErrorProp;
+            errors?: import("@vue-interface/form-control").FormControlErrorPropArray | import("@vue-interface/form-control").FormControlErrorPropRecord;
+            feedback?: import("@vue-interface/form-control").FormControlFeedbackProp;
+            formControlClass?: string;
+            helpText?: string;
+            id?: string;
+            indicator?: import("vue").Component;
+            indicatorSize?: string;
+            invalid?: boolean;
+            label?: string;
+            labelClass?: string;
+            modelValue?: T;
+            name?: string;
+            plaintext?: boolean;
+            readonly?: boolean;
+            valid?: boolean;
+            value?: V;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Readonly<FormControlSlots<T>> & FormControlSlots<T>;
+        emit: FormControlEvents<T>;
+    };
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/select-field",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.21",
   "description": "A Vue select field component.",
   "files": [
     "dist"
@@ -8,26 +8,19 @@
   "type": "module",
   "main": "./dist/select-field.umd.js",
   "module": "./dist/select-field.js",
-  "style": "./dist/style.css",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/select-field.js",
       "require": "./dist/select-field.umd.js",
       "types": "./dist/index.d.ts"
-    },
-    "./dist/style.css": "./dist/style.css"
+    }
   },
   "browserslist": "last 2 versions, > 0.5%, ie >= 11",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "pre-release": "npm run build; git add . -A; git commit -m 'pre-release commit'",
-    "release-patch": "npm run pre-release && npm version patch -m \"%s\" && npm run release;",
-    "release-minor": "npm run pre-release && npm version minor -m \"%s\" && npm run release;",
-    "release-major": "npm run pre-release && npm version major -m \"%s\" && npm run release;",
-    "release": "git add . -A; git commit; git push --tags origin; npm publish;"
+    "build": "vite build && vue-tsc",
+    "preview": "vite preview"
   },
   "repository": {
     "type": "git",
@@ -46,28 +39,34 @@
   "bugs": {
     "url": "https://github.com/vue-interface/select-field/issues"
   },
-  "homepage": "https://github.com/vue-interface/select-field/docs#readme",
+  "homepage": "https://github.com/vue-interface/select-field",
   "dependencies": {
-    "@vue-interface/activity-indicator": "^2.0.0-beta.0",
-    "@vue-interface/form-control": "^1.0.0-beta.0"
+    "@vue-interface/activity-indicator": "^2.0.0-beta.11",
+    "@vue-interface/form-control": "^1.0.0-beta.46"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^6.0.3",
-    "@vitejs/plugin-vue": "^3.0.1",
-    "autoprefixer": "^10.4.2",
-    "babel-eslint": "^10.1.0",
-    "babel-preset-vue": "^2.0.2",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^10.0.5",
+    "@vitejs/plugin-vue": "^4.3.3",
+    "@vue-interface/eslint-config": "1.0.0-beta.4",
+    "autoprefixer": "^10.4.15",
     "change-case": "^4.1.2",
-    "eslint": "^8.29.0",
-    "eslint-plugin-vue": "^9.8.0",
+    "commitlint": "^17.7.1",
+    "dotenv": "^16.3.1",
+    "eslint": "^8.47.0",
+    "husky": "^8.0.3",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.6",
-    "tailwindcss": "^3.0.18",
-    "vite": "^3.0.0",
-    "vite-plugin-dts": "^1.7.1",
-    "vue": "^3.2.37"
+    "postcss": "^8.4.28",
+    "semantic-release": "^21.1.1",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vue": "^3.3.4",
+    "vue-tsc": "^1.8.8"
   }
 }

package/dist/style.css

@@ -1 +0,0 @@
-.select-field,.select-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.select-field .activity-indicator{position:absolute;right:1.25em;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.select-field .activity-indicator-xs{font-size:.5em;right:2em}.select-field.has-activity .form-control-xs{padding-right:3.75em}.select-field .activity-indicator-sm{font-size:.5em;right:2em}.select-field.has-activity .form-control-sm{padding-right:3em}.select-field .activity-indicator-md{font-size:.666em}.select-field.has-activity .form-control-md{padding-right:3em}.select-field .activity-indicator-lg{font-size:.75em}.select-field.has-activity .form-control-lg{padding-right:3em}.select-field .activity-indicator-xl{font-size:1em}.select-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.select-field.is-valid .valid-feedback,.select-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.select-field .form-control-icon{padding-left:2em}.select-field .form-group-inner-icon{position:absolute;top:50%;left:.666em;width:1rem;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-sm .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:.75em;font-size:1.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-lg .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1.25em;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field .activity-indicator{opacity:1}.select-field .select-field-fade-enter,.select-field .select-field-fade-leave-to{opacity:0}