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

package/ui/list/Grid/demo/inner-search-form.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/load-more.d.ts

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

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

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

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

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

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

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

package/ui/list/Grid/demo/sort.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];
@@ -24,14 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var Grid_1 = __importDefault(require("../Grid"));
-var sort_1 = require("../../List/demo/sort");
+// import {items} from '../../List/demo/sort';
 /**
  * Grid with sorting
  * @order 7
  * @col 8
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Grid_1["default"], { listId: 'GridSortDemo', items: sort_1.items, columns: [
+    React.createElement(Grid_1["default"], { listId: 'GridSortDemo', 
+        // items={items}
+        columns: [
             {
                 attribute: 'title',
                 label: 'Title'

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

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

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

@@ -43,7 +43,7 @@ export interface ILayoutNamesProps {
      */
     view?: CustomView;
 }
-export declare type ILayoutNamesViewProps = ILayoutNamesProps;
+export type ILayoutNamesViewProps = ILayoutNamesProps;
 declare function LayoutNames(props: ILayoutNamesProps): JSX.Element;
 declare namespace LayoutNames {
     var defaultProps: {

package/ui/list/LayoutNames/LayoutNames.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,12 +45,12 @@ var hooks_1 = require("../../../hooks");
 var list_1 = require("../../../actions/list");
 var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 function LayoutNames(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = useDispatch_1["default"]();
+    var components = (0, hooks_1.useComponents)();
+    var dispatch = (0, useDispatch_1["default"])();
     var list = props.list || {};
-    var onChange = react_1.useCallback(function (value) {
+    var onChange = (0, react_1.useCallback)(function (value) {
         components.clientStorage.set(props.attribute, value);
-        dispatch(list_1.listSetLayout(list.listId, value));
+        dispatch((0, list_1.listSetLayout)(list.listId, value));
     }, [components.clientStorage, dispatch, list.listId, props.attribute]);
     if (props.enable === false) {
         return null;
@@ -64,6 +68,6 @@ LayoutNames.defaultProps = {
     defaultValue: null,
     position: 'top'
 };
-var normalizeLayoutNamesProps = function (props) { return (__assign(__assign(__assign({}, LayoutNames.defaultProps), { enable: !!props, defaultValue: get_1["default"](props, 'items.0.id') || LayoutNames.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
+var normalizeLayoutNamesProps = function (props) { return (__assign(__assign(__assign({}, LayoutNames.defaultProps), { enable: !!props, defaultValue: (0, get_1["default"])(props, 'items.0.id') || LayoutNames.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
 exports.normalizeLayoutNamesProps = normalizeLayoutNamesProps;
 exports["default"] = React.memo(LayoutNames);

package/ui/list/List/List.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IListConfig, IListOutput } from '../../../hooks/useList';
 /**
  * List

package/ui/list/List/List.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];
@@ -37,8 +41,8 @@ var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 var useList_1 = __importDefault(require("../../../hooks/useList"));
 function List(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,
@@ -64,16 +68,7 @@ function List(props) {
     }), list = _a.list, 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;
     var ItemView = props.itemView || components.ui.getView('list.ListItemView');
     var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
-    return components.ui.renderView(props.view || 'list.ListView', __assign(__assign({}, props), { list: list,
-        paginationPosition: paginationPosition,
-        paginationSizePosition: paginationSizePosition,
-        layoutNamesPosition: layoutNamesPosition,
-        renderList: renderList,
-        renderEmpty: renderEmpty,
-        renderPagination: renderPagination,
-        renderPaginationSize: renderPaginationSize,
-        renderLayoutNames: renderLayoutNames,
-        renderSearchForm: renderSearchForm,
+    return components.ui.renderView(props.view || 'list.ListView', __assign(__assign({}, props), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, 
         //onFetch,
         //onSort,
         content: content }));

package/ui/list/Pagination/Pagination.d.ts

@@ -1,11 +1,19 @@
 import * as React from 'react';
-import { ListControlPosition } from '../../../hooks/useList';
 import { IButtonProps } from '../../form/Button/Button';
 /**
  * Pagination
  * Компонент с пагинацией страниц.
  */
 export interface IPaginationProps {
+    /**
+     * Подключить пагинацию
+     * @example true
+     */
+    enable?: boolean;
+    /**
+     * Значение по-умолчанию
+     */
+    defaultValue?: number;
     /**
      * Аттрибут (название) в форме для поля пагинации
      * @example page
@@ -31,11 +39,6 @@ export interface IPaginationProps {
      * Дополнительный CSS-класс для элемента отображения
      */
     className?: CssClassName;
-    /**
-     * Расположение пагинации
-     * @example 'both'
-     */
-    position?: ListControlPosition;
     buttonProps?: IButtonProps;
     /**
      * Переопределение view React компонента для кастомизации отображения
@@ -56,6 +59,20 @@ export interface IPaginationProps {
      * Темная тема
      */
     dark?: boolean;
+    /**
+     * Список, для которого используется пагинация
+     */
+    list?: any;
+    /**
+    * Нужно ли отображать кнопки с шагом в одну страницу
+    * @example {'true'}
+    */
+    showSteps?: boolean;
+    /**
+     * Нужно ли отображать кнопки с шагом до первой / последней страницы
+     * @example {'true'}
+     */
+    showEdgeSteps?: boolean;
     [key: string]: any;
 }
 export interface IPaginationViewProps extends IPaginationProps {
@@ -67,6 +84,11 @@ export interface IPaginationViewProps extends IPaginationProps {
     }[];
     onSelect: (page: number) => void;
     onSelectNext: () => void;
+    onSelectPrev: () => void;
+    onSelectLast: () => void;
+    onSelectFirst: () => void;
+    isFirstPage: boolean;
+    isLastPage: boolean;
 }
 export declare const generatePages: (page: any, totalPages: any, aroundCount?: number) => any[];
 declare function Pagination(props: IPaginationProps): JSX.Element;
@@ -76,6 +98,7 @@ declare namespace Pagination {
         attribute: string;
         aroundCount: number;
         defaultValue: number;
+        size: string;
         loadMore: boolean;
         position: string;
         sizeAttribute: string;

package/ui/list/Pagination/Pagination.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];
@@ -40,6 +44,7 @@ var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
+var FIRST_PAGE = 1;
 var generatePages = function (page, totalPages, aroundCount) {
     if (aroundCount === void 0) { aroundCount = 3; }
     if (!page || !totalPages) {
@@ -60,21 +65,23 @@ var generatePages = function (page, totalPages, aroundCount) {
 exports.generatePages = generatePages;
 function Pagination(props) {
     var _a, _b, _c;
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var initialValues = {
         page: (_a = props.list) === null || _a === void 0 ? void 0 : _a[props.attribute],
         pageSize: (_b = props.list) === null || _b === void 0 ? void 0 : _b[props.sizeAttribute]
     };
-    var _d = useForm_1["default"](), formId = _d.formId, formDispatch = _d.formDispatch, formSelector = _d.formSelector;
+    var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch, formSelector = _d.formSelector;
     var _e = formSelector(function (_a) {
         var values = _a.values;
         return ({
-            page: get_1["default"](values, props.attribute),
-            pageSize: get_1["default"](values, props.sizeAttribute)
+            page: (0, get_1["default"])(values, props.attribute),
+            pageSize: (0, get_1["default"])(values, props.sizeAttribute)
         });
     }) || initialValues, page = _e.page, pageSize = _e.pageSize;
     var totalPages = Math.ceil((((_c = props.list) === null || _c === void 0 ? void 0 : _c.total) || 0) / (pageSize || 1));
-    var pages = react_1.useMemo(function () { return exports.generatePages(page, totalPages, props.aroundCount)
+    var isFirstPage = React.useMemo(function () { return page === FIRST_PAGE; }, [page]);
+    var isLastPage = React.useMemo(function () { return page === totalPages; }, [page, totalPages]);
+    var pages = (0, react_1.useMemo)(function () { return (0, exports.generatePages)(page, totalPages, props.aroundCount)
         .map(function (pageItem, index, pagesArray) {
         // Номер страницы для '...' кнопки (выбирает страницу между двумя соседними пронумерованными)
         var pageNumberForButtonWithDots = Math.floor(((pagesArray[index + 1] + pagesArray[index - 1]) / 2));
@@ -84,37 +91,42 @@ function Pagination(props) {
             isActive: page === pageItem
         };
     }); }, [page, props.aroundCount, totalPages]);
-    var onSelect = react_1.useCallback(function (newPage) {
+    var onSelect = (0, react_1.useCallback)(function (newPage) {
         if (formDispatch) {
-            formDispatch(form_1.formChange(formId, props.attribute, newPage));
+            formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
         }
         if (props.onChange && newPage) {
             props.onChange.call(null, newPage);
         }
     }, [formDispatch, formId, props.attribute, props.onChange]);
-    var onSelectNext = react_1.useCallback(function () {
+    var onSelectNext = (0, react_1.useCallback)(function () {
         onSelect(page + 1);
     }, [onSelect, page]);
+    var onSelectPrev = (0, react_1.useCallback)(function () {
+        onSelect(page - 1);
+    }, [onSelect, page]);
+    var onSelectLast = (0, react_1.useCallback)(function () {
+        onSelect(totalPages);
+    }, [onSelect, totalPages]);
+    var onSelectFirst = (0, react_1.useCallback)(function () {
+        onSelect(FIRST_PAGE);
+    }, [onSelect]);
     if (!props.list || !page || !pageSize || props.list.total <= pageSize) {
         return null;
     }
     // Do not show in last page in 'loadMore' mode
-    if (props.loadMore && page >= totalPages) {
+    if (props.loadMore && isLastPage) {
         return null;
     }
     var defaultView = (props.loadMore ? 'list.PaginationMoreView' : 'list.PaginationButtonView');
-    return components.ui.renderView(props.view || defaultView, {
-        totalPages: totalPages,
-        pages: pages,
-        onSelect: onSelect,
-        onSelectNext: onSelectNext
-    });
+    return components.ui.renderView(props.view || defaultView, __assign(__assign({}, props), { totalPages: totalPages, pages: pages, onSelect: onSelect, onSelectNext: onSelectNext, onSelectPrev: onSelectPrev, onSelectLast: onSelectLast, onSelectFirst: onSelectFirst, isFirstPage: isFirstPage, isLastPage: isLastPage }));
 }
 Pagination.defaultProps = {
     enable: true,
     attribute: 'page',
     aroundCount: 3,
     defaultValue: 1,
+    size: 'md',
     loadMore: false,
     position: 'bottom',
     sizeAttribute: 'pageSize'

package/ui/list/PaginationSize/PaginationSize.d.ts

@@ -44,6 +44,10 @@ export interface IPaginationSizeProps {
      * @return {void}
      */
     onChange?: (value: number) => void;
+    /**
+     * Список, для которого используется пагинация
+     */
+    list?: any;
     [key: string]: any;
 }
 export interface IPaginationSizeViewProps extends IPaginationSizeProps {

package/ui/list/PaginationSize/PaginationSize.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,17 +46,17 @@ var useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
 function PaginationSize(props) {
     var _a, _b, _c;
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var pageSize = (_a = props.list) === null || _a === void 0 ? void 0 : _a.pageSize;
-    var items = react_1.useMemo(function () { return props.sizes.map(function (size) { return ({
+    var items = (0, react_1.useMemo)(function () { return props.sizes.map(function (size) { return ({
         size: size,
         label: size,
         isActive: pageSize === size
     }); }); }, [pageSize, props.sizes]);
-    var _d = useForm_1["default"](), formId = _d.formId, formDispatch = _d.formDispatch;
-    var onSelect = react_1.useCallback(function (newPage) {
+    var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch;
+    var onSelect = (0, react_1.useCallback)(function (newPage) {
         if (formDispatch) {
-            formDispatch(form_1.formChange(formId, props.attribute, newPage));
+            formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
         }
         if (props.onChange && newPage) {
             props.onChange.call(null, newPage);
@@ -61,8 +65,7 @@ function PaginationSize(props) {
     if (!((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length)) {
         return null;
     }
-    return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items,
-        onSelect: onSelect }));
+    return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items, onSelect: onSelect }));
 }
 PaginationSize.defaultProps = {
     enable: false,
@@ -71,6 +74,6 @@ PaginationSize.defaultProps = {
     defaultValue: 50,
     position: 'top'
 };
-var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: get_1["default"](props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
+var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: (0, get_1["default"])(props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
 exports.normalizePaginationSizeProps = normalizePaginationSizeProps;
 exports["default"] = React.memo(PaginationSize);

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

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

package/ui/list/PaginationSize/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];
@@ -24,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var PaginationSize_1 = __importDefault(require("../PaginationSize"));
-var basic_1 = require("../../../../ui/list/List/demo/basic");
+// import {demoItems} from '../../../../ui/list/List/demo/basic';
 /**
  * Basic
  * @order 1
@@ -32,6 +36,5 @@ var basic_1 = require("../../../../ui/list/List/demo/basic");
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(PaginationSize_1["default"], { list: {
-            pageSize: 3,
-            items: basic_1.demoItems
+            pageSize: 3
         }, enable: true, attribute: 'pageSize', sizes: [3, 6, 9], defaultValue: 3, position: 'top' }))); });

package/ui/list/PaginationSize/demo/size.d.ts

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

package/ui/list/PaginationSize/demo/size.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];
@@ -24,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var PaginationSize_1 = __importDefault(require("../PaginationSize"));
-var basic_1 = require("../../../../ui/list/List/demo/basic");
+// import {demoItems} from '../../../../ui/list/List/demo/basic';
 var sizes = {
     sm: 'Small',
     md: 'Middle',
@@ -40,6 +44,5 @@ exports["default"] = (function () { return (React.createElement(React.Fragment,
         .map(function (size) { return (React.createElement("div", { className: 'col', key: size },
         React.createElement("h6", null, sizes[size]),
         React.createElement(PaginationSize_1["default"], { list: {
-                pageSize: 3,
-                items: basic_1.demoItems
+                pageSize: 3
             }, enable: true, attribute: 'pageSize', sizes: [3, 6, 9], defaultValue: 3, size: size, position: 'top' }))); })))); });

package/ui/list/SearchForm/SearchForm.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];
@@ -39,12 +43,12 @@ var react_redux_1 = require("react-redux");
 var useForm_1 = __importDefault(require("../../../hooks/useForm"));
 var form_1 = require("../../../actions/form");
 exports["default"] = React.memo(function (props) {
-    var formId = useForm_1["default"]().formId;
-    var dispatch = react_redux_1.useDispatch();
-    var onSubmit = react_1.useCallback(function (params) {
+    var formId = (0, useForm_1["default"])().formId;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var onSubmit = (0, react_1.useCallback)(function (params) {
         props.fields.forEach(function (field) {
             var attribute = typeof field === 'string' ? field : field.attribute;
-            dispatch(form_1.formChange(formId, attribute, (params === null || params === void 0 ? void 0 : params[attribute]) || null));
+            dispatch((0, form_1.formChange)(formId, attribute, (params === null || params === void 0 ? void 0 : params[attribute]) || null));
         });
     }, [dispatch, formId, props.fields]);
     if (!props.fields || props.layout === 'table') {

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

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