@compill/admin 1.0.79 → 1.0.81

package/index.cjs.js

@@ -16,6 +16,7 @@ require('react/jsx-runtime');
 var components = require('@compill/components');
 var form = require('@compill/form');
 var react = require('@soperio/react');
+var formEditor = require('@compill/form-editor');
 var editor = require('@compill/editor');
 var reactDom = require('react-dom');
 var router = require('next/router');
@@ -46,7 +47,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-function __rest$1(s, e) {
+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];
@@ -77,7 +78,7 @@ function SectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("h2", Object.assign({
     textSize: "xl",
     fontWeight: "600",
@@ -110,7 +111,7 @@ function Breadcrumbs(_a) {
   var {
       breadcrumbs
     } = _a,
-    props = __rest$1(_a, ["breadcrumbs"]);
+    props = __rest(_a, ["breadcrumbs"]);
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -147,7 +148,7 @@ function DialogButton(_a) {
   var {
       buildDialog
     } = _a,
-    props = __rest$1(_a, ["buildDialog"]);
+    props = __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();
@@ -168,7 +169,7 @@ function ButtonBar(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     border: "1px",
@@ -186,7 +187,7 @@ const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(functi
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -212,7 +213,7 @@ const ButtonBarSubmitButton = /*#__PURE__*/React__default["default"].forwardRef(
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["useDirty", "disabled", "icon", "children"]);
+    props = __rest(_a, ["useDirty", "disabled", "icon", "children"]);
   const {
     dirty,
     handleSubmit
@@ -246,7 +247,7 @@ function ButtonBarDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(DialogButton, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -268,7 +269,7 @@ function InvalidateButton(_a) {
   var {
       pathOrPermalink
     } = _a,
-    props = __rest$1(_a, ["pathOrPermalink"]);
+    props = __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, {
@@ -286,7 +287,7 @@ function NavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(() => {
     navigate(path);
@@ -312,7 +313,7 @@ function PublishButton(_a) {
       queryId,
       api: api$1
     } = _a,
-    props = __rest$1(_a, ["status", "queryId", "api"]);
+    props = __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"
@@ -719,7 +720,7 @@ function useHotkeys(keys, callback, options, dependencies) {
 
 function UpdateButton(_a) {
   var _b;
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   const {
     dirty,
     handleSubmit
@@ -745,7 +746,7 @@ function ViewButton(_a) {
       path,
       icon
     } = _a,
-    props = __rest$1(_a, ["path", "icon"]);
+    props = __rest(_a, ["path", "icon"]);
   const openPage = React__default["default"].useCallback(() => {
     window.open(path, '_blank');
   }, [path]);
@@ -804,7 +805,7 @@ function PageContainer(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx(ui.Container, Object.assign({
     center: true,
     dflex: true,
@@ -815,68 +816,11 @@ function PageContainer(_a) {
   }));
 }
 
-/******************************************************************************
-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;
-}
-
-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 FormEditor(_a) {
-  // const { initialValues } = useFormikContext();
-  var {
-      name,
-      placeholder
-    } = _a,
-    props = __rest(_a, ["name", "placeholder"]);
-  return jsxRuntime.jsx(formik.Field, {
-    name: name,
-    children: ({
-      field,
-      meta
-    }) => jsxRuntime.jsx(editor.Editor, Object.assign({}, props, {
-      // placeholder={placeholder}
-      defaultValue: meta.initialValue,
-      onChange: e => field.onChange({
-        target: {
-          name: name,
-          value: e
-        }
-      })
-    }))
-  });
-}
-
 function PageMain(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx(ui.Tile, Object.assign({
     scheme: "light",
     p: "5"
@@ -889,17 +833,19 @@ function PageContentEditor(_a) {
   var {
       name
     } = _a,
-    props = __rest$1(_a, ["name"]);
+    props = __rest(_a, ["name"]);
+  const extensions = [editor.ImageExtension];
   return jsxRuntime.jsx(PageMain, Object.assign({
     h: "min"
   }, props, {
-    children: jsxRuntime.jsx(FormEditor, {
+    children: jsxRuntime.jsx(formEditor.FormEditor, {
       minH: "128",
       minW: "144",
       maxW: props.maxW,
       // w={props.w}
       name: name,
-      placeHolder: "Write here..."
+      placeHolder: "Write here...",
+      extensions: extensions
     })
   }));
 }
@@ -913,7 +859,7 @@ function PageQueryStateContainerInner(_a) {
       errorStyles,
       children
     } = _a,
-    props = __rest$1(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
+    props = __rest(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
   // @ts-ignore
   const {
     data,
@@ -939,7 +885,7 @@ function PageSidebar(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     w: "112",
     minW: "112",
@@ -957,7 +903,7 @@ function PageSidebarSection(_a) {
       title,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "full"
   }, props, {
@@ -971,7 +917,7 @@ function PageTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h5"
   }, props, {
@@ -985,7 +931,7 @@ function PageTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxRuntime.jsxs(components.FlexCenter, Object.assign({
     gap: "3",
     minH: "9"
@@ -1018,7 +964,7 @@ function PageTabbedTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   const ref = /*#__PURE__*/React__default["default"].createRef();
   const {
     setContainerEl
@@ -1172,7 +1118,7 @@ function DetailsView(_a) {
       screen,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
+    props = __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({
@@ -1335,7 +1281,7 @@ function QueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
+    props = __rest(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
   const {
     id,
     api: mApi
@@ -1364,7 +1310,7 @@ function TabbedView(_a) {
       api,
       screen
     } = _a;
-    __rest$1(_a, ["queryField", "api", "screen"]);
+    __rest(_a, ["queryField", "api", "screen"]);
   const {
     [queryField]: id
   } = reactRouterDom.useParams();
@@ -1460,7 +1406,7 @@ function TableContainer(_a) {
       columns,
       children
     } = _a,
-    props = __rest$1(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
+    props = __rest(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
   return jsxRuntime.jsx("div", Object.assign({
     w: "full",
     dflex: true,
@@ -1482,7 +1428,7 @@ function TableCreateButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __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
@@ -1491,7 +1437,7 @@ function TableCreateButton(_a) {
 }
 
 function TableFilterButton(_a) {
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   // return <Button scheme="secondary" {...props}><Icon path={mdiFilter} /></Button>
   return jsxRuntime.jsxs(ui.Popover, {
     side: "bottom-end",
@@ -1538,7 +1484,7 @@ function TableTopBar(_a) {
       title,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     flexRow: true,
@@ -2014,7 +1960,7 @@ function ItemEditDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest$1(_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 = __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,
@@ -2210,7 +2156,7 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = __rest$1(config, ["type"]);
+  const props = __rest(config, ["type"]);
   if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2265,7 +2211,7 @@ function ItemDeleteDialog(_a) {
       show,
       onClose
     } = _a,
-    props = __rest$1(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
+    props = __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, {
@@ -2453,7 +2399,7 @@ function TableRowPublishPostButton$1(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __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"
@@ -2515,7 +2461,7 @@ function ActionButton(_a) {
   var {
       onClick
     } = _a,
-    props = __rest$1(_a, ["onClick"]);
+    props = __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();
@@ -2553,7 +2499,7 @@ function useTableProps(api, table, rowActions) {
       onRowClick,
       columns: c
     } = table,
-    props = __rest$1(table, ["onRowClick", "columns"]);
+    props = __rest(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React__default["default"].useCallback(item => {
     var _a;
     const config = react.runIfFn(onRowClick, item);
@@ -2617,7 +2563,7 @@ function TableView(_a) {
       subtitle,
       screen
     } = _a,
-    props = __rest$1(_a, ["queryField", "title", "subtitle", "screen"]);
+    props = __rest(_a, ["queryField", "title", "subtitle", "screen"]);
   const id = useId(queryField);
   const _screen = react.runIfFn(screen, id);
   return jsxRuntime.jsx(PageContainer, Object.assign({
@@ -2820,7 +2766,7 @@ function MultiQueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["queries", "config", "tabbed"]);
+    props = __rest(_a, ["queries", "config", "tabbed"]);
   const {
     data,
     isFetching,
@@ -2848,7 +2794,7 @@ function ScreenRenderer(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["config", "tabbed"]);
+    props = __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, {
@@ -2868,7 +2814,7 @@ function ScreenRenderer(_a) {
  *
  */
 function Content(_a) {
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   return jsxRuntime.jsx("div", Object.assign({
     w: "100%",
     h: "100%",
@@ -2900,7 +2846,7 @@ function MenuButton(_a) {
       selected,
       children
     } = _a,
-    props = __rest$1(_a, ["depth", "darkMode", "icon", "selected", "children"]);
+    props = __rest(_a, ["depth", "darkMode", "icon", "selected", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     as: "li",
     minH: "8",
@@ -2935,7 +2881,7 @@ function MenuItem(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest$1(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = __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;
@@ -2973,7 +2919,7 @@ function NextMenuItem(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest$1(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = __rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
   const {
     pathname
   } = router.useRouter();
@@ -3014,7 +2960,7 @@ function Menu(_a) {
       config,
       useNextRouter
     } = _a,
-    props = __rest$1(_a, ["darkMode", "config", "useNextRouter"]);
+    props = __rest(_a, ["darkMode", "config", "useNextRouter"]);
   const Comp = useNextRouter ? NextMenuItem : MenuItem;
   return jsxRuntime.jsx("ul", Object.assign({}, props, {
     children: config.map((item, index) => {
@@ -3059,7 +3005,7 @@ function Sidebar(_a) {
       color,
       darkMode
     } = _a,
-    props = __rest$1(_a, ["show", "logo", "title", "menuConfig", "color", "darkMode"]);
+    props = __rest(_a, ["show", "logo", "title", "menuConfig", "color", "darkMode"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "64",
     minH: "screen",
@@ -3097,7 +3043,7 @@ function Logo(_a) {
       height,
       darkMode
     } = _a,
-    props = __rest$1(_a, ["width", "height", "darkMode"]);
+    props = __rest(_a, ["width", "height", "darkMode"]);
   return jsxRuntime.jsx("div", Object.assign({}, props, {
     children: jsxRuntime.jsx(Image__default["default"], {
       src: `/logo_${darkMode ? "light" : "dark"}.png`,
@@ -3118,7 +3064,7 @@ function AdminLayout(_a) {
       title,
       menuConfig
     } = _a,
-    props = __rest$1(_a, ["color", "darkMode", "logo", "title", "menuConfig"]);
+    props = __rest(_a, ["color", "darkMode", "logo", "title", "menuConfig"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "full",
     h: "screen",
@@ -3208,7 +3154,7 @@ function AttachDialog(_a) {
       formikProps,
       getItemName
     } = _a,
-    props = __rest$1(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
+    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"]);
   const queryClient = reactQuery.useQueryClient();
   const {
     data: attached,
@@ -3334,7 +3280,7 @@ function ListItem(_a) {
       value,
       checked
     } = _a,
-    props = __rest$1(_a, ["label", "value", "checked"]);
+    props = __rest(_a, ["label", "value", "checked"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -3379,7 +3325,7 @@ function FormActionDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    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"]);
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(queryFn, queryKey, queryOptions) : api.useApiMutation(queryFn, queryKey, queryId, queryOptions);
   const mutate = api.useMutate(mutation, {
     onSuccess,
@@ -3431,7 +3377,7 @@ function PageSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "5"
@@ -3445,7 +3391,7 @@ const PageStateContainer = /*#__PURE__*/React__default["default"].forwardRef((_a
       loading = false,
       children
     } = _a,
-    props = __rest$1(_a, ["loading", "children"]);
+    props = __rest(_a, ["loading", "children"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [loading && jsxRuntime.jsx(components.QueryLoadingState, {
       w: "full",
@@ -3467,7 +3413,7 @@ function PageSubSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "3"
@@ -3496,7 +3442,7 @@ function StatusBadge(_a) {
   var {
       status
     } = _a,
-    props = __rest$1(_a, ["status"]);
+    props = __rest(_a, ["status"]);
   return jsxRuntime.jsx(ui.Badge, Object.assign({
     size: "sm",
     variant: "glass",
@@ -3514,7 +3460,7 @@ function TableRowActionButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3538,7 +3484,7 @@ function TableRowViewButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __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();
@@ -3554,7 +3500,7 @@ function TableRowNavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -3572,7 +3518,7 @@ function TableRowActionDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxRuntime.jsxs(admin.DialogButton, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3596,7 +3542,7 @@ function TableRowEditButton(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiPencil
   }, props, {
@@ -3608,7 +3554,7 @@ function TableRowDeleteButton(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsxRuntime.jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiDelete
   }, props, {
@@ -3625,7 +3571,7 @@ function TableRowActionBar(_a) {
       deleteDialog,
       children
     } = _a,
-    props = __rest$1(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
+    props = __rest(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     spaceX: "1",
@@ -3650,7 +3596,7 @@ function TableRowPublishPostButton(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __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

@@ -4,7 +4,7 @@ import Link from 'next/link';
 import React, { useRef, useCallback, useContext as useContext$2, useLayoutEffect, useEffect, createContext } from 'react';
 import { INVALIDATE_API, API } from '@compill/admin-api';
 import { useApiMutation, useMutate, useInvalidateMutation, useApiQuery, useInvalidateQuery, useInvalidateParentMutation, useApiQueries } from '@compill/api';
-import { useFormikContext, Field, Formik, Form } from 'formik';
+import { useFormikContext, Formik, Form } from 'formik';
 import { useNavigate, useParams, Outlet, useLocation, useMatch, Link as Link$1 } from 'react-router-dom';
 import { ButtonBarButton as ButtonBarButton$1, ButtonBarSubmitButton as ButtonBarSubmitButton$1, PageSectionTitle as PageSectionTitle$1, ButtonBar as ButtonBar$1, ButtonBarDialogButton as ButtonBarDialogButton$1, TableRowActionButton as TableRowActionButton$1, DialogButton as DialogButton$1 } from '@compill/admin';
 import { toast } from 'react-toastify';
@@ -12,7 +12,8 @@ import 'react/jsx-runtime';
 import { FlexCenter, QueryLoadingState, RetryOnError, TabContainer, ModalLoadingOverlay } from '@compill/components';
 import { FormProvider, TextArea, FormRenderer, mergeInitialFormValues, FieldLabel, SubmitButton } from '@compill/form';
 import { createContext as createContext$1, runIfFn, isFunction } from '@soperio/react';
-import { Editor } from '@compill/editor';
+import { FormEditor } from '@compill/form-editor';
+import { ImageExtension } from '@compill/editor';
 import { createPortal } from 'react-dom';
 import { useRouter } from 'next/router';
 import { TableContextProvider, useTableContext, Table } from '@compill/table';
@@ -36,7 +37,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-function __rest$1(s, e) {
+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];
@@ -67,7 +68,7 @@ function SectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("h2", Object.assign({
     textSize: "xl",
     fontWeight: "600",
@@ -100,7 +101,7 @@ function Breadcrumbs(_a) {
   var {
       breadcrumbs
     } = _a,
-    props = __rest$1(_a, ["breadcrumbs"]);
+    props = __rest(_a, ["breadcrumbs"]);
   return jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -137,7 +138,7 @@ function DialogButton(_a) {
   var {
       buildDialog
     } = _a,
-    props = __rest$1(_a, ["buildDialog"]);
+    props = __rest(_a, ["buildDialog"]);
   const [showDialog, setShowDialog] = React.useState(false);
   const onShowDialog = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -158,7 +159,7 @@ function ButtonBar(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("div", Object.assign({
     dflex: true,
     border: "1px",
@@ -176,7 +177,7 @@ const ButtonBarButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxs(Button, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -202,7 +203,7 @@ const ButtonBarSubmitButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["useDirty", "disabled", "icon", "children"]);
+    props = __rest(_a, ["useDirty", "disabled", "icon", "children"]);
   const {
     dirty,
     handleSubmit
@@ -236,7 +237,7 @@ function ButtonBarDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxs(DialogButton, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -258,7 +259,7 @@ function InvalidateButton(_a) {
   var {
       pathOrPermalink
     } = _a,
-    props = __rest$1(_a, ["pathOrPermalink"]);
+    props = __rest(_a, ["pathOrPermalink"]);
   const api = INVALIDATE_API.new(pathOrPermalink);
   const mutation = useApiMutation(api.invalidate, api.queryKey);
   const invalidate = useMutate(mutation, {
@@ -276,7 +277,7 @@ function NavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __rest(_a, ["path"]);
   const navigate = useNavigate();
   const handleClick = React.useCallback(() => {
     navigate(path);
@@ -302,7 +303,7 @@ function PublishButton(_a) {
       queryId,
       api
     } = _a,
-    props = __rest$1(_a, ["status", "queryId", "api"]);
+    props = __rest(_a, ["status", "queryId", "api"]);
   const isDraft = status == "draft";
   const mutation = useInvalidateMutation(isDraft ? api.publish : api.unpublish, api.queryKey, queryId, {
     networkMode: "always"
@@ -709,7 +710,7 @@ function useHotkeys(keys, callback, options, dependencies) {
 
 function UpdateButton(_a) {
   var _b;
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   const {
     dirty,
     handleSubmit
@@ -735,7 +736,7 @@ function ViewButton(_a) {
       path,
       icon
     } = _a,
-    props = __rest$1(_a, ["path", "icon"]);
+    props = __rest(_a, ["path", "icon"]);
   const openPage = React.useCallback(() => {
     window.open(path, '_blank');
   }, [path]);
@@ -794,7 +795,7 @@ function PageContainer(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx(Container, Object.assign({
     center: true,
     dflex: true,
@@ -805,68 +806,11 @@ function PageContainer(_a) {
   }));
 }
 
-/******************************************************************************
-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;
-}
-
-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 FormEditor(_a) {
-  // const { initialValues } = useFormikContext();
-  var {
-      name,
-      placeholder
-    } = _a,
-    props = __rest(_a, ["name", "placeholder"]);
-  return jsx(Field, {
-    name: name,
-    children: ({
-      field,
-      meta
-    }) => jsx(Editor, Object.assign({}, props, {
-      // placeholder={placeholder}
-      defaultValue: meta.initialValue,
-      onChange: e => field.onChange({
-        target: {
-          name: name,
-          value: e
-        }
-      })
-    }))
-  });
-}
-
 function PageMain(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx(Tile, Object.assign({
     scheme: "light",
     p: "5"
@@ -879,7 +823,8 @@ function PageContentEditor(_a) {
   var {
       name
     } = _a,
-    props = __rest$1(_a, ["name"]);
+    props = __rest(_a, ["name"]);
+  const extensions = [ImageExtension];
   return jsx(PageMain, Object.assign({
     h: "min"
   }, props, {
@@ -889,7 +834,8 @@ function PageContentEditor(_a) {
       maxW: props.maxW,
       // w={props.w}
       name: name,
-      placeHolder: "Write here..."
+      placeHolder: "Write here...",
+      extensions: extensions
     })
   }));
 }
@@ -903,7 +849,7 @@ function PageQueryStateContainerInner(_a) {
       errorStyles,
       children
     } = _a,
-    props = __rest$1(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
+    props = __rest(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
   // @ts-ignore
   const {
     data,
@@ -929,7 +875,7 @@ function PageSidebar(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("div", Object.assign({
     w: "112",
     minW: "112",
@@ -947,7 +893,7 @@ function PageSidebarSection(_a) {
       title,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "children"]);
   return jsxs("div", Object.assign({
     w: "full"
   }, props, {
@@ -961,7 +907,7 @@ function PageTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("div", Object.assign({
     trait: "typo.h5"
   }, props, {
@@ -975,7 +921,7 @@ function PageTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   return jsxs(FlexCenter, Object.assign({
     gap: "3",
     minH: "9"
@@ -1008,7 +954,7 @@ function PageTabbedTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest(_a, ["title", "breadcrumbs", "children"]);
   const ref = /*#__PURE__*/React.createRef();
   const {
     setContainerEl
@@ -1162,7 +1108,7 @@ function DetailsView(_a) {
       screen,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
+    props = __rest(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
   const id = useQueryField(queryField, useNextRouter);
   const ref = React.useRef(null);
   return jsx(PageQueryStateContainer, Object.assign({
@@ -1325,7 +1271,7 @@ function QueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
+    props = __rest(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
   const {
     id,
     api: mApi
@@ -1354,7 +1300,7 @@ function TabbedView(_a) {
       api,
       screen
     } = _a;
-    __rest$1(_a, ["queryField", "api", "screen"]);
+    __rest(_a, ["queryField", "api", "screen"]);
   const {
     [queryField]: id
   } = useParams();
@@ -1450,7 +1396,7 @@ function TableContainer(_a) {
       columns,
       children
     } = _a,
-    props = __rest$1(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
+    props = __rest(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
   return jsx("div", Object.assign({
     w: "full",
     dflex: true,
@@ -1472,7 +1418,7 @@ function TableCreateButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxs(ButtonBarDialogButton$1, Object.assign({}, props, {
     children: [jsx(Icon, {
       path: icon !== null && icon !== void 0 ? icon : mdiPlusThick
@@ -1481,7 +1427,7 @@ function TableCreateButton(_a) {
 }
 
 function TableFilterButton(_a) {
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   // return <Button scheme="secondary" {...props}><Icon path={mdiFilter} /></Button>
   return jsxs(Popover, {
     side: "bottom-end",
@@ -1528,7 +1474,7 @@ function TableTopBar(_a) {
       title,
       children
     } = _a,
-    props = __rest$1(_a, ["title", "children"]);
+    props = __rest(_a, ["title", "children"]);
   return jsxs("div", Object.assign({
     dflex: true,
     flexRow: true,
@@ -2004,7 +1950,7 @@ function ItemEditDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest$1(_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 = __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,
@@ -2200,7 +2146,7 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = __rest$1(config, ["type"]);
+  const props = __rest(config, ["type"]);
   if (config.type === "dialog") return jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2255,7 +2201,7 @@ function ItemDeleteDialog(_a) {
       show,
       onClose
     } = _a,
-    props = __rest$1(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
+    props = __rest(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
   const fn = apiFn ? api[apiFn] : api.delete;
   const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(fn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey) : useApiMutation(fn, api.queryKey);
   const mutate = useMutate(mutation, {
@@ -2443,7 +2389,7 @@ function TableRowPublishPostButton$1(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
   const mutation = useInvalidateParentMutation(isDraft ? api.publish : api.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey, {
     networkMode: "always"
@@ -2505,7 +2451,7 @@ function ActionButton(_a) {
   var {
       onClick
     } = _a,
-    props = __rest$1(_a, ["onClick"]);
+    props = __rest(_a, ["onClick"]);
   const handleClick = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -2543,7 +2489,7 @@ function useTableProps(api, table, rowActions) {
       onRowClick,
       columns: c
     } = table,
-    props = __rest$1(table, ["onRowClick", "columns"]);
+    props = __rest(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React.useCallback(item => {
     var _a;
     const config = runIfFn(onRowClick, item);
@@ -2607,7 +2553,7 @@ function TableView(_a) {
       subtitle,
       screen
     } = _a,
-    props = __rest$1(_a, ["queryField", "title", "subtitle", "screen"]);
+    props = __rest(_a, ["queryField", "title", "subtitle", "screen"]);
   const id = useId(queryField);
   const _screen = runIfFn(screen, id);
   return jsx(PageContainer, Object.assign({
@@ -2810,7 +2756,7 @@ function MultiQueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["queries", "config", "tabbed"]);
+    props = __rest(_a, ["queries", "config", "tabbed"]);
   const {
     data,
     isFetching,
@@ -2838,7 +2784,7 @@ function ScreenRenderer(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest$1(_a, ["config", "tabbed"]);
+    props = __rest(_a, ["config", "tabbed"]);
   if (config.type === "table") return jsx(TableView, Object.assign({}, config, props));
   if (config.type === "tabbed") return jsx(TabbedView, Object.assign({}, config, props));
   if (config.type === "details") return jsx(DetailsView, Object.assign({}, config, {
@@ -2858,7 +2804,7 @@ function ScreenRenderer(_a) {
  *
  */
 function Content(_a) {
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   return jsx("div", Object.assign({
     w: "100%",
     h: "100%",
@@ -2890,7 +2836,7 @@ function MenuButton(_a) {
       selected,
       children
     } = _a,
-    props = __rest$1(_a, ["depth", "darkMode", "icon", "selected", "children"]);
+    props = __rest(_a, ["depth", "darkMode", "icon", "selected", "children"]);
   return jsxs(Button, Object.assign({
     as: "li",
     minH: "8",
@@ -2925,7 +2871,7 @@ function MenuItem(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest$1(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = __rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
   const location = useLocation();
   const selected = path == "/" ? location.pathname == "/" : location.pathname.startsWith(path.startsWith("/") ? path : `/${path}`);
   const match = useMatch("/" + path) != null;
@@ -2963,7 +2909,7 @@ function NextMenuItem(_a) {
       darkMode,
       subMenu
     } = _a,
-    props = __rest$1(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
+    props = __rest(_a, ["icon", "path", "depth", "darkMode", "subMenu"]);
   const {
     pathname
   } = useRouter();
@@ -3004,7 +2950,7 @@ function Menu(_a) {
       config,
       useNextRouter
     } = _a,
-    props = __rest$1(_a, ["darkMode", "config", "useNextRouter"]);
+    props = __rest(_a, ["darkMode", "config", "useNextRouter"]);
   const Comp = useNextRouter ? NextMenuItem : MenuItem;
   return jsx("ul", Object.assign({}, props, {
     children: config.map((item, index) => {
@@ -3049,7 +2995,7 @@ function Sidebar(_a) {
       color,
       darkMode
     } = _a,
-    props = __rest$1(_a, ["show", "logo", "title", "menuConfig", "color", "darkMode"]);
+    props = __rest(_a, ["show", "logo", "title", "menuConfig", "color", "darkMode"]);
   return jsxs("div", Object.assign({
     w: "64",
     minH: "screen",
@@ -3087,7 +3033,7 @@ function Logo(_a) {
       height,
       darkMode
     } = _a,
-    props = __rest$1(_a, ["width", "height", "darkMode"]);
+    props = __rest(_a, ["width", "height", "darkMode"]);
   return jsx("div", Object.assign({}, props, {
     children: jsx(Image, {
       src: `/logo_${darkMode ? "light" : "dark"}.png`,
@@ -3108,7 +3054,7 @@ function AdminLayout(_a) {
       title,
       menuConfig
     } = _a,
-    props = __rest$1(_a, ["color", "darkMode", "logo", "title", "menuConfig"]);
+    props = __rest(_a, ["color", "darkMode", "logo", "title", "menuConfig"]);
   return jsxs("div", Object.assign({
     w: "full",
     h: "screen",
@@ -3198,7 +3144,7 @@ function AttachDialog(_a) {
       formikProps,
       getItemName
     } = _a,
-    props = __rest$1(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
+    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"]);
   const queryClient = useQueryClient();
   const {
     data: attached,
@@ -3324,7 +3270,7 @@ function ListItem(_a) {
       value,
       checked
     } = _a,
-    props = __rest$1(_a, ["label", "value", "checked"]);
+    props = __rest(_a, ["label", "value", "checked"]);
   return jsxs("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -3369,7 +3315,7 @@ function FormActionDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    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"]);
   const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(queryFn, queryKey, queryOptions) : useApiMutation(queryFn, queryKey, queryId, queryOptions);
   const mutate = useMutate(mutation, {
     onSuccess,
@@ -3421,7 +3367,7 @@ function PageSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "5"
@@ -3435,7 +3381,7 @@ const PageStateContainer = /*#__PURE__*/React.forwardRef((_a, ref) => {
       loading = false,
       children
     } = _a,
-    props = __rest$1(_a, ["loading", "children"]);
+    props = __rest(_a, ["loading", "children"]);
   return jsxs(Fragment, {
     children: [loading && jsx(QueryLoadingState, {
       w: "full",
@@ -3457,7 +3403,7 @@ function PageSubSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "3"
@@ -3486,7 +3432,7 @@ function StatusBadge(_a) {
   var {
       status
     } = _a,
-    props = __rest$1(_a, ["status"]);
+    props = __rest(_a, ["status"]);
   return jsx(Badge, Object.assign({
     size: "sm",
     variant: "glass",
@@ -3504,7 +3450,7 @@ function TableRowActionButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxs(Button, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3528,7 +3474,7 @@ function TableRowViewButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __rest(_a, ["path"]);
   const openPage = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -3544,7 +3490,7 @@ function TableRowNavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest$1(_a, ["path"]);
+    props = __rest(_a, ["path"]);
   const navigate = useNavigate();
   const handleClick = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -3562,7 +3508,7 @@ function TableRowActionDialogButton(_a) {
       icon,
       children
     } = _a,
-    props = __rest$1(_a, ["icon", "children"]);
+    props = __rest(_a, ["icon", "children"]);
   return jsxs(DialogButton$1, Object.assign({
     dflex: true,
     alignContent: "center",
@@ -3586,7 +3532,7 @@ function TableRowEditButton(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiPencil
   }, props, {
@@ -3598,7 +3544,7 @@ function TableRowDeleteButton(_a) {
   var {
       children
     } = _a,
-    props = __rest$1(_a, ["children"]);
+    props = __rest(_a, ["children"]);
   return jsx(TableRowActionDialogButton, Object.assign({
     icon: mdiDelete
   }, props, {
@@ -3615,7 +3561,7 @@ function TableRowActionBar(_a) {
       deleteDialog,
       children
     } = _a,
-    props = __rest$1(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
+    props = __rest(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
   return jsxs("div", Object.assign({
     dflex: true,
     spaceX: "1",
@@ -3640,7 +3586,7 @@ function TableRowPublishPostButton(_a) {
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
   const mutation = useInvalidateParentMutation(isDraft ? api.publish : api.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey, {
     networkMode: "always"

package/package.json

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