@steroidsjs/core 3.0.0-beta.2 → 3.0.0-beta.5

package/ui/content/DropDown/DropDown.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];
@@ -29,13 +33,13 @@ var hooks_1 = require("../../../hooks");
 var TooltipPortalInner_1 = __importDefault(require("../../layout/Tooltip/TooltipPortalInner"));
 var useAbsolutePositioning_1 = __importDefault(require("../../../hooks/useAbsolutePositioning"));
 function DropDown(props) {
-    var components = hooks_1.useComponents();
-    var _a = useAbsolutePositioning_1["default"](props), isComponentExist = _a.isComponentExist, isComponentVisible = _a.isComponentVisible, calculateAbsolutePosition = _a.calculateAbsolutePosition, onShow = _a.onShow, onHide = _a.onHide, position = _a.position, style = _a.style;
-    var childRef = react_1.useRef(null);
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, useAbsolutePositioning_1["default"])(props), isComponentExist = _a.isComponentExist, isComponentVisible = _a.isComponentVisible, calculateAbsolutePosition = _a.calculateAbsolutePosition, onShow = _a.onShow, onHide = _a.onHide, position = _a.position, style = _a.style;
+    var childRef = (0, react_1.useRef)(null);
     var isManualControl = props.visible !== undefined;
     // Outside click -> close
-    var forwardedRef = react_1.useRef(null);
-    react_use_1.useClickAway(forwardedRef, function (event) {
+    var forwardedRef = (0, react_1.useRef)(null);
+    (0, react_use_1.useClickAway)(forwardedRef, function (event) {
         if (props.closeMode === 'click-away') {
             if (isManualControl) {
                 if (!childRef.current.contains(event.target) && props.onClose) {
@@ -48,14 +52,14 @@ function DropDown(props) {
         }
     }, ['mousedown', 'touchstart']);
     // Any click -> close
-    var onAnyClick = react_1.useCallback(function () {
+    var onAnyClick = (0, react_1.useCallback)(function () {
         if (isComponentExist && isComponentVisible && props.closeMode === 'click-any') {
             onHide();
         }
     }, [isComponentExist, isComponentVisible, onHide, props.closeMode]);
-    react_use_1.useEvent('mousedown', onAnyClick);
-    react_use_1.useEvent('touchstart', onAnyClick);
-    var calculatePosition = react_1.useCallback(function (componentSize) {
+    (0, react_use_1.useEvent)('mousedown', onAnyClick);
+    (0, react_use_1.useEvent)('touchstart', onAnyClick);
+    var calculatePosition = (0, react_1.useCallback)(function (componentSize) {
         calculateAbsolutePosition(position, childRef.current, componentSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);

package/ui/content/index.d.ts

@@ -3,14 +3,5 @@ import { Collapse, CollapseItem } from './Collapse';
 import Card from './Card';
 import DropDown from './DropDown';
 import Alert from './Alert';
-export { Avatar, AvatarGroup, Collapse, CollapseItem, Alert, Card, DropDown, };
-declare const _default: {
-    Avatar: typeof Avatar;
-    AvatarGroup: typeof AvatarGroup;
-    Collapse: typeof Collapse;
-    CollapseItem: typeof CollapseItem;
-    Alert: typeof Alert;
-    Card: typeof Card;
-    DropDown: typeof DropDown;
-};
-export default _default;
+import Badge from './Badge';
+export { Avatar, AvatarGroup, Collapse, CollapseItem, Alert, Card, DropDown, Badge, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.DropDown = exports.Card = exports.Alert = exports.CollapseItem = exports.Collapse = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.CollapseItem = exports.Collapse = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -16,12 +16,5 @@ var DropDown_1 = __importDefault(require("./DropDown"));
 exports.DropDown = DropDown_1["default"];
 var Alert_1 = __importDefault(require("./Alert"));
 exports.Alert = Alert_1["default"];
-exports["default"] = {
-    Avatar: Avatar_1.Avatar,
-    AvatarGroup: Avatar_1.AvatarGroup,
-    Collapse: Collapse_1.Collapse,
-    CollapseItem: Collapse_1.CollapseItem,
-    Alert: Alert_1["default"],
-    Card: Card_1["default"],
-    DropDown: DropDown_1["default"]
-};
+var Badge_1 = __importDefault(require("./Badge"));
+exports.Badge = Badge_1["default"];

package/ui/crud/Crud/Crud.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];
@@ -50,11 +54,11 @@ var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var MODE_PAGE = 'page';
 var MODE_MODAL = 'modal';
 function Crud(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = useDispatch_1["default"]();
-    var _a = hooks_1.useSelector(function (state) { return utils_1.routeInfoSelector(state, props.queryKey); }), routeId = _a.routeId, routeTitle = _a.routeTitle, routeAction = _a.routeAction, routeParams = _a.routeParams, recordId = _a.recordId;
+    var components = (0, hooks_1.useComponents)();
+    var dispatch = (0, useDispatch_1["default"])();
+    var _a = (0, hooks_1.useSelector)(function (state) { return (0, utils_1.routeInfoSelector)(state, props.queryKey); }), routeId = _a.routeId, routeTitle = _a.routeTitle, routeAction = _a.routeAction, routeParams = _a.routeParams, recordId = _a.recordId;
     // Normalize items
-    var items = react_1.useMemo(function () { return utils_1.normalizeItems(props.items, {
+    var items = (0, react_1.useMemo)(function () { return (0, utils_1.normalizeItems)(props.items, {
         index: props.index || props.grid,
         create: props.create || props.form,
         update: props.update || props.form,
@@ -63,21 +67,25 @@ function Crud(props) {
     }); }, [props.create, props["delete"], props.form, props.grid, props.index, props.items, props.update, props.view]);
     // Get crud id and mode
     var crudId = props.crudId || routeId;
-    var mode = get_1["default"](items.find(function (item) { return item.actionName === routeAction; }), 'mode') || props.mode;
-    var goToAction = react_1.useCallback(function (nextAction) {
+    var mode = (0, get_1["default"])(items.find(function (item) { return item.actionName === routeAction; }), 'mode') || props.mode;
+    var goToAction = (0, react_1.useCallback)(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
-            dispatch(list_1.listRefresh(crudId));
+            //TODO remove @ts-ignore
+            //@ts-ignore
+            dispatch((0, list_1.listRefresh)(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
-                dispatch(modal_1.closeModal(crudId));
+                dispatch((0, modal_1.closeModal)(crudId));
             }
-            dispatch(router_1.goToRoute(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
+            //TODO remove @ts-ignore
+            //@ts-ignore
+            dispatch((0, router_1.goToRoute)(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
         }
     }, [crudId, dispatch, mode, props.queryKey, routeAction, routeId, routeParams]);
     // Fetch record
-    var _b = useFetch_1["default"](react_1.useMemo(function () {
+    var _b = (0, useFetch_1["default"])((0, react_1.useMemo)(function () {
         var _a;
         var _b;
         if (recordId && props.restUrl) {
@@ -99,7 +107,7 @@ function Crud(props) {
         return null;
     }, [recordId, props.restUrl, props.restApi, props.primaryKey, crudId])), record = _b.data, isLoading = _b.isLoading;
     // Props for click/confirm handlers
-    var clickProps = react_1.useMemo(function () { return ({
+    var clickProps = (0, react_1.useMemo)(function () { return ({
         crudId: props.crudId,
         mode: props.mode,
         restUrl: props.restUrl,
@@ -117,10 +125,10 @@ function Crud(props) {
     }); }, [components, goToAction, props.crudId, props.mode, props.primaryKey, props.queryKey,
         props.restApi, props.restUrl, record, recordId, routeAction, routeId, routeParams]);
     // Handler for convert control item to props for button
-    var itemsToControls = react_1.useCallback(function (localRecord, localRecordId, sourceItems) { return (sourceItems || [])
+    var itemsToControls = (0, react_1.useCallback)(function (localRecord, localRecordId, sourceItems) { return (sourceItems || [])
         .map(function (crudItem) {
         var _a;
-        var button = __assign(__assign({}, omit_1["default"](crudItem, ['actionName', 'pkRequired', 'component', 'componentProps', 'visible', 'onClick'])), { confirm: typeof crudItem.confirm === 'string' ? crudItem.confirm : null });
+        var button = __assign(__assign({}, (0, omit_1["default"])(crudItem, ['actionName', 'pkRequired', 'component', 'componentProps', 'visible', 'onClick'])), { confirm: typeof crudItem.confirm === 'string' ? crudItem.confirm : null });
         var localClickProps = __assign(__assign({}, localRecord), { record: localRecord || clickProps.record, recordId: localRecordId || clickProps.recordId });
         if (crudItem.onClick) {
             button.onClick = function (e) {
@@ -144,7 +152,7 @@ function Crud(props) {
         return button;
     }); }, [clickProps, props.queryKey, routeId, routeParams]);
     // Props for CrudContent component
-    var contentProps = react_1.useMemo(function () { return ({
+    var contentProps = (0, react_1.useMemo)(function () { return ({
         crudId: crudId,
         queryKey: props.queryKey,
         primaryKey: props.primaryKey,
@@ -161,20 +169,20 @@ function Crud(props) {
     }); }, [crudId, props.queryKey, props.primaryKey, props.model, props.restUrl, props.restApi, props.grid,
         props.form, goToAction, items, itemsToControls, record, recordId]);
     // Open modal on route change
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (mode === MODE_MODAL && routeAction !== utils_1.CRUD_ACTION_INDEX) {
-            dispatch(modal_1.openModal(CrudModal_1["default"], __assign({ modalId: crudId, action: routeAction }, contentProps)));
+            dispatch((0, modal_1.openModal)(CrudModal_1["default"], __assign({ modalId: crudId, action: routeAction }, contentProps)));
         }
     }, [contentProps, crudId, dispatch, mode, routeAction]);
     // Close modal on change mode
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         if (mode !== MODE_MODAL) {
-            dispatch(modal_1.closeModal(crudId));
+            dispatch((0, modal_1.closeModal)(crudId));
         }
     }, [crudId, dispatch, mode]);
     // Get page controls
     var controlsAction = mode === MODE_MODAL ? utils_1.CRUD_ACTION_INDEX : routeAction;
-    var controls = react_1.useMemo(function () { return itemsToControls(record, recordId, items
+    var controls = (0, react_1.useMemo)(function () { return itemsToControls(record, recordId, items
         .filter(function (crudItem) { return crudItem.visible !== false; })
         .filter(function (crudItem) { return utils_1.pageControlsMap[controlsAction]
         ? utils_1.pageControlsMap[controlsAction].includes(crudItem.actionName)
@@ -182,7 +190,9 @@ function Crud(props) {
     return components.ui.renderView(props.crudView || 'crud.CrudView', {
         title: routeTitle,
         controls: controls,
-        children: (controlsAction === utils_1.CRUD_ACTION_INDEX || !isLoading) && (React.createElement(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
+        children: (controlsAction === utils_1.CRUD_ACTION_INDEX || !isLoading) && (
+        //@ts-ignore
+        React.createElement(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
     });
 }
 Crud.defaultProps = {

package/ui/crud/Crud/CrudContent.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IGridProps } from '../../list/Grid/Grid';
 import { IFormProps } from '../../form/Form/Form';
 import { ICrudItem } from './Crud';
@@ -16,7 +16,7 @@ export interface ICrudContentProps {
     record?: Record<string, unknown>;
     recordId?: PrimaryKey;
     action?: string;
-    grid?: IGridProps | React.ReactNode;
-    form?: IFormProps | React.ReactNode;
+    grid?: IGridProps;
+    form?: IFormProps;
 }
 export default function CrudContent(props: ICrudContentProps): JSX.Element;

package/ui/crud/Crud/CrudContent.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];
@@ -41,23 +45,25 @@ var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var Grid_1 = __importDefault(require("../../../ui/list/Grid"));
 var Form_1 = __importDefault(require("../../../ui/form/Form"));
 function CrudContent(props) {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     // Resolve ids
     var formId = [props.crudId, 'form', props.recordId].filter(Boolean).join('_');
     // Get current crud item
     var crudItem = props.items.find(function (item) { return item.actionName === props.action; });
-    var controlsGetter = react_1.useCallback(function (record, primaryKey) { return props.itemsToControls.call(null, record, record[primaryKey] || null, props.action === utils_1.CRUD_ACTION_INDEX
+    var controlsGetter = (0, react_1.useCallback)(function (record, primaryKey) { return props.itemsToControls.call(null, record, record[primaryKey] || null, props.action === utils_1.CRUD_ACTION_INDEX
         ? props.items.filter(function (item) { return item.visible !== false && item.pkRequired; })
         : []); }, [props.action, props.items, props.itemsToControls]);
-    var formInitialValues = react_1.useMemo(function () {
+    var formInitialValues = (0, react_1.useMemo)(function () {
         var _a;
         var _b;
         return props.action === utils_1.CRUD_ACTION_UPDATE
             ? __assign(__assign({}, props.record), (_a = {}, _a[props.primaryKey] = ((_b = props.record) === null || _b === void 0 ? void 0 : _b[props.primaryKey]) || props.recordId, _a)) : undefined;
     }, [props.action, props.primaryKey, props.record, props.recordId]);
-    var onFormComplete = react_1.useCallback(function () {
+    var onFormComplete = (0, react_1.useCallback)(function () {
         window.scrollTo(0, 0);
-        dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
+        //TODO remove @ts-ignore
+        //@ts-ignore
+        dispatch((0, notifications_1.showNotification)(__('Запись успешно обновлена.')));
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [dispatch, props.goToAction]);
     // Render content by action

package/ui/crud/Crud/CrudModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ICrudContentProps } from './CrudContent';
 export default function CrudModal(props: ICrudContentProps): JSX.Element;

package/ui/crud/Crud/CrudModal.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];
@@ -42,7 +46,7 @@ function CrudModal(props) {
     // Get current item
     var crudItem = props.items.find(function (item) { return item.actionName === props.action; });
     // Close handler
-    var onModalClose = react_1.useCallback(function () {
+    var onModalClose = (0, react_1.useCallback)(function () {
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [props.goToAction]);
     return (React.createElement(Modal_1["default"], { size: 'lg', title: crudItem.title || crudItem.label || null, onClose: onModalClose },

package/ui/crud/Crud/demo/default.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Default
  * @order 1
  * @col 8
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/crud/Crud/demo/default.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/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.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
  * @order 1

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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Выключенный 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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Пример обработки ошибок в поле.
  * @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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Сообщение внутри 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,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Пример использования 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.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

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];