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

package/ui/layout/Skeleton/index.d.ts

@@ -1,2 +1,2 @@
-import Skeleton from "./Skeleton";
+import Skeleton from './Skeleton';
 export default Skeleton;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Варианты позиций всплывающей подсказки
  * @example 'top'
@@ -42,7 +41,7 @@ export interface ITooltipProps {
     /**
      * Рассчет позиции подсказки
      */
-    calculatePosition?: (tooltipDimensions: object, arrowDimensions: object) => void;
+    calculatePosition?: (tooltipDimensions: Record<string, any>, arrowDimensions: Record<string, any>) => void;
     [key: string]: any;
 }
 export interface ITooltipViewProps extends ITooltipProps {

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IComponentsHocOutput } from '../../../hoc/components';
-export default class TooltipPortal extends React.PureComponent<IComponentsHocOutput> {
-    componentDidMount(): void;
-    render(): any;
+interface ITooltipPortalProps {
+    children: React.ReactNode;
 }
+export default function TooltipPortal(props: ITooltipPortalProps): React.ReactPortal;
+export {};

package/ui/layout/Tooltip/TooltipPortalInner.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 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]; } });
@@ -26,12 +11,6 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
@@ -42,23 +21,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_dom_1 = require("react-dom");
-var hoc_1 = require("../../../hoc");
-var TooltipPortal = /** @class */ (function (_super) {
-    __extends(TooltipPortal, _super);
-    function TooltipPortal() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TooltipPortal.prototype.componentDidMount = function () {
-        if (!this.props.ui.getPortalElement()) {
+var hooks_1 = require("src/hooks");
+function TooltipPortal(props) {
+    var components = hooks_1.useComponents();
+    React.useEffect(function () {
+        if (!components.ui.getPortalElement()) {
             throw new Error('Not found UI Portal container. Please set <Portal/> in layout.');
         }
-    };
-    TooltipPortal.prototype.render = function () {
-        return react_dom_1.createPortal(this.props.children, this.props.ui.getPortalElement());
-    };
-    TooltipPortal = __decorate([
-        hoc_1.components('ui')
-    ], TooltipPortal);
-    return TooltipPortal;
-}(React.PureComponent));
+    }, [components]);
+    // @ts-ignore
+    return react_dom_1.createPortal(props.children, components.ui.getPortalElement());
+}
 exports["default"] = TooltipPortal;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * CheckboxColumn
  * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.

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

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

package/ui/list/CheckboxColumn/demo/basic.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var Grid_1 = __importDefault(require("../../Grid"));
 var React = __importStar(require("react"));
+var Grid_1 = __importDefault(require("../../Grid"));
 var CheckboxColumn_1 = __importDefault(require("../CheckboxColumn"));
 var basic_1 = require("../../Grid/demo/basic");
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 import { IControlItem } from '../../nav/Controls/Controls';
 export interface IControlsColumnItem extends IButtonProps {

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

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

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

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

package/ui/list/Empty/demo/custom-text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * With custom view

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const items: {
     id: number;
     name: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with controls

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with empty data

package/ui/list/Grid/demo/empty.js

@@ -22,8 +22,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var Grid_1 = __importDefault(require("../Grid"));
 var React = __importStar(require("react"));
+var Grid_1 = __importDefault(require("../Grid"));
 var basic_1 = require("./basic");
 /**
  * Grid with empty data

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with DateFormatter (format: 'DD MMMM')

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with indexing items

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const searchForm: {
     layout: string;
     fields: {

package/ui/list/Grid/demo/load-more.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with search form

package/ui/list/Grid/demo/search-form.js

@@ -33,9 +33,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var React = __importStar(require("react"));
 var Grid_1 = __importDefault(require("../Grid"));
 var basic_1 = require("./basic");
-var React = __importStar(require("react"));
 var inner_search_form_1 = require("./inner-search-form");
 /**
  * Grid with search form

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with sorting

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Grid with invisible column (column Work - visible: false)

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const demoItems: {
     id: number;
     title: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * List with filtration by custom condition

package/ui/list/List/demo/condition.js

@@ -22,8 +22,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var List_1 = __importDefault(require("../List"));
 var React = __importStar(require("react"));
+var List_1 = __importDefault(require("../List"));
 /**
  * List with filtration by custom condition
  * @order 7

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Empty view with custom text when no items

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * List with layout switcher

package/ui/list/List/demo/load-more.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * List with load more and show sizes switcher

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Pagination with page numbers and custom position (show both: top and bottom)

package/ui/list/List/demo/search-form.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const items: {
     id: number;
     name: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const items: ({
     id: number;
     price: number;

package/ui/list/List/demo/sort.js

@@ -23,8 +23,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.items = void 0;
-var List_1 = __importDefault(require("../List"));
 var React = __importStar(require("react"));
+var List_1 = __importDefault(require("../List"));
 exports.items = [
     {
         id: 1,

package/ui/list/Pagination/Pagination.js

@@ -75,9 +75,9 @@ function Pagination(props) {
     }) || 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)
-        .map(function (pageItem, index, pages) {
+        .map(function (pageItem, index, pagesArray) {
         // Номер страницы для '...' кнопки (выбирает страницу между двумя соседними пронумерованными)
-        var pageNumberForButtonWithDots = Math.floor(((pages[index + 1] + pages[index - 1]) / 2));
+        var pageNumberForButtonWithDots = Math.floor(((pagesArray[index + 1] + pagesArray[index - 1]) / 2));
         return {
             page: pageItem !== '...' ? pageItem : pageNumberForButtonWithDots,
             label: pageItem,

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

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

package/ui/list/Pagination/demo/load-more.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Load more

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * List with search form

package/ui/list/Steps/Steps.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface IStepsProps {
     stepItems: IStepItem[];
     currentStep: number;

package/ui/list/Steps/Steps.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
-var hooks_1 = require("../../../hooks");
 var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
 function Steps(props) {
     var _a = react_1.useState(false), isChangeable = _a[0], setIsChangeable = _a[1];
     react_1.useEffect(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
@@ -14,10 +14,19 @@ function Steps(props) {
             return 'active';
         return 'finish';
     }
-    return hooks_1.useComponents().ui.renderView("list.StepsView", { className: props.className, children: props.stepItems.map(function (stepItem, index) {
-            return hooks_1.useComponents().ui.renderView("list.StepItemView", { stepItem: stepItem, index: index + 1, status: getStepStatus(index, stepItem), disabled: !isChangeable, onChange: function () { if (isChangeable)
-                    props.onChange(index); } });
-        }) });
+    return hooks_1.useComponents().ui.renderView('list.StepsView', {
+        className: props.className,
+        children: props.stepItems.map(
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        function (stepItem, index) { return hooks_1.useComponents().ui.renderView('list.StepItemView', {
+            stepItem: stepItem,
+            index: index + 1,
+            status: getStepStatus(index, stepItem),
+            disabled: !isChangeable,
+            onChange: function () { if (isChangeable)
+                props.onChange(index); }
+        }); })
+    });
 }
 Steps.defaultProps = {};
 exports["default"] = Steps;

package/ui/list/Steps/index.d.ts

@@ -1,2 +1,2 @@
-import Steps from "./Steps";
+import Steps from './Steps';
 export default Steps;

package/ui/modal/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IControlItem } from '../../nav/Controls/Controls';
 /**
  * Modal

package/ui/modal/Modal/Modal.js

@@ -40,6 +40,7 @@ function Modal(props) {
         if (props.closeAfterMs) {
             setTimeout(function () { return props.onClose(); }, props.closeAfterMs);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement(ModalView, __assign({}, props), (ContentComponent && (React.createElement(ContentComponent, __assign({}, props, props.componentProps)))) || (props.children)));
 }

package/ui/modal/Modal/demo/basic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Простой пример Modal, с заданным заголовком и контентом.

package/ui/modal/Modal/demo/closeTimeout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Настройка времени, через которое произойдет закрытие Modal.

package/ui/modal/Modal/demo/closing.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обработка закрытия Modal при помощи onClose.

package/ui/modal/Modal/demo/component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Контент для Modal также можно задать через свойство component.

package/ui/modal/Modal/demo/controls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Modal содержит набор контролов с привязанными обработчиками.

package/ui/modal/Modal/demo/size.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * По-умолчанию, Modal имеет 3 заданных размера.

package/ui/modal/ModalPortal/ModalPortal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IModalPortalProps {
     /**
      * Время, через которое произойдет закрытие Modal

package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ITwoFactorModalProps {
     view?: any;
     providerName: string;

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IRouteItem } from '../Router/Router';
 /**
  * Breadcrumbs

package/ui/nav/Breadcrumbs/demo/basic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Самый простой способ построить цепочку Breadcrumbs - передать id целевого роута.

package/ui/nav/Breadcrumbs/demo/items.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Передаем заданный массив роутов.

package/ui/nav/Breadcrumbs/demo/page-title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Изменяем заголовок последней в списке страницы.

package/ui/nav/Controls/Controls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 import { INavProps } from '../Nav/Nav';
 export interface IControlItem extends IButtonProps {

package/ui/nav/Controls/demo/basic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const controls: {
     id: string;
     onClick: () => void;

package/ui/nav/Link/Link.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
 /**
  * Link

package/ui/nav/Link/demo/badge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Link with badge

package/ui/nav/Link/demo/basic.d.ts

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

package/ui/nav/Link/demo/colors.d.ts

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

package/ui/nav/Link/demo/confirm.d.ts

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

package/ui/nav/Link/demo/disabled.d.ts

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

package/ui/nav/Link/demo/hint.d.ts

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

package/ui/nav/Link/demo/icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Link with icon

package/ui/nav/Link/demo/sizes.d.ts

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

package/ui/nav/Nav/Nav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps } from '../../form/Button/Button';
 export interface INavItem extends IButtonProps {
     /**

package/ui/nav/Nav/demo/basic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const items: {
     id: string;
     label: string;

package/ui/nav/Nav/demo/layout.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Nav with different layouts

package/ui/nav/Router/ConnectedRouter.d.ts

@@ -3,7 +3,7 @@ interface IConnectedRouterProps {
     store?: any;
     history?: any;
 }
-export default class ConnectedRouter extends React.PureComponent<IConnectedRouterProps> {
+export default class ConnectedRouter extends React.PureComponent<React.PropsWithChildren<IConnectedRouterProps>> {
     inTimeTravelling?: any;
     unsubscribe?: any;
     unlisten?: any;

package/ui/nav/Router/Router.js

@@ -259,7 +259,9 @@ function Router(props) {
     if (window.location.protocol === 'file:') {
         return (React.createElement(react_router_dom_1.HashRouter, null, renderContent()));
     }
-    return (React.createElement(connected_react_router_1.ConnectedRouter, { history: components.store.history }, renderContent()));
+    return (
+    // @ts-ignore
+    React.createElement(connected_react_router_1.ConnectedRouter, { history: components.store.history }, renderContent()));
 }
 Router.defaultProps = {
     autoScrollTop: true