@naptics/vue-collection 0.0.6 → 0.1.0

package/components/NInputSelect.d.ts

@@ -4,7 +4,7 @@ export declare const nInputSelectProps: {
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * This happens, when an item from the suggestion list is selected or the
@@ -12,75 +12,75 @@ export declare const nInputSelectProps: {
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The options which are allowed and suggested for this input.
      * The options are filtered based on the user input.
      */
-    options: {
-        type: PropType<InputSelectOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<InputSelectOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
     /**
      * @see {@link nValInputProps.error}
      */
-    error: BooleanConstructor;
+    readonly error: BooleanConstructor;
     /**
      * @see {@link nValInputProps.errorMessage}
      */
-    errorMessage: StringConstructor;
+    readonly errorMessage: StringConstructor;
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * @see {@link nSuggestionListProps.listItem}
      */
-    listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: 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: PropType<() => void>;
-    onBlur: PropType<() => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => void>;
+    readonly onBlur: PropType<() => void>;
 };
 export type InputSelectOption = Identifiable & {
     label: string;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * This happens, when an item from the suggestion list is selected or the
@@ -102,80 +102,80 @@ declare const _default: import("vue").DefineComponent<{
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The options which are allowed and suggested for this input.
      * The options are filtered based on the user input.
      */
-    options: {
-        type: PropType<InputSelectOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<InputSelectOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
     /**
      * @see {@link nValInputProps.error}
      */
-    error: BooleanConstructor;
+    readonly error: BooleanConstructor;
     /**
      * @see {@link nValInputProps.errorMessage}
      */
-    errorMessage: StringConstructor;
+    readonly errorMessage: StringConstructor;
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * @see {@link nSuggestionListProps.listItem}
      */
-    listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: 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: PropType<() => void>;
-    onBlur: PropType<() => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => void>;
+    readonly onBlur: PropType<() => 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<{
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * This happens, when an item from the suggestion list is selected or the
@@ -183,89 +183,89 @@ declare const _default: import("vue").DefineComponent<{
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The options which are allowed and suggested for this input.
      * The options are filtered based on the user input.
      */
-    options: {
-        type: PropType<InputSelectOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<InputSelectOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
     /**
      * @see {@link nValInputProps.error}
      */
-    error: BooleanConstructor;
+    readonly error: BooleanConstructor;
     /**
      * @see {@link nValInputProps.errorMessage}
      */
-    errorMessage: StringConstructor;
+    readonly errorMessage: StringConstructor;
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * @see {@link nSuggestionListProps.listItem}
      */
-    listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: 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: PropType<() => void>;
-    onBlur: PropType<() => void>;
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => void>;
+    readonly onBlur: PropType<() => void>;
 }>> & {}, {
-    small: boolean;
-    type: string;
-    tooltipHide: boolean;
-    tooltipShow: boolean;
-    tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    options: InputSelectOption[];
-    disabled: boolean;
-    error: boolean;
-    autocomplete: string;
-    hideLabel: boolean;
-    optional: boolean;
-    maxItems: number;
-    hideList: 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 options: InputSelectOption[];
+    readonly disabled: boolean;
+    readonly error: boolean;
+    readonly autocomplete: string;
+    readonly hideLabel: boolean;
+    readonly optional: boolean;
+    readonly maxItems: number;
+    readonly hideList: boolean;
 }>;
 export default _default;

package/components/NInputSelect.js

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { Id } from '../utils/identifiable';
 import { option } from '../utils/validation';
 import { vModelForRef } from '../utils/vModel';
@@ -8,7 +8,7 @@ import { computed, ref, watch } from 'vue';
 import { nInputProps } from './NInput';
 import NSuggestionList, { nSuggestionListProps } from './NSuggestionList';
 import NValInput, { nValInputProps } from './NValInput';
-export const nInputSelectProps = createProps({
+export const nInputSelectProps = {
   ...nInputProps,
   /**
    * The id of the currently selected option of this input.
@@ -58,7 +58,7 @@ export const nInputSelectProps = createProps({
    * @see {@link nSuggestionListProps.listItem}
    */
   listItem: nSuggestionListProps.listItem
-});
+};
 /**
  * The `NInputSelect` is very similar to the {@link NSelect}, but instead of a select input it is a regular input.
  * The user is forced to use a value from the specified options of the input.