@compill/admin 1.0.56 → 1.0.58

package/index.cjs.js

@@ -179,7 +179,7 @@ function ButtonBar(_a) {
     children: children
   }));
 }
-function ButtonBarButton(_a) {
+const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
   var {
       icon,
       children
@@ -196,11 +196,12 @@ function ButtonBarButton(_a) {
     corners: "square",
     gap: "2"
   }, props, {
+    ref: ref,
     children: [icon && jsxRuntime.jsx(ui.Icon, {
       path: icon
     }), children]
   }));
-}
+});
 function ButtonBarDialogButton(_a) {
   var {
       icon,
@@ -1939,8 +1940,8 @@ function TableMassActions({
   });
 }
 
-const defaultErrorMsg$2 = "Oops, something went wrong...";
-function nonNullValues$1(data) {
+const defaultErrorMsg$1 = "Oops, something went wrong...";
+function nonNullValues(data) {
   var _a;
   if (data) {
     const nonNullData = Object.assign({}, data);
@@ -1949,7 +1950,7 @@ function nonNullValues$1(data) {
   }
   return data;
 }
-function ItemEditDialog$1(_a) {
+function ItemEditDialog(_a) {
   var _b, _c, _d, _e;
   var {
       initialValues,
@@ -1960,9 +1961,9 @@ function ItemEditDialog$1(_a) {
       querySaveOptions,
       onSuccess,
       onFetchError,
-      fetchErrorMsg = defaultErrorMsg$2,
+      fetchErrorMsg = defaultErrorMsg$1,
       onSaveError,
-      saveErrorMsg = defaultErrorMsg$2,
+      saveErrorMsg = defaultErrorMsg$1,
       fetchToFormData,
       formToQueryData,
       invalidateQueriesOnSuccess = true,
@@ -2050,7 +2051,7 @@ function ItemEditDialog$1(_a) {
       // initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(data) ?? initialValues(data) ?? {}}
       , Object.assign({
         // initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(data) ?? initialValues(data) ?? {}}
-        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues$1(data)) : (_e = nonNullValues$1(initialValues(data))) !== null && _e !== void 0 ? _e : {},
+        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : (_e = nonNullValues(initialValues(data))) !== null && _e !== void 0 ? _e : {},
         onSubmit: saveItem
       }, formikProps, {
         children: ({
@@ -2119,7 +2120,7 @@ function QueryWrapperDialog({
   }, [data, fn, transformFn]);
   if (isFetching) return null;
   // @ts-ignore
-  return jsxRuntime.jsx(ItemEditDialog$1, Object.assign({}, config(transformedData), {
+  return jsxRuntime.jsx(ItemEditDialog, Object.assign({}, config(transformedData), {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
     show: true,
@@ -2157,7 +2158,7 @@ function MultiQueryWrapperDialog({
   // if (isFetching)
   //     return null
   // @ts-ignore
-  return jsxRuntime.jsx(ItemEditDialog$1, Object.assign({
+  return jsxRuntime.jsx(ItemEditDialog, Object.assign({
     isPreloading: isFetching
   }, config(...transformedData), {
     queryId: queryId,
@@ -2174,7 +2175,7 @@ function DialogRenderer({
   queryId
 }) {
   const props = __rest$1(config, ["type"]);
-  if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog$1, Object.assign({}, props, {
+  if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
     show: true,
@@ -3049,7 +3050,7 @@ function LeftPanel({
   });
 }
 
-const defaultErrorMsg$1 = "Oops, something went wrong...";
+const defaultErrorMsg = "Oops, something went wrong...";
 function AttachDialog(_a) {
   var {
       queryId,
@@ -3065,9 +3066,9 @@ function AttachDialog(_a) {
       itemLabel,
       onSuccess,
       onFetchError,
-      fetchErrorMsg = defaultErrorMsg$1,
+      fetchErrorMsg = defaultErrorMsg,
       onSaveError,
-      saveErrorMsg = defaultErrorMsg$1,
+      saveErrorMsg = defaultErrorMsg,
       invalidateQueriesOnSuccess = true,
       retryText = "Retry",
       cancelLabel = "Cancel",
@@ -3294,158 +3295,6 @@ function FormActionDialog(_a) {
   }));
 }
 
-const defaultErrorMsg = "Oops, something went wrong...";
-function nonNullValues(data) {
-  var _a;
-  if (data) {
-    const nonNullData = Object.assign({}, data);
-    for (const key in data) nonNullData[key] = (_a = nonNullData[key]) !== null && _a !== void 0 ? _a : "";
-    return nonNullData;
-  }
-  return data;
-}
-function ItemEditDialog(_a) {
-  var _b, _c, _d, _e;
-  var {
-      initialValues,
-      itemLabel,
-      queryId = "",
-      queryKey,
-      queryFetchFn,
-      queryFetchOptions,
-      querySaveFn,
-      querySaveOptions,
-      onSuccess,
-      onFetchError,
-      fetchErrorMsg = defaultErrorMsg,
-      onSaveError,
-      saveErrorMsg = defaultErrorMsg,
-      fetchToFormData,
-      formToQueryData,
-      invalidateQueriesOnSuccess = true,
-      invalidateQueryKey,
-      retryText = "Retry",
-      cancelLabel = "Cancel",
-      saveLabel,
-      size = "lg",
-      title,
-      form: form$1,
-      show,
-      onClose,
-      formikProps
-    } = _a,
-    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFetchFn", "queryFetchOptions", "querySaveFn", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
-  const {
-    isInitialLoading,
-    isFetching,
-    data,
-    isError,
-    error /*, error*/,
-    refetch
-  } = api.useApiQuery(queryKey, queryFetchFn, queryId, Object.assign({
-    enabled: !( /*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
-    onError: onFetchError
-  }, queryFetchOptions));
-  // const [activeTab, setActiveTab] = React.useState(form && Array.isArray(form) ? form[0].key : "");
-  // const [showTab, setShowTab] = React.useState(true);
-  const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(querySaveFn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : queryKey, querySaveOptions) : api.useApiMutation(querySaveFn, queryKey, queryId, querySaveOptions);
-  const retry = React__default["default"].useCallback(() => refetch(), [refetch]);
-  const saveItem = React__default["default"].useCallback((item, actions) => {
-    // Clear mutation error if any
-    mutation.reset();
-    const formItem = formToQueryData ? formToQueryData(item) : Object.assign({}, item);
-    mutation.mutateAsync(formItem).then(response => {
-      var _a;
-      if (onSuccess) onSuccess(formItem, response);else reactToastify.toast.success(`${title ? title(formItem) : (_a = formItem.name) !== null && _a !== void 0 ? _a : formItem.title} ${queryId ? "saved" : "created"}`);
-      // closing delete modal
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-    }).catch(error => {
-      var _a;
-      console.error("on error", error);
-      if (onSaveError) onSaveError(item);else reactToastify.toast.error(`Couldn't save ${title ? title(formItem) : (_a = formItem.name) !== null && _a !== void 0 ? _a : formItem.title}`);
-      actions.setSubmitting(false);
-    });
-  }, [mutation, formToQueryData, onSuccess, onSaveError, onClose]);
-  // const switchTab = React.useCallback((tab: string) =>
-  // {
-  // setActiveTab(tab);
-  // setShowTab(false);
-  // setTimeout(function ()
-  // {
-  //     setActiveTab(tab);
-  //     setShowTab(true);
-  // }, 150);
-  // }, [setActiveTab])
-  return jsxRuntime.jsxs(ui.Modal, Object.assign({
-    size: size,
-    show: show,
-    onClose: onClose,
-    scheme: "light",
-    transition: true
-  }, props, {
-    children: [jsxRuntime.jsxs(ui.Modal.Header, {
-      children: [!isInitialLoading && queryId && `Edit ${title ? title(data) : (_c = (_b = data === null || data === void 0 ? void 0 : data["name"]) !== null && _b !== void 0 ? _b : data === null || data === void 0 ? void 0 : data["title"]) !== null && _c !== void 0 ? _c : ""}`, !queryId && `Create new ${itemLabel !== null && itemLabel !== void 0 ? itemLabel : "item"}`, Array.isArray(form$1) && jsxRuntime.jsx(jsxRuntime.Fragment, {})
-      // <ul className="nav nav-bold nav-pills">
-      //     {form.map(item =>
-      //         <li key={item.key} className="nav-item cursor-pointer bg-hover-light rounded" onClick={() => switchTab(item.key)}>
-      //             <span className={clsx("nav-link", activeTab === item.key && "active")} data-toggle="tab">{item.label}</span>
-      //         </li>
-      //     )}
-      // </ul>
-      ]
-    }), isInitialLoading && jsxRuntime.jsx(ui.Modal.Body, {
-      children: jsxRuntime.jsx(components.QueryLoadingState, {
-        minW: "72"
-      })
-    }), isError && jsxRuntime.jsx(ui.Modal.Body, {
-      children: jsxRuntime.jsx(components.RetryOnError, {
-        label: `${fetchErrorMsg} ${error}`,
-        onClick: retry
-      })
-    }), !isInitialLoading && !isError && jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: jsxRuntime.jsx(formik.Formik, Object.assign({
-        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : (_e = (_d = nonNullValues(data)) !== null && _d !== void 0 ? _d : initialValues) !== null && _e !== void 0 ? _e : {},
-        onSubmit: saveItem
-      }, formikProps, {
-        children: ({
-          setFieldValue,
-          dirty,
-          handleSubmit,
-          isValid,
-          values
-        }) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [jsxRuntime.jsx(ui.Modal.Body, {
-            pb: "6",
-            children: jsxRuntime.jsxs(formik.Form, {
-              children: [/*#__PURE__*/React__default["default"].isValidElement(form$1) && form$1, Array.isArray(form$1) && jsxRuntime.jsx(form.FormRenderer, {
-                form: form$1
-              }), react.isFunction(form$1) && jsxRuntime.jsx(form.FormRenderer, {
-                form: form$1(data !== null && data !== void 0 ? data : values)
-              })]
-            })
-          }), jsxRuntime.jsxs(ui.Modal.Footer, {
-            dflex: true,
-            placeContent: "end",
-            spaceX: "3",
-            children: [jsxRuntime.jsx(ui.Button, {
-              disabled: mutation.isLoading,
-              onClick: onClose,
-              variant: "borderless",
-              me: "2",
-              children: cancelLabel
-            }), jsxRuntime.jsx(ui.Button, {
-              type: "submit",
-              disabled: !dirty || mutation.isLoading /* || !isValid*/,
-              onClick: () => handleSubmit(),
-              children: saveLabel ? saveLabel : queryId ? "Update" : "Create"
-            })]
-          })]
-        })
-      }))
-    }), mutation.isLoading && jsxRuntime.jsx(components.ModalLoadingOverlay, {})]
-  }));
-}
-
 function PageSectionTitle(_a) {
   var {
       children
@@ -3695,6 +3544,7 @@ exports.ButtonBarDialogButton = ButtonBarDialogButton;
 exports.DialogButton = DialogButton;
 exports.FormActionDialog = FormActionDialog;
 exports.InvalidateButton = InvalidateButton;
+exports.ItemDeleteDialog = ItemDeleteDialog;
 exports.ItemEditDialog = ItemEditDialog;
 exports.NavigateButton = NavigateButton;
 exports.OrderCell = OrderCell;

package/index.esm.js

@@ -170,7 +170,7 @@ function ButtonBar(_a) {
     children: children
   }));
 }
-function ButtonBarButton(_a) {
+const ButtonBarButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var {
       icon,
       children
@@ -187,11 +187,12 @@ function ButtonBarButton(_a) {
     corners: "square",
     gap: "2"
   }, props, {
+    ref: ref,
     children: [icon && jsx(Icon, {
       path: icon
     }), children]
   }));
-}
+});
 function ButtonBarDialogButton(_a) {
   var {
       icon,
@@ -1930,8 +1931,8 @@ function TableMassActions({
   });
 }
 
-const defaultErrorMsg$2 = "Oops, something went wrong...";
-function nonNullValues$1(data) {
+const defaultErrorMsg$1 = "Oops, something went wrong...";
+function nonNullValues(data) {
   var _a;
   if (data) {
     const nonNullData = Object.assign({}, data);
@@ -1940,7 +1941,7 @@ function nonNullValues$1(data) {
   }
   return data;
 }
-function ItemEditDialog$1(_a) {
+function ItemEditDialog(_a) {
   var _b, _c, _d, _e;
   var {
       initialValues,
@@ -1951,9 +1952,9 @@ function ItemEditDialog$1(_a) {
       querySaveOptions,
       onSuccess,
       onFetchError,
-      fetchErrorMsg = defaultErrorMsg$2,
+      fetchErrorMsg = defaultErrorMsg$1,
       onSaveError,
-      saveErrorMsg = defaultErrorMsg$2,
+      saveErrorMsg = defaultErrorMsg$1,
       fetchToFormData,
       formToQueryData,
       invalidateQueriesOnSuccess = true,
@@ -2041,7 +2042,7 @@ function ItemEditDialog$1(_a) {
       // initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(data) ?? initialValues(data) ?? {}}
       , Object.assign({
         // initialValues={fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : nonNullValues(data) ?? initialValues(data) ?? {}}
-        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues$1(data)) : (_e = nonNullValues$1(initialValues(data))) !== null && _e !== void 0 ? _e : {},
+        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : (_e = nonNullValues(initialValues(data))) !== null && _e !== void 0 ? _e : {},
         onSubmit: saveItem
       }, formikProps, {
         children: ({
@@ -2110,7 +2111,7 @@ function QueryWrapperDialog({
   }, [data, fn, transformFn]);
   if (isFetching) return null;
   // @ts-ignore
-  return jsx(ItemEditDialog$1, Object.assign({}, config(transformedData), {
+  return jsx(ItemEditDialog, Object.assign({}, config(transformedData), {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
     show: true,
@@ -2148,7 +2149,7 @@ function MultiQueryWrapperDialog({
   // if (isFetching)
   //     return null
   // @ts-ignore
-  return jsx(ItemEditDialog$1, Object.assign({
+  return jsx(ItemEditDialog, Object.assign({
     isPreloading: isFetching
   }, config(...transformedData), {
     queryId: queryId,
@@ -2165,7 +2166,7 @@ function DialogRenderer({
   queryId
 }) {
   const props = __rest$1(config, ["type"]);
-  if (config.type === "dialog") return jsx(ItemEditDialog$1, Object.assign({}, props, {
+  if (config.type === "dialog") return jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
     show: true,
@@ -3040,7 +3041,7 @@ function LeftPanel({
   });
 }
 
-const defaultErrorMsg$1 = "Oops, something went wrong...";
+const defaultErrorMsg = "Oops, something went wrong...";
 function AttachDialog(_a) {
   var {
       queryId,
@@ -3056,9 +3057,9 @@ function AttachDialog(_a) {
       itemLabel,
       onSuccess,
       onFetchError,
-      fetchErrorMsg = defaultErrorMsg$1,
+      fetchErrorMsg = defaultErrorMsg,
       onSaveError,
-      saveErrorMsg = defaultErrorMsg$1,
+      saveErrorMsg = defaultErrorMsg,
       invalidateQueriesOnSuccess = true,
       retryText = "Retry",
       cancelLabel = "Cancel",
@@ -3285,158 +3286,6 @@ function FormActionDialog(_a) {
   }));
 }
 
-const defaultErrorMsg = "Oops, something went wrong...";
-function nonNullValues(data) {
-  var _a;
-  if (data) {
-    const nonNullData = Object.assign({}, data);
-    for (const key in data) nonNullData[key] = (_a = nonNullData[key]) !== null && _a !== void 0 ? _a : "";
-    return nonNullData;
-  }
-  return data;
-}
-function ItemEditDialog(_a) {
-  var _b, _c, _d, _e;
-  var {
-      initialValues,
-      itemLabel,
-      queryId = "",
-      queryKey,
-      queryFetchFn,
-      queryFetchOptions,
-      querySaveFn,
-      querySaveOptions,
-      onSuccess,
-      onFetchError,
-      fetchErrorMsg = defaultErrorMsg,
-      onSaveError,
-      saveErrorMsg = defaultErrorMsg,
-      fetchToFormData,
-      formToQueryData,
-      invalidateQueriesOnSuccess = true,
-      invalidateQueryKey,
-      retryText = "Retry",
-      cancelLabel = "Cancel",
-      saveLabel,
-      size = "lg",
-      title,
-      form,
-      show,
-      onClose,
-      formikProps
-    } = _a,
-    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFetchFn", "queryFetchOptions", "querySaveFn", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
-  const {
-    isInitialLoading,
-    isFetching,
-    data,
-    isError,
-    error /*, error*/,
-    refetch
-  } = useApiQuery(queryKey, queryFetchFn, queryId, Object.assign({
-    enabled: !( /*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
-    onError: onFetchError
-  }, queryFetchOptions));
-  // const [activeTab, setActiveTab] = React.useState(form && Array.isArray(form) ? form[0].key : "");
-  // const [showTab, setShowTab] = React.useState(true);
-  const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(querySaveFn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : queryKey, querySaveOptions) : useApiMutation(querySaveFn, queryKey, queryId, querySaveOptions);
-  const retry = React.useCallback(() => refetch(), [refetch]);
-  const saveItem = React.useCallback((item, actions) => {
-    // Clear mutation error if any
-    mutation.reset();
-    const formItem = formToQueryData ? formToQueryData(item) : Object.assign({}, item);
-    mutation.mutateAsync(formItem).then(response => {
-      var _a;
-      if (onSuccess) onSuccess(formItem, response);else toast.success(`${title ? title(formItem) : (_a = formItem.name) !== null && _a !== void 0 ? _a : formItem.title} ${queryId ? "saved" : "created"}`);
-      // closing delete modal
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-    }).catch(error => {
-      var _a;
-      console.error("on error", error);
-      if (onSaveError) onSaveError(item);else toast.error(`Couldn't save ${title ? title(formItem) : (_a = formItem.name) !== null && _a !== void 0 ? _a : formItem.title}`);
-      actions.setSubmitting(false);
-    });
-  }, [mutation, formToQueryData, onSuccess, onSaveError, onClose]);
-  // const switchTab = React.useCallback((tab: string) =>
-  // {
-  // setActiveTab(tab);
-  // setShowTab(false);
-  // setTimeout(function ()
-  // {
-  //     setActiveTab(tab);
-  //     setShowTab(true);
-  // }, 150);
-  // }, [setActiveTab])
-  return jsxs(Modal, Object.assign({
-    size: size,
-    show: show,
-    onClose: onClose,
-    scheme: "light",
-    transition: true
-  }, props, {
-    children: [jsxs(Modal.Header, {
-      children: [!isInitialLoading && queryId && `Edit ${title ? title(data) : (_c = (_b = data === null || data === void 0 ? void 0 : data["name"]) !== null && _b !== void 0 ? _b : data === null || data === void 0 ? void 0 : data["title"]) !== null && _c !== void 0 ? _c : ""}`, !queryId && `Create new ${itemLabel !== null && itemLabel !== void 0 ? itemLabel : "item"}`, Array.isArray(form) && jsx(Fragment, {})
-      // <ul className="nav nav-bold nav-pills">
-      //     {form.map(item =>
-      //         <li key={item.key} className="nav-item cursor-pointer bg-hover-light rounded" onClick={() => switchTab(item.key)}>
-      //             <span className={clsx("nav-link", activeTab === item.key && "active")} data-toggle="tab">{item.label}</span>
-      //         </li>
-      //     )}
-      // </ul>
-      ]
-    }), isInitialLoading && jsx(Modal.Body, {
-      children: jsx(QueryLoadingState, {
-        minW: "72"
-      })
-    }), isError && jsx(Modal.Body, {
-      children: jsx(RetryOnError, {
-        label: `${fetchErrorMsg} ${error}`,
-        onClick: retry
-      })
-    }), !isInitialLoading && !isError && jsx(Fragment, {
-      children: jsx(Formik, Object.assign({
-        initialValues: fetchToFormData && queryId && data ? fetchToFormData(nonNullValues(data)) : (_e = (_d = nonNullValues(data)) !== null && _d !== void 0 ? _d : initialValues) !== null && _e !== void 0 ? _e : {},
-        onSubmit: saveItem
-      }, formikProps, {
-        children: ({
-          setFieldValue,
-          dirty,
-          handleSubmit,
-          isValid,
-          values
-        }) => jsxs(Fragment, {
-          children: [jsx(Modal.Body, {
-            pb: "6",
-            children: jsxs(Form, {
-              children: [/*#__PURE__*/React.isValidElement(form) && form, Array.isArray(form) && jsx(FormRenderer, {
-                form: form
-              }), isFunction(form) && jsx(FormRenderer, {
-                form: form(data !== null && data !== void 0 ? data : values)
-              })]
-            })
-          }), jsxs(Modal.Footer, {
-            dflex: true,
-            placeContent: "end",
-            spaceX: "3",
-            children: [jsx(Button, {
-              disabled: mutation.isLoading,
-              onClick: onClose,
-              variant: "borderless",
-              me: "2",
-              children: cancelLabel
-            }), jsx(Button, {
-              type: "submit",
-              disabled: !dirty || mutation.isLoading /* || !isValid*/,
-              onClick: () => handleSubmit(),
-              children: saveLabel ? saveLabel : queryId ? "Update" : "Create"
-            })]
-          })]
-        })
-      }))
-    }), mutation.isLoading && jsx(ModalLoadingOverlay, {})]
-  }));
-}
-
 function PageSectionTitle(_a) {
   var {
       children
@@ -3677,4 +3526,4 @@ function TableRowPublishPostButton(_a) {
   }, props));
 }
 
-export { AdminLayout, AttachDialog, Breadcrumbs, ButtonBar, ButtonBarButton, ButtonBarDialogButton, DialogButton, FormActionDialog, InvalidateButton, ItemEditDialog, NavigateButton, OrderCell, PageContainer, PageContentEditor, PageMain, PageQueryStateContainer, PageSectionTitle, PageSidebar, PageSidebarSection, PageStateContainer, PageSubSectionTitle, PageTabbedTopBar, PageTabbedTopBarProvider, PageTitle, PageTopBar, PageTopBarToolbar, PublishButton, ScreenRenderer, SectionTitle, StatusBadge, TableContainer, TableCreateButton, TableFilterButton, TableRowActionBar, TableRowActionButton, TableRowActionDialogButton, TableRowDeleteButton, TableRowEditButton, TableRowNavigateButton, TableRowPublishPostButton, TableRowViewButton, TableTopBar, UpdateButton, ViewButton };
+export { AdminLayout, AttachDialog, Breadcrumbs, ButtonBar, ButtonBarButton, ButtonBarDialogButton, DialogButton, FormActionDialog, InvalidateButton, ItemDeleteDialog, ItemEditDialog, NavigateButton, OrderCell, PageContainer, PageContentEditor, PageMain, PageQueryStateContainer, PageSectionTitle, PageSidebar, PageSidebarSection, PageStateContainer, PageSubSectionTitle, PageTabbedTopBar, PageTabbedTopBarProvider, PageTitle, PageTopBar, PageTopBarToolbar, PublishButton, ScreenRenderer, SectionTitle, StatusBadge, TableContainer, TableCreateButton, TableFilterButton, TableRowActionBar, TableRowActionButton, TableRowActionDialogButton, TableRowDeleteButton, TableRowEditButton, TableRowNavigateButton, TableRowPublishPostButton, TableRowViewButton, TableTopBar, UpdateButton, ViewButton };

package/package.json

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

package/src/index.d.ts

@@ -7,21 +7,22 @@ export * from "./lib/buttons/PublishButton";
 export * from "./lib/buttons/UpdateButton";
 export * from "./lib/buttons/ViewButton";
 export * from "./lib/cells/OrderCell";
-export * from "./lib/json/types/ScreenConfig";
-export * from "./lib/json/types/EditItemDialog";
-export * from "./lib/json/types/TableView";
-export * from "./lib/json/types/TabbedView";
+export * from "./lib/json/ScreenRenderer";
+export * from "./lib/json/dialog/ItemEditDialog";
+export * from "./lib/json/dialog/ItemDeleteDialog";
 export * from "./lib/json/types/DetailsView";
+export * from "./lib/json/types/EditItemDialog";
+export * from "./lib/json/types/MultiQueryWrapper";
 export * from "./lib/json/types/QueryWrapper";
 export * from "./lib/json/types/QueryWrapperDialog";
-export * from "./lib/json/types/MultiQueryWrapper";
-export * from "./lib/json/ScreenRenderer";
+export * from "./lib/json/types/ScreenConfig";
+export * from "./lib/json/types/TabbedView";
+export * from "./lib/json/types/TableView";
 export * from "./lib/layout/AdminLayout";
 export * from "./lib/layout/ButtonBar";
 export { MenuConfig } from "./lib/layout/Menu";
 export * from "./lib/modal/AttachDialog";
 export * from "./lib/modal/FormActionDialog";
-export * from "./lib/modal/ItemEditDialog";
 export * from "./lib/page/PageContainer";
 export * from "./lib/page/PageContentEditor";
 export * from "./lib/page/PageMain";

package/src/lib/layout/ButtonBar.d.ts

@@ -1,12 +1,14 @@
-/// <reference types="react" />
 import { DialogButtonProps } from "../buttons/DialogButton";
 import { ParentComponent, SoperioComponent } from "@soperio/react";
 import { ButtonProps } from "@valerya/ui";
+import React from "react";
 export declare function ButtonBar({ children, ...props }: ParentComponent & SoperioComponent): JSX.Element;
 export type ButtonBarButtonProps = {
     icon?: string;
 } & ButtonProps;
-export declare function ButtonBarButton({ icon, children, ...props }: ButtonBarButtonProps): JSX.Element;
+export declare const ButtonBarButton: React.ForwardRefExoticComponent<{
+    icon?: string | undefined;
+} & ButtonProps & React.RefAttributes<HTMLDivElement>>;
 export type ButtonBarDialogButtonProps = {
     icon?: string;
 } & DialogButtonProps;

package/src/lib/modal/ItemEditDialog.d.ts

@@ -1,33 +0,0 @@
-import { FormRendererConfig } from "@compill/form";
-import { UseMutationOptions, UseQueryOptions } from "@tanstack/react-query";
-import { ModalProps } from "@valerya/ui";
-import { FormikConfig } from "formik";
-import React from "react";
-export interface ItemEditDialogProps<TFormData extends {} = any, TResultData extends {} = any> extends Omit<ModalProps, "id" | "children" | "title" | "position"> {
-    itemLabel?: string;
-    queryId?: string;
-    queryKey: string[];
-    initialValues?: any;
-    queryFetchFn: (...args: any[]) => Promise<TResultData>;
-    queryFetchOptions?: UseQueryOptions;
-    querySaveFn: (item: TFormData) => Promise<TResultData>;
-    querySaveOptions?: UseMutationOptions<TResultData, unknown, TFormData>;
-    onSuccess?: (item: TResultData, response: any) => void;
-    onFetchError?: () => void;
-    fetchErrorMsg?: string;
-    onSaveError?: (item: TFormData) => void;
-    saveErrorMsg?: string;
-    fetchToFormData?: (item: TResultData) => TFormData;
-    formToQueryData?: (TFormData: any) => Partial<TResultData>;
-    invalidateQueriesOnSuccess?: boolean;
-    invalidateQueryKey?: string[];
-    retryText?: string;
-    cancelLabel?: string;
-    saveLabel?: string;
-    title?: ((item?: TResultData) => string);
-    formikProps: Omit<FormikConfig<any>, "initialValues" | "onSubmit">;
-    form: React.ReactNode | FormRendererConfig | ((item: TResultData) => FormRendererConfig);
-    show: boolean;
-    onClose: () => void;
-}
-export declare function ItemEditDialog<TFormData extends {}, TResultData extends {}>({ initialValues, itemLabel, queryId, queryKey, queryFetchFn, queryFetchOptions, querySaveFn, querySaveOptions, onSuccess, onFetchError, fetchErrorMsg, onSaveError, saveErrorMsg, fetchToFormData, formToQueryData, invalidateQueriesOnSuccess, invalidateQueryKey, retryText, cancelLabel, saveLabel, size, title, form, show, onClose, formikProps, ...props }: ItemEditDialogProps<TFormData, TResultData>): JSX.Element;