@steroidsjs/core 2.3.0-beta.7 → 2.3.0-beta.9

package/ui/form/Button/Button.js

@@ -1,150 +1,150 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
-var router_1 = require("../../../actions/router");
-var router_2 = require("../../../reducers/router");
-var hooks_1 = require("../../../hooks");
-var Form_1 = require("../Form/Form");
-var form_1 = require("../../../utils/form");
-function Button(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = react_redux_1.useDispatch();
-    // Badge
-    var badge = react_1.useMemo(function () { return (__assign(__assign(__assign({}, Button.defaultProps.badge), { enable: !!props.badge || props.badge === 0 }), (typeof props.badge === 'object' ? props.badge : { value: props.badge }))); }, [props.badge]);
-    // Route -> url
-    var routePath = react_redux_1.useSelector(function (state) { return props.toRoute ? router_2.getRouteProp(state, props.toRoute, 'path') : null; });
-    var url = typeof props.url !== 'undefined'
-        ? props.url
-        : (routePath ? router_2.buildUrl(routePath, props.toRouteParams) : null);
-    // Flags: isLoading, isFailed
-    var _a = react_1.useState({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
-    react_use_1.useUpdateEffect(function () { return setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed }); }, [props.isLoading, props.isFailed]);
-    // Form submitting
-    var context = react_1.useContext(Form_1.FormContext);
-    var form = hooks_1.useForm();
-    var submitting = !!props.submitting;
-    if (form) {
-        submitting = form.formSelector(function (state) { return state.isSubmitting; });
-    }
-    var disabled = submitting || props.disabled || isLoading;
-    var tag = props.tag || (props.link || url ? 'a' : 'button');
-    var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
-    var failedTimer = react_1.useRef(null);
-    var onClick = react_1.useCallback(function (e) {
-        e.stopPropagation();
-        if (process.env.IS_WEB && props.confirm && !window.confirm(props.confirm)) {
-            e.preventDefault();
-            return;
-        }
-        if (tag === 'a' && (props.toRoute || props.onClick)) {
-            if (!e.ctrlKey && !e.shiftKey && !e.metaKey) {
-                e.preventDefault();
-            }
-        }
-        if (props.toRoute) {
-            dispatch(router_1.goToRoute(props.toRoute, props.toRouteParams));
-        }
-        if (props.onClick) {
-            var result = props.onClick(e);
-            if (result instanceof Promise) {
-                setStateFlags({
-                    isLoading: true,
-                    isFailed: false
-                });
-                if (failedTimer.current) {
-                    clearTimeout(failedTimer.current);
-                }
-                result
-                    .then(function () {
-                    // timeout is set to assure that the user will see loading state
-                    setTimeout(function () {
-                        setStateFlags({
-                            isLoading: false,
-                            isFailed: false
-                        });
-                    }, 500);
-                })["catch"](function (error) {
-                    setStateFlags({
-                        isLoading: false,
-                        isFailed: props.resetFailedMs > 0
-                    });
-                    if (props.resetFailedMs > 0) {
-                        failedTimer.current = setTimeout(function () {
-                            setStateFlags({
-                                isLoading: false,
-                                isFailed: false
-                            });
-                        }, props.resetFailedMs);
-                    }
-                    throw error;
-                });
-            }
-        }
-    }, [dispatch, props, tag]);
-    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge,
-        layout: layout,
-        isFailed: isFailed,
-        isLoading: isLoading,
-        disabled: disabled,
-        submitting: submitting,
-        tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
-    if (layout) {
-        return (React.createElement(FieldLayout_1["default"], { layout: layout }, button));
-    }
-    return button;
-}
-Button.defaultProps = {
-    type: 'button',
-    color: 'primary',
-    outline: false,
-    disabled: false,
-    submitting: false,
-    block: false,
-    size: 'md',
-    className: '',
-    resetFailedMs: 2000,
-    showLabelOnLoading: true,
-    badge: {
-        enable: false,
-        value: 0,
-        color: 'secondary'
-    }
-};
-exports["default"] = Button;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var FieldLayout_1 = __importDefault(require("../FieldLayout"));
+var router_1 = require("../../../actions/router");
+var router_2 = require("../../../reducers/router");
+var hooks_1 = require("../../../hooks");
+var Form_1 = require("../Form/Form");
+var form_1 = require("../../../utils/form");
+function Button(props) {
+    var components = hooks_1.useComponents();
+    var dispatch = react_redux_1.useDispatch();
+    // Badge
+    var badge = react_1.useMemo(function () { return (__assign(__assign(__assign({}, Button.defaultProps.badge), { enable: !!props.badge || props.badge === 0 }), (typeof props.badge === 'object' ? props.badge : { value: props.badge }))); }, [props.badge]);
+    // Route -> url
+    var routePath = react_redux_1.useSelector(function (state) { return props.toRoute ? router_2.getRouteProp(state, props.toRoute, 'path') : null; });
+    var url = typeof props.url !== 'undefined'
+        ? props.url
+        : (routePath ? router_2.buildUrl(routePath, props.toRouteParams) : null);
+    // Flags: isLoading, isFailed
+    var _a = react_1.useState({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
+    react_use_1.useUpdateEffect(function () { return setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed }); }, [props.isLoading, props.isFailed]);
+    // Form submitting
+    var context = react_1.useContext(Form_1.FormContext);
+    var form = hooks_1.useForm();
+    var submitting = !!props.submitting;
+    if (form) {
+        submitting = form.formSelector(function (state) { return state.isSubmitting; });
+    }
+    var disabled = submitting || props.disabled || isLoading;
+    var tag = props.tag || (props.link || url ? 'a' : 'button');
+    var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
+    var failedTimer = react_1.useRef(null);
+    var onClick = react_1.useCallback(function (e) {
+        e.stopPropagation();
+        if (process.env.IS_WEB && props.confirm && !window.confirm(props.confirm)) {
+            e.preventDefault();
+            return;
+        }
+        if (tag === 'a' && (props.toRoute || props.onClick)) {
+            if (!e.ctrlKey && !e.shiftKey && !e.metaKey) {
+                e.preventDefault();
+            }
+        }
+        if (props.toRoute) {
+            dispatch(router_1.goToRoute(props.toRoute, props.toRouteParams));
+        }
+        if (props.onClick) {
+            var result = props.onClick(e);
+            if (result instanceof Promise) {
+                setStateFlags({
+                    isLoading: true,
+                    isFailed: false
+                });
+                if (failedTimer.current) {
+                    clearTimeout(failedTimer.current);
+                }
+                result
+                    .then(function () {
+                    // timeout is set to assure that the user will see loading state
+                    setTimeout(function () {
+                        setStateFlags({
+                            isLoading: false,
+                            isFailed: false
+                        });
+                    }, 500);
+                })["catch"](function (error) {
+                    setStateFlags({
+                        isLoading: false,
+                        isFailed: props.resetFailedMs > 0
+                    });
+                    if (props.resetFailedMs > 0) {
+                        failedTimer.current = setTimeout(function () {
+                            setStateFlags({
+                                isLoading: false,
+                                isFailed: false
+                            });
+                        }, props.resetFailedMs);
+                    }
+                    throw error;
+                });
+            }
+        }
+    }, [dispatch, props, tag]);
+    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge,
+        layout: layout,
+        isFailed: isFailed,
+        isLoading: isLoading,
+        disabled: disabled,
+        submitting: submitting,
+        tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
+    if (layout) {
+        return (React.createElement(FieldLayout_1["default"], { layout: layout }, button));
+    }
+    return button;
+}
+Button.defaultProps = {
+    type: 'button',
+    color: 'primary',
+    outline: false,
+    disabled: false,
+    submitting: false,
+    block: false,
+    size: 'md',
+    className: '',
+    resetFailedMs: 2000,
+    showLabelOnLoading: true,
+    badge: {
+        enable: false,
+        value: 0,
+        color: 'secondary'
+    }
+};
+exports["default"] = Button;

package/ui/form/Button/demo/badge.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Кнопка с бэйджом к примеру с количеством уведомолений.
- * @order 3
- * @col 4
- */
-export default _default;
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Кнопка с бэйджом к примеру с количеством уведомолений.
+ * @order 3
+ * @col 4
+ */
+export default _default;

package/ui/form/Button/demo/badge.js

@@ -1,33 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Button_1 = __importDefault(require("../Button"));
-/**
- * Кнопка с бэйджом к примеру с количеством уведомолений.
- * @order 3
- * @col 4
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Button_1["default"], { badge: 2, label: __('Badge') }))); });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../Button"));
+/**
+ * Кнопка с бэйджом к примеру с количеством уведомолений.
+ * @order 3
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Button_1["default"], { badge: 2, label: __('Badge') }))); });

package/ui/form/Button/demo/basic.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Простой пример использзования Button с заданным лейблом.
- * @order 1
- * @col 4
- */
-export default _default;
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Простой пример использзования Button с заданным лейблом.
+ * @order 1
+ * @col 4
+ */
+export default _default;

package/ui/form/Button/demo/basic.js

@@ -1,33 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Button_1 = __importDefault(require("../Button"));
-/**
- * Простой пример использзования Button с заданным лейблом.
- * @order 1
- * @col 4
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Button_1["default"], { label: __('Basic') }))); });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../Button"));
+/**
+ * Простой пример использзования Button с заданным лейблом.
+ * @order 1
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Button_1["default"], { label: __('Basic') }))); });

package/ui/form/Button/demo/block.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Кнопка растянутая по ширине родительского блока.
- * @order 4
- * @col 4
- */
-export default _default;
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Кнопка растянутая по ширине родительского блока.
+ * @order 4
+ * @col 4
+ */
+export default _default;

package/ui/form/Button/demo/block.js

@@ -1,33 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Button_1 = __importDefault(require("../Button"));
-/**
- * Кнопка растянутая по ширине родительского блока.
- * @order 4
- * @col 4
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Button_1["default"], { block: true, label: __('Block') }))); });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../Button"));
+/**
+ * Кнопка растянутая по ширине родительского блока.
+ * @order 4
+ * @col 4
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Button_1["default"], { block: true, label: __('Block') }))); });

package/ui/form/Button/demo/colors.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * По-умлочанию кнопка имеет 8 видов цветов и так же режим outline к каждому из цветов.
- * @order 5
- * @col 12
- */
-export default _default;
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * По-умлочанию кнопка имеет 8 видов цветов и так же режим outline к каждому из цветов.
+ * @order 5
+ * @col 12
+ */
+export default _default;