@naptics/vue-collection 0.2.15 → 0.3.1

package/components/NModal.d.ts

@@ -21,242 +21,19 @@ export declare const nModalProps: {
         readonly default: "max-w-md";
     };
     /**
-     * The title of the modal which is displayed in the header.
-     */
-    readonly title: StringConstructor;
-    /**
-     * The text of the ok-button.
-     */
-    readonly okText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * The color of the ok-button.
-     */
-    readonly okColor: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * If set to `true` the modal is closed when `onOk` is called.
+     * The vertical position of the modal. Default is `center`.
      */
-    readonly closeOnOk: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
     readonly verticalPosition: {
         readonly type: PropType<"start" | "center" | "end">;
         readonly default: "center";
     };
-    readonly horizontalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
-    /**
-     * If set to `true` the ok-button is hidden.
-     */
-    readonly hideOk: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is disabled.
-     */
-    readonly okDisabled: BooleanConstructor;
-    /**
-     * The text of the cancel-button.
-     */
-    readonly cancelText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * The color of the cancel-button.
-     */
-    readonly cancelColor: {
-        readonly type: StringConstructor;
-        readonly default: "default";
-    };
-    /**
-     * If set to `true`, the modal is closed when clicking on the background.
-     * This will call `onCancel`. Default is `true`.
-     */
-    readonly closeOnBackground: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    /**
-     * If set to `true` the cancel-button is hidden.
-     */
-    readonly hideCancel: BooleanConstructor;
-    /**
-     * This is called when the ok-button was clicked.
-     */
-    readonly onOk: PropType<() => void>;
-    /**
-     * This is called when the cancel-button or X-button was clicked or
-     * if the modal was closed by clicking on the background.
-     */
-    readonly onCancel: PropType<() => void>;
-    /**
-     * A slot to replace the whole modal content including all buttons, header and footer.
-     */
-    readonly modal: PropType<(props: ModalSlotProps) => JSX.Element>;
-    /**
-     * A slot to replace the whole content section, i.e. everything between the header and the footer.
-     */
-    readonly content: PropType<(props: ModalSlotProps) => JSX.Element>;
-    /**
-     * A slot to replace the whole header section (excluding the x).
-     */
-    readonly header: PropType<() => JSX.Element>;
-    /**
-     * A slot to replace the whole footer section.
-     */
-    readonly footer: PropType<(props: ModalSlotProps) => JSX.Element>;
-    readonly value: PropType<boolean>;
-    readonly onUpdateValue: PropType<(newValue: boolean) => void>;
-};
-export type ModalSlotProps = {
-    ok: () => void;
-    cancel: () => void;
-};
-/**
- * The `NModal` is the base component for all modals and dialogs.
- * It provides the core mechanics to display a window in front of everything else.
- */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * If set to `true` the header of the modal is hidden.
-     */
-    readonly hideHeader: BooleanConstructor;
-    /**
-     * If set to `true` the footer of the modal is hidden.
-     */
-    readonly hideFooter: BooleanConstructor;
-    /**
-     * If set to `true` the X-button in the top right is hidden.
-     */
-    readonly hideX: BooleanConstructor;
-    /**
-     * The maximum width of the modal. A regular tailwind class.
-     */
-    readonly maxWidth: {
-        readonly type: PropType<TWMaxWidth>;
-        readonly default: "max-w-md";
-    };
-    /**
-     * The title of the modal which is displayed in the header.
-     */
-    readonly title: StringConstructor;
-    /**
-     * The text of the ok-button.
-     */
-    readonly okText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
     /**
-     * The color of the ok-button.
-     */
-    readonly okColor: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * If set to `true` the modal is closed when `onOk` is called.
+     * The horizontal position of the modal. Default is `center`.
      */
-    readonly closeOnOk: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly verticalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
     readonly horizontalPosition: {
         readonly type: PropType<"start" | "center" | "end">;
         readonly default: "center";
     };
-    /**
-     * If set to `true` the ok-button is hidden.
-     */
-    readonly hideOk: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is disabled.
-     */
-    readonly okDisabled: BooleanConstructor;
-    /**
-     * The text of the cancel-button.
-     */
-    readonly cancelText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * The color of the cancel-button.
-     */
-    readonly cancelColor: {
-        readonly type: StringConstructor;
-        readonly default: "default";
-    };
-    /**
-     * If set to `true`, the modal is closed when clicking on the background.
-     * This will call `onCancel`. Default is `true`.
-     */
-    readonly closeOnBackground: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    /**
-     * If set to `true` the cancel-button is hidden.
-     */
-    readonly hideCancel: BooleanConstructor;
-    /**
-     * This is called when the ok-button was clicked.
-     */
-    readonly onOk: PropType<() => void>;
-    /**
-     * This is called when the cancel-button or X-button was clicked or
-     * if the modal was closed by clicking on the background.
-     */
-    readonly onCancel: PropType<() => void>;
-    /**
-     * A slot to replace the whole modal content including all buttons, header and footer.
-     */
-    readonly modal: PropType<(props: ModalSlotProps) => JSX.Element>;
-    /**
-     * A slot to replace the whole content section, i.e. everything between the header and the footer.
-     */
-    readonly content: PropType<(props: ModalSlotProps) => JSX.Element>;
-    /**
-     * A slot to replace the whole header section (excluding the x).
-     */
-    readonly header: PropType<() => JSX.Element>;
-    /**
-     * A slot to replace the whole footer section.
-     */
-    readonly footer: PropType<(props: ModalSlotProps) => JSX.Element>;
-    readonly value: PropType<boolean>;
-    readonly onUpdateValue: PropType<(newValue: boolean) => 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<{
-    /**
-     * If set to `true` the header of the modal is hidden.
-     */
-    readonly hideHeader: BooleanConstructor;
-    /**
-     * If set to `true` the footer of the modal is hidden.
-     */
-    readonly hideFooter: BooleanConstructor;
-    /**
-     * If set to `true` the X-button in the top right is hidden.
-     */
-    readonly hideX: BooleanConstructor;
-    /**
-     * The maximum width of the modal. A regular tailwind class.
-     */
-    readonly maxWidth: {
-        readonly type: PropType<TWMaxWidth>;
-        readonly default: "max-w-md";
-    };
     /**
      * The title of the modal which is displayed in the header.
      */
@@ -282,14 +59,6 @@ declare const Component: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly verticalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
-    readonly horizontalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
     /**
      * If set to `true` the ok-button is hidden.
      */
@@ -351,21 +120,14 @@ declare const Component: import("vue").DefineComponent<{
     readonly footer: PropType<(props: ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
     readonly onUpdateValue: PropType<(newValue: boolean) => void>;
-}>> & {}, {
-    readonly maxWidth: TWMaxWidth;
-    readonly hideX: boolean;
-    readonly hideHeader: boolean;
-    readonly hideFooter: boolean;
-    readonly okText: string;
-    readonly okColor: string;
-    readonly closeOnOk: boolean;
-    readonly verticalPosition: "start" | "center" | "end";
-    readonly horizontalPosition: "start" | "center" | "end";
-    readonly hideOk: boolean;
-    readonly okDisabled: boolean;
-    readonly cancelText: string;
-    readonly cancelColor: string;
-    readonly closeOnBackground: boolean;
-    readonly hideCancel: boolean;
-}>;
+};
+export type ModalSlotProps = {
+    ok: () => void;
+    cancel: () => void;
+};
+/**
+ * The `NModal` is the base component for all modals and dialogs.
+ * It provides the core mechanics to display a window in front of everything else.
+ */
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NModal, Component as default };

package/components/NModal.js

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import { createComponentWithSlots } from '../utils/component';
 import { Dialog, DialogOverlay, DialogTitle, TransitionRoot, TransitionChild } from '@headlessui/vue';
 import NButton from './NButton';
@@ -27,6 +27,20 @@ export const nModalProps = {
     type: String,
     default: 'max-w-md'
   },
+  /**
+   * The vertical position of the modal. Default is `center`.
+   */
+  verticalPosition: {
+    type: String,
+    default: 'center'
+  },
+  /**
+   * The horizontal position of the modal. Default is `center`.
+   */
+  horizontalPosition: {
+    type: String,
+    default: 'center'
+  },
   /**
    * The title of the modal which is displayed in the header.
    */
@@ -52,14 +66,6 @@ export const nModalProps = {
     type: Boolean,
     default: true
   },
-  verticalPosition: {
-    type: String,
-    default: 'center'
-  },
-  horizontalPosition: {
-    type: String,
-    default: 'center'
-  },
   /**
    * If set to `true` the ok-button is hidden.
    */

package/components/NPagination.d.ts

@@ -33,67 +33,5 @@ export declare const nPaginationProps: {
 /**
  * The `NPagination` is a styled pagination component.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The page number which is currently selected.
-     */
-    readonly value: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * This is called, when a new page number has been selected.
-     */
-    readonly onUpdateValue: PropType<(newValue: number) => void>;
-    /**
-     * The total pages which exists. This is needed to correctly display the selectable pages.
-     */
-    readonly total: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true`, the pagination is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * This is called, when the visible pages, which are selectable in the pagination, have changed.
-     * This is useful as only these pages can be navigated to on the next click.
-     * This information can be useful for prefetching.
-     */
-    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => 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 page number which is currently selected.
-     */
-    readonly value: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * This is called, when a new page number has been selected.
-     */
-    readonly onUpdateValue: PropType<(newValue: number) => void>;
-    /**
-     * The total pages which exists. This is needed to correctly display the selectable pages.
-     */
-    readonly total: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true`, the pagination is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * This is called, when the visible pages, which are selectable in the pagination, have changed.
-     * This is useful as only these pages can be navigated to on the next click.
-     * This information can be useful for prefetching.
-     */
-    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
-}>> & {}, {
-    readonly small: boolean;
-    readonly value: number;
-    readonly total: number;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NPagination, Component as default };

package/components/NSearchbar.d.ts

@@ -35,60 +35,5 @@ export type NSearchbarExposed = {
 /**
  * The `NSearchbar` is a styled input with a search icon.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The placeholder of the search-bar.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * If set to `true` the search-bar is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    /**
-     * This is called when the search-bar receives focus.
-     */
-    readonly onFocus: PropType<() => void>;
-    /**
-     * This is called when the search-bar looses focus.
-     */
-    readonly onBlur: PropType<() => void>;
-    readonly value: PropType<string>;
-    readonly onUpdateValue: 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<{
-    /**
-     * The placeholder of the search-bar.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * If set to `true` the search-bar is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    /**
-     * This is called when the search-bar receives focus.
-     */
-    readonly onFocus: PropType<() => void>;
-    /**
-     * This is called when the search-bar looses focus.
-     */
-    readonly onBlur: PropType<() => void>;
-    readonly value: PropType<string>;
-    readonly onUpdateValue: PropType<(newValue: string) => void>;
-}>> & {}, {
-    readonly small: boolean;
-    readonly placeholder: string;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSearchbar, Component as default };

package/components/NSearchbarList.d.ts

@@ -13,7 +13,7 @@ export declare const nSearchbarListProps: {
     readonly value: import("vue").PropType<string>;
     readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
     readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
+        readonly type: import("vue").PropType<Array<import("./NSuggestionList").SuggestionItem>>;
         readonly default: () => never[];
     };
     readonly maxItems: {
@@ -23,71 +23,11 @@ export declare const nSearchbarListProps: {
     readonly hideList: BooleanConstructor;
     readonly loading: BooleanConstructor;
     readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps) => JSX.Element>;
     readonly onRealBlur: import("vue").PropType<() => void>;
 };
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * @see {@link nSearchbarProps.placeholder}
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    readonly value: import("vue").PropType<string>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    readonly hideList: BooleanConstructor;
-    readonly loading: BooleanConstructor;
-    readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    readonly onRealBlur: import("vue").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<{
-    /**
-     * @see {@link nSearchbarProps.placeholder}
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    readonly value: import("vue").PropType<string>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    readonly hideList: BooleanConstructor;
-    readonly loading: BooleanConstructor;
-    readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    readonly onRealBlur: import("vue").PropType<() => void>;
-}>> & {}, {
-    readonly loading: boolean;
-    readonly items: import("./NSuggestionList").SuggestionItem[];
-    readonly placeholder: string;
-    readonly maxItems: number;
-    readonly hideList: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSearchbarList, Component as default };

package/components/NSearchbarList.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { createComponentWithSlots } from '../utils/component';
 import { ref } from 'vue';
 import { vModelProps } from '../utils/vModel';