ydb-embedded-ui 4.10.1 → 4.11.0

package/dist/containers/Tenant/Acl/Acl.js

@@ -1,153 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'bem-cn-lite';
-import _ from 'lodash';
-import {connect} from 'react-redux';
-import {Loader} from '@gravity-ui/uikit';
-import DataTable from '@gravity-ui/react-data-table';
-import {DEFAULT_TABLE_SETTINGS} from '../../../utils/constants';
-
-import './Acl.scss';
-
-const b = cn('kv-acl');
-
-const COLUMN_WIDTH = 140;
-
-const TABLE_SETTINGS = {
-    ...DEFAULT_TABLE_SETTINGS,
-    dynamicRender: false,
-    stickyTop: 36,
-};
-
-class Acl extends React.Component {
-    static propTypes = {
-        error: PropTypes.string,
-        acl: PropTypes.array,
-        loading: PropTypes.bool,
-        additionalTenantInfo: PropTypes.object,
-    };
-
-    COLUMNS = [
-        {
-            name: 'AccessType',
-            header: 'Access Type',
-            sortable: false,
-        },
-        {
-            name: 'AccessRights',
-            header: 'Access Rights',
-            render: ({value}) => {
-                return _.map(value, (item, index) => {
-                    return <div key={index}>{item}</div>;
-                });
-            },
-            sortable: false,
-        },
-        {
-            name: 'Subject',
-            sortable: false,
-            // eslint-disable-next-line react/display-name
-            render: ({value}) => {
-                return this.prepareLogin(value);
-            },
-            width: COLUMN_WIDTH,
-        },
-        {
-            name: 'InheritanceType',
-            header: 'Inheritance Type',
-            render: ({value}) => {
-                return _.map(value, (item, index) => {
-                    return <div key={index}>{item}</div>;
-                });
-            },
-            sortable: false,
-        },
-    ];
-
-    prepareLogin = (value) => {
-        if (this.props.prepareLogin) {
-            return this.props.additionalTenantInfo?.prepareLogin(value);
-        }
-        if (value && value.endsWith('@staff') && !value.startsWith('svc_')) {
-            const login = value.split('@')[0];
-            return login;
-        }
-
-        return value;
-    };
-
-    renderTable = () => {
-        const {acl} = this.props;
-
-        if (!acl) {
-            return null;
-        }
-
-        return <DataTable columns={this.COLUMNS} data={acl} settings={TABLE_SETTINGS} />;
-    };
-
-    renderOwner = () => {
-        const {owner} = this.props;
-
-        if (!owner) {
-            return null;
-        }
-
-        return (
-            <div className={b('owner-container')}>
-                <span className={b('owner-label')}>Owner: </span>
-                {this.prepareLogin(owner)}
-            </div>
-        );
-    };
-    renderResult = () => {
-        return (
-            <React.Fragment>
-                {this.renderOwner()}
-                {this.renderTable()}
-            </React.Fragment>
-        );
-    };
-
-    render() {
-        const {error, loading, acl, owner, wasLoaded} = this.props;
-
-        if (loading && !wasLoaded) {
-            return (
-                <div className={b('loader-container')}>
-                    <Loader size="m" />
-                </div>
-            );
-        }
-
-        if (error && !error.isCancelled) {
-            const message = (error.data || error).slice(0, 100);
-
-            return <div className={b('message-container')}>{message}</div>;
-        }
-
-        if (!loading && !acl && !owner) {
-            return <div className={b('message-container')}>Empty</div>;
-        }
-
-        return (
-            <div className={b()}>
-                <div className={b('result')}>{this.renderResult()}</div>
-            </div>
-        );
-    }
-}
-
-const mapStateToProps = (state) => {
-    const {loading, error, acl, owner, wasLoaded} = state.schemaAcl;
-
-    return {
-        acl,
-        owner,
-        loading,
-        error,
-        wasLoaded,
-    };
-};
-
-export default connect(mapStateToProps)(Acl);

package/dist/containers/Tenant/Schema/SchemaViewer/SchemaViewer.js

@@ -1,94 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'bem-cn-lite';
-
-import find from 'lodash/find';
-
-import {Icon} from '../../../../components/Icon';
-import DataTable from '@gravity-ui/react-data-table';
-import {DEFAULT_TABLE_SETTINGS} from '../../../../utils/constants';
-import './SchemaViewer.scss';
-
-const b = cn('schema-viewer');
-
-const SchemaViewerColumns = {
-    id: 'Id',
-    name: 'Name',
-    key: 'Key',
-    type: 'Type',
-    notNull: 'NotNull',
-};
-
-class SchemaViewer extends React.Component {
-    static propTypes = {
-        data: PropTypes.arrayOf(PropTypes.object),
-    };
-
-    renderTable() {
-        const {data = {}} = this.props;
-        const keyColumnsIds = data.KeyColumnIds ?? [];
-        const keyColumns = keyColumnsIds.map((key) => {
-            const keyColumn = find(data.Columns, {Id: key});
-            return keyColumn;
-        });
-        const restColumns = data.Columns?.filter((item) => !keyColumnsIds.includes(item.Id)) ?? [];
-
-        const columns = [
-            {
-                name: SchemaViewerColumns.id,
-                width: 40,
-            },
-            {
-                name: SchemaViewerColumns.key,
-                width: 40,
-                sortAccessor: (row) => {
-                    return keyColumnsIds.includes(row.Id) ? 1 : 0;
-                },
-                render: ({row}) => {
-                    return keyColumnsIds.includes(row.Id) ? (
-                        <div className={b('key-icon')}>
-                            <Icon name="key" viewBox="0 0 12 7" width={12} height={7} />
-                        </div>
-                    ) : null;
-                },
-            },
-            {
-                name: SchemaViewerColumns.name,
-                width: 100,
-            },
-            {
-                name: SchemaViewerColumns.type,
-                width: 100,
-            },
-            {
-                name: SchemaViewerColumns.notNull,
-                width: 100,
-                render: ({row}) => {
-                    if (row.NotNull) {
-                        return '\u2713';
-                    }
-
-                    return undefined;
-                },
-            },
-        ];
-
-        const tableData = [...keyColumns, ...restColumns];
-        return (
-            <DataTable
-                theme="yandex-cloud"
-                data={tableData}
-                columns={columns}
-                settings={DEFAULT_TABLE_SETTINGS}
-                dynamicRender={true}
-                initialSortOrder={{columnId: SchemaViewerColumns.key, order: DataTable.DESCENDING}}
-            />
-        );
-    }
-
-    render() {
-        return <div className={b()}>{this.renderTable()}</div>;
-    }
-}
-
-export default SchemaViewer;