@shwfed/nuxt 0.11.2 → 0.11.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/ui/app/OverlayHost.vue

@@ -28,6 +28,17 @@ function handleOpenUpdate(sessionId, open) {
     reason: "dismiss"
   });
 }
+function patchFooter(sessionId, definitionId, nextProps) {
+  if (!definitionId) {
+    return;
+  }
+  overlay.patchSync(sessionId, {
+    footer: {
+      id: definitionId,
+      props: nextProps
+    }
+  });
+}
 const renderedSessions = computed(() => {
   const nextSessions = [];
   for (const session of overlay.sessions) {
@@ -35,6 +46,7 @@ const renderedSessions = computed(() => {
     if (!definition) {
       continue;
     }
+    const footerDefinition = session.footer ? overlay.definitions[session.footer.id] : void 0;
     nextSessions.push({
       sessionId: session.sessionId,
       definitionId: session.definitionId,
@@ -47,6 +59,11 @@ const renderedSessions = computed(() => {
       },
       descriptionSrOnly: session.shell.descriptionSrOnly,
       props: session.props,
+      footer: session.footer && footerDefinition ? {
+        definitionId: session.footer.id,
+        props: session.footer.props,
+        definition: footerDefinition
+      } : void 0,
       definition
     });
   }
@@ -98,6 +115,23 @@ const renderedSessions = computed(() => {
   close: (value) => overlay.closeSync(session.sessionId, value),
   patch: (nextProps) => overlay.patchSync(session.sessionId, { props: nextProps }),
   isDesktop: modalSlotProps.isDesktop
+}"
+        />
+      </template>
+
+      <template
+        v-if="session.footer"
+        #footer="modalSlotProps"
+      >
+        <OverlayBody
+          :render="session.footer.definition.render"
+          :slot-props="{
+  props: session.footer.props,
+  shell: session.shell,
+  sessionId: session.sessionId,
+  close: (value) => overlay.closeSync(session.sessionId, value),
+  patch: (nextProps) => patchFooter(session.sessionId, session.footer?.definitionId, nextProps),
+  isDesktop: modalSlotProps.isDesktop
 }"
         />
       </template>

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -54,32 +54,16 @@ watch(currentConfig, (value) => {
 }, { immediate: true });
 const modalDefinitions = computed(() => {
   const nextDefinitions = [];
-  for (const group of displayConfig.value.groups) {
-    for (const item of group.items) {
-      if (isDropdownItem(item)) {
-        for (const child of item.items) {
-          const render2 = slots[child.id];
-          if (render2) {
-            nextDefinitions.push({
-              definitionId: child.id,
-              ownerId: overlayOwnerId,
-              render: render2,
-              shell: getModalShell(child.modal)
-            });
-          }
-        }
-        continue;
-      }
-      const render = slots[item.id];
-      if (render) {
-        nextDefinitions.push({
-          definitionId: item.id,
-          ownerId: overlayOwnerId,
-          render,
-          shell: getModalShell(item.modal)
-        });
-      }
+  for (const [slotName, render] of Object.entries(slots)) {
+    if (!uuidPattern.test(slotName) || typeof render !== "function") {
+      continue;
     }
+    nextDefinitions.push({
+      definitionId: slotName,
+      ownerId: overlayOwnerId,
+      render,
+      shell: getModalShell(findButtonAction(slotName)?.modal)
+    });
   }
   return nextDefinitions;
 });

package/dist/runtime/composables/useOverlay.d.ts

@@ -14,13 +14,19 @@ export type OverlayShellProps = Readonly<{
     dismissible?: boolean;
 }>;
 export type OverlayBodyProps = Readonly<Record<string, unknown>>;
+export type OverlaySectionReferenceInput = Readonly<{
+    id: string;
+    props?: Record<string, unknown>;
+}>;
 export type OverlaySessionInput = Readonly<{
     shell?: Partial<OverlayShellProps>;
     props?: Record<string, unknown>;
+    footer?: OverlaySectionReferenceInput;
 }>;
 export type OverlaySessionPatch = Readonly<{
     shell?: Partial<OverlayShellProps>;
     props?: Record<string, unknown>;
+    footer?: OverlaySectionReferenceInput | null;
 }>;
 export type OverlaySlotProps = Readonly<{
     props: OverlayBodyProps;
@@ -45,6 +51,10 @@ type OverlaySession = {
     definitionId: string;
     shell: OverlayShellState;
     props: Record<string, unknown>;
+    footer?: {
+        id: string;
+        props: Record<string, unknown>;
+    };
     deferred: Deferred.Deferred<OverlayResult, never>;
 };
 export type OverlayHandle = Readonly<{

package/dist/runtime/composables/useOverlay.js

@@ -112,6 +112,18 @@ function createOverlayRuntime() {
         ...patch.props
       };
     }
+    if (Reflect.has(patch, "footer")) {
+      if (patch.footer === null || patch.footer === void 0) {
+        session.footer = void 0;
+        return;
+      }
+      session.footer = {
+        id: patch.footer.id,
+        props: {
+          ...patch.footer.props
+        }
+      };
+    }
   }
   function closeSync(sessionId, value) {
     void Effect.runPromise(closeInternal(sessionId, value));
@@ -163,6 +175,9 @@ function createOverlayRuntime() {
         if (!definition) {
           return yield* Effect.fail(createDefinitionNotFoundError(definitionId));
         }
+        if (options?.footer && !getDefinition(options.footer.id)) {
+          return yield* Effect.fail(createDefinitionNotFoundError(options.footer.id));
+        }
         const buttonActionOption = yield* Effect.serviceOption(ButtonActionService);
         const buttonAction = Option.match(buttonActionOption, {
           onNone: () => void 0,
@@ -191,6 +206,12 @@ function createOverlayRuntime() {
           props: {
             ...options?.props
           },
+          footer: options?.footer ? {
+            id: options.footer.id,
+            props: {
+              ...options.footer.props
+            }
+          } : void 0,
           deferred
         };
         sessions.value.push(session);

package/dist/runtime/plugins/toast/index.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("#app").Plugin<{
             id?: number | string | undefined;
             icon?: import("vue").Component | undefined;
             dismissible?: boolean | undefined;
+            duration?: number | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;
             cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
@@ -19,7 +20,6 @@ declare const _default: import("#app").Plugin<{
             richColors?: boolean | undefined;
             invert?: boolean | undefined;
             closeButton?: boolean | undefined;
-            duration?: number | undefined;
             important?: boolean | undefined;
             action?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             onDismiss?: ((toast: import("vue-sonner").ToastT) => void) | undefined;
@@ -63,6 +63,7 @@ declare const _default: import("#app").Plugin<{
             id?: number | string | undefined;
             icon?: import("vue").Component | undefined;
             dismissible?: boolean | undefined;
+            duration?: number | undefined;
             class?: string | undefined;
             style?: import("vue").CSSProperties | undefined;
             cancel?: (import("vue-sonner").Action | import("vue").Component) | undefined;
@@ -72,7 +73,6 @@ declare const _default: import("#app").Plugin<{
             richColors?: boolean | undefined;
             invert?: boolean | undefined;
             closeButton?: boolean | undefined;
-            duration?: number | undefined;
             important?: boolean | undefined;
             action?: (import("vue-sonner").Action | import("vue").Component) | undefined;
             onDismiss?: ((toast: import("vue-sonner").ToastT) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "description": "",
   "license": "MIT",
   "type": "module",