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

package/ui/content/Detail/Detail.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];
@@ -104,20 +108,20 @@ var normalizeResponsiveProps = function (props) { return (typeof props === 'bool
             },
         ]
     }
-    : __assign(__assign({ enable: true }, props), { media: orderBy_1["default"](props.media, ['breakpoint'], ['asc']) })); };
+    : __assign(__assign({ enable: true }, props), { media: (0, orderBy_1["default"])(props.media, ['breakpoint'], ['asc']) })); };
 function Detail(props) {
-    var components = hooks_1.useComponents();
-    var detailItems = react_1.useMemo(function () { return getDetailItems(props.children); }, [props.children]);
-    var responsiveProps = react_1.useMemo(function () { return normalizeResponsiveProps(props.responsive); }, [props.responsive]);
-    var _a = react_1.useState(props.column || exports.constants.MAX_COLUMN), column = _a[0], setColumn = _a[1];
-    var _b = react_1.useState(createRows(detailItems, column, props.layout)), rows = _b[0], setRows = _b[1];
+    var components = (0, hooks_1.useComponents)();
+    var detailItems = (0, react_1.useMemo)(function () { return getDetailItems(props.children); }, [props.children]);
+    var responsiveProps = (0, react_1.useMemo)(function () { return normalizeResponsiveProps(props.responsive); }, [props.responsive]);
+    var _a = (0, react_1.useState)(props.column || exports.constants.MAX_COLUMN), column = _a[0], setColumn = _a[1];
+    var _b = (0, react_1.useState)(createRows(detailItems, column, props.layout)), rows = _b[0], setRows = _b[1];
     // Add responsive option
-    var resizeObserver = react_1.useRef(new ResizeObserver(function (entries) {
+    var resizeObserver = (0, react_1.useRef)(new ResizeObserver(function (entries) {
         entries.forEach(function (entry) {
             if (!entry.borderBoxSize) {
                 return;
             }
-            var inlineSize = (isArray_1["default"](entry.borderBoxSize)
+            var inlineSize = ((0, isArray_1["default"])(entry.borderBoxSize)
                 ? entry.borderBoxSize[0]
                 : entry.borderBoxSize).inlineSize;
             // eslint-disable-next-line no-restricted-syntax
@@ -141,7 +145,7 @@ function Detail(props) {
         }
         resizeObserver.current.disconnect();
     }, [resizeObserver]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setRows(createRows(detailItems, column, props.layout));
     }, [column, detailItems, props.layout]);
     return components.ui.renderView(props.view || 'content.DetailView', __assign(__assign(__assign({}, props), { rows: rows }), (responsiveProps.enable ? { resizedNodeRef: resizedNodeRef } : {})));

package/ui/content/Detail/demo/basic.d.ts

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

package/ui/content/Detail/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/content/Detail/demo/colors.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];
@@ -31,9 +35,10 @@ var colors = {
     lg: 'light',
     dr: 'dark'
 };
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 function capitalize(s) {
     return s[0].toUpperCase() + s.slice(1);
 }
 exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, Object.values(colors).map(function (color) { return (React.createElement("div", { style: { marginRight: '30px', marginBottom: '30px' }, key: color },
     React.createElement(React.Fragment, null,
-        React.createElement(content_1.Card, { style: { width: '320px' }, header: 'Header', title: capitalize(color) + ' card title', color: color }, "Some quick example text to build on the card title and make up the bulk of the card's content.")))); }))); });
+        React.createElement(content_1.Card, { style: { width: '320px' }, header: 'Header', title: capitalize(color) + ' card title', color: color }, text)))); }))); });

package/ui/content/Detail/demo/controls.d.ts

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

package/ui/content/Detail/demo/controls.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/content/Detail/demo/layout.d.ts

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

package/ui/content/Detail/demo/layout.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/content/Detail/demo/responsive.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * When the screen width resizes, the number of columns changes
  * @order 4
  * @col 8
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Detail/demo/responsive.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/content/Detail/demo/sizes.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Table with different cell's sizes
  * @order 2
  * @col 8
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Detail/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/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/{icon → content}/Icon/Icon.js

@@ -18,9 +18,9 @@ var isObject_1 = __importDefault(require("lodash-es/isObject"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var hooks_1 = require("../../../hooks");
 function Icon(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var name = props.name;
-    if (!isString_1["default"](name)) {
+    if (!(0, isString_1["default"])(name)) {
         return null;
     }
     var icon;
@@ -31,11 +31,11 @@ function Icon(props) {
         icon = name.indexOf('<svg') === 0 || name.indexOf('http') === 0
             ? name
             : components.ui.getIcon(name);
-        if (isObject_1["default"](icon) && isString_1["default"](icon["default"])) {
+        if ((0, isObject_1["default"])(icon) && (0, isString_1["default"])(icon["default"])) {
             icon = icon["default"];
         }
         // Fix width attribute in icon
-        if (isString_1["default"](icon) && icon.indexOf('<svg') === 0) {
+        if ((0, isString_1["default"])(icon) && icon.indexOf('<svg') === 0) {
             var match = icon.match(/<svg([^>]+)/);
             if (match && match[0].indexOf('width') === -1) {
                 icon = icon.replace(match[0], match[0] + ' width=16');
@@ -45,6 +45,6 @@ function Icon(props) {
             throw new Error('Not found icon with name "' + name + '"');
         }
     }
-    return components.ui.renderView(props.view || 'icon.IconView', __assign(__assign({}, props), { icon: icon }));
+    return components.ui.renderView(props.view || 'content.IconView', __assign(__assign({}, props), { icon: icon }));
 }
 exports["default"] = Icon;

package/ui/{icon → content}/Icon/demo/icon.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/content/index.d.ts

@@ -1,16 +1,8 @@
 import { Avatar, AvatarGroup } from './Avatar';
-import { Collapse, CollapseItem } from './Collapse';
+import { Accordion, AccordionItem } from './Accordion';
 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';
+import Icon from './Icon';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Icon, };

package/ui/content/index.js

@@ -3,25 +3,20 @@ 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.Icon = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
-var Collapse_1 = require("./Collapse");
-exports.Collapse = Collapse_1.Collapse;
-exports.CollapseItem = Collapse_1.CollapseItem;
+var Accordion_1 = require("./Accordion");
+exports.Accordion = Accordion_1.Accordion;
+exports.AccordionItem = Accordion_1.AccordionItem;
 var Card_1 = __importDefault(require("./Card"));
 exports.Card = Card_1["default"];
 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"];
+var Icon_1 = __importDefault(require("./Icon"));
+exports.Icon = Icon_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,21 @@ 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));
+            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))));
+            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 +103,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 +121,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 +148,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 +165,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 +186,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,23 @@ 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(__('Запись успешно обновлена.')));
+        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.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,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * 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];