@steroidsjs/core 3.0.0-beta.1 → 3.0.0-beta.11

package/ui/crud/Crud/utils.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -105,7 +105,7 @@ var normalizeItems = function (sourceItems, fromProps) {
                             return [2 /*return*/];
                         case 2:
                             if (!props.restUrl) return [3 /*break*/, 4];
-                            return [4 /*yield*/, props.components.http["delete"](props.restUrl + "/" + props.recordId)
+                            return [4 /*yield*/, props.components.http["delete"]("".concat(props.restUrl, "/").concat(props.recordId))
                                     .then(function () { return props.goToAction(exports.CRUD_ACTION_INDEX); })["catch"](function (error) {
                                     if (props.errorHandler) {
                                         props.errorHandler(error, props.components.store.dispatch);
@@ -156,7 +156,7 @@ var routeInfoSelector = function (state, queryKey, mode) {
     if (!queryKey) {
         queryKey = exports.DEFAULT_QUERY_KEY;
     }
-    var routeParams = router_1.getRouteParams(state);
+    var routeParams = (0, router_1.getRouteParams)(state);
     //const isModal = !!props.modalId;
     //let action = routeAction;
     //const crudItem = items.find(item => item.actionName === action);
@@ -166,13 +166,13 @@ var routeInfoSelector = function (state, queryKey, mode) {
         recordId = null;
     }*/
     return {
-        routeId: router_1.getRouteId(state),
-        routeTitle: router_1.getRouteProp(state, null, 'title') || router_1.getRouteProp(state, null, 'label'),
-        routeAction: get_1["default"](routeParams, queryKey + 'Action') || get_1["default"](routeParams, queryKey) || exports.CRUD_ACTION_INDEX,
+        routeId: (0, router_1.getRouteId)(state),
+        routeTitle: (0, router_1.getRouteProp)(state, null, 'title') || (0, router_1.getRouteProp)(state, null, 'label'),
+        routeAction: (0, get_1["default"])(routeParams, queryKey + 'Action') || (0, get_1["default"])(routeParams, queryKey) || exports.CRUD_ACTION_INDEX,
         routeParams: routeParams,
         //action,
-        recordId: get_1["default"](routeParams, queryKey + 'Action') ? get_1["default"](routeParams, queryKey) : null,
-        hasModal: !isEmpty_1["default"](modal_1.getOpened(state))
+        recordId: (0, get_1["default"])(routeParams, queryKey + 'Action') ? (0, get_1["default"])(routeParams, queryKey) : null,
+        hasModal: !(0, isEmpty_1["default"])((0, modal_1.getOpened)(state))
     };
 };
 exports.routeInfoSelector = routeInfoSelector;

package/ui/crud/index.js

@@ -21,7 +21,7 @@ exports.Crud = Crud_1["default"];
 var utils_1 = require("./Crud/utils");
 var generateCrud = function (routeId, props) {
     var queryKey = props.queryKey || utils_1.DEFAULT_QUERY_KEY;
-    return __assign(__assign({ id: routeId, path: trimEnd_1["default"](props.path, '/') + ("/:" + queryKey + "?/:" + queryKey + "Action?"), label: props.label, models: [
+    return __assign(__assign({ id: routeId, path: (0, trimEnd_1["default"])(props.path, '/') + "/:".concat(queryKey, "?/:").concat(queryKey, "Action?"), label: props.label, models: [
             props.model,
             props.searchModel,
         ].filter(Boolean).concat(props.models || []), enums: props.enums, component: Crud_1["default"] }, props.route), { componentProps: props });

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -20,11 +20,11 @@ var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function AutoCompleteField(props) {
-    var components = useComponents_1["default"]();
+    var components = (0, useComponents_1["default"])();
     // Query state
-    var _a = react_1.useState(''), query = _a[0], setQuery = _a[1];
+    var _a = (0, react_1.useState)(''), query = _a[0], setQuery = _a[1];
     // Data provider
-    var _b = hooks_1.useDataProvider({
+    var _b = (0, hooks_1.useDataProvider)({
         items: props.items,
         dataProvider: props.dataProvider,
         autoComplete: props.autoComplete,
@@ -32,32 +32,32 @@ function AutoCompleteField(props) {
         query: query
     }), items = _b.items, isLoading = _b.isLoading;
     // Data select
-    var _c = hooks_1.useDataSelect({
+    var _c = (0, hooks_1.useDataSelect)({
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
         inputValue: props.input.value
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds;
-    var onOpen = react_1.useCallback(function () {
+    var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
         setIsFocused(true);
         setIsOpened(true);
         setHoveredId(null);
     }, [setHoveredId, setIsFocused, setIsOpened]);
-    var onItemSelect = react_1.useCallback(function (id) {
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
-    var onItemHover = react_1.useCallback(function (id) {
+    var onItemHover = (0, react_1.useCallback)(function (id) {
         setHoveredId(id);
     }, [setHoveredId]);
-    var onClose = react_1.useCallback(function () {
+    var onClose = (0, react_1.useCallback)(function () {
         setIsFocused(false);
         setIsOpened(false);
     }, [setIsFocused, setIsOpened]);
     // Outside click -> close
-    var forwardedRef = react_1.useRef(null);
-    react_use_1.useClickAway(forwardedRef, onClose);
-    var onChange = react_1.useCallback(function (value) {
+    var forwardedRef = (0, react_1.useRef)(null);
+    (0, react_use_1.useClickAway)(forwardedRef, onClose);
+    var onChange = (0, react_1.useCallback)(function (value) {
         setQuery(value);
         props.input.onChange.call(null, value);
     }, [props.input.onChange]);
@@ -71,7 +71,7 @@ function AutoCompleteField(props) {
             props.inputProps.onFocus(e);
         }
     };
-    var onBlur = react_1.useCallback(function (e) {
+    var onBlur = (0, react_1.useCallback)(function (e) {
         setTimeout(function () {
             if (props.isOpened) {
                 onClose();
@@ -81,23 +81,12 @@ function AutoCompleteField(props) {
             props.inputProps.onBlur(e);
         }
     }, [onClose, props.inputProps, props.isOpened]);
-    var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, value: props.input.value || '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange,
-        onBlur: onBlur })); }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, value: props.input.value || '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange, onBlur: onBlur })); }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     //Sync with form
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds[0] || null);
     }, [props.input.onChange, selectedIds]);
-    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps,
-        items: items,
-        isLoading: isLoading,
-        hoveredId: hoveredId,
-        selectedIds: selectedIds,
-        onOpen: onOpen,
-        isOpened: isOpened,
-        onClose: onClose,
-        forwardedRef: forwardedRef,
-        onItemHover: onItemHover,
-        onItemSelect: onItemSelect }));
+    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect }));
 }
 AutoCompleteField.defaultProps = {
     primaryKey: 'label',
@@ -107,4 +96,4 @@ AutoCompleteField.defaultProps = {
     required: false,
     className: ''
 };
-exports["default"] = fieldWrapper_1["default"]('AutoCompleteField', AutoCompleteField);
+exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/AutoCompleteField/demo/disabled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Выключенный AutoCompleteField также выключает Input.
  * @order 2
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/AutoCompleteField/demo/disabled.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/AutoCompleteField/demo/errors.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Пример обработки ошибок в поле.
  * @order 4
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/AutoCompleteField/demo/errors.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/AutoCompleteField/demo/placeholder.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Сообщение внутри AutoCompleteField по контексту использования.
  * @order 5
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/AutoCompleteField/demo/placeholder.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/AutoCompleteField/demo/required.d.ts

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

package/ui/form/AutoCompleteField/demo/required.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/AutoCompleteField/demo/sizes.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/BlankField/BlankField.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -28,4 +32,4 @@ function BlankField(props) {
     var _a;
     return React.createElement("span", null, props.text || props.children || ((_a = props.input) === null || _a === void 0 ? void 0 : _a.value));
 }
-exports["default"] = fieldWrapper_1["default"]('BlankField', BlankField);
+exports["default"] = (0, fieldWrapper_1["default"])('BlankField', BlankField);

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -21,11 +21,6 @@ export interface IButtonProps {
      * @example Save
      */
     hint?: string | any;
-    /**
-     * Должна ли показываться надпись на кнопке в состоянии загрузки
-     * @example true
-     */
-    showLabelOnLoading?: boolean;
     /**
      * HTML Тип
      * @example submit
@@ -115,6 +110,10 @@ export interface IButtonProps {
      * @example MyCustomView
      */
     view?: React.ComponentType;
+    /**
+     * Вложенные элементы
+     */
+    children?: string | any;
     /**
      * ID роута, на который необходимо перейти, указанный в дереве `steroids` роутинга. Для передачи параметров
      * используйте свойство `toRouteParams`
@@ -166,7 +165,6 @@ export interface IButtonViewProps extends IButtonProps {
     disabled?: boolean;
     onClick?: any;
     submitting?: boolean;
-    showLabelOnLoading: boolean;
 }
 declare function Button(props: IButtonProps): JSX.Element;
 declare namespace Button {
@@ -180,7 +178,6 @@ declare namespace Button {
         size: string;
         className: string;
         resetFailedMs: number;
-        showLabelOnLoading: boolean;
         badge: {
             enable: boolean;
             value: number;

package/ui/form/Button/Button.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,7 +40,6 @@ 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");
@@ -44,30 +47,33 @@ 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();
+    var components = (0, hooks_1.useComponents)();
+    var dispatch = (0, 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]);
+    var badge = (0, 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 routePath = (0, react_redux_1.useSelector)(function (state) { return props.toRoute ? (0, router_2.getRouteProp)(state, props.toRoute, 'path') : null; });
     var url = typeof props.url !== 'undefined'
         ? props.url
-        : (routePath ? router_2.buildUrl(routePath, props.toRouteParams) : null);
+        : (routePath ? (0, 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]);
+    var _a = (0, react_1.useState)({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
+    React.useEffect(function () {
+        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 context = (0, react_1.useContext)(Form_1.FormContext);
+    var form = (0, hooks_1.useForm)();
+    // eslint-disable-next-line react/prop-types
     var submitting = !!props.submitting;
     if (form) {
         submitting = form.formSelector(function (state) { return state.isSubmitting; });
     }
-    var disabled = submitting || props.disabled || isLoading;
+    var disabled = submitting || props.disabled;
     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) {
+    var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
+    var failedTimer = (0, react_1.useRef)(null);
+    var onClick = (0, react_1.useCallback)(function (e) {
         e.stopPropagation();
         if (process.env.IS_WEB && props.confirm && !window.confirm(props.confirm)) {
             e.preventDefault();
@@ -79,7 +85,9 @@ function Button(props) {
             }
         }
         if (props.toRoute) {
-            dispatch(router_1.goToRoute(props.toRoute, props.toRouteParams));
+            //TODO remove @ts-ignore
+            //@ts-ignore
+            dispatch((0, router_1.goToRoute)(props.toRoute, props.toRouteParams));
         }
         if (props.onClick) {
             var result = props.onClick(e);
@@ -118,13 +126,7 @@ function Button(props) {
             }
         }
     }, [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 }));
+    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));
     }
@@ -140,7 +142,6 @@ Button.defaultProps = {
     size: 'md',
     className: '',
     resetFailedMs: 2000,
-    showLabelOnLoading: true,
     badge: {
         enable: false,
         value: 0,

package/ui/form/Button/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/CheckboxField/CheckboxField.js

@@ -19,13 +19,13 @@ var react_1 = require("react");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function CheckboxField(props) {
-    var components = hooks_1.useComponents();
-    react_use_1.useMount(function () {
+    var components = (0, hooks_1.useComponents)();
+    (0, react_use_1.useMount)(function () {
         if (props.input.value === undefined) {
             props.input.onChange(false);
         }
     });
-    var inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, type: 'checkbox', checked: !!props.input.value, onChange: function () { return props.input.onChange(!props.input.value); }, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, type: 'checkbox', checked: !!props.input.value, onChange: function () { return props.input.onChange(!props.input.value); }, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps]);
     return components.ui.renderView(props.view || 'form.CheckboxFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
 }
 CheckboxField.defaultProps = {
@@ -34,4 +34,4 @@ CheckboxField.defaultProps = {
     className: '',
     inputProps: {}
 };
-exports["default"] = fieldWrapper_1["default"]('CheckboxField', CheckboxField, { label: false });
+exports["default"] = (0, fieldWrapper_1["default"])('CheckboxField', CheckboxField, { label: false });

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -19,47 +19,42 @@ var react_use_1 = require("react-use");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 function CheckboxListField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Data Provider
-    var items = hooks_1.useDataProvider({
+    var items = (0, hooks_1.useDataProvider)({
         items: props.items
     }).items;
     // Data select
-    var _a = hooks_1.useDataSelect({
+    var _a = (0, hooks_1.useDataSelect)({
         multiple: props.multiple,
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
         inputValue: props.input.value
     }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
-    var onItemSelect = react_1.useCallback(function (id) {
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
-    var onItemHover = react_1.useCallback(function (id) {
+    var onItemHover = (0, react_1.useCallback)(function (id) {
         setHoveredId(id);
     }, [setHoveredId]);
-    var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input, props.inputProps]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input, props.inputProps]);
     // Sync with form
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds);
     }, [props.input.onChange, selectedIds]);
-    var onReset = react_1.useCallback(function () {
+    var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
     }, [setSelectedIds]);
     // Reset selected ids on form reset
-    var prevInputValue = react_use_1.usePrevious(props.input.value);
-    react_use_1.useUpdateEffect(function () {
+    var prevInputValue = (0, react_use_1.usePrevious)(props.input.value);
+    (0, react_use_1.useUpdateEffect)(function () {
         // if form reset
         if (prevInputValue && props.input.value === undefined && selectedIds.length > 0) {
             onReset();
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
-    return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items,
-        inputProps: inputProps,
-        onItemSelect: onItemSelect,
-        selectedIds: selectedIds,
-        onItemHover: onItemHover,
-        hoveredId: hoveredId }));
+    return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, onItemSelect: onItemSelect, selectedIds: selectedIds, onItemHover: onItemHover, hoveredId: hoveredId }));
 }
 CheckboxListField.defaultProps = {
     disabled: false,
@@ -67,4 +62,4 @@ CheckboxListField.defaultProps = {
     className: '',
     multiple: true
 };
-exports["default"] = fieldWrapper_1["default"]('CheckboxListField', CheckboxListField);
+exports["default"] = (0, fieldWrapper_1["default"])('CheckboxListField', CheckboxListField);

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/CheckboxListField/demo/disabled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Список с недоступными для заполнения полями.
  * @order 2
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/CheckboxListField/demo/disabled.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/CheckboxListField/demo/errors.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Обработка ошибок в списке.
  * @order 4
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/CheckboxListField/demo/errors.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/CheckboxListField/demo/required.d.ts

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