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

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/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/useApplication.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ClientStorageComponent from '../components/ClientStorageComponent';
 import HtmlComponent from '../components/HtmlComponent';
 import StoreComponent from '../components/StoreComponent';

package/hooks/useApplication.js

@@ -130,7 +130,9 @@ function useApplication(config) {
         if (!(useGlobal || process.env.IS_SSR)) {
             content = (React.createElement(ComponentsProvider_1["default"], { components: components }, content));
         }
-        return (React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
+        return (
+        // @ts-ignore
+        React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
     }, [components, config, useGlobal]);
     return { renderApplication: renderApplication, components: components };
 }

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.2",
   "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,10 +40,10 @@
     "path-to-regexp": "^1.7.0",
     "qs": "^6.9.4",
     "query-string": "^6.14.0",
-    "react": "^17.0.2",
+    "react": "^18.1.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.1.0",
     "react-grid-gallery": "^0.4.8",
     "react-helmet": "^6.1.0",
     "react-image-crop": "^9.0.2",
@@ -50,7 +51,7 @@
     "react-redux": "7.1.1",
     "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/ui/content/Alert/demo/description.d.ts

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

package/ui/content/Alert/demo/icon.d.ts

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

package/ui/content/Alert/demo/text.d.ts

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

package/ui/content/Avatar/demo/custome size.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic sizes with image source, online status and square shape

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic sizes with image source and online status

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

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

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

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

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

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

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

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

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.d.ts

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

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.d.ts

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

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,2 @@
-/// <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,2 @@
-/// <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,2 @@
-/// <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.d.ts

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

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/accordion.d.ts

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

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

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

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

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

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

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

package/ui/content/Collapse/demo/icon position.d.ts

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

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

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

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/Collapse/demo/onChange.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Anonymous function every time you change state of Collapse

package/ui/content/Collapse/demo/show icon.d.ts

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

package/ui/content/Detail/demo/basic.d.ts

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

package/ui/content/Detail/demo/colors.d.ts

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

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/content/Detail/demo/controls.d.ts

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

package/ui/content/Detail/demo/layout.d.ts

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