@naptics/vue-collection 0.2.11 → 0.2.13

package/components/NCrudModal.d.ts

@@ -95,6 +95,7 @@ export declare const nCrudModalProps: {
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
@@ -200,6 +201,7 @@ declare const Component: import("vue").DefineComponent<{
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
@@ -299,6 +301,7 @@ declare const Component: import("vue").DefineComponent<{
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;

package/components/NFormModal.d.ts

@@ -52,6 +52,7 @@ export declare const nFormModalProps: {
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
@@ -113,6 +114,7 @@ declare const Component: import("vue").DefineComponent<{
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
@@ -168,6 +170,7 @@ declare const Component: import("vue").DefineComponent<{
     readonly onOk: PropType<() => void>;
     readonly onCancel: PropType<() => void>;
     readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
+    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly header: PropType<() => JSX.Element>;
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;

package/components/NModal.d.ts

@@ -92,6 +92,10 @@ export declare const nModalProps: {
      * 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).
      */
@@ -203,6 +207,10 @@ declare const Component: import("vue").DefineComponent<{
      * 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).
      */
@@ -305,6 +313,10 @@ declare const Component: import("vue").DefineComponent<{
      * 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).
      */

package/components/NModal.js

@@ -99,6 +99,10 @@ export const nModalProps = {
    * A slot to replace the whole modal content including all buttons, header and footer.
    */
   modal: Function,
+  /**
+   * A slot to replace the whole content section, i.e. everything between the header and the footer.
+   */
+  content: Function,
   /**
    * A slot to replace the whole header section (excluding the x).
    */
@@ -183,7 +187,10 @@ const Component = createComponentWithSlots('NModal', nModalProps, ['modal', 'hea
           "class": "text-lg font-semibold"
         }, {
           default: () => [props.title]
-        })]), _createVNode("div", {
+        })]), props.content?.({
+          ok,
+          cancel
+        }) || _createVNode("div", {
           "class": "px-4 sm:px-6 py-4 rounded-lg"
         }, [slots.default?.()]), !props.hideFooter && _createVNode("div", {
           "class": "px-4 sm:px-6 pb-4 pt-2 bg-default-50 rounded-b-lg"

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.11",
+    "version": "0.2.13",
     "main": "./index.js",
     "repository": {
         "type": "git",

package/utils/identifiable.d.ts

@@ -1,10 +1,9 @@
 import { type Nullish } from './utils';
-type IdType = string;
-export type Identifiable = Readonly<{
-    id: IdType;
+export type Identifiable<Id = string> = Readonly<{
+    id: Id;
 }>;
-export type MaybeIdentifiable = Readonly<{
-    id?: Nullish<IdType>;
+export type MaybeIdentifiable<Id = string> = Readonly<{
+    id?: Nullish<Id>;
 }>;
 /**
  * Looks for the `id` in the given array of `Identifiables`.
@@ -12,14 +11,14 @@ export type MaybeIdentifiable = Readonly<{
  * @param id The `id` of the desired item.
  * @returns The first item with the specified `id` or `undefined` if none exists.
  */
-declare function find<T extends Identifiable>(array: Nullish<T[]>, id: IdType): T | undefined;
+declare function find<Id, Item extends Identifiable<Id>>(array: Nullish<Item[]>, id: Id): Item | undefined;
 /**
  * Checks if the given array contains an item with the `id`.
  * @param array The array to search the item in.
  * @param id The `id` to check the array for.
  * @returns `true` if there is at least one item in the array with the given `id`.
  */
-declare function contains<T extends Identifiable>(array: T[], id: IdType): boolean;
+declare function contains<Id, Item extends Identifiable<Id>>(array: Item[], id: Id): boolean;
 /**
  * Inserts the items into the given array, replacing items with the same `id`.
  * If no item with the same `id` exists, the item is appended to the array.
@@ -28,14 +27,14 @@ declare function contains<T extends Identifiable>(array: T[], id: IdType): boole
  * @param insertItems The items to insert into the array.
  * @returns The reference to the same array, which was passed.
  */
-declare function insert<T extends Identifiable>(array: T[], ...insertItems: T[]): T[];
+declare function insert<Id, Item extends Identifiable<Id>>(array: Item[], ...insertItems: Item[]): Item[];
 /**
  * Removes all items with the specified `ids` from the given array.
  * @param array The array to remove the items from.
  * @param ids The `ids` of the items which should be removed.
  * @returns The reference to the same array, which was passed.
  */
-declare function remove<T extends Identifiable>(array: T[], ...ids: IdType[]): T[];
+declare function remove<Id, Item extends Identifiable>(array: Item[], ...ids: Id[]): Item[];
 /**
  * Compares the two arrays and checks if they both have
  * items with the same `ids` in the same order.
@@ -43,7 +42,7 @@ declare function remove<T extends Identifiable>(array: T[], ...ids: IdType[]): T
  * @param second The second array to compare.
  * @returns `true` if the arrays contain item with the same `ids` in the same order.
  */
-declare function areSameArrays(first: Identifiable[], second: Identifiable[]): boolean;
+declare function areSameArrays<Id>(first: Identifiable<Id>[], second: Identifiable<Id>[]): boolean;
 /**
  * This object contains utility functions to deal with {@link Identifiable} objects.
  */