revdev-components 0.57.0 → 0.59.0

package/build/{content/header1 → contentHeader1}/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { HeaderProps } from "src/interfaces";
-export declare const Header1: React.FC<HeaderProps>;
+export declare const ContentHeader1: React.FC<HeaderProps>;

package/build/{content/header2 → contentHeader2}/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { HeaderProps } from "src/interfaces";
-export declare const Header2: React.FC<HeaderProps>;
+export declare const ContentHeader2: React.FC<HeaderProps>;

package/build/frontFooter/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface FrontFooterProps {
+    children?: React.ReactNode;
+    className?: string;
+    privacyHref: string;
+    termsHref: string;
+    infoMail: string;
+    text: {
+        privacy: string;
+        terms: string;
+        copyright: string;
+    };
+}
+export declare const FrontFooter: React.FC<FrontFooterProps>;

package/build/frontLayout/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FrontFooterProps } from "src/frontFooter";
+import { FrontHeaderProps } from "src/frontHeader";
+export interface FrontLayoutProps {
+    header: FrontHeaderProps;
+    footer: FrontFooterProps;
+    children?: React.ReactNode;
+}
+export declare const FrontLayout: React.FC<FrontLayoutProps>;

package/build/icon/regular/names.d.ts

@@ -1,2 +1,2 @@
-export declare const RegularIconNameList: ("add" | "add-box" | "add-circle" | "add-circle-outline" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "collections-bookmark" | "contact-support" | "cross" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outlined" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "translate" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
+export declare const RegularIconNameList: ("search" | "add" | "add-box" | "add-circle" | "add-circle-outline" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "collections-bookmark" | "contact-support" | "cross" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outlined" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "translate" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
 export type RegularIconName = (typeof RegularIconNameList)[number];

package/build/index.d.ts

@@ -1,4 +1,10 @@
 import "./style/index.scss";
+export * from "./contentHeader1";
+export * from "./contentHeader2";
+export * from "./paragraph";
+export * from "./pageTitle";
+export * from "./centralDivision";
+export * from "./rowDivision";
 export * from "./icon";
 export * from "./interfaces";
 export * from "./form";
@@ -10,8 +16,9 @@ export * from "./flatButton";
 export * from "./link";
 export * from "./backSidebar";
 export * from "./backLayout";
-export * from "./content";
 export * from "./frontHeader";
+export * from "./frontFooter";
+export * from "./frontLayout";
 export * from "./iconDivision";
 export * from "./tooltip";
 export * from "./popoverSelect";

package/build/index.js

@@ -7,24 +7,66 @@ var router = require('next/router');
 var Link = require('next/link');
 
 function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+var s$t = {"root":"index-module_root__oU85z"};
+
+var ContentHeader1 = function (_a) {
+    var children = _a.children, className = _a.className;
+    return React.createElement("h1", { className: classNames(s$t.root, className) }, children);
+};
+
+var s$s = {"root":"index-module_root__51YHj"};
+
+var ContentHeader2 = function (_a) {
+    var children = _a.children, className = _a.className;
+    return React.createElement("h1", { className: classNames(s$s.root, className) }, children);
+};
+
+var s$r = {"root":"index-module_root__Fq-q1"};
+
+var Paragraph = function (_a) {
+    var children = _a.children;
+    return React.createElement("p", { className: s$r.root }, children);
+};
+
+var s$q = {"root":"index-module_root__VIFF-"};
+
+var PageTitle = function (_a) {
+    var children = _a.children, className = _a.className;
+    return React.createElement("h1", { className: classNames(s$q.root, className) }, children);
+};
+
+var s$p = {"root":"index-module_root__p0I0n"};
+
+var CentralDivision = function (_a) {
+    var children = _a.children, className = _a.className;
+    return React.createElement("div", { className: classNames(s$p.root, className) }, children);
+};
+
+var s$o = {"root":"index-module_root__yiKO0"};
+
+var RowDivision = function (_a) {
+    var children = _a.children, className = _a.className;
+    return React.createElement("div", { className: classNames(s$o.root, className) }, children);
+};
+
 var _path$2l;
 function _extends$2n() { return _extends$2n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2n.apply(null, arguments); }
 var SvgAdd = function SvgAdd(props) {
@@ -1521,13 +1563,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$r = {"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$r.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 +4656,7 @@ var SocialIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$q = {"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 +4676,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$q.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$p = {"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 +4693,7 @@ var FormLine = function (_a) {
         }
         return [];
     }, [validateRules]);
-    return React.createElement(antd.Form.Item, __assign({ className: classNames(s$p.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 +4714,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$o = {"input":"index-module_input__71iJw"};
+var s$k = {"input":"index-module_input__71iJw"};
 
 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$o.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$k.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -4686,13 +4728,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$n = {"popup":"index-module_popup__Im5Y-"};
+var s$j = {"popup":"index-module_popup__Im5Y-"};
 
 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$n.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$j.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -4714,14 +4756,14 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
-var s$m = {"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$m.root },
+        React.createElement("div", { className: s$i.root },
             React.createElement(antd.Switch, __assign({}, controlProps)),
-            children && React.createElement("div", { className: s$m.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> {
@@ -4778,22 +4820,22 @@ function useSuccessMutation(response, successCallback) {
     }, [response.isSuccess]);
 }
 
-var s$l = {"root":"index-module_root__9GQDU"};
+var s$h = {"root":"index-module_root__9GQDU"};
 
 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$l.root, className) },
+    return (React.createElement("div", { className: classNames(s$h.root, className) },
         React.createElement(antd.Button, { htmlType: "submit", type: "primary", loading: loading }, children)));
 };
 
-var s$k = {"root":"index-module_root__C05Ty"};
+var s$g = {"root":"index-module_root__C05Ty"};
 
 var FormError = function (_a) {
     var children = _a.children, className = _a.className;
-    return children ? React.createElement("div", { className: classNames(s$k.root, className) }, children) : null;
+    return children ? React.createElement("div", { className: classNames(s$g.root, className) }, children) : null;
 };
 
-var s$j = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
+var s$f = {"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;
@@ -4805,23 +4847,23 @@ var InfoDialog = function (_a) {
         }
         return result;
     }, [width]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$j.root, className), maskClosable: maskClosable, footer: null },
-        React.createElement("div", { className: classNames(s$j.content, contentClassName) },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$f.root, className), maskClosable: maskClosable, footer: null },
+        React.createElement("div", { className: classNames(s$f.content, contentClassName) },
             children,
-            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$j.close, onClick: onClose }))));
+            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$f.close, onClick: onClose }))));
 };
 
-var s$i = {"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$e = {"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$i.close, onClick: onClose });
+        return React.createElement(RegularIcon, { name: "cross", className: s$e.close, onClick: onClose });
     }, [onClose]);
     var titleContent = React.useMemo(function () {
         if (typeof title === "string") {
-            return (React.createElement("div", { className: s$i.header },
-                React.createElement("div", { className: s$i.title },
+            return (React.createElement("div", { className: s$e.header },
+                React.createElement("div", { className: s$e.title },
                     titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
                     React.createElement("span", null,
                         " ",
@@ -4832,7 +4874,7 @@ var RegularDialog = function (_a) {
             return title(close);
         }
         return null;
-    }, [s$i, title, titlePrefix, close, titleIcon]);
+    }, [s$e, title, titlePrefix, close, titleIcon]);
     var style = React.useMemo(function () {
         var result = {};
         if (width) {
@@ -4846,15 +4888,15 @@ var RegularDialog = function (_a) {
             onOk();
         }
     }, [onOk]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$i.root, className), maskClosable: false, footer: null },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$e.root, className), maskClosable: false, footer: null },
         titleContent,
-        React.createElement("div", { className: classNames(s$i.content, contentClassName) }, children),
-        hideFooter ? null : (React.createElement("div", { className: classNames(s$i.footer, footerClassName) },
+        React.createElement("div", { className: classNames(s$e.content, contentClassName) }, children),
+        hideFooter ? null : (React.createElement("div", { className: classNames(s$e.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$h = {"root":"index-module_root__qFuRH"};
+var s$d = {"root":"index-module_root__qFuRH"};
 
 function isRegular(icon) {
     return RegularIconNameList.includes(icon);
@@ -4864,13 +4906,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$h.root, className), onClick: onClick },
+    return (React.createElement("div", { className: classNames(s$d.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$g = {"root":"index-module_root__r-dVh"};
+var s$c = {"root":"index-module_root__r-dVh"};
 
 function AppLink(_a) {
     var _b;
@@ -4881,29 +4923,29 @@ function AppLink(_a) {
             href = route.build(params || {});
         }
     }
-    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$g.root, className, (_b = {},
-            _b[s$g.none__decoration] = noneDecoration,
-            _b[s$g.show__underline] = showUnderline,
+    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$c.root, className, (_b = {},
+            _b[s$c.none__decoration] = noneDecoration,
+            _b[s$c.show__underline] = showUnderline,
             _b)), ref: aRef }, rest), children));
 }
 
-var s$f = {"root":"index-module_root__gpEkZ"};
+var s$b = {"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$f.root, className) }, rest), children));
+    return (React.createElement("div", __assign({ className: classNames(s$b.root, className) }, rest), children));
 };
 
-var s$e = {"root":"index-module_root__CQ7Qm","title":"index-module_title__Aud2u","title__active":"index-module_title__active__AueKr","title__label":"index-module_title__label__B3vUU","list":"index-module_list__EAf08","list__open":"index-module_list__open__1-0cD"};
+var s$a = {"root":"index-module_root__CQ7Qm","title":"index-module_title__Aud2u","title__active":"index-module_title__active__AueKr","title__label":"index-module_title__label__B3vUU","list":"index-module_list__EAf08","list__open":"index-module_list__open__1-0cD"};
 
-var s$d = {"root":"index-module_root__AZ9HE","root__active":"index-module_root__active__UqszT"};
+var s$9 = {"root":"index-module_root__AZ9HE","root__active":"index-module_root__active__UqszT"};
 
 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$d.root, (_b = {}, _b[s$d.root__active] = isActive, _b)), href: path.build() },
+    return (React.createElement(AppLink, { className: classNames(s$9.root, (_b = {}, _b[s$9.root__active] = isActive, _b)), href: path.build() },
         icon && React.createElement(RegularIcon, { name: icon }),
         React.createElement("span", null, label)));
 };
@@ -4931,17 +4973,17 @@ var BackSidebarMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$e.root },
-        React.createElement("div", { className: classNames(s$e.title, (_b = {}, _b[s$e.title__active] = isActive, _b)), onClick: handleClick },
+    return (React.createElement("div", { className: s$a.root },
+        React.createElement("div", { className: classNames(s$a.title, (_b = {}, _b[s$a.title__active] = isActive, _b)), onClick: handleClick },
             icon && React.createElement(RegularIcon, { name: icon }),
-            React.createElement("span", { className: s$e.title__label }, label),
+            React.createElement("span", { className: s$a.title__label }, label),
             React.createElement(RegularIcon, { name: open ? "keyboard-arrow-down" : "keyboard-arrow-right" })),
-        React.createElement("div", { className: classNames(s$e.list, (_c = {}, _c[s$e.list__open] = open, _c)) }, options.map(function (x, i) {
+        React.createElement("div", { className: classNames(s$a.list, (_c = {}, _c[s$a.list__open] = open, _c)) }, options.map(function (x, i) {
             return React.createElement(BackSidebarSubMenuItem, { key: i, option: x, activePath: activePath });
         }))));
 };
 
-var s$c = {"root":"index-module_root__yMCtx","list":"index-module_list__Xr6Z5","master":"index-module_master__Eexhz","master__active":"index-module_master__active__j-iWA"};
+var s$8 = {"root":"index-module_root__yMCtx","list":"index-module_list__Xr6Z5","master":"index-module_master__Eexhz","master__active":"index-module_master__active__j-iWA"};
 
 var BackSidebarShortMenuItem = function (_a) {
     var _b;
@@ -4957,34 +4999,34 @@ var BackSidebarShortMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$c.root },
-        React.createElement("div", { className: classNames(s$c.master, (_b = {}, _b[s$c.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
-        React.createElement("div", { className: classNames(s$c.list) }, options.map(function (x, i) {
+    return (React.createElement("div", { className: s$8.root },
+        React.createElement("div", { className: classNames(s$8.master, (_b = {}, _b[s$8.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
+        React.createElement("div", { className: classNames(s$8.list) }, options.map(function (x, i) {
             return React.createElement(BackSidebarSubMenuItem, { key: i, option: x });
         }))));
 };
 
-var s$b = {"root":"index-module_root__r4Egx"};
+var s$7 = {"root":"index-module_root__r4Egx"};
 
 // 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$b.root, className) },
-        top ? React.createElement("div", { className: classNames(s$b.top) }, top) : null,
-        React.createElement("div", { className: s$b.menu }, options.map(function (option, i) {
+    return (React.createElement("div", { className: classNames(s$7.root, className) },
+        top ? React.createElement("div", { className: classNames(s$7.top) }, top) : null,
+        React.createElement("div", { className: s$7.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$a = {"root":"index-module_root__SICCv","root__short":"index-module_root__short__XnXWP","header":"index-module_header__00DV1","sidebar":"index-module_sidebar__o2Obb","content":"index-module_content__D0okO","menu":"index-module_menu__48Uz3","menu__icon":"index-module_menu__icon__BFpAs","loading":"index-module_loading__SpWat"};
+var s$6 = {"root":"index-module_root__SICCv","root__short":"index-module_root__short__XnXWP","header":"index-module_header__00DV1","sidebar":"index-module_sidebar__o2Obb","content":"index-module_content__D0okO","menu":"index-module_menu__48Uz3","menu__icon":"index-module_menu__icon__BFpAs","loading":"index-module_loading__SpWat"};
 
-var s$9 = {"root":"index-module_root__Q-TED","loader":"index-module_loader__qxQNC"};
+var s$5 = {"root":"index-module_root__Q-TED","loader":"index-module_loader__qxQNC"};
 
 var LoadingPanel = function (_a) {
     var className = _a.className;
-    return (React.createElement("div", { className: classNames(s$9.root, className) },
-        React.createElement(antd.Spin, { size: "large", className: s$9.loader })));
+    return (React.createElement("div", { className: classNames(s$5.root, className) },
+        React.createElement(antd.Spin, { size: "large", className: s$5.loader })));
 };
 
 var BackLayout = function (_a) {
@@ -4994,63 +5036,21 @@ var BackLayout = function (_a) {
     var handleMenu = React.useCallback(function () {
         setShort(!short);
     }, [short]);
-    return loading ? (React.createElement(LoadingPanel, { className: s$a.loading })) : (React.createElement("div", { className: classNames(s$a.root, className, (_b = {}, _b[s$a.root__short] = short, _b)) },
-        React.createElement("div", { className: classNames(s$a.header, headerClassName) }, header),
-        React.createElement("div", { className: classNames(s$a.sidebar, sidebarClassName) },
-            React.createElement("div", { className: s$a.menu },
-                React.createElement(RegularIcon, { className: s$a.menu__icon, name: "menu", onClick: handleMenu }),
-                !short && React.createElement("div", { className: s$a.menu__title }, sidebarTitle)),
+    return loading ? (React.createElement(LoadingPanel, { className: s$6.loading })) : (React.createElement("div", { className: classNames(s$6.root, className, (_b = {}, _b[s$6.root__short] = short, _b)) },
+        React.createElement("div", { className: classNames(s$6.header, headerClassName) }, header),
+        React.createElement("div", { className: classNames(s$6.sidebar, sidebarClassName) },
+            React.createElement("div", { className: s$6.menu },
+                React.createElement(RegularIcon, { className: s$6.menu__icon, name: "menu", onClick: handleMenu }),
+                !short && React.createElement("div", { className: s$6.menu__title }, sidebarTitle)),
             React.createElement(BackSidebar, __assign({}, sidebarProps, { shortMode: short }))),
-        contentLoading ? React.createElement(LoadingPanel, { className: s$a.content }) : React.createElement("div", { className: classNames(s$a.content, contentClassName) }, children)));
+        contentLoading ? React.createElement(LoadingPanel, { className: s$6.content }) : React.createElement("div", { className: classNames(s$6.content, contentClassName) }, children)));
 };
 
-var s$8 = {"root":"index-module_root__-jB4M"};
+var s$4 = {"root":"index-module_root__Q7VjD","root__shadow":"index-module_root__shadow__OhPad","logo":"index-module_logo__KCA1E","content":"index-module_content__T-JEW","link":"index-module_link__nXsvL","select":"index-module_select__22zW6"};
 
-var Header1 = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$8.root, className) }, children);
-};
+var s$3 = {"popover":"index-module_popover__lwzdT","item":"index-module_item__pfayG"};
 
-var s$7 = {"root":"index-module_root__4eRbr"};
-
-var Header2 = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$7.root, className) }, children);
-};
-
-var s$6 = {"root":"index-module_root__fJ5t3"};
-
-var Paragraph = function (_a) {
-    var children = _a.children;
-    return React.createElement("p", { className: s$6.root }, children);
-};
-
-var s$5 = {"root":"index-module_root__USP1u"};
-
-var PageTitle = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$5.root, className) }, children);
-};
-
-var s$4 = {"root":"index-module_root__Iszgj"};
-
-var CentralDivision = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$4.root, className) }, children);
-};
-
-var s$3 = {"root":"index-module_root__OPU-p"};
-
-var RowDivision = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$3.root, className) }, children);
-};
-
-var s$2 = {"root":"index-module_root__Q7VjD","root__shadow":"index-module_root__shadow__OhPad","logo":"index-module_logo__KCA1E","content":"index-module_content__T-JEW","link":"index-module_link__nXsvL","select":"index-module_select__22zW6"};
-
-var s$1 = {"popover":"index-module_popover__lwzdT","item":"index-module_item__pfayG"};
-
-var s = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
+var s$2 = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
 
 var AppTooltip = function (_a) {
     var _b = _a.placement, placement = _b === void 0 ? "top" : _b, children = _a.children, props = __rest(_a, ["placement", "children"]);
@@ -5061,14 +5061,14 @@ var AppTooltip = function (_a) {
 var IconBoxContent = function (_a) {
     var _b;
     var flexRoot = _a.flexRoot, icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, onClick = _a.onClick, _c = _a.direction, direction = _c === void 0 ? "row" : _c, elementRev = _a.elementRev, style = _a.style;
-    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s.root, (_b = {},
-            _b[s.flex] = flexRoot,
-            _b[s.button] = !!onClick,
-            _b[s.column] = direction === "column",
+    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$2.root, (_b = {},
+            _b[s$2.flex] = flexRoot,
+            _b[s$2.button] = !!onClick,
+            _b[s$2.column] = direction === "column",
             _b), className), onClick: onClick },
-        icon ? React.createElement(RegularIcon, { className: s.icon, name: icon }) : null,
-        children ? React.createElement("div", { className: classNames(contentClassName, s.root__children) }, children) : null,
-        rightIcon ? React.createElement(RegularIcon, { className: s.icon, name: rightIcon }) : null));
+        icon ? React.createElement(RegularIcon, { className: s$2.icon, name: icon }) : null,
+        children ? React.createElement("div", { className: classNames(contentClassName, s$2.root__children) }, children) : null,
+        rightIcon ? React.createElement(RegularIcon, { className: s$2.icon, name: rightIcon }) : null));
 };
 var IconDivision = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, hoverOpenDelay = props.hoverOpenDelay;
@@ -5092,9 +5092,9 @@ var PopoverSelect = function (_a) {
     var selectedOption = React.useMemo(function () {
         return options.find(function (x) { return x.value === value; });
     }, [options, value]);
-    var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$1.popover }, options
+    var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$3.popover }, options
         .filter(function (x) { return x.value !== value; })
-        .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$1.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$1.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
+        .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$3.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$3.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
     return (React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
         React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label)));
 };
@@ -5135,19 +5135,46 @@ var FrontHeader = function (_a) {
         var className = _b.className;
         return value === "logout" ? (React.createElement("div", { className: className, onClick: user === null || user === void 0 ? void 0 : user.onLogOut }, label)) : (React.createElement(AppLink, { href: value, className: className }, label));
     }, [user]);
-    return (React.createElement("div", { className: classNames(s$2.root, (_b = {},
-            _b[s$2.root__shadow] = shadow,
+    return (React.createElement("div", { className: classNames(s$4.root, (_b = {},
+            _b[s$4.root__shadow] = shadow,
             _b), className) },
-        React.createElement(AppLink, { className: s$2.logo, href: logoHref }, "AlfaSchool"),
-        React.createElement("div", { className: s$2.content }, children),
-        !user && (React.createElement("div", { className: s$2.link },
+        React.createElement(AppLink, { className: s$4.logo, href: logoHref }, "AlfaSchool"),
+        React.createElement("div", { className: s$4.content }, children),
+        !user && (React.createElement("div", { className: s$4.link },
             React.createElement(AppLink, { href: loginHref }, text.login || "Login"),
             React.createElement(AppLink, { href: registerHref }, text.register || "Register"))),
-        React.createElement("div", { className: s$2.select },
+        React.createElement("div", { className: s$4.select },
             user && React.createElement(PopoverSelect, { showValue: true, value: user.username, options: settingsOptions, renderOption: handleSettingRender }),
             React.createElement(PopoverSelect, __assign({ icon: "language" }, language)))));
 };
 
+var s$1 = {"root":"index-module_root__pGOaD","inner":"index-module_inner__yBaNK","email":"index-module_email__c66u4"};
+
+var FrontFooter = function (_a) {
+    var children = _a.children, className = _a.className, privacyHref = _a.privacyHref, termsHref = _a.termsHref, infoMail = _a.infoMail, text = _a.text;
+    return (React.createElement("footer", { className: classNames(s$1.root, className) },
+        children ? React.createElement("div", null, children) : null,
+        React.createElement("div", { className: s$1.inner },
+            React.createElement(AppLink, { className: s$1.email, href: "mailto:".concat(infoMail) }, infoMail),
+            React.createElement("div", null,
+                React.createElement(AppLink, { href: privacyHref }, text.privacy),
+                React.createElement(AppLink, { href: termsHref }, text.terms),
+                React.createElement("div", { className: s$1.text }, text.copyright)))));
+};
+
+var s = {"root":"index-module_root__Fwjge","header":"index-module_header__DhAx3","header__inner":"index-module_header__inner__gYRYO","content":"index-module_content__Afu6q","content__footer":"index-module_content__footer__-ACCs","footer":"index-module_footer__3hSOQ"};
+
+var FrontLayout = function (_a) {
+    var children = _a.children, header = _a.header, footer = _a.footer;
+    return (React.createElement("div", { className: s.root },
+        React.createElement("div", { className: s.header },
+            React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s.header__inner) }))),
+        React.createElement("div", { className: classNames(s.content) },
+            React.createElement("div", null, children)),
+        React.createElement("div", { className: s.footer },
+            React.createElement(FrontFooter, __assign({}, footer)))));
+};
+
 exports.AppForm = AppForm;
 exports.AppLink = AppLink;
 exports.AppLinkButton = AppLinkButton;
@@ -5156,6 +5183,8 @@ exports.BackLayout = BackLayout;
 exports.BackSidebar = BackSidebar;
 exports.CentralDivision = CentralDivision;
 exports.CheckboxField = CheckboxField;
+exports.ContentHeader1 = ContentHeader1;
+exports.ContentHeader2 = ContentHeader2;
 exports.DatePickerField = DatePickerField;
 exports.FlagIcon = FlagIcon;
 exports.FlagIconNameList = FlagIconNameList;
@@ -5163,9 +5192,9 @@ exports.FlatButton = FlatButton;
 exports.FormButton = FormButton;
 exports.FormError = FormError;
 exports.FormLine = FormLine;
+exports.FrontFooter = FrontFooter;
 exports.FrontHeader = FrontHeader;
-exports.Header1 = Header1;
-exports.Header2 = Header2;
+exports.FrontLayout = FrontLayout;
 exports.HiddenField = HiddenField;
 exports.IconDivision = IconDivision;
 exports.InfoDialog = InfoDialog;

package/build/styles.css

@@ -20,6 +20,7 @@
   --headerBorderColor: #cecece88;
   --centralDivisionMaxWidth: 1000px;
   --frontHeaderHeight: 50px;
+  --frontFooterHeight: 30px;
   --backSidebarBackgroundColor: rgb(58 63 81);
   --backSidebarColor: #aaadb7;
   --backSidebarActiveColor: white;
@@ -38,6 +39,44 @@ body {
   color: var(--color);
   font-family: var(--fontFamily);
 }
+.index-module_root__oU85z {
+  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__51YHj {
+  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__Fq-q1 {
+  margin: 1.2em 0;
+}
+.index-module_root__VIFF- {
+  margin: 1em 0 0.5em;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  font-weight: 600;
+  font-size: 2.1em;
+}
+.index-module_root__p0I0n {
+  max-width: var(--centralDivisionMaxWidth);
+  margin-right: auto;
+  margin-left: auto;
+}
+.index-module_root__yiKO0 {
+  display: flex;
+  gap: 1em;
+}
+.index-module_root__yiKO0 > * {
+  flex: 1;
+}
 .index-module_root__-LDR1 {
   display: inline-block;
   height: 1em;
@@ -330,44 +369,6 @@ body {
 .index-module_loader__qxQNC .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__USP1u {
-  margin: 1em 0 0.5em;
-  padding-bottom: 0.3em;
-  font-size: 2em;
-  font-weight: 600;
-  font-size: 2.1em;
-}
-.index-module_root__Iszgj {
-  max-width: var(--centralDivisionMaxWidth);
-  margin-right: auto;
-  margin-left: auto;
-}
-.index-module_root__OPU-p {
-  display: flex;
-  gap: 1em;
-}
-.index-module_root__OPU-p > * {
-  flex: 1;
-}
 .index-module_root__Q7VjD {
   display: flex;
   align-items: center;
@@ -447,4 +448,78 @@ body {
 
 .index-module_button__U8D6K {
   cursor: pointer;
+}
+.index-module_root__pGOaD {
+  display: flex;
+  flex-direction: column;
+  height: var(--frontFooterHeight);
+}
+
+.index-module_inner__yBaNK {
+  min-height: var(--frontFooterHeight);
+  padding: 0 var(--spacing);
+  font-size: 10px;
+  border-top: 1px solid var(--borderColor);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing);
+}
+@media all and (max-width: 800px) {
+  .index-module_inner__yBaNK {
+    padding: 10px var(--spacing);
+    flex-direction: column;
+    justify-content: flex-start;
+    gap: 10px;
+  }
+}
+.index-module_inner__yBaNK > * {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  gap: 10px;
+}
+.index-module_inner__yBaNK > *:last-child {
+  justify-content: flex-end;
+}
+@media all and (max-width: 800px) {
+  .index-module_inner__yBaNK > *:last-child {
+    justify-content: flex-start;
+  }
+}
+
+.index-module_email__c66u4 {
+  font-size: 14px;
+}
+.index-module_root__Fwjge {
+  display: block;
+  padding-top: var(--frontHeaderHeight);
+}
+
+.index-module_header__DhAx3 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--frontHeaderHeight);
+  display: flex;
+  z-index: 100;
+}
+.index-module_header__inner__gYRYO {
+  width: 100%;
+}
+
+.index-module_content__Afu6q {
+  display: flex;
+  min-height: calc(100vh - var(--frontHeaderHeight) - var(--frontFooterHeight) - 1px) !important;
+  flex-direction: column;
+}
+.index-module_content__footer__-ACCs {
+  padding: 20px 0;
+  border-top: 1px solid var(--borderColor);
+}
+
+.index-module_footer__3hSOQ {
+  max-height: var(--frontFooterHeight);
 }

package/package.json

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

package/build/content/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./header1";
-export * from "./header2";
-export * from "./paragraph";
-export * from "./pageTitle";
-export * from "./centralDivision";
-export * from "./rowDivision";