@compill/admin 1.0.89 → 1.0.91

package/index.cjs.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var jsxRuntime = require('@soperio/jsx-runtime');
 var api = require('@compill/api');
 var components = require('@compill/components');
@@ -33,53 +34,11 @@ var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function SectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("h2", Object.assign({
     textSize: "xl",
     fontWeight: "600",
@@ -363,7 +322,7 @@ function Breadcrumbs(_a) {
   var {
       breadcrumbs
     } = _a,
-    props = __rest(_a, ["breadcrumbs"]);
+    props = tslib.__rest(_a, ["breadcrumbs"]);
   if (isArray(breadcrumbs)) {
     return jsxRuntime.jsx("div", Object.assign({
       dflex: true,
@@ -388,7 +347,7 @@ function QueryBreadcrumbs(_a) {
       queryField,
       generate
     } = _a,
-    props = __rest(_a, ["queryFn", "queryField", "generate"]);
+    props = tslib.__rest(_a, ["queryFn", "queryField", "generate"]);
   const params = reactRouterDom.useParams();
   const id = queryField ? params[queryField] : undefined;
   const {
@@ -448,7 +407,7 @@ function DialogButton(_a) {
   var {
       buildDialog
     } = _a,
-    props = __rest(_a, ["buildDialog"]);
+    props = tslib.__rest(_a, ["buildDialog"]);
   const [showDialog, setShowDialog] = React__default["default"].useState(false);
   const onShowDialog = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -469,7 +428,7 @@ function ButtonBar(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     border: "1px",
@@ -487,7 +446,7 @@ const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(functi
       icon,
       children
     } = _a,
-    props = __rest(_a, ["icon", "children"]);
+    props = tslib.__rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -513,7 +472,7 @@ const ButtonBarSubmitButton = /*#__PURE__*/React__default["default"].forwardRef(
       icon,
       children
     } = _a,
-    props = __rest(_a, ["useDirty", "disabled", "icon", "children"]);
+    props = tslib.__rest(_a, ["useDirty", "disabled", "icon", "children"]);
   const {
     dirty,
     handleSubmit
@@ -547,7 +506,7 @@ function ButtonBarDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest(_a, ["icon", "children"]);
+    props = tslib.__rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(DialogButton, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -569,7 +528,7 @@ function InvalidateButton(_a) {
   var {
       pathOrPermalink
     } = _a,
-    props = __rest(_a, ["pathOrPermalink"]);
+    props = tslib.__rest(_a, ["pathOrPermalink"]);
   const api$1 = adminApi.INVALIDATE_API.new(pathOrPermalink);
   const mutation = api.useApiMutation(api$1.invalidate, api$1.queryKey);
   const invalidate = api.useMutate(mutation, {
@@ -587,7 +546,7 @@ function NavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = tslib.__rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(() => {
     navigate(path);
@@ -613,7 +572,7 @@ function PublishButton(_a) {
       queryId,
       api: api$1
     } = _a,
-    props = __rest(_a, ["status", "queryId", "api"]);
+    props = tslib.__rest(_a, ["status", "queryId", "api"]);
   const isDraft = status == "draft";
   const mutation = api.useInvalidateMutation(isDraft ? api$1.publish : api$1.unpublish, api$1.queryKey, queryId, {
     networkMode: "always"
@@ -1020,7 +979,7 @@ function useHotkeys(keys, callback, options, dependencies) {
 
 function UpdateButton(_a) {
   var _b;
-  var props = __rest(_a, []);
+  var props = tslib.__rest(_a, []);
   const {
     dirty,
     handleSubmit
@@ -1046,7 +1005,7 @@ function ViewButton(_a) {
       path,
       icon
     } = _a,
-    props = __rest(_a, ["path", "icon"]);
+    props = tslib.__rest(_a, ["path", "icon"]);
   const openPage = React__default["default"].useCallback(() => {
     window.open(path, '_blank');
   }, [path]);
@@ -1105,7 +1064,7 @@ function PageContainer(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx(ui.Container, Object.assign({
     center: true,
     dflex: true,
@@ -1120,7 +1079,7 @@ function PageMain(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx(ui.Tile, Object.assign({
     scheme: "light",
     p: "5"
@@ -1133,7 +1092,7 @@ function PageContentEditor(_a) {
   var {
       name
     } = _a,
-    props = __rest(_a, ["name"]);
+    props = tslib.__rest(_a, ["name"]);
   const extensions = [editor.ImageExtension];
   return jsxRuntime.jsx(PageMain, Object.assign({
     h: "min"
@@ -1159,7 +1118,7 @@ function PageQueryStateContainerInner(_a) {
       errorStyles,
       children
     } = _a,
-    props = __rest(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
+    props = tslib.__rest(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
   // @ts-ignore
   const {
     data,
@@ -1185,7 +1144,7 @@ function PageSidebar(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     w: "112",
     minW: "112",
@@ -1203,7 +1162,7 @@ function PageSidebarSection(_a) {
       title,
       children
     } = _a,
-    props = __rest(_a, ["title", "children"]);
+    props = tslib.__rest(_a, ["title", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "full"
   }, props, {
@@ -1217,7 +1176,7 @@ function PageTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h5"
   }, props, {
@@ -1231,7 +1190,7 @@ function PageTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "breadcrumbs", "children"]);
+    props = tslib.__rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxRuntime.jsxs(components.FlexCenter, Object.assign({
     gap: "3",
     minH: "9"
@@ -1264,7 +1223,7 @@ function PageTabbedTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "breadcrumbs", "children"]);
+    props = tslib.__rest(_a, ["title", "breadcrumbs", "children"]);
   const ref = /*#__PURE__*/React__default["default"].createRef();
   const {
     setContainerEl
@@ -1418,7 +1377,7 @@ function DetailsView(_a) {
       screen,
       tabbed
     } = _a,
-    props = __rest(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
+    props = tslib.__rest(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
   const id = useQueryField(queryField, useNextRouter);
   const ref = React__default["default"].useRef(null);
   return jsxRuntime.jsx(PageQueryStateContainer, Object.assign({
@@ -1456,15 +1415,20 @@ function Internal({
     sections,
     buttonBar,
     type,
-    invalidateParentQueryKey
+    invalidateParentQueryKey,
+    invalidatePage
   } = pScreen;
   const mutation = api.useInvalidateParentMutation(api$1.update, invalidateParentQueryKey !== null && invalidateParentQueryKey !== void 0 ? invalidateParentQueryKey : api$1.queryKey, {
     networkMode: "always"
   });
+  const invalidatePageFn = adminApi.useInvalidatePage(invalidatePage || "");
   const save = api.useMutate(mutation, {
     processInput,
     successMsg: (item, values) => `${item.title || item.name} updated.`,
-    errorMsg: (error, item) => `Error updating ${item.title || item.name}: ${error}`
+    errorMsg: (error, item) => `Error updating ${item.title || item.name}: ${error}`,
+    onSuccess: () => {
+      if (invalidatePage) invalidatePageFn();
+    }
   });
   let editorMaxW = undefined;
   if (!type || type == "post") editorMaxW = "calc(1280px - 28rem)";else if (type == "section") editorMaxW = "calc(1280px - 22rem)";
@@ -1581,7 +1545,7 @@ function QueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
+    props = tslib.__rest(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
   const {
     id,
     api: mApi
@@ -1610,7 +1574,7 @@ function TabbedView(_a) {
       api,
       screen
     } = _a;
-    __rest(_a, ["queryField", "api", "screen"]);
+    tslib.__rest(_a, ["queryField", "api", "screen"]);
   const {
     [queryField]: id
   } = reactRouterDom.useParams();
@@ -1707,7 +1671,7 @@ function TableContainer(_a) {
       filtersMethod = "reactRouter",
       children
     } = _a,
-    props = __rest(_a, ["initialPageSize", "initialVisibleColumns", "columns", "filtersMethod", "children"]);
+    props = tslib.__rest(_a, ["initialPageSize", "initialVisibleColumns", "columns", "filtersMethod", "children"]);
   return jsxRuntime.jsx("div", Object.assign({
     w: "full",
     dflex: true,
@@ -1730,7 +1694,7 @@ function TableCreateButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest(_a, ["icon", "children"]);
+    props = tslib.__rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(admin.ButtonBarDialogButton, Object.assign({}, props, {
     children: [jsxRuntime.jsx(ui.Icon, {
       path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
@@ -1739,7 +1703,7 @@ function TableCreateButton(_a) {
 }
 
 function TableFilterButton(_a) {
-  var props = __rest(_a, []);
+  var props = tslib.__rest(_a, []);
   // return <Button scheme="secondary" {...props}><Icon path={mdiFilter} /></Button>
   return jsxRuntime.jsxs(ui.Popover, {
     side: "bottom-end",
@@ -1787,7 +1751,7 @@ function TableTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "breadcrumbs", "children"]);
+    props = tslib.__rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     flexRow: true,
@@ -2027,7 +1991,7 @@ function ItemEditDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest(_a, ["initialValues", "itemLabel", "queryId", "api", "queryFetchOptions", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    props = tslib.__rest(_a, ["initialValues", "itemLabel", "queryId", "api", "queryFetchOptions", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
   const {
     isInitialLoading,
     isFetching,
@@ -2043,7 +2007,7 @@ function ItemEditDialog(_a) {
   // const [showTab, setShowTab] = React.useState(true);
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(api$1.upsert, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, querySaveOptions) : api.useApiMutation(api$1.upsert, api$1.queryKey, queryId, querySaveOptions);
   const retry = React__default["default"].useCallback(() => refetch(), [refetch]);
-  const saveItem = React__default["default"].useCallback((item, actions) => __awaiter(this, void 0, void 0, function* () {
+  const saveItem = React__default["default"].useCallback((item, actions) => tslib.__awaiter(this, void 0, void 0, function* () {
     // Clear mutation error if any
     mutation.reset();
     const formItem = formToQueryData ? formToQueryData(item) : Object.assign({}, item);
@@ -2223,7 +2187,7 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = __rest(config, ["type"]);
+  const props = tslib.__rest(config, ["type"]);
   if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2278,7 +2242,7 @@ function ItemDeleteDialog(_a) {
       show,
       onClose
     } = _a,
-    props = __rest(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
+    props = tslib.__rest(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
   const fn = apiFn ? api$1[apiFn] : api$1.delete;
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(fn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey) : api.useApiMutation(fn, api$1.queryKey);
   const mutate = api.useMutate(mutation, {
@@ -2466,7 +2430,7 @@ function TableRowPublishPostButton$1(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = tslib.__rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
   const mutation = api.useInvalidateParentMutation(isDraft ? api$1.publish : api$1.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, {
     networkMode: "always"
@@ -2528,7 +2492,7 @@ function ActionButton(_a) {
   var {
       onClick
     } = _a,
-    props = __rest(_a, ["onClick"]);
+    props = tslib.__rest(_a, ["onClick"]);
   const handleClick = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -2566,7 +2530,7 @@ function useTableProps(api, table, rowActions, queryParams) {
       onRowClick,
       columns: c
     } = table,
-    props = __rest(table, ["onRowClick", "columns"]);
+    props = tslib.__rest(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React__default["default"].useCallback(item => {
     var _a;
     const config = react.runIfFn(onRowClick, item);
@@ -2631,7 +2595,7 @@ function TableView(_a) {
       subtitle,
       screen
     } = _a,
-    props = __rest(_a, ["queryField", "title", "subtitle", "screen"]);
+    props = tslib.__rest(_a, ["queryField", "title", "subtitle", "screen"]);
   const id = useId(queryField);
   const _screen = react.runIfFn(screen, id);
   return jsxRuntime.jsx(PageContainer, Object.assign({
@@ -2836,7 +2800,7 @@ function MultiQueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["queries", "config", "tabbed"]);
+    props = tslib.__rest(_a, ["queries", "config", "tabbed"]);
   const {
     data,
     isFetching,
@@ -2864,7 +2828,7 @@ function ScreenRenderer(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["config", "tabbed"]);
+    props = tslib.__rest(_a, ["config", "tabbed"]);
   if (config.type === "table") return jsxRuntime.jsx(TableView, Object.assign({}, config, props));
   if (config.type === "tabbed") return jsxRuntime.jsx(TabbedView, Object.assign({}, config, props));
   if (config.type === "details") return jsxRuntime.jsx(DetailsView, Object.assign({}, config, {
@@ -2884,7 +2848,7 @@ function ScreenRenderer(_a) {
  *
  */
 function Content(_a) {
-  var props = __rest(_a, []);
+  var props = tslib.__rest(_a, []);
   return jsxRuntime.jsx("div", Object.assign({
     w: "100%",
     h: "100%",
@@ -2916,7 +2880,7 @@ function MenuButton(_a) {
       selected,
       children
     } = _a,
-    props = __rest(_a, ["depth", "darkMode", "icon", "selected", "children"]);
+    props = tslib.__rest(_a, ["depth", "darkMode", "icon", "selected", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     as: "li",
     minH: "8",
@@ -2951,7 +2915,7 @@ function MenuItem$1(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = tslib.__rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
   const location = reactRouterDom.useLocation();
   const selected = path == "/" ? location.pathname == "/" : location.pathname.startsWith(path.startsWith("/") ? path : `/${path}`);
   const match = reactRouterDom.useMatch("/" + path) != null;
@@ -2989,7 +2953,7 @@ function NextMenuItem(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = tslib.__rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
   const {
     pathname
   } = router.useRouter();
@@ -3030,7 +2994,7 @@ function Menu(_a) {
       config,
       useNextRouter
     } = _a,
-    props = __rest(_a, ["darkMode", "config", "useNextRouter"]);
+    props = tslib.__rest(_a, ["darkMode", "config", "useNextRouter"]);
   const Comp = useNextRouter ? NextMenuItem : MenuItem$1;
   return jsxRuntime.jsx("ul", Object.assign({}, props, {
     children: config.map((item, index) => {
@@ -3179,7 +3143,7 @@ function MenuItem(_a) {
       onClick,
       children
     } = _a,
-    props = __rest(_a, ["icon", "onClick", "children"]);
+    props = tslib.__rest(_a, ["icon", "onClick", "children"]);
   const handleClick = React__default["default"].useCallback(e => {
     e.preventDefault();
     e.stopPropagation();
@@ -3216,7 +3180,7 @@ function Sidebar(_a) {
       color,
       darkMode
     } = _a,
-    props = __rest(_a, ["show", "logo", "title", "menuConfig", "userMenuConfig", "userSettingsPath", "color", "darkMode"]);
+    props = tslib.__rest(_a, ["show", "logo", "title", "menuConfig", "userMenuConfig", "userSettingsPath", "color", "darkMode"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     flexCol: true,
@@ -3265,7 +3229,7 @@ function Logo(_a) {
       height,
       darkMode
     } = _a,
-    props = __rest(_a, ["width", "height", "darkMode"]);
+    props = tslib.__rest(_a, ["width", "height", "darkMode"]);
   return jsxRuntime.jsx("div", Object.assign({}, props, {
     children: jsxRuntime.jsx(Image__default["default"], {
       src: `/logo_${darkMode ? "light" : "dark"}.png`,
@@ -3288,7 +3252,7 @@ function AdminLayout(_a) {
       userMenuConfig,
       userSettingsPath
     } = _a,
-    props = __rest(_a, ["color", "darkMode", "logo", "title", "menuConfig", "userMenuConfig", "userSettingsPath"]);
+    props = tslib.__rest(_a, ["color", "darkMode", "logo", "title", "menuConfig", "userMenuConfig", "userSettingsPath"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "full",
     h: "screen",
@@ -3384,7 +3348,7 @@ function AttachDialog(_a) {
       formikProps,
       getItemName
     } = _a,
-    props = __rest(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
+    props = tslib.__rest(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
   const queryClient = reactQuery.useQueryClient();
   const {
     data: attached,
@@ -3510,7 +3474,7 @@ function ListItem(_a) {
       value,
       checked
     } = _a,
-    props = __rest(_a, ["label", "value", "checked"]);
+    props = tslib.__rest(_a, ["label", "value", "checked"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -3555,7 +3519,7 @@ function FormActionDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    props = tslib.__rest(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(queryFn, queryKey, queryOptions) : api.useApiMutation(queryFn, queryKey, queryId, queryOptions);
   const mutate = api.useMutate(mutation, {
     onSuccess,
@@ -3607,7 +3571,7 @@ function PageSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "5"
@@ -3621,7 +3585,7 @@ const PageStateContainer = /*#__PURE__*/React__default["default"].forwardRef((_a
       loading = false,
       children
     } = _a,
-    props = __rest(_a, ["loading", "children"]);
+    props = tslib.__rest(_a, ["loading", "children"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [loading && jsxRuntime.jsx(components.QueryLoadingState, {
       w: "full",
@@ -3643,7 +3607,7 @@ function PageSubSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "3"
@@ -3672,7 +3636,7 @@ function StatusBadge(_a) {
   var {
       status
     } = _a,
-    props = __rest(_a, ["status"]);
+    props = tslib.__rest(_a, ["status"]);
   return jsxRuntime.jsx(ui.Badge, Object.assign({
     size: "sm",
     variant: "glass",
@@ -3690,7 +3654,7 @@ function TableRowActionButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest(_a, ["icon", "children"]);
+    props = tslib.__rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3714,7 +3678,7 @@ function TableRowViewButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = tslib.__rest(_a, ["path"]);
   const openPage = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -3730,7 +3694,7 @@ function TableRowNavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = tslib.__rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -3748,7 +3712,7 @@ function TableRowActionDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest(_a, ["icon", "children"]);
+    props = tslib.__rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(admin.DialogButton, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3772,7 +3736,7 @@ function TableRowEditButton(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiPencil
   }, props, {
@@ -3784,7 +3748,7 @@ function TableRowDeleteButton(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = tslib.__rest(_a, ["children"]);
   return jsxRuntime.jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiDelete
   }, props, {
@@ -3801,7 +3765,7 @@ function TableRowActionBar(_a) {
       deleteDialog,
       children
     } = _a,
-    props = __rest(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
+    props = tslib.__rest(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     spaceX: "1",
@@ -3826,7 +3790,7 @@ function TableRowPublishPostButton(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = tslib.__rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
   const mutation = api.useInvalidateParentMutation(isDraft ? api$1.publish : api$1.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, {
     networkMode: "always"

package/index.esm.js

@@ -1,3 +1,4 @@
+import { __rest, __awaiter } from 'tslib';
 import { jsx, jsxs, Fragment } from '@soperio/jsx-runtime';
 import { useApiQuery, useApiMutation, useMutate, useInvalidateMutation, useInvalidateQuery, useInvalidateParentMutation, useApiQueries } from '@compill/api';
 import { Shimmer, FlexCenter, QueryLoadingState, RetryOnError, TabContainer, ModalLoadingOverlay } from '@compill/components';
@@ -5,7 +6,7 @@ import { Icon, Button, IconButton, Container, Tile, Popover, Collapse, Modal, Av
 import Link from 'next/link';
 import { useParams, useNavigate, Outlet, useLocation, useMatch, Link as Link$1 } from 'react-router-dom';
 import React, { useRef, useCallback, useContext as useContext$2, useLayoutEffect, useEffect, createContext } from 'react';
-import { INVALIDATE_API, API } from '@compill/admin-api';
+import { INVALIDATE_API, API, useInvalidatePage } from '@compill/admin-api';
 import { useFormikContext, Formik, Form } from 'formik';
 import { ButtonBarButton as ButtonBarButton$1, ButtonBarSubmitButton as ButtonBarSubmitButton$1, PageSectionTitle as PageSectionTitle$1, ButtonBar as ButtonBar$1, ButtonBarDialogButton as ButtonBarDialogButton$1, Breadcrumbs as Breadcrumbs$1, TableRowActionButton as TableRowActionButton$1, DialogButton as DialogButton$1 } from '@compill/admin';
 import { toast } from 'react-toastify';
@@ -23,48 +24,6 @@ import { useQueryClient } from '@tanstack/react-query';
 import Image from 'next/image';
 import { useSessionUser, useSessionLogout } from '@compill/auth';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function SectionTitle(_a) {
   var {
       children
@@ -1446,15 +1405,20 @@ function Internal({
     sections,
     buttonBar,
     type,
-    invalidateParentQueryKey
+    invalidateParentQueryKey,
+    invalidatePage
   } = pScreen;
   const mutation = useInvalidateParentMutation(api.update, invalidateParentQueryKey !== null && invalidateParentQueryKey !== void 0 ? invalidateParentQueryKey : api.queryKey, {
     networkMode: "always"
   });
+  const invalidatePageFn = useInvalidatePage(invalidatePage || "");
   const save = useMutate(mutation, {
     processInput,
     successMsg: (item, values) => `${item.title || item.name} updated.`,
-    errorMsg: (error, item) => `Error updating ${item.title || item.name}: ${error}`
+    errorMsg: (error, item) => `Error updating ${item.title || item.name}: ${error}`,
+    onSuccess: () => {
+      if (invalidatePage) invalidatePageFn();
+    }
   });
   let editorMaxW = undefined;
   if (!type || type == "post") editorMaxW = "calc(1280px - 28rem)";else if (type == "section") editorMaxW = "calc(1280px - 22rem)";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.89",
+    "version": "1.0.91",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/json/types/DetailsView.d.ts

@@ -14,6 +14,7 @@ export type DetailsViewConfig<T = any> = {
 };
 type Screen = {
     invalidateParentQueryKey?: string[];
+    invalidatePage?: string;
     breadcrumbs?: Breadcrumb[];
     initialValues: any | ((data: any) => any);
     schema: Yup.Schema;