revdev-components 0.47.0 → 0.49.0

package/build/content/header1/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    children: React.ReactNode;
+}
+export declare const Header1: React.FC<Props>;
+export {};

package/build/content/header2/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    children: React.ReactNode;
+}
+export declare const Header2: React.FC<Props>;
+export {};

package/build/content/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./header1";
+export * from "./header2";
+export * from "./paragraph";
+export * from "./page-title";

package/build/content/page-title/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    children: React.ReactNode;
+}
+export declare const PageTitle: React.FC<Props>;
+export {};

package/build/content/paragraph/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    children: React.ReactNode;
+}
+export declare const Paragraph: React.FC<Props>;
+export {};

package/build/hooks/api.d.ts

@@ -0,0 +1,3 @@
+export declare function useSuccessMutation<T extends {
+    isSuccess: boolean;
+}>(response: T, successCallback: () => void): void;

package/build/index.d.ts

@@ -10,3 +10,4 @@ export * from "./flat-button";
 export * from "./link";
 export * from "./back-sidebar";
 export * from "./back-layout";
+export * from "./content";

package/build/index.js

@@ -1521,13 +1521,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$j = {"root":"index-module_root__-LDR1"};
+var s$n = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$j.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$n.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -4614,7 +4614,7 @@ var SocialIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$i = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
+var s$m = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
 function useForm(form) {
     var newForm = antd.Form.useForm()[0];
@@ -4634,10 +4634,10 @@ function AppForm(_a) {
     React.useEffect(function () {
         onValid === null || onValid === void 0 ? void 0 : onValid(valid);
     }, [onValid, valid]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$i.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$m.root, className), layout: "vertical", onValuesChange: onValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$h = {"root":"index-module_root__2S1Jp"};
+var s$l = {"root":"index-module_root__2S1Jp"};
 
 function useLineProps(_a) {
     var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
@@ -4651,7 +4651,7 @@ var FormLine = function (_a) {
         }
         return [];
     }, [validateRules]);
-    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$h.root, className), rules: rules }, props));
+    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$l.root, className), rules: rules }, props));
 };
 
 var DatePickerField = function (props) {
@@ -4672,12 +4672,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$g = {"input":"index-module_input__LxXnu"};
+var s$k = {"input":"index-module_input__LxXnu"};
 
 var InputNumberField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.InputNumber, __assign({ className: classNames(s$g.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$k.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -4686,13 +4686,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$f = {"popup":"index-module_popup__5L587"};
+var s$j = {"popup":"index-module_popup__5L587"};
 
 var RangePicker = antd.DatePicker.RangePicker;
 var RangePickerField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$f.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$j.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -4714,14 +4714,14 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
-var s$e = {"root":"index-module_root__3Y1jZ"};
+var s$i = {"root":"index-module_root__3Y1jZ"};
 
 var SwitchField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], children = _b.children, controlProps = __rest(_b, ["children"]);
     return (React.createElement(FormLine, __assign({}, lineProps, { valuePropName: "checked" }),
-        React.createElement("div", { className: s$e.root },
+        React.createElement("div", { className: s$i.root },
             React.createElement(antd.Switch, __assign({}, controlProps)),
-            children && React.createElement("div", { className: s$e.content }, children))));
+            children && React.createElement("div", { className: s$i.content }, children))));
 };
 
 // export function useDebounceCallback<T extends (...args: any[]) => any>(delay: number, callback: T, deps: DependencyList = []): DebouncedFunc<T> {
@@ -4770,100 +4770,37 @@ function useRouterQuery() {
     return query;
 }
 
-exports.ApiStatus = void 0;
-(function (ApiStatus) {
-    ApiStatus[ApiStatus["Loading"] = 0] = "Loading";
-    ApiStatus[ApiStatus["Error"] = 1] = "Error";
-    ApiStatus[ApiStatus["Success"] = 2] = "Success";
-    ApiStatus[ApiStatus["NotFound"] = 3] = "NotFound";
-})(exports.ApiStatus || (exports.ApiStatus = {}));
-
-function useApiResponse(requestMethod, responseObject, status) {
-    return React.useMemo(function () {
-        return {
-            request: requestMethod,
-            data: responseObject.data,
-            originalArgs: responseObject.originalArgs,
-            status: status,
-        };
-    }, [requestMethod, responseObject, status]);
-}
-
-function useApiLazyQueryRequest(request, useLazyQuery) {
-    var _a = React.useState(exports.ApiStatus.Loading), status = _a[0], setStatus = _a[1];
-    var _b = useLazyQuery(), requestMethod = _b[0], responseObject = _b[1];
-    React.useEffect(function () {
-        if (request) {
-            requestMethod(request);
-        }
-    }, [requestMethod, request]);
-    React.useEffect(function () {
-        if (responseObject.isSuccess) {
-            var data = responseObject.data;
-            if (data) {
-                setStatus(exports.ApiStatus.Success);
-            }
-            else {
-                setStatus(exports.ApiStatus.NotFound);
-            }
-        }
-    }, [responseObject]);
-    return useApiResponse(requestMethod, responseObject, status);
-}
-
-function useApiLazyQuery(useLazyQuery, success) {
-    var _a = React.useState(exports.ApiStatus.Loading), status = _a[0], setStatus = _a[1];
-    var _b = useLazyQuery(), requestMethod = _b[0], responseObject = _b[1];
-    React.useEffect(function () {
-        if (responseObject.isSuccess) {
-            var data = responseObject.data;
-            if (data) {
-                success === null || success === void 0 ? void 0 : success(data);
-            }
-            setStatus(exports.ApiStatus.Success);
-        }
-    }, [responseObject]);
-    return useApiResponse(requestMethod, responseObject, status);
-}
-
-function useApiMutation(useMutation, success) {
-    var _a = React.useState(exports.ApiStatus.Loading), status = _a[0], setStatus = _a[1];
-    var _b = useMutation(), requestMethod = _b[0], responseObject = _b[1];
+function useSuccessMutation(response, successCallback) {
     React.useEffect(function () {
-        if (responseObject.isSuccess) {
-            var data = responseObject.data;
-            if (data) {
-                success === null || success === void 0 ? void 0 : success(data);
-            }
-            setStatus(exports.ApiStatus.Success);
+        if (response.isSuccess) {
+            successCallback();
         }
-    }, [responseObject]);
-    return useApiResponse(requestMethod, responseObject, status);
+    }, [response.isSuccess]);
 }
 
-var s$d = {"root":"index-module_root__f8fnA"};
+var s$h = {"root":"index-module_root__f8fnA"};
 
 var DivisionRow = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$d.root, className) }, children);
+    return React.createElement("div", { className: classNames(s$h.root, className) }, children);
 };
 
-var s$c = {"root":"index-module_root__xH-TN"};
+var s$g = {"root":"index-module_root__xH-TN"};
 
 var FormButton = function (_a) {
     var className = _a.className, _b = _a.children, children = _b === void 0 ? "Save" : _b, loading = _a.loading;
-    return (React.createElement("div", { className: classNames(s$c.root, className) },
+    return (React.createElement("div", { className: classNames(s$g.root, className) },
         React.createElement(antd.Button, { htmlType: "submit", type: "primary", loading: loading }, children)));
 };
 
-var s$b = {"root":"index-module_root__Xj8zb"};
+var s$f = {"root":"index-module_root__Xj8zb"};
 
 var FormError = function (_a) {
     var children = _a.children, className = _a.className;
-    return children ? React.createElement("div", { className: classNames(s$b.root, className) }, children) : null;
+    return children ? React.createElement("div", { className: classNames(s$f.root, className) }, children) : null;
 };
 
-var s$a = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
+var s$e = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
 
 var InfoDialog = function (_a) {
     var children = _a.children, className = _a.className, width = _a.width, hideClose = _a.hideClose, onClose = _a.onClose, _b = _a.open, open = _b === void 0 ? true : _b, contentClassName = _a.contentClassName, _c = _a.maskClosable, maskClosable = _c === void 0 ? false : _c;
@@ -4875,23 +4812,23 @@ var InfoDialog = function (_a) {
         }
         return result;
     }, [width]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$a.root, className), maskClosable: maskClosable, footer: null },
-        React.createElement("div", { className: classNames(s$a.content, contentClassName) },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$e.root, className), maskClosable: maskClosable, footer: null },
+        React.createElement("div", { className: classNames(s$e.content, contentClassName) },
             children,
-            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$a.close, onClick: onClose }))));
+            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$e.close, onClick: onClose }))));
 };
 
-var s$9 = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
+var s$d = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
 
 var RegularDialog = function (_a) {
     var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c;
     var close = React.useMemo(function () {
-        return React.createElement(RegularIcon, { name: "cross", className: s$9.close, onClick: onClose });
+        return React.createElement(RegularIcon, { name: "cross", className: s$d.close, onClick: onClose });
     }, [onClose]);
     var titleContent = React.useMemo(function () {
         if (typeof title === "string") {
-            return (React.createElement("div", { className: s$9.header },
-                React.createElement("div", { className: s$9.title },
+            return (React.createElement("div", { className: s$d.header },
+                React.createElement("div", { className: s$d.title },
                     titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
                     React.createElement("span", null,
                         " ",
@@ -4902,7 +4839,7 @@ var RegularDialog = function (_a) {
             return title(close);
         }
         return null;
-    }, [s$9, title, titlePrefix, close, titleIcon]);
+    }, [s$d, title, titlePrefix, close, titleIcon]);
     var style = React.useMemo(function () {
         var result = {};
         if (width) {
@@ -4916,15 +4853,15 @@ var RegularDialog = function (_a) {
             onOk();
         }
     }, [onOk]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$9.root, className), maskClosable: false, footer: null },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$d.root, className), maskClosable: false, footer: null },
         titleContent,
-        React.createElement("div", { className: classNames(s$9.content, contentClassName) }, children),
-        hideFooter ? null : (React.createElement("div", { className: classNames(s$9.footer, footerClassName) },
+        React.createElement("div", { className: classNames(s$d.content, contentClassName) }, children),
+        hideFooter ? null : (React.createElement("div", { className: classNames(s$d.footer, footerClassName) },
             React.createElement(antd.Button, { onClick: onClose }, cancelText || "Cancel"),
             okHide ? null : (React.createElement(antd.Button, { type: "primary", onClick: handleOk, disabled: okDisabled }, okText || "OK"))))));
 };
 
-var s$8 = {"root":"index-module_root__9mhio"};
+var s$c = {"root":"index-module_root__9mhio"};
 
 function isRegular(icon) {
     return RegularIconNameList.includes(icon);
@@ -4934,13 +4871,13 @@ function isSocial(icon) {
 }
 var FlatButton = function (_a) {
     var children = _a.children, className = _a.className, icon = _a.icon, onClick = _a.onClick;
-    return (React.createElement("div", { className: classNames(s$8.root, className), onClick: onClick },
+    return (React.createElement("div", { className: classNames(s$c.root, className), onClick: onClick },
         isRegular(icon) ? React.createElement(RegularIcon, { name: icon }) : null,
         isSocial(icon) ? React.createElement(SocialIcon, { name: icon }) : null,
         children ? React.createElement("span", null, children) : null));
 };
 
-var s$7 = {"root":"index-module_root__r-dVh"};
+var s$b = {"root":"index-module_root__r-dVh"};
 
 function AppLink(_a) {
     var _b;
@@ -4951,29 +4888,29 @@ function AppLink(_a) {
             href = route.build(params || {});
         }
     }
-    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$7.root, className, (_b = {},
-            _b[s$7.none__decoration] = noneDecoration,
-            _b[s$7.show__underline] = showUnderline,
+    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$b.root, className, (_b = {},
+            _b[s$b.none__decoration] = noneDecoration,
+            _b[s$b.show__underline] = showUnderline,
             _b)), ref: aRef }, rest), children));
 }
 
-var s$6 = {"root":"index-module_root__gpEkZ"};
+var s$a = {"root":"index-module_root__gpEkZ"};
 
 var AppLinkButton = function (_a) {
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: classNames(s$6.root, className) }, rest), children));
+    return (React.createElement("div", __assign({ className: classNames(s$a.root, className) }, rest), children));
 };
 
-var s$5 = {"root":"index-module_root__DRIJ9","title":"index-module_title__IrIK1","title__active":"index-module_title__active__tmRVg","title__label":"index-module_title__label__KtjaK","list":"index-module_list__lL8Kc","list__open":"index-module_list__open__WhqVg"};
+var s$9 = {"root":"index-module_root__DRIJ9","title":"index-module_title__IrIK1","title__active":"index-module_title__active__tmRVg","title__label":"index-module_title__label__KtjaK","list":"index-module_list__lL8Kc","list__open":"index-module_list__open__WhqVg"};
 
-var s$4 = {"root":"index-module_root__En9mt","root__active":"index-module_root__active__32aMB"};
+var s$8 = {"root":"index-module_root__En9mt","root__active":"index-module_root__active__32aMB"};
 
 var BackSidebarSubMenuItem = function (_a) {
     var _b;
     var _c = _a.activePath, activePath = _c === void 0 ? "" : _c, option = _a.option;
     var icon = option.icon, label = option.label, path = option.path;
     var isActive = path.isActive(activePath);
-    return (React.createElement(AppLink, { className: classNames(s$4.root, (_b = {}, _b[s$4.root__active] = isActive, _b)), href: path.build() },
+    return (React.createElement(AppLink, { className: classNames(s$8.root, (_b = {}, _b[s$8.root__active] = isActive, _b)), href: path.build() },
         icon && React.createElement(RegularIcon, { name: icon }),
         React.createElement("span", null, label)));
 };
@@ -5001,17 +4938,17 @@ var BackSidebarMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$5.root },
-        React.createElement("div", { className: classNames(s$5.title, (_b = {}, _b[s$5.title__active] = isActive, _b)), onClick: handleClick },
+    return (React.createElement("div", { className: s$9.root },
+        React.createElement("div", { className: classNames(s$9.title, (_b = {}, _b[s$9.title__active] = isActive, _b)), onClick: handleClick },
             icon && React.createElement(RegularIcon, { name: icon }),
-            React.createElement("span", { className: s$5.title__label }, label),
+            React.createElement("span", { className: s$9.title__label }, label),
             React.createElement(RegularIcon, { name: open ? "keyboard-arrow-down" : "keyboard-arrow-right" })),
-        React.createElement("div", { className: classNames(s$5.list, (_c = {}, _c[s$5.list__open] = open, _c)) }, options.map(function (x, i) {
+        React.createElement("div", { className: classNames(s$9.list, (_c = {}, _c[s$9.list__open] = open, _c)) }, options.map(function (x, i) {
             return React.createElement(BackSidebarSubMenuItem, { key: i, option: x, activePath: activePath });
         }))));
 };
 
-var s$3 = {"root":"index-module_root__v-d7O","list":"index-module_list__v1Yma","master":"index-module_master__Jhlca","master__active":"index-module_master__active__KPHU1"};
+var s$7 = {"root":"index-module_root__v-d7O","list":"index-module_list__v1Yma","master":"index-module_master__Jhlca","master__active":"index-module_master__active__KPHU1"};
 
 var BackSidebarShortMenuItem = function (_a) {
     var _b;
@@ -5027,34 +4964,34 @@ var BackSidebarShortMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$3.root },
-        React.createElement("div", { className: classNames(s$3.master, (_b = {}, _b[s$3.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
-        React.createElement("div", { className: classNames(s$3.list) }, options.map(function (x, i) {
+    return (React.createElement("div", { className: s$7.root },
+        React.createElement("div", { className: classNames(s$7.master, (_b = {}, _b[s$7.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
+        React.createElement("div", { className: classNames(s$7.list) }, options.map(function (x, i) {
             return React.createElement(BackSidebarSubMenuItem, { key: i, option: x });
         }))));
 };
 
-var s$2 = {"root":"index-module_root__oQRmx"};
+var s$6 = {"root":"index-module_root__oQRmx"};
 
 // https://www.einfosoft.com/templates/admin/spice/source/edit_booking.html#
 var BackSidebar = function (_a) {
     var className = _a.className, options = _a.options, top = _a.top, shortMode = _a.shortMode, activePath = _a.activePath, defaultPath = _a.defaultPath;
     var path = (activePath || "").replace("/", "") ? activePath : defaultPath;
-    return (React.createElement("div", { className: classNames(s$2.root, className) },
-        top ? React.createElement("div", { className: classNames(s$2.top) }, top) : null,
-        React.createElement("div", { className: s$2.menu }, options.map(function (option, i) {
+    return (React.createElement("div", { className: classNames(s$6.root, className) },
+        top ? React.createElement("div", { className: classNames(s$6.top) }, top) : null,
+        React.createElement("div", { className: s$6.menu }, options.map(function (option, i) {
             return shortMode ? (React.createElement(BackSidebarShortMenuItem, { key: i, option: option, activePath: path })) : (React.createElement(BackSidebarMenuItem, { key: i, option: option, activePath: path }));
         }))));
 };
 
-var s$1 = {"root":"index-module_root__BkOp7","root__short":"index-module_root__short__maBe-","header":"index-module_header__34B0-","sidebar":"index-module_sidebar__xjW3v","content":"index-module_content__cMuen","menu":"index-module_menu__IwQDu","menu__icon":"index-module_menu__icon__KNyXp","loading":"index-module_loading__KxkST"};
+var s$5 = {"root":"index-module_root__BkOp7","root__short":"index-module_root__short__maBe-","header":"index-module_header__34B0-","sidebar":"index-module_sidebar__xjW3v","content":"index-module_content__cMuen","menu":"index-module_menu__IwQDu","menu__icon":"index-module_menu__icon__KNyXp","loading":"index-module_loading__KxkST"};
 
-var s = {"root":"index-module_root__tzLMl","loader":"index-module_loader__XO02C"};
+var s$4 = {"root":"index-module_root__tzLMl","loader":"index-module_loader__XO02C"};
 
 var LoadingPanel = function (_a) {
     var className = _a.className;
-    return (React.createElement("div", { className: classNames(s.root, className) },
-        React.createElement(antd.Spin, { size: "large", className: s.loader })));
+    return (React.createElement("div", { className: classNames(s$4.root, className) },
+        React.createElement(antd.Spin, { size: "large", className: s$4.loader })));
 };
 
 var BackLayout = function (_a) {
@@ -5064,14 +5001,42 @@ var BackLayout = function (_a) {
     var handleMenu = React.useCallback(function () {
         setShort(!short);
     }, [short]);
-    return loading ? (React.createElement(LoadingPanel, { className: s$1.loading })) : (React.createElement("div", { className: classNames(s$1.root, className, (_b = {}, _b[s$1.root__short] = short, _b)) },
-        React.createElement("div", { className: classNames(s$1.header, headerClassName) }, header),
-        React.createElement("div", { className: classNames(s$1.sidebar, sidebarClassName) },
-            React.createElement("div", { className: s$1.menu },
-                React.createElement(RegularIcon, { className: s$1.menu__icon, name: "menu", onClick: handleMenu }),
-                !short && React.createElement("div", { className: s$1.menu__title }, sidebarTitle)),
+    return loading ? (React.createElement(LoadingPanel, { className: s$5.loading })) : (React.createElement("div", { className: classNames(s$5.root, className, (_b = {}, _b[s$5.root__short] = short, _b)) },
+        React.createElement("div", { className: classNames(s$5.header, headerClassName) }, header),
+        React.createElement("div", { className: classNames(s$5.sidebar, sidebarClassName) },
+            React.createElement("div", { className: s$5.menu },
+                React.createElement(RegularIcon, { className: s$5.menu__icon, name: "menu", onClick: handleMenu }),
+                !short && React.createElement("div", { className: s$5.menu__title }, sidebarTitle)),
             React.createElement(BackSidebar, __assign({}, sidebarProps, { shortMode: short }))),
-        contentLoading ? React.createElement(LoadingPanel, { className: s$1.content }) : React.createElement("div", { className: classNames(s$1.content, contentClassName) }, children)));
+        contentLoading ? React.createElement(LoadingPanel, { className: s$5.content }) : React.createElement("div", { className: classNames(s$5.content, contentClassName) }, children)));
+};
+
+var s$3 = {"root":"index-module_root__-jB4M"};
+
+var Header1 = function (_a) {
+    var children = _a.children;
+    return React.createElement("h1", { className: s$3.root }, children);
+};
+
+var s$2 = {"root":"index-module_root__4eRbr"};
+
+var Header2 = function (_a) {
+    var children = _a.children;
+    return React.createElement("h2", { className: s$2.root }, children);
+};
+
+var s$1 = {"root":"index-module_root__fJ5t3"};
+
+var Paragraph = function (_a) {
+    var children = _a.children;
+    return React.createElement("p", { className: s$1.root }, children);
+};
+
+var s = {"root":"index-module_root__-YN7j"};
+
+var PageTitle = function (_a) {
+    var children = _a.children;
+    return React.createElement("h1", { className: s.root }, children);
 };
 
 exports.AppForm = AppForm;
@@ -5088,10 +5053,14 @@ exports.FlatButton = FlatButton;
 exports.FormButton = FormButton;
 exports.FormError = FormError;
 exports.FormLine = FormLine;
+exports.Header1 = Header1;
+exports.Header2 = Header2;
 exports.HiddenField = HiddenField;
 exports.InfoDialog = InfoDialog;
 exports.InputField = InputField;
 exports.InputNumberField = InputNumberField;
+exports.PageTitle = PageTitle;
+exports.Paragraph = Paragraph;
 exports.RadioButtonField = RadioButtonField;
 exports.RangePickerField = RangePickerField;
 exports.RegularDialog = RegularDialog;
@@ -5102,12 +5071,10 @@ exports.SocialIcon = SocialIcon;
 exports.SocialIconNameList = SocialIconNameList;
 exports.SwitchField = SwitchField;
 exports.TextAreaField = TextAreaField;
-exports.useApiLazyQuery = useApiLazyQuery;
-exports.useApiLazyQueryRequest = useApiLazyQueryRequest;
-exports.useApiMutation = useApiMutation;
 exports.useAppFormRules = useAppFormRules;
 exports.useDebounceEffect = useDebounceEffect;
 exports.useDidMount = useDidMount;
 exports.useLineProps = useLineProps;
 exports.usePrevious = usePrevious;
 exports.useRouterQuery = useRouterQuery;
+exports.useSuccessMutation = useSuccessMutation;

package/build/styles.css

@@ -20,27 +20,6 @@ html,
 body {
   color: var(--color);
 }
-
-h1,
-h2 {
-  margin: 1em 0 0.5em;
-  padding-bottom: 0.3em;
-  font-size: 2em;
-  font-weight: 600;
-  border-bottom: 1px solid var(--headerBorderColor);
-}
-
-h1 {
-  font-size: 2.1em;
-}
-
-h2 {
-  font-size: 1.5em;
-}
-
-p {
-  margin: 1.2em 0;
-}
 .index-module_root__-LDR1 {
   display: inline-block;
   height: 1em;
@@ -339,4 +318,30 @@ p {
 }
 .index-module_loader__XO02C .ant-spin-dot-item {
   background-color: var(--backLayoutSpinColor);
+}
+.index-module_root__-jB4M {
+  margin: 1em 0 0.5em;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  font-weight: 600;
+  font-size: 2.1em;
+  border-bottom: 1px solid var(--headerBorderColor);
+}
+.index-module_root__4eRbr {
+  margin: 1em 0 0.5em;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  font-weight: 600;
+  border-bottom: 1px solid var(--headerBorderColor);
+  font-size: 1.5em;
+}
+.index-module_root__fJ5t3 {
+  margin: 1.2em 0;
+}
+.index-module_root__-YN7j {
+  margin: 1em 0 0.5em;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  font-weight: 600;
+  font-size: 2.1em;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.47.0",
+  "version": "0.49.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {

package/build/hooks/api/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./interfaces";
-export * from "./lazy-object";
-export * from "./lazy-query";
-export * from "./mutation";

package/build/hooks/api/interfaces.d.ts

@@ -1,23 +0,0 @@
-export declare enum ApiStatus {
-    Loading = 0,
-    Error = 1,
-    Success = 2,
-    NotFound = 3
-}
-export type ApiResponse<TResponse, TRequest, TError = any> = {
-    data?: TResponse;
-    isLoading: boolean;
-    isSuccess: boolean;
-    isError: boolean;
-    originalArgs?: TRequest;
-    error?: TError;
-};
-export type ApiRequestMethod<TRequest> = (request: TRequest) => void;
-export interface ApiMutationResponse<TResponse, TRequest> {
-    request: ApiRequestMethod<TRequest>;
-    data?: TResponse;
-    status: ApiStatus;
-    originalArgs?: TRequest;
-}
-export type ApiLazyQueryMethod<TResponse, TRequest> = () => readonly [ApiRequestMethod<TRequest>, ApiResponse<TResponse, TRequest>, any];
-export type ApiMutationMethod<TResponse, TRequest> = () => readonly [ApiRequestMethod<TRequest>, ApiResponse<TResponse, TRequest>];

package/build/hooks/api/lazy-object.d.ts

@@ -1,2 +0,0 @@
-import { ApiLazyQueryMethod } from "./interfaces";
-export declare function useApiLazyQueryRequest<TResponse, TRequest>(request: TRequest | undefined, useLazyQuery: ApiLazyQueryMethod<TResponse, TRequest>): import("./interfaces").ApiMutationResponse<TResponse, TRequest>;

package/build/hooks/api/lazy-query.d.ts

@@ -1,2 +0,0 @@
-import { ApiLazyQueryMethod } from ".";
-export declare function useApiLazyQuery<TResponse, TRequest>(useLazyQuery: ApiLazyQueryMethod<TResponse, TRequest>, success?: (response: TResponse) => void): import("./interfaces").ApiMutationResponse<TResponse, TRequest>;

package/build/hooks/api/mutation.d.ts

@@ -1,2 +0,0 @@
-import { ApiMutationMethod } from ".";
-export declare function useApiMutation<TResponse, TRequest>(useMutation: ApiMutationMethod<TResponse, TRequest>, success?: (response: TResponse) => void): import("./interfaces").ApiMutationResponse<TResponse, TRequest>;

package/build/hooks/api/response.d.ts

@@ -1,2 +0,0 @@
-import { ApiMutationResponse, ApiRequestMethod, ApiResponse, ApiStatus } from "./interfaces";
-export declare function useApiResponse<TResponse, TRequest>(requestMethod: ApiRequestMethod<TRequest>, responseObject: ApiResponse<TResponse, TRequest>, status: ApiStatus): ApiMutationResponse<TResponse, TRequest>;