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

package/ui/layout/Tooltip/Tooltip.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 /**
  * Варианты позиций всплывающей подсказки
  * @example 'top'
  */
-declare type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
+type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
 export interface TooltipArrowPosition {
     left?: number | string;
     right?: number | string;
@@ -20,6 +21,10 @@ export interface ITooltipProps {
      * @example 'Это всплывающая подсказка.'
      */
     content?: string | any;
+    /**
+     * Вложенные элементы
+     */
+    children?: string | any;
     /**
      * Позиционирование подсказки, относительно целевого элемента
      */
@@ -29,6 +34,16 @@ export interface ITooltipProps {
      * @example true
      */
     defaultVisible?: boolean;
+    /**
+     * Время анимации в миллисекундах
+     * @example 200
+     */
+    animationMs?: number;
+    /**
+     * Отступ от элемента
+     * @example 16
+     */
+    gap?: number;
     /**
      * Стили для абсолютного позиционирования подсказки
      */

package/ui/layout/Tooltip/Tooltip.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];
@@ -39,24 +43,24 @@ var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
 *       - refactor code
 * */
 function Tooltip(props) {
-    var components = hooks_1.useComponents();
-    var _a = react_1.useState(false), isComponentExist = _a[0], setIsComponentExist = _a[1];
-    var _b = react_1.useState(props.defaultVisible), isTooltipVisible = _b[0], setIsTooltipVisible = _b[1];
-    var _c = react_1.useState({
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, react_1.useState)(false), isComponentExist = _a[0], setIsComponentExist = _a[1];
+    var _b = (0, react_1.useState)(props.defaultVisible), isTooltipVisible = _b[0], setIsTooltipVisible = _b[1];
+    var _c = (0, react_1.useState)({
         left: null,
         right: null,
         top: null
     }), style = _c[0], setStyle = _c[1];
-    var _d = react_1.useState({
+    var _d = (0, react_1.useState)({
         left: null,
         right: null,
         top: null,
         bottom: null
     }), arrowPosition = _d[0], setArrowPosition = _d[1];
-    var timerRef = react_1.useRef(null);
-    var positionRef = react_1.useRef(props.position);
-    var childRef = react_1.useRef(null);
-    var onShowTooltip = react_1.useCallback(function () {
+    var timerRef = (0, react_1.useRef)(null);
+    var positionRef = (0, react_1.useRef)(props.position);
+    var childRef = (0, react_1.useRef)(null);
+    var onShowTooltip = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
             clearTimeout(timerRef.current);
         }
@@ -65,7 +69,7 @@ function Tooltip(props) {
         // TODO: How to wait setState callback?
         setTimeout(function () { return setIsTooltipVisible(true); });
     }, []);
-    var onHideTooltip = react_1.useCallback(function () {
+    var onHideTooltip = (0, react_1.useCallback)(function () {
         setIsTooltipVisible(false);
         if (timerRef.current) {
             clearTimeout(timerRef.current);
@@ -73,15 +77,15 @@ function Tooltip(props) {
         timerRef.current = setTimeout(function () { return setIsComponentExist(false); }, props.animationMs);
     }, [props.animationMs]);
     // Основная функция расчета позиции
-    var calculatePosition = react_1.useCallback(function (tooltipSize, arrowSize) {
-        var result = calculate_1["default"](props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
+    var calculatePosition = (0, react_1.useCallback)(function (tooltipSize, arrowSize) {
+        var result = (0, calculate_1["default"])(props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
         positionRef.current = result.position;
         setStyle(result.style);
         if (result.arrowPosition) {
             setArrowPosition(result.arrowPosition);
         }
     }, [props.gap]);
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         if (isTooltipVisible) {
             onShowTooltip();
         }

package/ui/layout/Tooltip/TooltipPortalInner.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];
@@ -21,15 +25,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_dom_1 = require("react-dom");
-var hooks_1 = require("src/hooks");
+var hooks_1 = require("../../../hooks");
 function TooltipPortal(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     React.useEffect(function () {
         if (!components.ui.getPortalElement()) {
             throw new Error('Not found UI Portal container. Please set <Portal/> in layout.');
         }
     }, [components]);
-    // @ts-ignore
-    return react_dom_1.createPortal(props.children, components.ui.getPortalElement());
+    return (0, react_dom_1.createPortal)(props.children, components.ui.getPortalElement());
 }
 exports["default"] = TooltipPortal;

package/ui/layout/Tooltip/calculate.js

@@ -80,7 +80,7 @@ function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
         case 'topRight':
         case 'bottomRight':
             // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.right = document.body.clientWidth - parentDimensions.right;
+            style.left = parentDimensions.right - tooltipSize.width;
             if (parentDimensions.width < tooltipSize.width) {
                 arrowPosition = {
                     left: null,

package/ui/list/CheckboxColumn/CheckboxColumn.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * CheckboxColumn
  * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
@@ -19,7 +20,7 @@ export interface ICheckboxColumnProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     [key: string]: any;
 }
 export interface ICheckboxColumnViewProps {

package/ui/list/CheckboxColumn/CheckboxColumn.js

@@ -10,16 +10,16 @@ var list_1 = require("../../../actions/list");
 var list_2 = require("../../../reducers/list");
 function CheckboxColumn(props) {
     var _a;
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var itemId = (_a = props.item) === null || _a === void 0 ? void 0 : _a[props.primaryKey];
-    var dispatch = useDispatch_1["default"]();
-    var value = hooks_1.useSelector(function (state) { return (props.item
-        ? list_2.isChecked(state, props.listId, itemId)
-        : list_2.isCheckedAll(state, props.listId)); });
-    var onChange = react_1.useCallback(function () {
-        dispatch(props.item ? list_1.toggleItem(props.listId, itemId) : list_1.toggleAll(props.listId));
+    var dispatch = (0, useDispatch_1["default"])();
+    var value = (0, hooks_1.useSelector)(function (state) { return (props.item
+        ? (0, list_2.isSelected)(state, props.listId, itemId)
+        : (0, list_2.isSelectedAll)(state, props.listId)); });
+    var onChange = (0, react_1.useCallback)(function () {
+        dispatch(props.item ? (0, list_1.toggleItem)(props.listId, itemId) : (0, list_1.toggleAll)(props.listId));
     }, [dispatch, itemId, props.item, props.listId]);
-    var input = react_1.useMemo(function () { return ({
+    var input = (0, react_1.useMemo)(function () { return ({
         name: props.listId + '_checkbox',
         value: value,
         onChange: onChange

package/ui/list/CheckboxColumn/demo/basic.d.ts

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

package/ui/list/CheckboxColumn/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];
@@ -18,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -40,4 +48,4 @@ exports["default"] = (function () { return (React.createElement(React.Fragment,
     React.createElement(Grid_1["default"], { listId: 'CheckboxColumnBasicDemo', items: basic_1.items, columns: __spreadArray([{
                 valueView: CheckboxColumn_1["default"],
                 headerView: CheckboxColumn_1["default"]
-            }], basic_1.columns) }))); });
+            }], basic_1.columns, true) }))); });

package/ui/list/ControlsColumn/ControlsColumn.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 import { IControlItem } from '../../nav/Controls/Controls';
 export interface IControlsColumnItem extends IButtonProps {
@@ -28,7 +29,7 @@ export interface IControlsColumnProps {
      * Переопределение view React компонента для кастомизации отображения колонки
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     [key: string]: any;
 }
 export interface IControlsColumnViewProps {

package/ui/list/ControlsColumn/ControlsColumn.js

@@ -18,12 +18,12 @@ var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function ControlsColumn(props) {
-    var components = hooks_1.useComponents();
-    var items = react_1.useMemo(function () {
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, react_1.useMemo)(function () {
         var controls = typeof props.controls === 'function'
             ? props.controls(props.item, props.primaryKey)
             : props.controls;
-        return controls.map(function (control) { return (__assign(__assign({}, control), { position: 'left', visible: control.visible !== false && props.item['can' + upperFirst_1["default"](control.id)] !== false })); });
+        return controls.map(function (control) { return (__assign(__assign({}, control), { position: 'left', visible: control.visible !== false && props.item['can' + (0, upperFirst_1["default"])(control.id)] !== false })); });
     }, [props]);
     return components.ui.renderView(props.view || 'list.ControlsColumnView', __assign(__assign({}, props), { items: items }));
 }

package/ui/list/ControlsColumn/demo/basic.d.ts

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

package/ui/list/ControlsColumn/demo/basic.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];

package/ui/list/Empty/Empty.d.ts

@@ -25,7 +25,7 @@ export interface IEmptyProps {
     view?: CustomView;
     [key: string]: any;
 }
-export declare type IEmptyViewProps = IEmptyProps;
+export type IEmptyViewProps = IEmptyProps;
 declare function Empty(props: IEmptyProps): JSX.Element;
 declare namespace Empty {
     var defaultProps: {

package/ui/list/Empty/Empty.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];
@@ -34,7 +38,7 @@ exports.normalizeEmptyProps = void 0;
 var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 function Empty(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'list.EmptyView', props);
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'list.EmptyView', props);
 }
 Empty.defaultProps = {
     enable: true,

package/ui/list/Empty/demo/basic.d.ts

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

package/ui/list/Empty/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/list/Empty/demo/custom-text.d.ts

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

package/ui/list/Empty/demo/custom-text.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/list/Grid/Grid.d.ts

@@ -68,7 +68,7 @@ export interface IGridProps extends IListConfig {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Коллекция с наименованиями и свойствами колонок в таблице
      * @example [{label: 'Name', attribute: 'name'}, {label: 'Work', attribute: 'work'}]

package/ui/list/Grid/Grid.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,8 +46,8 @@ var useList_1 = __importDefault(require("../../../hooks/useList"));
 var ControlsColumn_1 = __importDefault(require("../ControlsColumn"));
 var Format_1 = __importDefault(require("../../format/Format"));
 function Grid(props) {
-    var components = hooks_1.useComponents();
-    var _a = useList_1["default"]({
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, useList_1["default"])({
         listId: props.listId,
         primaryKey: props.primaryKey,
         action: props.action,
@@ -67,7 +71,7 @@ function Grid(props) {
         initialTotal: props.initialTotal,
         autoFetchOnFormChanges: props.autoFetchOnFormChanges
     }), list = _a.list, model = _a.model, searchModel = _a.searchModel, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, onFetch = _a.onFetch, onSort = _a.onSort;
-    var renderLabel = react_1.useCallback(function (column) {
+    var renderLabel = (0, react_1.useCallback)(function (column) {
         if (column.headerView) {
             var HeaderView = column.headerView;
             return (React.createElement(HeaderView, __assign({}, column, column.headerProps, { listId: props.listId })));
@@ -79,18 +83,18 @@ function Grid(props) {
             .concat((model === null || model === void 0 ? void 0 : model.attributes) || [])
             .concat((searchModel === null || searchModel === void 0 ? void 0 : searchModel.attributes) || [])
             .find(function (item) { return column.attribute && item.attribute === column.attribute; });
-        return attributeMeta ? attributeMeta.label : upperFirst_1["default"](column.attribute);
+        return attributeMeta ? attributeMeta.label : (0, upperFirst_1["default"])(column.attribute);
     }, [model, props.listId, searchModel]);
-    var renderValue = react_1.useCallback(function (item, column) {
+    var renderValue = (0, react_1.useCallback)(function (item, column) {
         // Custom component
         if (column.valueView) {
             var ValueView = column.valueView;
             return (React.createElement(ValueView, __assign({}, column, column.valueProps, { listId: props.listId, primaryKey: props.primaryKey, item: item })));
         }
-        return React.createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {})));
+        return (React.createElement(Format_1["default"], __assign({ item: item, model: props.model }, column, (column.formatter || {}))));
     }, [props.listId, props.model, props.primaryKey]);
     // Columns
-    var columns = react_1.useMemo(function () { return []
+    var columns = (0, react_1.useMemo)(function () { return []
         .concat({
         label: __('№'),
         valueView: function (_a) {
@@ -107,22 +111,9 @@ function Grid(props) {
         },
         visible: !!props.controls
     })
-        .map(function (column) { return (isString_1["default"](column) ? { attribute: column } : column); })
+        .map(function (column) { return ((0, isString_1["default"])(column) ? { attribute: column } : column); })
         .filter(function (column) { return column.visible !== false; })
         .map(function (column) { return (__assign(__assign({}, column), { label: renderLabel(column) })); }); }, [props.columns, props.controls, props.itemsIndexing, renderLabel]);
-    return components.ui.renderView(props.view || 'list.GridView', __assign(__assign({}, props), { list: list,
-        paginationPosition: paginationPosition,
-        paginationSizePosition: paginationSizePosition,
-        layoutNamesPosition: layoutNamesPosition,
-        renderList: renderList,
-        renderEmpty: renderEmpty,
-        renderPagination: renderPagination,
-        renderPaginationSize: renderPaginationSize,
-        renderLayoutNames: renderLayoutNames,
-        renderSearchForm: renderSearchForm,
-        renderValue: renderValue,
-        columns: columns,
-        onFetch: onFetch,
-        onSort: onSort, items: (list === null || list === void 0 ? void 0 : list.items) || [] }));
+    return components.ui.renderView(props.view || 'list.GridView', __assign(__assign({}, props), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, renderValue: renderValue, columns: columns, onFetch: onFetch, onSort: onSort, items: (list === null || list === void 0 ? void 0 : list.items) || [] }));
 }
 exports["default"] = Grid;

package/ui/list/Grid/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const items: {
     id: number;
     name: string;
@@ -8,10 +9,10 @@ export declare const columns: {
     label: string;
     attribute: string;
 }[];
-declare const _default: () => JSX.Element;
 /**
  * Basic
  * @order 1
  * @col 8
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/Grid/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/list/Grid/demo/controls.d.ts

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

package/ui/list/Grid/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/list/Grid/demo/empty.d.ts

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

package/ui/list/Grid/demo/empty.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/list/Grid/demo/formatter.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Grid with DateFormatter (format: 'DD MMMM')
  * @order 7
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/list/Grid/demo/formatter.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/list/Grid/demo/indexing.d.ts

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

package/ui/list/Grid/demo/indexing.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];

package/ui/list/Grid/demo/inner-search-form.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const searchForm: {
     layout: string;
     fields: {
@@ -6,10 +7,10 @@ export declare const searchForm: {
         component: import("../../../form/Field/fieldWrapper").FieldWrapperComponent<import("../../../form/InputField/InputField").IInputFieldProps>;
     }[];
 };
-declare const _default: () => JSX.Element;
 /**
  * Grid with inner search form
  * @order 5
  * @col 8
  */
+declare const _default: () => JSX.Element;
 export default _default;