@steroidsjs/core 3.0.0-beta.6 → 3.0.0-beta.8

package/hooks/useAddressBar.js

@@ -136,8 +136,6 @@ function useAddressBar(config) {
             }, {});
             if (!(0, isEqual_1["default"])(initialQueryRef.current, normalizedValues)) {
                 initialQueryRef.current = normalizedValues;
-                //TODO Remove @ts-ignore
-                //@ts-ignore
                 dispatch((0, exports.queryReplace)(config.model, location, normalizedValues, config.useHash));
             }
         }

package/hooks/useDispatch.d.ts

@@ -1 +1,2 @@
-export default function useDispatch(): import("redux").Dispatch<import("redux").AnyAction>;
+import { Dispatch } from 'react';
+export default function useDispatch(): Dispatch<any>;

package/hooks/useDispatch.js

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 var react_redux_1 = require("react-redux");
 function useDispatch() {
+    //@ts-ignore
     return (0, react_redux_1.useDispatch)();
 }
 exports["default"] = useDispatch;

package/hooks/useLayout.js

@@ -100,8 +100,6 @@ function useLayout(initAction) {
     (0, react_use_1.useMount)(function () {
         // Callback for load initial page data (return promise)
         if ((0, isFunction_1["default"])(initAction)) {
-            //TODO Remove @ts-ignore
-            //@ts-ignore
             dispatch((0, auth_2.init)(true));
         }
         else {
@@ -113,11 +111,10 @@ function useLayout(initAction) {
         if (!(0, isFunction_1["default"])(initAction) || initializeCounter <= initializeCounterPrev) {
             return;
         }
+        //@ts-ignore
         (0, exports.runInitAction)(initAction, components, dispatch)
             .then(function () {
             if (redirectPageId) {
-                //TODO Remove @ts-ignore
-                //@ts-ignore
                 dispatch((0, router_2.goToRoute)(redirectPageId));
             }
         })["catch"](function (e) {
@@ -143,8 +140,6 @@ function useLayout(initAction) {
         }
         if ((0, intersection_1["default"])(pageRoles, userRoles).length === 0) {
             if (loginRouteId && route.id !== loginRouteId) {
-                //TODO Remove @ts-ignore
-                //@ts-ignore
                 dispatch((0, router_2.goToRoute)(loginRouteId));
             }
             else {

package/hooks/useList.js

@@ -231,8 +231,6 @@ function useList(config) {
             updateQuery(formValues);
             // Send request
             if (config.autoFetchOnFormChanges !== false) {
-                //TODO Remove @ts-ignore
-                //@ts-ignore
                 dispatch((0, list_2.listLazyFetch)(config.listId));
             }
         }
@@ -250,8 +248,6 @@ function useList(config) {
     }, [formId, prevQuery, config.query, dispatch]);
     // Check change items
     (0, react_use_1.useUpdateEffect)(function () {
-        //TODO Remove @ts-ignore
-        //@ts-ignore
         dispatch([
             (0, list_2.listSetItems)(config.listId, config.items),
         ]);
@@ -265,8 +261,6 @@ function useList(config) {
     });
     var onFetch = (0, react_1.useCallback)(function (params) {
         if (params === void 0) { params = {}; }
-        //TODO Remove @ts-ignore
-        //@ts-ignore
         dispatch((0, list_2.listFetch)(config.listId, params));
     }, [config.listId, dispatch]);
     var onSort = (0, react_1.useCallback)(function (value) {

package/index.d.ts

@@ -34,6 +34,7 @@ declare type ColorName =
     | 'danger'
     | 'light'
     | 'dark'
+    | 'basic'
     | string;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.6",
+ "version": "3.0.0-beta.8",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/content/Accordion/Accordion.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+export interface IAccordionIcon {
+    open: React.ReactElement | string;
+    close: React.ReactElement | string;
+}
+export interface IAccordionCommonProps {
+    view?: any;
+    style?: React.CSSProperties;
+    children?: any;
+    /**
+     * Дополнительный CSS-класс
+     */
+    className?: CssClassName;
+    /**
+     * @example {true}
+     */
+    disabled?: boolean;
+    /**
+     * Пользовательская иконка svg или название иконки или объект с иконками open и close
+     * @example {'circle'}
+     */
+    icon?: IAccordionIcon | React.ReactElement | string;
+    /**
+   * Включает режим в котором можно открыть только один AccordionItem
+   * @example {true}
+   */
+    hasOneOpenItem?: boolean;
+    /**
+     * Название AccordionItem
+     * @example {'Подробнее'}
+     */
+    title?: string;
+    /**
+     * Тема аккордеона
+     */
+    theme?: 'light' | 'dark' | 'intermediate';
+    /**
+     * Номер активного AccordionItem, который может меняться динамический или быть статичным
+     * @example
+     */
+    activeKey?: number;
+    /**
+     * Вызываемая функция при каждом изменении состояния
+     * @example {() => {console.log('success')}}
+     */
+    onChange?: () => void;
+    /**
+     * Стилизация позиционирования.
+     * При значении "top" верхняя часть шапки будет закруглена.
+     * @example {'top'}
+     */
+    position?: 'bottom' | 'middle' | 'top';
+    /**
+     * Отображать ли иконку у AccordionItem
+     */
+    showIcon?: boolean;
+}
+export interface IAccordionCommonViewProps extends IAccordionCommonProps {
+    toggleAccordion?: (number: any) => void;
+    toggleCollapse?: (number: any) => void;
+    childIndex?: number;
+    isShowMore?: boolean;
+}
+declare function Accordion(props: IAccordionCommonProps): JSX.Element;
+export default Accordion;

package/ui/content/{Collapse/Collapse.js → Accordion/Accordion.js}

@@ -45,43 +45,39 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
-function Collapse(props) {
-    var _a = React.useState([]), state = _a[0], setState = _a[1];
+function Accordion(props) {
+    var _a = React.useState([]), selectedAccordionItems = _a[0], setSelectedAccordionItems = _a[1];
     React.useEffect(function () {
         if (props.onChange) {
-            props.onChange(state);
+            props.onChange();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state]);
+    }, [selectedAccordionItems]);
     var toggleCollapse = function (indexSelected) {
-        if (state.includes(indexSelected)) {
-            var newState = __spreadArray([], state, true);
-            var indexInArray = state.indexOf(indexSelected);
+        if (selectedAccordionItems.includes(indexSelected)) {
+            var newState = __spreadArray([], selectedAccordionItems, true);
+            var indexInArray = selectedAccordionItems.indexOf(indexSelected);
             newState.splice(indexInArray, 1);
-            setState(newState);
+            setSelectedAccordionItems(newState);
         }
         else {
-            var newState = __spreadArray([], state, true);
+            var newState = __spreadArray([], selectedAccordionItems, true);
             newState.push(indexSelected);
-            setState(newState);
+            setSelectedAccordionItems(newState);
         }
     };
     var toggleAccordion = function (indexSelected) {
-        if (state.includes(indexSelected)) {
-            setState([]);
+        if (selectedAccordionItems.includes(indexSelected)) {
+            setSelectedAccordionItems([]);
         }
         else {
-            var newState = [];
-            newState.push(indexSelected);
-            setState(newState);
+            var newSelectedAccordion = [];
+            newSelectedAccordion.push(indexSelected);
+            setSelectedAccordionItems(newSelectedAccordion);
         }
     };
     var components = (0, hooks_1.useComponents)();
-    var CollapseView = components.ui.getView(props.view || 'content.CollapseView');
-    return (React.createElement(CollapseView, __assign({}, props), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, isAccordion: props.isAccordion, childIndex: index, toggleAccordion: toggleAccordion, toggleCollapse: toggleCollapse, isShowMore: (state || []).includes(index), icon: props.icon, showIcon: props.showIcon, iconPosition: props.iconPosition, borderless: props.borderless }, child.props)); })));
+    var AccordionView = components.ui.getView(props.view || 'content.AccordionView');
+    return (React.createElement(AccordionView, __assign({}, props), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); })));
 }
-Collapse.defaultProps = {
-    iconPosition: 'right',
-    showIcon: true
-};
-exports["default"] = Collapse;
+exports["default"] = Accordion;

package/ui/content/Accordion/AccordionItem.d.ts

@@ -0,0 +1,6 @@
+import { IAccordionCommonProps, IAccordionCommonViewProps } from './Accordion';
+declare function AccordionItem(props: IAccordionCommonProps): any;
+declare namespace AccordionItem {
+    var defaultProps: IAccordionCommonViewProps;
+}
+export default AccordionItem;

package/ui/content/{Collapse/CollapseItem.js → Accordion/AccordionItem.js}

@@ -12,11 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
-function CollapseItem(props) {
+function AccordionItem(props) {
     var components = (0, hooks_1.useComponents)();
-    return components.ui.renderView(props.view || 'content.CollapseItemView', __assign({}, props));
+    return components.ui.renderView(props.view || 'content.AccordionItemView', __assign({}, props));
 }
-CollapseItem.defaultProps = {
-    title: 'Collapse'
+AccordionItem.defaultProps = {
+    title: 'Accordion',
+    positionStyle: 'top',
+    theme: 'light',
+    showIcon: true
 };
-exports["default"] = CollapseItem;
+exports["default"] = AccordionItem;

package/ui/content/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+import AccordionItem from './AccordionItem';
+import Accordion from './Accordion';
+export { AccordionItem, Accordion, };

package/ui/content/Accordion/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.Accordion = exports.AccordionItem = void 0;
+var AccordionItem_1 = __importDefault(require("./AccordionItem"));
+exports.AccordionItem = AccordionItem_1["default"];
+var Accordion_1 = __importDefault(require("./Accordion"));
+exports.Accordion = Accordion_1["default"];

package/ui/content/Avatar/Avatar.d.ts

@@ -16,7 +16,7 @@ export interface IAvatarProps {
      * Размер аватара
      * @example {'md'}
      */
-    size?: Size | 'x-large' | number;
+    size?: Size | number;
     /**
      * Форма аватара
      * @example {'circle'}

package/ui/content/CopyToClipboard/CopyToClipboard.js

@@ -103,8 +103,6 @@ function CopyToClipboard(props) {
                 case 3:
                     if (props.notification) {
                         notification = __assign({ level: 'info', params: undefined }, (typeof props.notification === 'string' ? { message: props.notification } : props.notification));
-                        //TODO Remove @ts-ignore
-                        //@ts-ignore
                         dispatch((0, notifications_1.showNotification)(notification.message, notification.level, notification.params));
                     }
                     setIsCopied(true);

package/ui/content/index.d.ts

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

package/ui/content/index.js

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.CollapseItem = exports.Collapse = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.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"));

package/ui/crud/Crud/Crud.js

@@ -71,16 +71,12 @@ function Crud(props) {
     var goToAction = (0, react_1.useCallback)(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, list_1.listRefresh)(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
                 dispatch((0, modal_1.closeModal)(crudId));
             }
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, router_1.goToRoute)(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
         }
     }, [crudId, dispatch, mode, props.queryKey, routeAction, routeId, routeParams]);

package/ui/crud/Crud/CrudContent.js

@@ -61,8 +61,6 @@ function CrudContent(props) {
     }, [props.action, props.primaryKey, props.record, props.recordId]);
     var onFormComplete = (0, react_1.useCallback)(function () {
         window.scrollTo(0, 0);
-        //TODO remove @ts-ignore
-        //@ts-ignore
         dispatch((0, notifications_1.showNotification)(__('Запись успешно обновлена.')));
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [dispatch, props.goToAction]);

package/ui/form/Button/Button.d.ts

@@ -21,11 +21,6 @@ export interface IButtonProps {
      * @example Save
      */
     hint?: string | any;
-    /**
-     * Должна ли показываться надпись на кнопке в состоянии загрузки
-     * @example true
-     */
-    showLabelOnLoading?: boolean;
     /**
      * HTML Тип
      * @example submit
@@ -170,7 +165,6 @@ export interface IButtonViewProps extends IButtonProps {
     disabled?: boolean;
     onClick?: any;
     submitting?: boolean;
-    showLabelOnLoading: boolean;
 }
 declare function Button(props: IButtonProps): JSX.Element;
 declare namespace Button {
@@ -184,7 +178,6 @@ declare namespace Button {
         size: string;
         className: string;
         resetFailedMs: number;
-        showLabelOnLoading: boolean;
         badge: {
             enable: boolean;
             value: number;

package/ui/form/Button/Button.js

@@ -40,7 +40,6 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var react_1 = require("react");
-var react_use_1 = require("react-use");
 var FieldLayout_1 = __importDefault(require("../FieldLayout"));
 var router_1 = require("../../../actions/router");
 var router_2 = require("../../../reducers/router");
@@ -59,7 +58,9 @@ function Button(props) {
         : (routePath ? (0, router_2.buildUrl)(routePath, props.toRouteParams) : null);
     // Flags: isLoading, isFailed
     var _a = (0, react_1.useState)({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
-    (0, react_use_1.useUpdateEffect)(function () { return setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed }); }, [props.isLoading, props.isFailed]);
+    React.useEffect(function () {
+        setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed });
+    }, [props.isLoading, props.isFailed]);
     // Form submitting
     var context = (0, react_1.useContext)(Form_1.FormContext);
     var form = (0, hooks_1.useForm)();
@@ -68,7 +69,7 @@ function Button(props) {
     if (form) {
         submitting = form.formSelector(function (state) { return state.isSubmitting; });
     }
-    var disabled = submitting || props.disabled || isLoading;
+    var disabled = submitting || props.disabled;
     var tag = props.tag || (props.link || url ? 'a' : 'button');
     var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
     var failedTimer = (0, react_1.useRef)(null);
@@ -141,7 +142,6 @@ Button.defaultProps = {
     size: 'md',
     className: '',
     resetFailedMs: 2000,
-    showLabelOnLoading: true,
     badge: {
         enable: false,
         value: 0,

package/ui/form/Form/Form.js

@@ -277,12 +277,7 @@ function Form(props) {
                         console.error(requestError_1); // eslint-disable-line no-console
                         dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         props.onError(requestError_1);
-                        //TODO Remove @ts-ignore
-                        //@ts-ignore
-                        reduxDispatch(
-                        //TODO Remove @ts-ignore
-                        //@ts-ignore
-                        (0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
+                        reduxDispatch((0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
                         return [2 /*return*/, null];
                     case 12:
                         // Skip on 2fa

package/ui/layout/Notifications/Notifications.js

@@ -56,8 +56,6 @@ function Notifications(props) {
     var dispatch = (0, useDispatch_1["default"])();
     (0, react_use_1.useMount)(function () {
         if (props.initialFlashes) {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, notifications_1.setFlashes)(props.initialFlashes));
             // Disable scroll or scroll to top on show notifications
             if (!process.env.IS_SSR) {

package/ui/layout/Notifications/demo/basic.js

@@ -52,8 +52,6 @@ exports["default"] = (function () {
             flexFlow: 'column'
         } }, Object.keys(notifications).map(function (level) { return ([].concat(notifications[level] || [])
         .map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"".concat(level, "\"")), onClick: function () {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, notifications_1.showNotification)(message, level));
         }, style: { margin: '10px 0' } })); })); })));
 });

package/ui/layout/Notifications/demo/position.js

@@ -44,8 +44,6 @@ var positions = {
 exports["default"] = (function () {
     var dispatch = (0, useDispatch_1["default"])();
     return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F ".concat(position), onClick: function () {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, notifications_1.showNotification)(position, 'success', { position: position, timeOut: 1000 }));
         } })); })));
 });

package/ui/layout/Notifications/demo/timeOut.js

@@ -44,9 +44,6 @@ var times = {
 exports["default"] = (function () {
     var dispatch = (0, useDispatch_1["default"])();
     return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 ".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435"), onClick: function () {
-            dispatch(
-            //TODO remove @ts-ignore
-            //@ts-ignore
-            (0, notifications_1.showNotification)("".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434"), 'info', { position: 'bottom-right', timeOut: time }));
+            dispatch((0, notifications_1.showNotification)("".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434"), 'info', { position: 'bottom-right', timeOut: time }));
         }, style: { margin: '10px 0' } })); })));
 });

package/ui/layout/Portal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface IPortalProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 export default function Portal(props: IPortalProps): React.ReactPortal;
 export {};

package/ui/nav/Router/Router.js

@@ -218,8 +218,6 @@ function Router(props) {
             });
             if (parentRouteId) {
                 // TODO route params?..
-                //TODO remove //@ts-ignore
-                //@ts-ignore
                 dispatch((0, router_1.goToRoute)(parentRouteId));
             }
         }

package/utils/form.d.ts

@@ -7,16 +7,11 @@ export declare const providers: {
     redux: {
         useForm: (formId: any, initialValues: any) => any;
         useField: (formId: any, name: any, isList: any) => {
-            setValue: (value: any) => {
-                type: string;
-                formId: any;
-                nameOrObject: any;
-                value: any;
-            };
+            setValue: (value: any) => void;
             errors: any;
             value: any;
         };
-        useDispatch: () => import("redux").Dispatch<import("redux").AnyAction>;
+        useDispatch: () => import("react").Dispatch<any>;
         select: (formId: any, selector: any) => any;
     };
     reducer: {

package/ui/content/Collapse/Collapse.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-export interface ICollapseProps {
-    view?: any;
-    style?: React.CSSProperties;
-    children?: any;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * @example {true}
-     */
-    disabled?: boolean;
-    /**
-     * Кастомная иконка svg или название иконки
-     * @example {'circle'}
-     */
-    icon?: React.ReactNode | string;
-    /**
-     * Показ иконки, которая показывает состояние CollapseItem. Поумолчанию включены.
-     * @example {false}
-     */
-    showIcon?: boolean;
-    /**
-     * Позиция иконки-индикатора
-     * @example {'left'}
-     */
-    iconPosition?: 'left' | 'right';
-    /**
-     * Включает режим Аккордиона (только один CollapseItem может быть открыт)
-     * @example {true}
-     */
-    isAccordion?: boolean;
-    /**
-     * Номер активного CollapseItem, который может меняться динамический или быть статичным
-     * @example
-     */
-    activeKey?: number;
-    /**
-     * Вызываемая функция при каждом изменении состояния
-     * @example {() => {console.log('success')}}
-     */
-    onChange?: (state: any) => void;
-    /**
-     * Отключение внешних рамок
-     * @example {true}
-     */
-    borderless?: boolean;
-}
-export interface ICollapseViewProps extends ICollapseProps {
-    toggleCollapse: (number: any) => void;
-    toggleAccordion: (number: any) => void;
-    childIndex: number;
-    isShowMore?: boolean;
-}
-declare function Collapse(props: ICollapseProps): JSX.Element;
-declare namespace Collapse {
-    var defaultProps: {
-        iconPosition: string;
-        showIcon: boolean;
-    };
-}
-export default Collapse;

package/ui/content/Collapse/CollapseItem.d.ts

@@ -1,67 +0,0 @@
-import * as React from 'react';
-export interface ICollapseItemProps {
-    view?: any;
-    style?: React.CSSProperties;
-    children?: any;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Название CollapseItem
-     * @example {'Подробнее'}
-     */
-    title?: string;
-    /**
-     * @example {true}
-     */
-    disabled?: boolean;
-    /**
-     * Кастомная иконка svg или название иконки
-     * @example {'circle'}
-     */
-    icon?: React.ReactNode | string;
-    /**
-     * Показ иконки, которая показывает состояние CollapseItem. Поумолчанию включены.
-     * @example {false}
-     */
-    showIcon?: boolean;
-    /**
-     * Позиция иконки-индикатора
-     * @example {'left'}
-     */
-    iconPosition?: 'left' | 'right';
-    /**
-     * Включает режим Аккордиона (только один CollapseItem может быть открыт)
-     * @example {true}
-     */
-    isAccordion?: boolean;
-    /**
-     * Номер активного CollapseItem, который может меняться динамический или быть статичным
-     * @example
-     */
-    activeKey?: number;
-    /**
-     * Вызываемая функция при каждом изменении состояния
-     * @example {() => {console.log('success')}}
-     */
-    onChange?: () => void;
-    /**
-     * Отключение внешних рамок
-     * @example {true}
-     */
-    borderless?: boolean;
-}
-export interface ICollapseItemViewProps extends ICollapseItemProps {
-    toggleCollapse?: (number: any) => void;
-    toggleAccordion?: (number: any) => void;
-    childIndex?: number;
-    isShowMore?: boolean;
-}
-declare function CollapseItem(props: ICollapseItemProps): any;
-declare namespace CollapseItem {
-    var defaultProps: {
-        title: string;
-    };
-}
-export default CollapseItem;