@signal24/vue-foundation 4.16.0 → 4.17.0

package/tsconfig.vitest.json

@@ -1,11 +1,11 @@
 {
     "extends": "./tsconfig.app.json",
-    "exclude": [],
     "compilerOptions": {
         "composite": false,
         "lib": [],
         "types": ["node", "jsdom"],
         "emitDeclarationOnly": false,
-        "noEmit": true
+        "noEmit": true,
+        "rootDir": "."
     }
 }

package/.eslintrc.cjs

@@ -1,35 +0,0 @@
-/* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution');
-
-module.exports = {
-    root: true,
-    extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript', '@vue/eslint-config-prettier'],
-    overrides: [
-        {
-            files: ['cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'],
-            extends: ['plugin:cypress/recommended']
-        },
-        {
-            files: ['vite.config.*', 'vitest.config.*', 'cypress.config.*', 'playwright.config.*'],
-            env: {
-                node: true
-            }
-        }
-    ],
-    parserOptions: {
-        ecmaVersion: 'latest'
-    },
-    plugins: ['unused-imports', 'simple-import-sort'],
-    rules: {
-        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-        'simple-import-sort/imports': 'error',
-        'simple-import-sort/exports': 'error',
-        'prettier/prettier': 'warn',
-        'no-unused-vars': 'off',
-        'unused-imports/no-unused-imports': 'error',
-        'unused-imports/no-unused-vars': ['warn', { vars: 'all', varsIgnorePattern: '^_', args: 'all', argsIgnorePattern: '^_' }],
-        'vue/multi-word-component-names': 'off',
-        'vue/no-reserved-component-names': 'off'
-    }
-};

package/dist/src/components/ajax-select.vue.d.ts

@@ -1,19 +0,0 @@
-type GenericObject = {
-    [key: string]: any;
-};
-declare const _default: import("vue").DefineComponent<{}, {
-    props: import("vue").DefineProps<import("@vue/shared").LooseRequired<{
-        modelValue: any;
-        loadFn: () => Promise<GenericObject[]>;
-        nullText?: string;
-        loadingText?: string;
-        displayKey?: string;
-        preprocesor?: (option: GenericObject) => string;
-    }>, "modelValue">;
-    options: import("vue").Ref<GenericObject[] | null, GenericObject[] | null>;
-    renderOptions: import("vue").ComputedRef<any[] | null>;
-    selectedItem: import("vue").Ref<GenericObject | null, GenericObject | null>;
-}, {}, {}, {
-    load(): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-export default _default;

package/dist/src/components/smart-select.vue.d.ts

@@ -1,115 +0,0 @@
-import type { PropType } from 'vue';
-export type GenericObject = {
-    [key: string]: any;
-};
-export interface OptionDescriptor {
-    key: string | Symbol;
-    title: string;
-    subtitle?: string | null;
-    searchContent?: string;
-    ref?: GenericObject;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<any>;
-        default: null;
-    };
-    loadOptions: PropType<(searchText: string | null) => Promise<GenericObject[]>>;
-    options: PropType<GenericObject[]>;
-    prependOptions: PropType<GenericObject[]>;
-    appendOptions: PropType<GenericObject[]>;
-    onCreateItem: PropType<(searchText: string) => void>;
-    preload: PropType<boolean>;
-    remoteSearch: PropType<boolean>;
-    searchFields: PropType<string[]>;
-    placeholder: PropType<string>;
-    keyExtractor: PropType<(option: any) => string | symbol>;
-    valueExtractor: PropType<(option: any) => any>;
-    formatter: {
-        type: PropType<(option: any) => string>;
-        required: true;
-    };
-    subtitleFormatter: PropType<(option: any) => string>;
-    nullTitle: PropType<string>;
-    noResultsText: PropType<string>;
-    disabled: PropType<boolean>;
-    optionsListId: PropType<string>;
-    debug: PropType<boolean>;
-    required: PropType<boolean>;
-}>, {}, {
-    isLoading: boolean;
-    isLoaded: boolean;
-    loadedOptions: GenericObject[];
-    isSearching: boolean;
-    searchText: string;
-    selectedOption: GenericObject | null;
-    selectedOptionTitle: string | null;
-    shouldDisplayOptions: boolean;
-    highlightedOptionKey: string | Symbol | null;
-    shouldShowCreateOption: boolean;
-}, {
-    /**
-     * EFFECTIVE PROPS
-     */
-    effectivePrependOptions(): GenericObject[];
-    effectiveAppendOptions(): GenericObject[];
-    effectiveDisabled(): boolean;
-    effectivePlaceholder(): string;
-    effectiveNoResultsText(): string;
-    effectiveKeyExtractor(): ((option: any) => any) | undefined;
-    /**
-     * OPTIONS GENERATION
-     */
-    allOptions(): GenericObject[];
-    optionsDescriptors(): OptionDescriptor[];
-    effectiveOptions(): OptionDescriptor[];
-}, {
-    loadRemoteOptions(): Promise<void>;
-    reloadOptions(): Promise<void>;
-    reloadOptionsIfSearching(): void;
-    handleKeyDown(e: KeyboardEvent): void;
-    handleInputFocused(): void;
-    setHighlightedOptionKey(useFirstItemAsFallback?: boolean): void;
-    getOptionKey(option: GenericObject): string | Symbol;
-    getOptionDescriptor(option: GenericObject): OptionDescriptor | null;
-    handleInputBlurred(): void;
-    handleOptionsDisplayed(): void;
-    teleportOptionsContainer(): void;
-    highlightInitialOption(): void;
-    handleOptionHover(option: OptionDescriptor): void;
-    incrementHighlightedOption(increment: number): void;
-    selectOption(option: OptionDescriptor): void;
-    handleValueChanged(): void;
-    addRemoteOption(option: GenericObject): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    optionsLoaded: (options: any[]) => void;
-    'update:modelValue': (value: any) => void;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue: any;
-    formatter: (option: any) => string;
-} & {
-    options?: GenericObject[] | undefined;
-    disabled?: boolean | undefined;
-    required?: boolean | undefined;
-    loadOptions?: ((searchText: string | null) => Promise<GenericObject[]>) | undefined;
-    prependOptions?: GenericObject[] | undefined;
-    appendOptions?: GenericObject[] | undefined;
-    onCreateItem?: ((searchText: string) => void) | undefined;
-    preload?: boolean | undefined;
-    remoteSearch?: boolean | undefined;
-    searchFields?: string[] | undefined;
-    placeholder?: string | undefined;
-    keyExtractor?: ((option: any) => string | symbol) | undefined;
-    valueExtractor?: ((option: any) => any) | undefined;
-    subtitleFormatter?: ((option: any) => string) | undefined;
-    nullTitle?: string | undefined;
-    noResultsText?: string | undefined;
-    optionsListId?: string | undefined;
-    debug?: boolean | undefined;
-} & {
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    onOptionsLoaded?: ((options: any[]) => any) | undefined;
-}>, {
-    modelValue: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
-export default _default;

package/src/components/ajax-select.vue

@@ -1,75 +0,0 @@
-<template>
-    <select v-if="!renderOptions" disabled>
-        <option>{{ props.loadingText || 'Loading...' }}</option>
-    </select>
-    <select v-else v-model="selectedItem">
-        <option v-if="props.nullText" :value="null">{{ props.nullText }}</option>
-        <option v-for="(renderOption, index) in renderOptions" :key="index" :value="options?.[index]">
-            {{ renderOption }}
-        </option>
-    </select>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, defineEmits, defineProps, ref } from 'vue';
-
-// todo: make type safe when Vue alpha is released
-
-type GenericObject = { [key: string]: any };
-
-export default defineComponent({
-    setup() {
-        const props = defineProps<{
-            modelValue: any;
-            loadFn: () => Promise<GenericObject[]>;
-            nullText?: string;
-            loadingText?: string;
-            displayKey?: string;
-            preprocesor?: (option: GenericObject) => string;
-        }>();
-
-        defineEmits(['update:modelValue']);
-
-        const options = ref<GenericObject[] | null>(null);
-        const renderOptions = computed(() => {
-            if (!options.value) {
-                return null;
-            }
-
-            const result = options.value.map(option => {
-                return props.preprocesor ? props.preprocesor(option) : option[props.displayKey ?? ''];
-            });
-
-            return result;
-        });
-
-        const selectedItem = ref<GenericObject | null>(props.modelValue ?? null);
-
-        return { props, options, renderOptions, selectedItem };
-    },
-
-    watch: {
-        loadFn() {
-            this.load();
-        },
-
-        selectedItem() {
-            this.$emit('update:modelValue', this.selectedItem);
-        },
-
-        modelValue() {
-            this.selectedItem = this.props.modelValue;
-        }
-    },
-
-    mounted() {
-        this.load();
-    },
-
-    methods: {
-        async load() {
-            this.options = await this.props.loadFn();
-        }
-    }
-});
-</script>