@steroidsjs/core 2.3.0-beta.5 → 2.3.0-beta.7

package/dist/ui/content/CopyToClipboard/CopyToClipboard.js

@@ -1,124 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = __importStar(require("react"));
-var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
-var notifications_1 = require("../../../actions/notifications");
-function CopyToClipboard(props) {
-    var _this = this;
-    var inputRef = react_1.useRef();
-    var _a = react_1.useState(false), isCopied = _a[0], setIsCopied = _a[1];
-    var dispatch = useDispatch_1["default"]();
-    var onClick = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var el, notification;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!!isCopied) return [3 /*break*/, 4];
-                    if (!navigator.clipboard) return [3 /*break*/, 2];
-                    return [4 /*yield*/, navigator.clipboard.writeText(props.value)];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    el = inputRef.current;
-                    if (el) {
-                        el.focus();
-                        el.select();
-                    }
-                    document.execCommand('copy');
-                    _a.label = 3;
-                case 3:
-                    if (props.notification) {
-                        notification = __assign({ level: 'info', params: undefined }, (typeof props.notification === 'string' ? { message: props.notification } : props.notification));
-                        dispatch(notifications_1.showNotification(notification.message, notification.level, notification.params));
-                    }
-                    setIsCopied(true);
-                    setTimeout(function () { return setIsCopied(false); }, 1000);
-                    _a.label = 4;
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [dispatch, isCopied, props.notification, props.value]);
-    if (props.disabled) {
-        return props.children;
-    }
-    return (react_1["default"].createElement("span", { className: props.className, onClick: onClick, "aria-hidden": 'true' },
-        props.children,
-        react_1["default"].createElement("input", { ref: inputRef, defaultValue: props.value, style: {
-                position: 'absolute',
-                height: 1,
-                width: 1,
-                top: 0,
-                opacity: 0
-            } })));
-}
-exports["default"] = CopyToClipboard;

package/dist/ui/content/CopyToClipboard/index.d.ts

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

package/dist/ui/content/CopyToClipboard/index.js

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

package/dist/ui/content/Detail/Detail.d.ts

@@ -1,102 +0,0 @@
-import React from 'react';
-import { IDetailItemProps } from './DetailItem';
-import { IControlItem } from '../../nav/Controls/Controls';
-/**
- * Detail
- * Представление данных в виде таблицы, в которой поля группируются по принципу "ключ-значение".
- */
-export declare enum DetailLayoutEnum {
-    Horizontal = "horizontal",
-    Vertical = "vertical"
-}
-export interface IDetailMedia {
-    /**
-     * Максимальная ширина таблицы в px
-     * @example 600
-     */
-    breakpoint: number;
-    /**
-     * Количество колонок, которое будет применяться, начиная от указанной ширины и меньше
-     * @example 2
-     */
-    column: number;
-}
-export interface IDetailResponsive {
-    /**
-     * Перестраивать таблицу при ресайзе
-     */
-    enable?: boolean;
-    /**
-     * Брейкпоинты
-     */
-    media: IDetailMedia[];
-}
-export interface IDetailProps {
-    /**
-     * Размер ячеек в таблице
-     * @example 'sm'
-     */
-    size?: Size;
-    /**
-     * Вариант расположения ячеек "ключ-значение"
-     * @example 'horizontal'
-     */
-    layout?: DetailLayoutEnum;
-    /**
-     * Перестраивать таблицу при ресайзе
-     * @example {enable: true, media: [{breakpoint: 600, column: 2}]}
-     */
-    responsive?: boolean | IDetailResponsive;
-    /**
-     * Максимальное количество колонок
-     * @example 3
-     */
-    column?: number;
-    /**
-     * Заголовок таблицы
-     * @example 'User info'
-     */
-    title?: string | React.ReactNode;
-    /**
-     * Контролы, которые нужно расположить рядом с таблицей
-     * @example [{label: __(('Edit')), onClick: () => props.onClick()}]
-     */
-    controls?: IControlItem[];
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Дополнительный CSS-класс для таблицы
-     */
-    className?: string;
-    /**
-     * Дочерние компоненты
-     */
-    children?: React.ReactNode | React.ReactNode[];
-    [key: string]: any;
-}
-export interface IDetailItemOutputProps extends IDetailItemProps {
-    colspan: number;
-    value: IDetailItemProps['children'];
-}
-export interface IDetailViewProps extends IDetailProps {
-    rows: IDetailItemOutputProps[][];
-    resizedNodeRef?: (node: HTMLElement) => void;
-}
-export declare const constants: Readonly<{
-    MAX_COLUMN: number;
-    CELLS_IN_COLUMN: number;
-    TABLE_HEAD_COLSPAN: number;
-}>;
-declare function Detail(props: IDetailProps): JSX.Element;
-declare namespace Detail {
-    var defaultProps: {
-        size: string;
-        layout: DetailLayoutEnum;
-        column: number;
-        responsive: boolean;
-    };
-}
-export default Detail;

package/dist/ui/content/Detail/Detail.js

@@ -1,155 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-exports.constants = exports.DetailLayoutEnum = void 0;
-var react_1 = __importStar(require("react"));
-var isArray_1 = __importDefault(require("lodash/isArray"));
-var orderBy_1 = __importDefault(require("lodash/orderBy"));
-var hooks_1 = require("../../../hooks");
-var DetailItem_1 = __importDefault(require("./DetailItem"));
-/**
- * Detail
- * Представление данных в виде таблицы, в которой поля группируются по принципу "ключ-значение".
- */
-var DetailLayoutEnum;
-(function (DetailLayoutEnum) {
-    DetailLayoutEnum["Horizontal"] = "horizontal";
-    DetailLayoutEnum["Vertical"] = "vertical";
-})(DetailLayoutEnum = exports.DetailLayoutEnum || (exports.DetailLayoutEnum = {}));
-exports.constants = Object.freeze({
-    MAX_COLUMN: 3,
-    CELLS_IN_COLUMN: 2,
-    TABLE_HEAD_COLSPAN: 1
-});
-var getDetailItems = function (children) { return (react_1["default"].Children.toArray(children)
-    .filter(function (child) { var _a; return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === DetailItem_1["default"].displayName; })); };
-var normalizeSpan = function (span, column) { return (span > column)
-    ? column
-    : (span || 1); };
-var createRows = function (detailItems, column, layout) {
-    var result = [];
-    var freeColumns = column;
-    var rowIndex = 0;
-    result[rowIndex] = [];
-    detailItems.forEach(function (detailItem, index) {
-        if (!freeColumns) {
-            freeColumns = column;
-            rowIndex += 1;
-            result[rowIndex] = [];
-        }
-        var isLastDetailItem = index === (detailItems.length - 1);
-        var span = normalizeSpan(detailItem.props.span, column);
-        var nextSpan = null;
-        if (!isLastDetailItem) {
-            nextSpan = normalizeSpan(detailItems[index + 1].props.span, column);
-        }
-        freeColumns -= span;
-        if (isLastDetailItem || nextSpan > freeColumns) {
-            span += freeColumns;
-            freeColumns = 0;
-        }
-        result[rowIndex].push(__assign(__assign({}, detailItem.props), { colspan: layout === DetailLayoutEnum.Horizontal
-                ? span * exports.constants.CELLS_IN_COLUMN - exports.constants.TABLE_HEAD_COLSPAN
-                : span, value: detailItem }));
-    });
-    return result;
-};
-var normalizeResponsiveProps = function (props) { return (typeof props === 'boolean'
-    ? {
-        enable: props,
-        media: [
-            {
-                breakpoint: 500,
-                column: 1
-            },
-            {
-                breakpoint: 700,
-                column: 2
-            },
-            {
-                breakpoint: 1000,
-                column: 3
-            },
-        ]
-    }
-    : __assign(__assign({ enable: true }, props), { media: orderBy_1["default"](props.media, ['breakpoint'], ['asc']) })); };
-function Detail(props) {
-    var components = hooks_1.useComponents();
-    var detailItems = react_1.useMemo(function () { return getDetailItems(props.children); }, [props.children]);
-    var responsiveProps = react_1.useMemo(function () { return normalizeResponsiveProps(props.responsive); }, [props.responsive]);
-    var _a = react_1.useState(props.column || exports.constants.MAX_COLUMN), column = _a[0], setColumn = _a[1];
-    var _b = react_1.useState(createRows(detailItems, column, props.layout)), rows = _b[0], setRows = _b[1];
-    // Add responsive option
-    var resizeObserver = react_1.useRef(new ResizeObserver(function (entries) {
-        entries.forEach(function (entry) {
-            if (!entry.borderBoxSize) {
-                return;
-            }
-            var inlineSize = (isArray_1["default"](entry.borderBoxSize)
-                ? entry.borderBoxSize[0]
-                : entry.borderBoxSize).inlineSize;
-            // eslint-disable-next-line no-restricted-syntax
-            for (var _i = 0, _a = responsiveProps.media; _i < _a.length; _i++) {
-                var mediaItem = _a[_i];
-                if (inlineSize < mediaItem.breakpoint) {
-                    setColumn(mediaItem.column);
-                    return;
-                }
-            }
-            setColumn(props.column || exports.constants.MAX_COLUMN);
-        });
-    }));
-    var resizedNodeRef = react_1["default"].useCallback(function (node) {
-        if (!resizeObserver.current) {
-            return;
-        }
-        if (node !== null) {
-            resizeObserver.current.observe(node);
-            return;
-        }
-        resizeObserver.current.disconnect();
-    }, [resizeObserver]);
-    react_1.useEffect(function () {
-        setRows(createRows(detailItems, column, props.layout));
-    }, [column, detailItems, props.layout]);
-    return components.ui.renderView(props.view || 'content.DetailView', __assign(__assign(__assign({}, props), { rows: rows }), (responsiveProps.enable ? { resizedNodeRef: resizedNodeRef } : {})));
-}
-exports["default"] = Detail;
-Detail.defaultProps = {
-    size: 'sm',
-    layout: DetailLayoutEnum.Horizontal,
-    column: exports.constants.MAX_COLUMN,
-    responsive: true
-};

package/dist/ui/content/Detail/DetailItem.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-/**
- * DetailItem
- * Элемент "ключ-значение" в таблице Detail
- */
-export interface IDetailItemProps {
-    /**
-     * Наименование
-     * @example 'Product'
-     */
-    label: string | number | React.ReactNode;
-    /**
-     * Значение
-     * @example 'Cloud Database'
-     */
-    children: React.ReactNode;
-    /**
-     * Количество колонок, которое занимает элемент
-     * @example 3
-     */
-    span?: number;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Дополнительный CSS-класс для ячейки с наименованием
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный CSS-класс для ячейки со значением
-     */
-    contentClassName?: string;
-}
-declare function DetailItem(props: IDetailItemProps): JSX.Element;
-declare namespace DetailItem {
-    var defaultProps: {
-        span: number;
-    };
-    var displayName: string;
-}
-export default DetailItem;

package/dist/ui/content/Detail/DetailItem.js

@@ -1,10 +0,0 @@
-"use strict";
-exports.__esModule = true;
-function DetailItem(props) {
-    return props.children;
-}
-exports["default"] = DetailItem;
-DetailItem.defaultProps = {
-    span: 1
-};
-DetailItem.displayName = 'DetailItem';

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Basic table with title
- * @order 1
- * @col 8
- */
-export default _default;

package/dist/ui/content/Detail/demo/basic.js

@@ -1,56 +0,0 @@
-"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 Detail_1 = __importDefault(require("../Detail"));
-var DetailItem_1 = __importDefault(require("../DetailItem"));
-/**
- * Basic table with title
- * @order 1
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Detail_1["default"], { title: "Users", responsive: false },
-        React.createElement(DetailItem_1["default"], { label: "Product" }, "Cloud Database"),
-        React.createElement(DetailItem_1["default"], { label: "Billing Mode" }, "Prepaid"),
-        React.createElement(DetailItem_1["default"], { label: "Automatic Renewal" }, "YES"),
-        React.createElement(DetailItem_1["default"], { label: "Order time" }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Usage Time", span: 2 }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Status", span: 3 }, "Running"),
-        React.createElement(DetailItem_1["default"], { label: "Negotaited Amount" }, "$80.00"),
-        React.createElement(DetailItem_1["default"], { label: "Discount" }, "$20.00"),
-        React.createElement(DetailItem_1["default"], { label: "Official Receipts" }, "$60.00"),
-        React.createElement(DetailItem_1["default"], { label: "Config Info" },
-            "Data disk type: MongoDB",
-            React.createElement("br", null),
-            "Database version: 3.4",
-            React.createElement("br", null),
-            "Package: dds.mongo.mid",
-            React.createElement("br", null),
-            "Storage space: 10 GB",
-            React.createElement("br", null),
-            "Replication factor: 3",
-            React.createElement("br", null),
-            "Region: East China 1",
-            React.createElement("br", null))))); });

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

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

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

@@ -1,39 +0,0 @@
-"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;
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var content_1 = require("../../../content");
-var colors = {
-    primary: 'primary',
-    sd: 'secondary',
-    sc: 'success',
-    "if": 'info',
-    wr: 'warning',
-    dn: 'danger',
-    lg: 'light',
-    dr: 'dark'
-};
-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.")))); }))); });

package/dist/ui/content/Detail/demo/controls.d.ts

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

package/dist/ui/content/Detail/demo/controls.js

@@ -1,56 +0,0 @@
-"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 Detail_1 = __importDefault(require("../Detail"));
-var DetailItem_1 = __importDefault(require("../DetailItem"));
-/**
- * Table with controls
- * @order 3
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Detail_1["default"], { controls: [{ label: 'Edit' }], responsive: false },
-        React.createElement(DetailItem_1["default"], { label: "Product" }, "Cloud Database"),
-        React.createElement(DetailItem_1["default"], { label: "Billing Mode" }, "Prepaid"),
-        React.createElement(DetailItem_1["default"], { label: "Automatic Renewal" }, "YES"),
-        React.createElement(DetailItem_1["default"], { label: "Order time" }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Usage Time", span: 2 }, "2018-04-24  18:00:00"),
-        React.createElement(DetailItem_1["default"], { label: "Status", span: 3 }, "Running"),
-        React.createElement(DetailItem_1["default"], { label: "Negotaited Amount" }, "$80.00"),
-        React.createElement(DetailItem_1["default"], { label: "Discount" }, "$20.00"),
-        React.createElement(DetailItem_1["default"], { label: "Official Receipts" }, "$60.00"),
-        React.createElement(DetailItem_1["default"], { label: "Config Info" },
-            "Data disk type: MongoDB",
-            React.createElement("br", null),
-            "Database version: 3.4",
-            React.createElement("br", null),
-            "Package: dds.mongo.mid",
-            React.createElement("br", null),
-            "Storage space: 10 GB",
-            React.createElement("br", null),
-            "Replication factor: 3",
-            React.createElement("br", null),
-            "Region: East China 1",
-            React.createElement("br", null))))); });

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

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