@byline/host-tanstack-start 4.14.0 → 4.15.0

package/dist/admin-shell/chrome/admin-layout_module.css

@@ -1,7 +1,7 @@
 :is(.main-EeTOie, .byline-admin-layout-main) {
   width: 100%;
   max-width: 100%;
-  height: 100vh;
+  min-height: 100vh;
   padding-top: 45px;
   display: flex;
 }

package/dist/admin-shell/chrome/admin-menu-drawer.d.ts

@@ -6,4 +6,6 @@
  * Copyright (c) Infonomic Company Limited
  */
 import type React from 'react';
-export declare function AdminMenuDrawer(): React.JSX.Element | null;
+export declare function AdminMenuDrawer({ scheduledPublicationEnabled, }: {
+    scheduledPublicationEnabled?: boolean;
+}): React.JSX.Element | null;

package/dist/admin-shell/chrome/admin-menu-drawer.js

@@ -4,8 +4,9 @@ import { ADMIN_ACTIVITY_ABILITIES } from "@byline/admin/admin-activity";
 import { ADMIN_PERMISSIONS_ABILITIES } from "@byline/admin/admin-permissions";
 import { ADMIN_ROLES_ABILITIES } from "@byline/admin/admin-roles";
 import { ADMIN_USERS_ABILITIES } from "@byline/admin/admin-users";
+import { collectionAbilityKey, getAdminConfig } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
-import { ActivityIcon, HomeIcon, RolesIcon, SettingsSlidersIcon, Tooltip, UserIcon, UsersIcon } from "@byline/ui/react";
+import { ActivityIcon, CalendarIcon, HomeIcon, RolesIcon, SettingsSlidersIcon, Tooltip, UserIcon, UsersIcon } from "@byline/ui/react";
 import clsx from "clsx";
 import { useSwipeable } from "react-swipeable";
 import { useAbilities } from "../../integrations/abilities.js";
@@ -45,7 +46,7 @@ function MenuItem({ to, label, icon, pathname, compact }) {
         })
     });
 }
-function AdminMenuDrawer() {
+function AdminMenuDrawer({ scheduledPublicationEnabled = false }) {
     const pathname = useRouterState({
         select: (s)=>s.location.pathname
     });
@@ -56,6 +57,7 @@ function AdminMenuDrawer() {
     const canReadRoles = has(ADMIN_ROLES_ABILITIES.read);
     const canReadPermissions = has(ADMIN_PERMISSIONS_ABILITIES.read);
     const canReadActivity = has(ADMIN_ACTIVITY_ABILITIES.read);
+    const canSeeScheduledPublications = scheduledPublicationEnabled && getAdminConfig().collections.some((collection)=>has(collectionAbilityKey(collection.path, 'changeStatus')) && has(collectionAbilityKey(collection.path, 'publish')));
     const showAdminSection = canReadUsers || canReadRoles || canReadPermissions || canReadActivity;
     const handlers = useSwipeable({
         onSwipedLeft: ()=>{
@@ -94,6 +96,16 @@ function AdminMenuDrawer() {
                         pathname: pathname,
                         compact: compact
                     }),
+                    canSeeScheduledPublications && /*#__PURE__*/ jsx(MenuItem, {
+                        to: getAdminRoutePath('scheduled-publications'),
+                        label: t('chrome.menu.scheduledPublications'),
+                        icon: /*#__PURE__*/ jsx(CalendarIcon, {
+                            width: "18px",
+                            height: "18px"
+                        }),
+                        pathname: pathname,
+                        compact: compact
+                    }),
                     showAdminSection && /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ jsx("li", {

package/dist/admin-shell/chrome/admin-menu-drawer_module.css

@@ -30,8 +30,10 @@
 
 :is(.asideDesktop-uFlpwO, .byline-admin-menu-drawer-aside-desktop) {
   flex-shrink: 0;
-  align-self: stretch;
-  position: relative;
+  align-self: flex-start;
+  height: calc(100vh - 45px);
+  position: sticky;
+  top: 45px;
 }
 
 :is(.asideDesktopOpen-kPyJOg, .byline-admin-menu-drawer-aside-desktop-open) {
@@ -43,10 +45,9 @@
 }
 
 :is(.nav-dDjqu7, .byline-admin-menu-drawer) {
-  max-height: calc(100vh - 60px);
+  flex: auto;
+  min-height: 0;
   margin: 0;
-  position: sticky;
-  top: 0;
   overflow-y: auto;
 }
 
@@ -70,7 +71,7 @@
 }
 
 :is(.nav-dDjqu7 ul li.menu-item .label, .byline-admin-menu-drawer ul li.menu-item .label) {
-  line-height: 0;
+  line-height: 1.2;
 }
 
 :is(.nav-dDjqu7 ul li.menu-item.compact .label, .byline-admin-menu-drawer ul li.menu-item.compact .label) {

package/dist/admin-shell/chrome/dashboard.js

@@ -53,7 +53,7 @@ function StatTile({ ws, count, collectionPath }) {
 }
 function CollectionCard({ collection, stats }) {
     const { t } = useTranslation('byline-admin');
-    const total = stats?.reduce((sum, s)=>sum + s.count, 0) ?? 0;
+    const total = void 0 !== stats ? stats.reduce((sum, s)=>sum + s.count, 0) : void 0;
     const workflowStatuses = getWorkflowStatuses(collection);
     return /*#__PURE__*/ jsxs(Card, {
         children: [
@@ -74,7 +74,7 @@ function CollectionCard({ collection, stats }) {
                                         className: clsx('byline-dashboard-title-text', dashboard_module.titleText),
                                         children: collection.labels.plural
                                     }),
-                                    /*#__PURE__*/ jsx("span", {
+                                    void 0 !== total && /*#__PURE__*/ jsx("span", {
                                         className: clsx('muted byline-dashboard-title-meta', dashboard_module.titleMeta),
                                         children: t('dashboard.totalCount', {
                                             count: total

package/dist/admin-shell/collections/edit.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { FormRenderer } from "@byline/admin/react";
-import { getDefaultStatus, getWorkflowStatuses } from "@byline/core";
+import { getDefaultStatus, getWorkflow, getWorkflowStatuses, validateStatusTransition } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
 import { Container, Section, useToastManager } from "@byline/ui/react";
 import { getAdminRoutePath } from "../../routes/admin-path.js";
 import { clearListReturnState } from "../../routes/list-return-storage.js";
-import { copyDocumentToLocale, deleteDocument, deleteDocumentLocale, duplicateCollectionDocument, hasDeleteSideEffectFailures, unpublishDocument, updateCollectionDocumentSystemFields, updateCollectionDocumentWithPatches, updateDocumentStatus } from "../../server-fns/collections/index.js";
+import { cancelCollectionDocumentScheduledPublish, confirmCollectionDocumentScheduledPublish, copyDocumentToLocale, deleteDocument, deleteDocumentLocale, duplicateCollectionDocument, hasDeleteSideEffectFailures, scheduleCollectionDocumentPublish, unpublishDocument, updateCollectionDocumentSystemFields, updateCollectionDocumentWithPatches, updateDocumentStatus } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";
 import { ViewMenu } from "./view-menu.js";
@@ -25,6 +25,24 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
     const currentStatus = initialData?.status ?? getDefaultStatus(collectionDefinition);
     const currentIndex = workflowStatuses.findIndex((s)=>s.name === currentStatus);
     const nextStatus = -1 !== currentIndex && currentIndex < workflowStatuses.length - 1 ? workflowStatuses[currentIndex + 1] : void 0;
+    const scheduledPublicationEnabled = initialData?._scheduledPublicationEnabled === true;
+    const canSchedulePublication = initialData?._canSchedulePublication === true;
+    const scheduledPublication = initialData?._scheduledPublish ?? null;
+    const publishTransitionValid = 'published' !== currentStatus && getWorkflowStatuses(collectionDefinition).length > 1 && validateStatusTransition(getWorkflow(collectionDefinition), currentStatus, 'published').valid;
+    const canArmSchedule = scheduledPublicationEnabled && canSchedulePublication && publishTransitionValid;
+    const notifyScheduleSuspended = ()=>{
+        if (scheduledPublication?.state !== 'armed') return;
+        toastManager.add({
+            title: t('scheduledPublication.toast.suspendedTitle'),
+            description: t("scheduledPublication.toast.suspendedDescription"),
+            data: {
+                intent: 'warning',
+                iconType: 'warning',
+                icon: true,
+                close: true
+            }
+        });
+    };
     const handleLocaleChange = (newLocale)=>{
         navigate({
             to: getAdminRoutePath('collections', '$collection', '$id'),
@@ -99,6 +117,121 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
             });
         }
     };
+    const reloadDocument = ()=>{
+        navigate({
+            to: getAdminRoutePath('collections', '$collection', '$id'),
+            params: {
+                collection: path,
+                id: String(initialData.id)
+            },
+            search: (prev)=>({
+                    ...prev
+                })
+        });
+    };
+    const handleSchedulePublication = async ({ publishAt })=>{
+        try {
+            await scheduleCollectionDocumentPublish({
+                data: {
+                    collection: path,
+                    id: String(initialData.id),
+                    publishAt,
+                    expectedVersionId: String(initialData.versionId)
+                }
+            });
+            toastManager.add({
+                title: t('scheduledPublication.toast.scheduledTitle'),
+                description: t("scheduledPublication.toast.scheduledDescription"),
+                data: {
+                    intent: 'success',
+                    iconType: 'success',
+                    icon: true,
+                    close: true
+                }
+            });
+            reloadDocument();
+        } catch (err) {
+            toastManager.add({
+                title: t('scheduledPublication.toast.failedTitle'),
+                description: err.message,
+                data: {
+                    intent: 'danger',
+                    iconType: 'danger',
+                    icon: true,
+                    close: true
+                }
+            });
+            throw err;
+        }
+    };
+    const handleConfirmScheduledPublication = async ()=>{
+        try {
+            await confirmCollectionDocumentScheduledPublish({
+                data: {
+                    collection: path,
+                    id: String(initialData.id),
+                    expectedVersionId: String(initialData.versionId)
+                }
+            });
+            toastManager.add({
+                title: t('scheduledPublication.toast.confirmedTitle'),
+                description: t("scheduledPublication.toast.confirmedDescription"),
+                data: {
+                    intent: 'success',
+                    iconType: 'success',
+                    icon: true,
+                    close: true
+                }
+            });
+            reloadDocument();
+        } catch (err) {
+            toastManager.add({
+                title: t('scheduledPublication.toast.failedTitle'),
+                description: err.message,
+                data: {
+                    intent: 'danger',
+                    iconType: 'danger',
+                    icon: true,
+                    close: true
+                }
+            });
+            throw err;
+        }
+    };
+    const handleCancelScheduledPublication = async ()=>{
+        try {
+            const result = await cancelCollectionDocumentScheduledPublish({
+                data: {
+                    collection: path,
+                    id: String(initialData.id)
+                }
+            });
+            const cancelled = 'cancelled' === result.status;
+            toastManager.add({
+                title: cancelled ? t('scheduledPublication.toast.cancelledTitle') : t('scheduledPublication.toast.cancelLostTitle'),
+                description: cancelled ? t("scheduledPublication.toast.cancelledDescription") : t("scheduledPublication.toast.cancelLostDescription"),
+                data: {
+                    intent: cancelled ? 'success' : 'warning',
+                    iconType: cancelled ? 'success' : 'warning',
+                    icon: true,
+                    close: true
+                }
+            });
+            reloadDocument();
+        } catch (err) {
+            toastManager.add({
+                title: t('scheduledPublication.toast.failedTitle'),
+                description: err.message,
+                data: {
+                    intent: 'danger',
+                    iconType: 'danger',
+                    icon: true,
+                    close: true
+                }
+            });
+            throw err;
+        }
+    };
     const publishedVersion = initialData?._publishedVersion ?? null;
     const restoreWarnings = initialData?._restoreWarnings;
     const handleUnpublish = async ()=>{
@@ -256,6 +389,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                     close: true
                 }
             });
+            notifyScheduleSuspended();
             setEditState({
                 status: 'success',
                 message: t('collections.edit.copiedSuccessMessage', {
@@ -323,6 +457,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                     close: true
                 }
             });
+            notifyScheduleSuspended();
             setEditState({
                 status: 'success',
                 message: description
@@ -446,6 +581,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                     locale
                 }
             });
+            if (contentDirty && scheduledPublication?.state === 'armed') notifyScheduleSuspended();
             const description = t("collections.edit.updatedDescription", {
                 label: singularLower
             });
@@ -526,6 +662,10 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 }),
                 onStatusChange: handleStatusChange,
                 onUnpublish: publishedVersion ? handleUnpublish : void 0,
+                scheduledPublication: scheduledPublication,
+                onSchedulePublication: canArmSchedule ? handleSchedulePublication : void 0,
+                onConfirmScheduledPublication: canArmSchedule && scheduledPublication?.state === 'needs_reconfirm' ? handleConfirmScheduledPublication : void 0,
+                onCancelScheduledPublication: null != scheduledPublication ? handleCancelScheduledPublication : void 0,
                 onDelete: handleDelete,
                 onDuplicate: handleDuplicate,
                 onCopyToLocale: handleCopyToLocale,

package/dist/admin-shell/scheduled-publications/list.d.ts

@@ -0,0 +1,4 @@
+import type { ScheduledPublicationListResponse } from '../../server-fns/collections/index.js';
+export declare function ScheduledPublicationsView({ data }: {
+    data: ScheduledPublicationListResponse;
+}): import("react").JSX.Element;

package/dist/admin-shell/scheduled-publications/list.js

@@ -0,0 +1,295 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useRouterState } from "@tanstack/react-router";
+import { deriveScheduledPublicationState } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { Alert, Badge, Button, Container, Section, Select, Table, useToastManager } from "@byline/ui/react";
+import clsx from "clsx";
+import { getAdminRoutePath } from "../../routes/admin-path.js";
+import { cancelCollectionDocumentScheduledPublish } from "../../server-fns/collections/index.js";
+import { Link, useNavigate } from "../chrome/loose-router.js";
+import { RouterPager } from "../chrome/router-pager.js";
+import list_module from "./list.module.js";
+const STATE_INTENT = {
+    none: 'noeffect',
+    armed: 'info',
+    needs_reconfirm: 'warning',
+    overdue: 'warning'
+};
+function ScheduledPublicationsView({ data }) {
+    const { t, locale } = useTranslation('byline-admin');
+    const now = Date.now();
+    const timeZone = useMemo(()=>Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC', []);
+    const instantFormat = useMemo(()=>new Intl.DateTimeFormat(locale, {
+            dateStyle: 'medium',
+            timeStyle: 'short',
+            timeZone
+        }), [
+        locale,
+        timeZone
+    ]);
+    const navigate = useNavigate();
+    const toastManager = useToastManager();
+    const location = useRouterState({
+        select: (state)=>state.location
+    });
+    const search = location.search;
+    const [cancelling, setCancelling] = useState(null);
+    const applySearch = (patch)=>{
+        navigate({
+            to: getAdminRoutePath('scheduled-publications'),
+            search: {
+                ...location.search,
+                ...patch,
+                page: void 0
+            }
+        });
+    };
+    const cancel = async (collection, documentId)=>{
+        setCancelling(documentId);
+        try {
+            const result = await cancelCollectionDocumentScheduledPublish({
+                data: {
+                    collection,
+                    id: documentId
+                }
+            });
+            const cancelled = 'cancelled' === result.status;
+            toastManager.add({
+                title: cancelled ? t('scheduledPublication.toast.cancelledTitle') : t('scheduledPublication.toast.cancelLostTitle'),
+                description: cancelled ? t("scheduledPublication.toast.cancelledDescription") : t("scheduledPublication.toast.cancelLostDescription"),
+                data: {
+                    intent: cancelled ? 'success' : 'warning',
+                    iconType: cancelled ? 'success' : 'warning',
+                    icon: true,
+                    close: true
+                }
+            });
+            navigate({
+                to: getAdminRoutePath('scheduled-publications'),
+                search: location.search
+            });
+        } catch (error) {
+            toastManager.add({
+                title: t('scheduledPublication.toast.failedTitle'),
+                description: error.message,
+                data: {
+                    intent: 'danger',
+                    iconType: 'danger',
+                    icon: true,
+                    close: true
+                }
+            });
+        } finally{
+            setCancelling(null);
+        }
+    };
+    const unhealthy = data.runtime.health?.status !== 'healthy';
+    return /*#__PURE__*/ jsx(Section, {
+        children: /*#__PURE__*/ jsxs(Container, {
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: clsx('byline-scheduled-list-head', list_module.head),
+                    children: [
+                        /*#__PURE__*/ jsx("h1", {
+                            className: list_module.title,
+                            children: t('scheduledPublication.list.title')
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: list_module.intro,
+                            children: t('scheduledPublication.list.intro')
+                        })
+                    ]
+                }),
+                unhealthy && /*#__PURE__*/ jsx(Alert, {
+                    className: list_module.health,
+                    intent: "warning",
+                    icon: true,
+                    close: false,
+                    title: t('scheduledPublication.list.schedulerWarningTitle'),
+                    children: t('scheduledPublication.list.schedulerWarningBody', {
+                        status: data.runtime.health?.status ?? 'not_started'
+                    })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: list_module.controls,
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: list_module.filters,
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: list_module.filter,
+                                children: /*#__PURE__*/ jsx(Select, {
+                                    id: "scheduled-publication-state",
+                                    name: "scheduled-publication-state",
+                                    ariaLabel: t('scheduledPublication.list.filters.state'),
+                                    size: "sm",
+                                    value: search.state ?? '_all',
+                                    items: [
+                                        {
+                                            value: '_all',
+                                            label: t('scheduledPublication.list.filters.allStates')
+                                        },
+                                        {
+                                            value: 'armed',
+                                            label: t('scheduledPublication.list.states.armed')
+                                        },
+                                        {
+                                            value: 'needs_reconfirm',
+                                            label: t('scheduledPublication.list.states.needsReconfirm')
+                                        }
+                                    ],
+                                    onValueChange: (value)=>applySearch({
+                                            state: '_all' === value ? void 0 : value
+                                        })
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(RouterPager, {
+                            page: data.meta.page,
+                            count: data.meta.totalPages,
+                            showFirstButton: true,
+                            showLastButton: true,
+                            componentName: "scheduledPublicationsPagerTop",
+                            "aria-label": t('scheduledPublication.list.pagerAriaLabel')
+                        })
+                    ]
+                }),
+                0 === data.schedules.length ? /*#__PURE__*/ jsx("p", {
+                    className: list_module.empty,
+                    children: t('scheduledPublication.list.empty')
+                }) : /*#__PURE__*/ jsx(Table.Container, {
+                    className: list_module.tableWrap,
+                    children: /*#__PURE__*/ jsxs(Table, {
+                        children: [
+                            /*#__PURE__*/ jsx(Table.Header, {
+                                children: /*#__PURE__*/ jsxs(Table.Row, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.document')
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.publishAt')
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.state')
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.authorizer')
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.attempt')
+                                        }),
+                                        /*#__PURE__*/ jsx(Table.HeadingCell, {
+                                            scope: "col",
+                                            children: t('scheduledPublication.list.columns.actions')
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Table.Body, {
+                                children: data.schedules.map((schedule)=>{
+                                    const state = deriveScheduledPublicationState(schedule, {
+                                        canSchedule: false,
+                                        canConfirm: false,
+                                        canCancel: true
+                                    }, now);
+                                    const publishAt = new Date(schedule.publishAt);
+                                    return /*#__PURE__*/ jsxs(Table.Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsxs(Table.Cell, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Link, {
+                                                        to: getAdminRoutePath('collections', '$collection', '$id'),
+                                                        params: {
+                                                            collection: schedule.collectionPath,
+                                                            id: schedule.documentId
+                                                        },
+                                                        children: schedule.documentPath || schedule.documentId
+                                                    }),
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        className: list_module.collection,
+                                                        children: schedule.collectionLabel
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs(Table.Cell, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx("time", {
+                                                        className: list_module.instant,
+                                                        dateTime: publishAt.toISOString(),
+                                                        children: instantFormat.format(publishAt)
+                                                    }),
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        className: list_module.zone,
+                                                        children: timeZone
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx(Table.Cell, {
+                                                children: /*#__PURE__*/ jsx(Badge, {
+                                                    intent: STATE_INTENT[state.kind],
+                                                    children: 'needs_reconfirm' === state.kind ? t('scheduledPublication.list.states.needsReconfirm') : 'overdue' === state.kind ? t('scheduledPublication.list.states.overdue') : t('scheduledPublication.list.states.armed')
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Table.Cell, {
+                                                children: null != schedule.lastAuthorizedByName ? /*#__PURE__*/ jsx("span", {
+                                                    children: schedule.lastAuthorizedByName
+                                                }) : null != schedule.lastAuthorizedBy ? /*#__PURE__*/ jsx("span", {
+                                                    className: list_module.authorizer,
+                                                    title: t('scheduledPublication.list.authorizerMissing'),
+                                                    children: schedule.lastAuthorizedBy
+                                                }) : /*#__PURE__*/ jsx("span", {
+                                                    children: "—"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxs(Table.Cell, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: schedule.attemptCount
+                                                    }),
+                                                    null != schedule.lastError && /*#__PURE__*/ jsx("span", {
+                                                        className: list_module.error,
+                                                        children: schedule.lastError
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx(Table.Cell, {
+                                                children: /*#__PURE__*/ jsx(Button, {
+                                                    size: "xs",
+                                                    type: "button",
+                                                    intent: "danger",
+                                                    disabled: cancelling === schedule.documentId,
+                                                    "aria-label": t('scheduledPublication.actions.cancel'),
+                                                    onClick: ()=>cancel(schedule.collectionPath, schedule.documentId),
+                                                    children: t('common.actions.cancel')
+                                                })
+                                            })
+                                        ]
+                                    }, schedule.documentId);
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: list_module.pagerBottom,
+                    children: /*#__PURE__*/ jsx(RouterPager, {
+                        page: data.meta.page,
+                        count: data.meta.totalPages,
+                        showFirstButton: true,
+                        showLastButton: true,
+                        componentName: "scheduledPublicationsPagerBottom",
+                        "aria-label": t('scheduledPublication.list.pagerAriaLabel')
+                    })
+                })
+            ]
+        })
+    });
+}
+export { ScheduledPublicationsView };

package/dist/admin-shell/scheduled-publications/list.module.js

@@ -0,0 +1,25 @@
+import "./list_module.css";
+const list_module = {
+    head: "head-oj4QbV",
+    title: "title-lm1z74",
+    intro: "intro-clPFM7",
+    health: "health-KAg5x5",
+    controls: "controls-dRon5S",
+    "filters-help": "filters-help-DWQ3Wy",
+    filtersHelp: "filters-help-DWQ3Wy",
+    filters: "filters-x7PuG5",
+    filter: "filter-TXeSAI",
+    "filter-authorizer": "filter-authorizer-rDbHwh",
+    filterAuthorizer: "filter-authorizer-rDbHwh",
+    "filter-actions": "filter-actions-dbQWCO",
+    filterActions: "filter-actions-dbQWCO",
+    tableWrap: "tableWrap-wqdsOy",
+    collection: "collection-sBqska",
+    zone: "zone-ikRViN",
+    error: "error-frhrx4",
+    instant: "instant-PTgCBK",
+    authorizer: "authorizer-orWXlf",
+    empty: "empty-K7NcOV",
+    pagerBottom: "pagerBottom-Sf0_9J"
+};
+export default list_module;