@steroidsjs/core 2.3.0-beta.7 → 3.0.0-beta.10

package/ui/layout/Tooltip/calculate.js

@@ -1,162 +1,162 @@
-"use strict";
-exports.__esModule = true;
-function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
-    var style = { left: null, right: null, top: null };
-    var arrowPosition = null;
-    var _a = parentRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
-    var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
-    parentDimensions.top += window.scrollY;
-    // eslint-disable-next-line default-case
-    switch (position) {
-        case 'top':
-        case 'topLeft':
-        case 'topRight':
-            // Проверка - выходит ли tooltip за верхний край страницы?
-            // Если да - меняем позицию на bottom
-            if ((parentDimensions.top - window.scrollY) <= Math.round(tooltipSize.height + gap)) {
-                style.top = parentDimensions.top + parentDimensions.height;
-                position = position.replace('top', 'bottom');
-            }
-            else {
-                style.top = parentDimensions.top - tooltipSize.height;
-            }
-            break;
-        case 'bottom':
-        case 'bottomLeft':
-        case 'bottomRight':
-            /// Проверка - выходит ли tooltip за нижний край страницы?
-            // Если да - меняем позицию на top
-            if ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
-                <= Math.round(tooltipSize.height + gap)) {
-                style.top = parentDimensions.top - tooltipSize.height;
-                position = position.replace('bottom', 'top');
-            }
-            else {
-                style.top = parentDimensions.top + parentDimensions.height;
-            }
-            break;
-        case 'left':
-        case 'leftTop':
-        case 'leftBottom':
-            // Проверка - выходит ли tooltip за левый край страницы?
-            // Если да - меняем позицию на right
-            if (parentDimensions.left <= Math.round(tooltipSize.width + gap)) {
-                style.left = parentDimensions.right;
-                position = position.replace('left', 'right');
-            }
-            else {
-                style.left = parentDimensions.left - tooltipSize.width;
-            }
-            break;
-        case 'right':
-        case 'rightTop':
-        case 'rightBottom':
-            // Проверка - выходит ли tooltip за правый край страницы?
-            // Если да - меняем позицию на left
-            if (document.body.clientWidth - parentDimensions.right <= Math.round(tooltipSize.width + gap)) {
-                style.left = parentDimensions.left - tooltipSize.width;
-                position = position.replace('right', 'left');
-            }
-            else {
-                style.left = parentDimensions.right;
-            }
-            break;
-    }
-    // eslint-disable-next-line default-case
-    switch (position) {
-        case 'top':
-        case 'bottom':
-            // Выравнивание по середине
-            style.left = (parentDimensions.left + (parentDimensions.width / 2)) - (tooltipSize.width / 2);
-            break;
-        case 'topLeft':
-        case 'bottomLeft':
-            // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.left = parentDimensions.left;
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = { left: parentDimensions.width / 2 };
-            }
-            break;
-        case 'topRight':
-        case 'bottomRight':
-            // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.right = document.body.clientWidth - parentDimensions.right;
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = {
-                    left: null,
-                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
-                };
-            }
-            break;
-        case 'left':
-        case 'right':
-            style.top = (parentDimensions.top + (parentDimensions.height / 2)) - (tooltipSize.height / 2);
-            break;
-        case 'leftTop':
-        case 'rightTop':
-            style.top = parentDimensions.top;
-            if (parentDimensions.height < (tooltipSize.height)) {
-                arrowPosition = { top: parentDimensions.height / 2 };
-            }
-            break;
-        case 'leftBottom':
-        case 'rightBottom':
-            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = {
-                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
-                };
-            }
-            break;
-    }
-    // Проверка - при позиционировании top/bottom tooltip не выходит за пределы страницы по горизонтали
-    if (position.includes('top') || position.includes('bottom')) {
-        if (!position.includes('Left')
-            && (style.left < 0 || parentDimensions.left <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
-            style.right = null;
-            position = position.replace('Right', 'Left');
-            // Если ширина tooltip больше ширины родителя - выставить стрелку на середину родителя
-            if (parentDimensions.left < tooltipSize.width) {
-                arrowPosition = { left: parentDimensions.width / 2 };
-            }
-            style.left = parentDimensions.left;
-        }
-        if (!position.includes('Right')
-            && (document.body.clientWidth - parentDimensions.right
-                <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
-            position = position.replace('Left', 'Right');
-            if (parentDimensions.width < tooltipSize.width) {
-                arrowPosition = {
-                    left: null,
-                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
-                };
-            }
-            style.left = null;
-            style.right = document.body.clientWidth - parentDimensions.right;
-        }
-    }
-    // Проверка - при позиционировании left/right tooltip не выходит за пределы страницы по вертикали
-    if (position.includes('left') || position.includes('right')) {
-        if (!position.includes('Top')
-            && parentDimensions.top - window.scrollY <= Math.round((tooltipSize.height - parentDimensions.height) + gap)) {
-            position = position.replace('Bottom', 'Top');
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = { top: parentDimensions.height / 2 };
-            }
-            style.top = parentDimensions.top;
-        }
-        if (!position.includes('Bottom')
-            && (window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)
-                <= Math.round((tooltipSize.height - parentDimensions.height) + gap))) {
-            position = position.replace('Top', 'Bottom');
-            if (parentDimensions.height < tooltipSize.height) {
-                arrowPosition = {
-                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
-                };
-            }
-            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
-        }
-    }
-    return { style: style, position: position, arrowPosition: arrowPosition };
-}
-exports["default"] = calculate;
+"use strict";
+exports.__esModule = true;
+function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
+    var style = { left: null, right: null, top: null };
+    var arrowPosition = null;
+    var _a = parentRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
+    var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
+    parentDimensions.top += window.scrollY;
+    // eslint-disable-next-line default-case
+    switch (position) {
+        case 'top':
+        case 'topLeft':
+        case 'topRight':
+            // Проверка - выходит ли tooltip за верхний край страницы?
+            // Если да - меняем позицию на bottom
+            if ((parentDimensions.top - window.scrollY) <= Math.round(tooltipSize.height + gap)) {
+                style.top = parentDimensions.top + parentDimensions.height;
+                position = position.replace('top', 'bottom');
+            }
+            else {
+                style.top = parentDimensions.top - tooltipSize.height;
+            }
+            break;
+        case 'bottom':
+        case 'bottomLeft':
+        case 'bottomRight':
+            /// Проверка - выходит ли tooltip за нижний край страницы?
+            // Если да - меняем позицию на top
+            if ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
+                <= Math.round(tooltipSize.height + gap)) {
+                style.top = parentDimensions.top - tooltipSize.height;
+                position = position.replace('bottom', 'top');
+            }
+            else {
+                style.top = parentDimensions.top + parentDimensions.height;
+            }
+            break;
+        case 'left':
+        case 'leftTop':
+        case 'leftBottom':
+            // Проверка - выходит ли tooltip за левый край страницы?
+            // Если да - меняем позицию на right
+            if (parentDimensions.left <= Math.round(tooltipSize.width + gap)) {
+                style.left = parentDimensions.right;
+                position = position.replace('left', 'right');
+            }
+            else {
+                style.left = parentDimensions.left - tooltipSize.width;
+            }
+            break;
+        case 'right':
+        case 'rightTop':
+        case 'rightBottom':
+            // Проверка - выходит ли tooltip за правый край страницы?
+            // Если да - меняем позицию на left
+            if (document.body.clientWidth - parentDimensions.right <= Math.round(tooltipSize.width + gap)) {
+                style.left = parentDimensions.left - tooltipSize.width;
+                position = position.replace('right', 'left');
+            }
+            else {
+                style.left = parentDimensions.right;
+            }
+            break;
+    }
+    // eslint-disable-next-line default-case
+    switch (position) {
+        case 'top':
+        case 'bottom':
+            // Выравнивание по середине
+            style.left = (parentDimensions.left + (parentDimensions.width / 2)) - (tooltipSize.width / 2);
+            break;
+        case 'topLeft':
+        case 'bottomLeft':
+            // Ширина tooltip больше родителя - стрелка на середину родителя
+            style.left = parentDimensions.left;
+            if (parentDimensions.width < tooltipSize.width) {
+                arrowPosition = { left: parentDimensions.width / 2 };
+            }
+            break;
+        case 'topRight':
+        case 'bottomRight':
+            // Ширина tooltip больше родителя - стрелка на середину родителя
+            style.right = document.body.clientWidth - parentDimensions.right;
+            if (parentDimensions.width < tooltipSize.width) {
+                arrowPosition = {
+                    left: null,
+                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
+                };
+            }
+            break;
+        case 'left':
+        case 'right':
+            style.top = (parentDimensions.top + (parentDimensions.height / 2)) - (tooltipSize.height / 2);
+            break;
+        case 'leftTop':
+        case 'rightTop':
+            style.top = parentDimensions.top;
+            if (parentDimensions.height < (tooltipSize.height)) {
+                arrowPosition = { top: parentDimensions.height / 2 };
+            }
+            break;
+        case 'leftBottom':
+        case 'rightBottom':
+            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
+            if (parentDimensions.height < tooltipSize.height) {
+                arrowPosition = {
+                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
+                };
+            }
+            break;
+    }
+    // Проверка - при позиционировании top/bottom tooltip не выходит за пределы страницы по горизонтали
+    if (position.includes('top') || position.includes('bottom')) {
+        if (!position.includes('Left')
+            && (style.left < 0 || parentDimensions.left <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
+            style.right = null;
+            position = position.replace('Right', 'Left');
+            // Если ширина tooltip больше ширины родителя - выставить стрелку на середину родителя
+            if (parentDimensions.left < tooltipSize.width) {
+                arrowPosition = { left: parentDimensions.width / 2 };
+            }
+            style.left = parentDimensions.left;
+        }
+        if (!position.includes('Right')
+            && (document.body.clientWidth - parentDimensions.right
+                <= Math.round((tooltipSize.width - parentDimensions.width) + gap))) {
+            position = position.replace('Left', 'Right');
+            if (parentDimensions.width < tooltipSize.width) {
+                arrowPosition = {
+                    left: null,
+                    right: (parentDimensions.width / 2) - (arrowSize.width / 2)
+                };
+            }
+            style.left = null;
+            style.right = document.body.clientWidth - parentDimensions.right;
+        }
+    }
+    // Проверка - при позиционировании left/right tooltip не выходит за пределы страницы по вертикали
+    if (position.includes('left') || position.includes('right')) {
+        if (!position.includes('Top')
+            && parentDimensions.top - window.scrollY <= Math.round((tooltipSize.height - parentDimensions.height) + gap)) {
+            position = position.replace('Bottom', 'Top');
+            if (parentDimensions.height < tooltipSize.height) {
+                arrowPosition = { top: parentDimensions.height / 2 };
+            }
+            style.top = parentDimensions.top;
+        }
+        if (!position.includes('Bottom')
+            && (window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)
+                <= Math.round((tooltipSize.height - parentDimensions.height) + gap))) {
+            position = position.replace('Top', 'Bottom');
+            if (parentDimensions.height < tooltipSize.height) {
+                arrowPosition = {
+                    bottom: (parentDimensions.height / 2) - (arrowSize.height / 2)
+                };
+            }
+            style.top = parentDimensions.top + parentDimensions.height - tooltipSize.height;
+        }
+    }
+    return { style: style, position: position, arrowPosition: arrowPosition };
+}
+exports["default"] = calculate;

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

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

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

@@ -1,52 +1,56 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var form_1 = require("../../../../ui/form");
-var Tooltip_1 = __importDefault(require("../Tooltip"));
-/**
- * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { style: {
-            display: 'flex',
-            flexFlow: 'column',
-            alignItems: 'center',
-            gridGap: '15px',
-            padding: '50px'
-        } },
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'top', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u0432\u0435\u0440\u0445\u0443.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip on Top' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'right', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043F\u0440\u0430\u0432\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip Right' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'left', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043B\u0435\u0432\u0430.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Left' }))),
-        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'bottom', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043D\u0438\u0437\u0443.' },
-            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
-                React.createElement(form_1.Button, { label: 'Show Tooltip Bottom' })))))); });
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var form_1 = require("../../../../ui/form");
+var Tooltip_1 = __importDefault(require("../Tooltip"));
+/**
+ * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.
+ * @order 1
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: {
+            display: 'flex',
+            flexFlow: 'column',
+            alignItems: 'center',
+            gridGap: '15px',
+            padding: '50px'
+        } },
+        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'top', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u0432\u0435\u0440\u0445\u0443.' },
+            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
+                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip on Top' }))),
+        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'right', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043F\u0440\u0430\u0432\u0430.' },
+            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
+                React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip Right' }))),
+        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'left', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043B\u0435\u0432\u0430.' },
+            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
+                React.createElement(form_1.Button, { label: 'Show Tooltip Left' }))),
+        React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'bottom', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043D\u0438\u0437\u0443.' },
+            React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
+                React.createElement(form_1.Button, { label: 'Show Tooltip Bottom' })))))); });

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

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

package/ui/layout/Tooltip/index.js

@@ -1,7 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Tooltip_1 = __importDefault(require("./Tooltip"));
-exports["default"] = Tooltip_1["default"];
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Tooltip_1 = __importDefault(require("./Tooltip"));
+exports["default"] = Tooltip_1["default"];

package/ui/layout/index.d.ts

@@ -1,5 +1,5 @@
-import Header from './Header';
-import Loader from './Loader';
-import Notifications from './Notifications';
-import Tooltip from './Tooltip';
-export { Header, Loader, Notifications, Tooltip, };
+import Header from './Header';
+import Loader from './Loader';
+import Notifications from './Notifications';
+import Tooltip from './Tooltip';
+export { Header, Loader, Notifications, Tooltip, };

package/ui/layout/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Tooltip = exports.Notifications = exports.Loader = exports.Header = void 0;
-var Header_1 = __importDefault(require("./Header"));
-exports.Header = Header_1["default"];
-var Loader_1 = __importDefault(require("./Loader"));
-exports.Loader = Loader_1["default"];
-var Notifications_1 = __importDefault(require("./Notifications"));
-exports.Notifications = Notifications_1["default"];
-var Tooltip_1 = __importDefault(require("./Tooltip"));
-exports.Tooltip = Tooltip_1["default"];
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.Tooltip = exports.Notifications = exports.Loader = exports.Header = void 0;
+var Header_1 = __importDefault(require("./Header"));
+exports.Header = Header_1["default"];
+var Loader_1 = __importDefault(require("./Loader"));
+exports.Loader = Loader_1["default"];
+var Notifications_1 = __importDefault(require("./Notifications"));
+exports.Notifications = Notifications_1["default"];
+var Tooltip_1 = __importDefault(require("./Tooltip"));
+exports.Tooltip = Tooltip_1["default"];

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

@@ -1,40 +1,40 @@
-/// <reference types="react" />
-/**
- * CheckboxColumn
- * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
- */
-export interface ICheckboxColumnProps {
-    /**
-     * Первичный ключ для доступа к идентификатору item
-     */
-    primaryKey?: string;
-    /**
-     * Элемент коллекции item
-     */
-    item?: any;
-    /**
-     * Свойства для CheckboxField
-     */
-    fieldProps?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: any;
-    [key: string]: any;
-}
-export interface ICheckboxColumnViewProps {
-    fieldProps: Record<string, any>;
-    input: {
-        name: string;
-        value: any;
-        onChange: any;
-    };
-}
-declare function CheckboxColumn(props: ICheckboxColumnProps): JSX.Element;
-declare namespace CheckboxColumn {
-    var defaultProps: {
-        primaryKey: string;
-    };
-}
-export default CheckboxColumn;
+/// <reference types="react" />
+/**
+ * CheckboxColumn
+ * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
+ */
+export interface ICheckboxColumnProps {
+    /**
+     * Первичный ключ для доступа к идентификатору item
+     */
+    primaryKey?: string;
+    /**
+     * Элемент коллекции item
+     */
+    item?: any;
+    /**
+     * Свойства для CheckboxField
+     */
+    fieldProps?: any;
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: any;
+    [key: string]: any;
+}
+export interface ICheckboxColumnViewProps {
+    fieldProps: Record<string, any>;
+    input: {
+        name: string;
+        value: any;
+        onChange: any;
+    };
+}
+declare function CheckboxColumn(props: ICheckboxColumnProps): JSX.Element;
+declare namespace CheckboxColumn {
+    var defaultProps: {
+        primaryKey: string;
+    };
+}
+export default CheckboxColumn;