@naptics/vue-collection 0.2.12 → 0.2.14

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/NList.d.ts

@@ -22,9 +22,13 @@ export declare const nListProps: {
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -42,9 +46,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }, 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 items which are displayed in the list.
@@ -58,9 +66,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }>> & {}, {
     readonly items: ListItem[];
 }>;

package/components/NList.js

@@ -13,9 +13,13 @@ export const nListProps = {
    */
   titleClass: String,
   /**
-   * Adds the classese to all text elements (on the right side).
+   * Adds the classes to all text elements (on the right side).
    */
-  textClass: String
+  textClass: String,
+  /**
+   * Adds the classes to each row.
+   */
+  rowClass: String
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -23,7 +27,7 @@ export const nListProps = {
 const Component = createComponent('NList', nListProps, props => {
   return () => _createVNode("dl", null, [props.items.map((item, index) => _createVNode("div", {
     "key": index,
-    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50']
+    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50', props.rowClass]
   }, [_createVNode("dt", {
     "class": `text-sm font-medium text-default-500 ${props.titleClass}`
   }, [buildElement(item.title)]), _createVNode("dd", {

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.12",
+    "version": "0.2.14",
     "main": "./index.js",
     "repository": {
         "type": "git",