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

package/components/ClientStorageComponent.js

@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable no-unused-expressions */
 var cookie = __importStar(require("js-cookie"));
 var moment_1 = __importDefault(require("moment"));
 /**

package/components/HtmlComponent.js

@@ -58,9 +58,11 @@ var HtmlComponent = /** @class */ (function () {
         }
     };
     HtmlComponent.prototype.closest = function (element, className) {
+        // eslint-disable-next-line no-cond-assign
         while ((element = element.parentElement)
+            // eslint-disable-next-line no-empty
             && !element.classList.contains(className)) {
-        } // eslint-disable-line no-empty
+        }
         return element;
     };
     HtmlComponent.prototype._applyModifiers = function (entity, modifiers) {

package/components/HttpComponent.d.ts

@@ -2,6 +2,7 @@ interface IHttpRequestOptions {
     lazy?: boolean | number;
     cancelToken?: any;
     onTwoFactor?: (providerName: string) => Promise<any>;
+    responseType?: string;
 }
 /**
  * Http Component

package/components/HttpComponent.js

@@ -263,6 +263,9 @@ var HttpComponent = /** @class */ (function () {
         if (options.cancelToken) {
             axiosConfig.cancelToken = options.cancelToken;
         }
+        if (options.responseType) {
+            axiosConfig.responseType = options.responseType;
+        }
         if (options.lazy) {
             if (this._lazyRequests[method]) {
                 clearTimeout(this._lazyRequests[method]);

package/components/LocaleComponent.js

@@ -43,6 +43,7 @@ var LocaleComponent = /** @class */ (function () {
         this.translations = {};
         // Publish to global
         if (process.env.IS_SSR) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             global.__ = this.translate.bind(this);
         }
@@ -81,7 +82,7 @@ var LocaleComponent = /** @class */ (function () {
         message = this.translations[message] || message;
         // Cut react components
         var components = {};
-        Object.keys(params).map(function (key) {
+        Object.keys(params).forEach(function (key) {
             if (isObject_1["default"](params[key])) {
                 components[key] = params[key];
                 params[key] = "!!" + key + "!!";
@@ -101,7 +102,7 @@ var LocaleComponent = /** @class */ (function () {
         }
         // Index components
         var indexedComponents = [];
-        Object.keys(components).map(function (key) {
+        Object.keys(components).forEach(function (key) {
             var index = message.indexOf("!!" + key + "!!");
             if (index !== -1) {
                 indexedComponents.push({
@@ -123,19 +124,19 @@ var LocaleComponent = /** @class */ (function () {
         // Split text to array, paste components
         var result = [];
         var textParts = message.split('!!component!!');
-        for (var i = 0, j = 0; i < textParts.length; i++) {
+        for (var i = 0, j = 0; i < textParts.length; i += 1) {
             var isComponentAdded = false;
             if (j === 0
                 && j < indexedComponents.length
                 && indexedComponents[j].index === 0) {
                 result.push(React.createElement("span", { key: "element-" + j }, indexedComponents[j].component));
                 isComponentAdded = true;
-                j++;
+                j += 1;
             }
             result.push(React.createElement("span", { key: "text-" + i }, textParts[i]));
             if (!isComponentAdded && j < indexedComponents.length) {
                 result.push(React.createElement("span", { key: "element" + j }, indexedComponents[j].component));
-                j++;
+                j += 1;
             }
         }
         return React.createElement("span", null, result);

package/components/ResourceComponent.js

@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 var queryString = __importStar(require("qs"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 /**
@@ -63,6 +64,7 @@ var ResourceComponent = /** @class */ (function () {
         if (window.ymaps) {
             return new Promise(function (resolve) {
                 // @ts-ignore
+                // eslint-disable-next-line implicit-arrow-linebreak
                 return window.ymaps.ready(function () { return resolve(window.ymaps); });
             });
         }

package/components/StoreComponent.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable no-restricted-globals */
 var redux_1 = require("redux");
 var connected_react_router_1 = require("connected-react-router");
 var history_1 = require("history");
@@ -119,6 +120,7 @@ var StoreComponent = /** @class */ (function () {
             return action(function (p) { return _this._prepare(p, dispatch, getState); }, getState, this._components);
         }
         // Promise, detect errors on rejects
+        // eslint-disable-next-line max-len
         // Detect action through instanceof Promise is not working in production mode, then used single detection by type
         if (typeof action === 'object'
             && typeof action.then === 'function'

package/components/social/FacebookProvider.js

@@ -36,6 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 exports.__esModule = true;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 var FacebookProvider = /** @class */ (function () {
     function FacebookProvider(components, config) {
         this._components = components;
@@ -76,6 +77,7 @@ var FacebookProvider = /** @class */ (function () {
                                 });
                             }
                             else {
+                                // eslint-disable-next-line prefer-promise-reject-errors
                                 reject('FB error: ' + response.status);
                             }
                         }, {

package/hooks/useAbsolutePositioning.js

@@ -24,7 +24,8 @@ function useAbsolutePositioning(props) {
             case 'topRight':
                 // Проверка - выходит ли tooltip за верхний край страницы?
                 // Если да - меняем позицию на bottom
-                if (useAutoPositioning && ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap))) {
+                if (useAutoPositioning
+                    && ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap))) {
                     newStyle.top = parentDimensions.top + parentDimensions.height;
                     newPosition = newPosition.replace('top', 'bottom');
                 }
@@ -37,8 +38,8 @@ function useAbsolutePositioning(props) {
             case 'bottomRight':
                 // Проверка - выходит ли tooltip за нижний край страницы?
                 // Если да - меняем позицию на top
-                if (useAutoPositioning && ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)))
-                    <= Math.round(componentSize.height + props.gap)) {
+                if (useAutoPositioning
+                    && ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))) <= Math.round(componentSize.height + props.gap)) {
                     newStyle.top = parentDimensions.top - componentSize.height;
                     newPosition = newPosition.replace('bottom', 'top');
                 }
@@ -64,7 +65,8 @@ function useAbsolutePositioning(props) {
             case 'rightBottom':
                 // Проверка - выходит ли tooltip за правый край страницы?
                 // Если да - меняем позицию на left
-                if (useAutoPositioning && (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap))) {
+                if (useAutoPositioning
+                    && (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap))) {
                     newStyle.left = parentDimensions.left - componentSize.width;
                     newPosition = newPosition.replace('right', 'left');
                 }
@@ -137,6 +139,7 @@ function useAbsolutePositioning(props) {
         }
         setStyle(newStyle);
         setPosition(newPosition);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.gap]);
     var onShow = react_1.useCallback(function () {
         if (timerRef.current) {

package/hooks/useAddressBar.js

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

package/hooks/useDispatch.d.ts

@@ -1 +1 @@
-export default function useDispatch(): any;
+export default function useDispatch(): import("redux").Dispatch<import("redux").AnyAction>;

package/hooks/useLayout.js

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

package/hooks/useList.js

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

package/hooks/useUniqueId.d.ts

@@ -1 +1 @@
-export default function useUniqueId(prefix: string): undefined;
+export default function useUniqueId(prefix: string): string;

package/hooks/useUniqueId.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 var react_1 = require("react");
 var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
 function useUniqueId(prefix) {
-    var idRef = react_1.useRef();
+    var idRef = react_1.useRef('');
     if (!idRef.current) {
         idRef.current = uniqueId_1["default"](prefix);
     }

package/index.d.ts

@@ -88,7 +88,7 @@ declare type CustomStyle = React.CSSProperties;
  * Переопределение view React компонента для кастомизации отображения
  * @example MyCustomView
  */
-declare type CustomView = React.ReactNode;
+declare type CustomView = React.ReactNode | React.FunctionComponent;
 
 /**
  * HTTP метод

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.4",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {
@@ -20,6 +20,7 @@
   "scripts": {
     "docs": "typedoc --ignoreCompilerErrors --json typedoc.json .",
     "test": "jest",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src ./tests",
     "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/",
     "watch": "tsc -p tsconfig-debug.json"
   },
@@ -30,7 +31,7 @@
     "dot-prop-immutable": "^2.1.0",
     "fileup-core": "^1.2.7",
     "history": "^4.10.1",
-    "intl-messageformat": "^9.11.0",
+    "intl-messageformat": "^10.1.4",
     "js-cookie": "^2.2.1",
     "load-js": "^3.0.3",
     "lodash": "^4.17.21",
@@ -39,18 +40,18 @@
     "path-to-regexp": "^1.7.0",
     "qs": "^6.9.4",
     "query-string": "^6.14.0",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-click-outside": "^3.0.1",
-    "react-day-picker": "^7.4.8",
-    "react-dom": "^17.0.2",
+    "react-day-picker": "^8.2.1",
+    "react-dom": "^18.2.0",
     "react-grid-gallery": "^0.4.8",
     "react-helmet": "^6.1.0",
     "react-image-crop": "^9.0.2",
     "react-input-mask": "^3.0.0-alpha.2",
-    "react-redux": "7.1.1",
+    "react-redux": "^8.0.5",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
-    "react-use": "^17.1.0",
+    "react-use": "^17.4.0",
     "redux": "^4.0.4",
     "redux-mock-store": "^1.5.4",
     "set-cookie-parser": "^2.4.8"
@@ -61,13 +62,15 @@
     "@babel/preset-env": "^7.13.15",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
+    "@steroidsjs/eslint-config": "^2.1.2",
     "@types/enzyme": "^3.10.8",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^26.0.22",
-    "@types/markdown-to-jsx": "^6.11.3",
+    "@types/markdown-to-jsx": "^7.0.1",
     "@types/reach__router": "^1.3.7",
-    "@types/react": "=17.0.3",
+    "@types/react": "^18.0.20",
     "@types/react-color": "^3.0.4",
+    "@types/react-dom": "^18.0.6",
     "@types/react-syntax-highlighter": "^13.5.0",
     "@types/webpack-env": "^1.16.0",
     "@typescript-eslint/eslint-plugin": "^4.15.0",
@@ -75,11 +78,6 @@
     "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
     "enzyme": "^3.11.0",
     "eslint": "^7.20.0",
-    "eslint-config-airbnb": "18.2.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^1.7.0",
     "jest": "^26.6.3",
     "jest-enzyme": "^7.1.2",
     "ts-jest": "^26.5.1",

package/reducers/fields.d.ts

@@ -1,11 +1,13 @@
-declare const _default: (state: {
-    props: {};
-    dataProvider: {};
-    meta: any;
-}, action: any) => {
-    props: {};
-    dataProvider: {};
+export interface IFieldsState {
+    props: Record<string, any>;
+    dataProvider: Record<string, any>;
+    meta: Record<string, any> | null;
+}
+export declare const normalizeName: (name: any) => any;
+declare const _default: (state: IFieldsState, action: any) => {
     meta: any;
+    props: Record<string, any>;
+    dataProvider: Record<string, any>;
 };
 export default _default;
 export declare const isMetaFetched: (state: any) => boolean;

package/reducers/fields.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.getDataProviderItems = exports.getModel = exports.getEnumLabels = exports.isMetaFetched = void 0;
+exports.getDataProviderItems = exports.getModel = exports.getEnumLabels = exports.isMetaFetched = exports.normalizeName = void 0;
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var fields_1 = require("../actions/fields");
@@ -24,6 +24,7 @@ var initialState = {
     meta: null
 };
 var normalizeName = function (name) { return name.replace(/\\/g, '.').replace(/^\./, ''); };
+exports.normalizeName = normalizeName;
 exports["default"] = (function (state, action) {
     var _a;
     if (state === void 0) { state = initialState; }
@@ -46,7 +47,7 @@ exports.getEnumLabels = getEnumLabels;
 var warnings = {};
 var getModel = function (state, name) {
     if (isString_1["default"](name)) {
-        name = normalizeName(name);
+        name = exports.normalizeName(name);
         var meta = get_1["default"](state, ['fields', 'meta', name]) || null;
         if (!meta && exports.isMetaFetched(state) && !warnings[name]) {
             warnings[name] = true;

package/reducers/index.d.ts

@@ -5,8 +5,7 @@ import list from './list';
 import notifications from './notifications';
 import modal from './modal';
 import router from './router';
-import screen from './screen';
-export { form, auth, fields, list, notifications, modal, router, screen, };
+export { form, auth, fields, list, notifications, modal, router, };
 declare const _default: (asyncReducers: any) => import("redux").Reducer<import("redux").CombinedState<{
     [x: string]: unknown;
 }>, never>;

package/reducers/index.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.screen = exports.router = exports.modal = exports.notifications = exports.list = exports.fields = exports.auth = exports.form = void 0;
+exports.router = exports.modal = exports.notifications = exports.list = exports.fields = exports.auth = exports.form = void 0;
 var redux_1 = require("redux");
 var auth_1 = __importDefault(require("./auth"));
 exports.auth = auth_1["default"];
@@ -30,12 +30,9 @@ var modal_1 = __importDefault(require("./modal"));
 exports.modal = modal_1["default"];
 var router_1 = __importDefault(require("./router"));
 exports.router = router_1["default"];
-var screen_1 = __importDefault(require("./screen"));
-exports.screen = screen_1["default"];
 exports["default"] = (function (asyncReducers) { return redux_1.combineReducers(__assign(__assign({ form: form_1["default"],
     auth: auth_1["default"],
     fields: fields_1["default"],
     list: list_1["default"],
     notifications: notifications_1["default"],
-    modal: modal_1["default"],
-    screen: screen_1["default"] }, asyncReducers), { router: function (state, action) { return router_1["default"](asyncReducers.router ? asyncReducers.router(state, action) : {}, action); } })); });
+    modal: modal_1["default"] }, asyncReducers), { router: function (state, action) { return router_1["default"](asyncReducers.router ? asyncReducers.router(state, action) : {}, action); } })); });

package/ui/content/Calendar/Calendar.d.ts

@@ -72,7 +72,7 @@ export interface ICalendarViewProps extends ICalendarProps {
      */
     isCaptionPanelVisible: boolean;
     /**
-     * Функция измения состояние отображения панели для выбора месяца/года
+     * Функция изменения состояние отображения панели для выбора месяца/года
      */
     toggleCaptionPanel: () => void;
 }

package/ui/content/Card/demo/basic.js

@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable max-len */
 var React = __importStar(require("react"));
 var Card_1 = __importDefault(require("../Card"));
 /**

package/ui/content/Card/demo/border color.js

@@ -39,9 +39,10 @@ var colors = {
     lg: 'light',
     dr: 'dark'
 };
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 function capitalize(s) {
     return s[0].toUpperCase() + s.slice(1);
 }
 exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, Object.values(colors).map(function (color) { return (React.createElement("div", { style: { marginRight: '30px', marginBottom: '30px' }, key: color },
     React.createElement(React.Fragment, null,
-        React.createElement(Card_1["default"], { style: { width: '320px' }, header: 'Header', title: capitalize(color) + ' card title', borderColor: color }, "Some quick example text to build on the card title and make up the bulk of the card's content.")))); }))); });
+        React.createElement(Card_1["default"], { style: { width: '320px' }, header: 'Header', title: capitalize(color) + ' card title', borderColor: color }, text)))); }))); });

package/ui/content/Card/demo/color.js

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

package/ui/content/Card/demo/header.d.ts

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

package/ui/content/Card/demo/header.js

@@ -30,13 +30,14 @@ var Card_1 = __importDefault(require("../Card"));
  * @order 3
  * @col 12
  */
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 exports["default"] = (function () { return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '30px' } },
     React.createElement(Card_1["default"], { title: 'Card title', header: 'Header' },
-        "Some quick example text to build on the card title and make up the bulk of the card's content.",
+        text,
         React.createElement(form_1.Button, null, "Button")),
     React.createElement(Card_1["default"], { title: 'Card title', footer: 'Footer' },
-        "Some quick example text to build on the card title and make up the bulk of the card's content.",
+        text,
         React.createElement(form_1.Button, null, "Button")),
     React.createElement(Card_1["default"], { title: 'Card title', header: 'Header', footer: 'Footer' },
-        "Some quick example text to build on the card title and make up the bulk of the card's content.",
+        text,
         React.createElement(form_1.Button, null, "Button")))); });

package/ui/content/Card/demo/hover.d.ts

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

package/ui/content/Card/demo/hover.js

@@ -30,8 +30,9 @@ var Card_1 = __importDefault(require("../Card"));
  * @order 1
  * @col 8
  */
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex', gridGap: '15px' } },
     React.createElement(Card_1["default"], { title: 'Card title', cover: 'https://i.ibb.co/rK9tsnJ/swamp.png' },
-        "Some quick example text to build on the card title and make up the bulk of the card's content.",
+        text,
         React.createElement(form_1.Button, null, "Button")),
-    React.createElement(Card_1["default"], { title: 'Card title', cover: 'https://i.ibb.co/rK9tsnJ/swamp.png' }, "Some quick example text to build on the card title and make up the bulk of the card's content."))); });
+    React.createElement(Card_1["default"], { title: 'Card title', cover: 'https://i.ibb.co/rK9tsnJ/swamp.png' }, text))); });

package/ui/content/Card/demo/link.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
-/**
- * Titles, text, and links
- * @order 2
- * @col 4
- */
 export default _default;

package/ui/content/Card/demo/link.js

@@ -30,9 +30,10 @@ var Card_1 = __importDefault(require("../Card"));
  * @order 2
  * @col 4
  */
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(Card_1["default"], { title: 'Card title' },
-        "Some quick example text to build on the card title and make up the bulk of the card's content.",
+        text,
         React.createElement("div", { style: { display: 'flex', gridGap: '16px', padding: 0 } },
             React.createElement(form_1.Button, { link: true }, "Link"),
             React.createElement(form_1.Button, { link: true }, "Another link"))))); });

package/ui/content/Card/demo/orientation.js

@@ -34,8 +34,9 @@ var orientations = {
     vr: 'vertical-reverse',
     hz: 'horizontal'
 };
+var text = 'Some quick example text to build on the card title and make up the bulk of the card\'s content.';
 exports["default"] = (function () { return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr 2fr' } }, Object.values(orientations).map(function (orientation) { return (React.createElement("div", { style: { marginRight: '30px' }, key: orientation },
     React.createElement(React.Fragment, null,
         React.createElement(Card_1["default"], { title: 'Card title', orientation: orientation, cover: 'https://i.ibb.co/rK9tsnJ/swamp.png' },
-            "Some quick example text to build on the card title and make up the bulk of the card's content.",
+            text,
             React.createElement("p", { style: { color: '#C0C0C0', fontSize: '12px' } }, "Last updated 3 mins ago"))))); }))); });

package/ui/content/Collapse/demo/icon.js

@@ -22,6 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable max-len */
 var React = __importStar(require("react"));
 var Collapse_1 = __importDefault(require("../Collapse"));
 var CollapseItem_1 = __importDefault(require("../CollapseItem"));

package/ui/content/CopyToClipboard/CopyToClipboard.js

@@ -99,6 +99,8 @@ 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(notifications_1.showNotification(notification.message, notification.level, notification.params));
                     }
                     setIsCopied(true);

package/ui/content/Detail/demo/colors.js

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

package/ui/crud/Crud/Crud.js

@@ -67,12 +67,16 @@ function Crud(props) {
     var goToAction = react_1.useCallback(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
+            //TODO remove @ts-ignore
+            //@ts-ignore
             dispatch(list_1.listRefresh(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
                 dispatch(modal_1.closeModal(crudId));
             }
+            //TODO remove @ts-ignore
+            //@ts-ignore
             dispatch(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

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