@dovetail-v2/refine 0.0.66 → 0.1.0-test.2

package/lib/src/components/IngressRulesTable/IngressRulesTable.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useMemo } from 'react';
-import { useD2Translation } from '../../i18n';
-import { addId } from '../../utils/addId';
-import { ResourceLink } from '../ResourceLink';
-import ErrorContent from '../Table/ErrorContent';
-export const IngressRulesTable = ({ ingress }) => {
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    const rows = useMemo(() => {
-        return addId(ingress.flattenedRules, 'fullPath');
-    }, [ingress.flattenedRules]);
-    const columns = [
-        {
-            key: 'pathType',
-            display: true,
-            dataIndex: 'pathType',
-            title: t('dovetail.ingress_rule_type'),
-            sortable: true,
-        },
-        {
-            key: 'fullPath',
-            display: true,
-            dataIndex: 'fullPath',
-            title: t('dovetail.Path'),
-            sortable: true,
-        },
-        {
-            key: 'serviceName',
-            display: true,
-            dataIndex: 'serviceName',
-            title: t('dovetail.service'),
-            sortable: true,
-            render: (serviceName) => {
-                return (_jsx(ResourceLink, { name: "services", namespace: ingress.metadata.namespace || 'default', resourceId: serviceName }));
-            },
-        },
-        {
-            key: 'servicePort',
-            display: true,
-            dataIndex: 'servicePort',
-            title: t('dovetail.port'),
-            sortable: true,
-        },
-    ];
-    if (rows.length === 0) {
-        return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
-    }
-    return (_jsx(kit.table, { loading: false, dataSource: rows, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
-};

package/lib/src/components/IngressRulesTable/index.js

@@ -1 +0,0 @@
-export * from './IngressRulesTable';

package/lib/src/components/K8sDropdown/index.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Icon, useUIKit } from '@cloudtower/eagle';
-import { EditPen16PrimaryIcon, MoreEllipsis316BoldBlueIcon, TrashBinDelete16Icon, Download16GradientBlueIcon, } from '@cloudtower/icons-react';
-import { useResource } from '@refinedev/core';
-import { useDeleteModal } from 'src/hooks/useDeleteModal';
-import { useDownloadYAML } from 'src/hooks/useDownloadYAML';
-import { useOpenForm } from 'src/hooks/useOpenForm';
-import { useGlobalStore } from '../../hooks';
-import { useD2Translation } from '../../i18n';
-function K8sDropdown(props) {
-    const { record } = props;
-    const kit = useUIKit();
-    const { globalStore } = useGlobalStore();
-    const useResourceResult = useResource();
-    const resource = useResourceResult.resource;
-    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
-    const download = useDownloadYAML();
-    const { t } = useD2Translation();
-    const openForm = useOpenForm({ id: record.id });
-    return (_jsxs(_Fragment, { children: [_jsx(kit.dropdown, { overlay: _jsxs(kit.menu, { children: [_jsx(kit.menuItem, { onClick: openForm, children: _jsx(Icon, { src: EditPen16PrimaryIcon, children: t('dovetail.edit') }) }), _jsx(kit.menuItem, { danger: true, onClick: () => {
-                                openDeleteConfirmModal(record.id);
-                            }, children: _jsx(Icon, { src: TrashBinDelete16Icon, children: t('dovetail.delete') }) }), _jsx(kit.menu.Item, { onClick: () => {
-                                if (record.id) {
-                                    download({
-                                        name: record.metadata?.name || record.kind || '',
-                                        item: globalStore?.restoreItem(record) || record,
-                                    });
-                                }
-                            }, children: _jsx(Icon, { src: Download16GradientBlueIcon, children: t('dovetail.download_yaml') }) }), props.children] }), children: _jsx(kit.button, { type: "tertiary", size: "small", children: _jsx(Icon, { src: MoreEllipsis316BoldBlueIcon }) }) }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
-}
-export default K8sDropdown;

package/lib/src/components/KeyValue/KeyValue.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-export const KeyValue = ({ value }) => {
-    const kit = useUIKit();
-    if (!value || Object.keys.length === 0) {
-        return _jsx("div", { children: "Empty" });
-    }
-    const data = Object.keys(value).map(key => {
-        return {
-            id: key,
-            key,
-            value: value[key],
-        };
-    });
-    return (_jsx(kit.table, { loading: false, columns: [
-            {
-                key: 'key',
-                title: 'Key',
-                dataIndex: ['key'],
-            },
-            {
-                key: 'value',
-                title: 'Value',
-                dataIndex: ['value'],
-            },
-        ], dataSource: data }));
-};

package/lib/src/components/KeyValue/index.js

@@ -1 +0,0 @@
-export * from './KeyValue';

package/lib/src/components/KeyValueData/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface KeyValueDataProps {
-    datas: Record<string, string>;
-    expandable?: boolean;
-}
-export declare function KeyValueData(props: KeyValueDataProps): JSX.Element;

package/lib/src/components/KeyValueData/index.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit, Typo } from '@cloudtower/eagle';
-import { css, cx } from '@linaria/core';
-import { useState } from 'react';
-import { useD2Translation } from '../../i18n';
-const WrapperStyle = css `
-  width: 100%;
-`;
-const HeaderStyle = css `
-  width: 100%;
-  display: flex;
-  justify-content: space-space-between;
-  align-items: center;
-  margin-bottom: 8px;
-`;
-const HeaderItemStyle = css `
-  flex: 1;
-`;
-const ExpandButtonStyle = css `
-  &.ant-btn.ant-btn-link {
-    height: 22px;
-    font-size: 12px;
-  }
-`;
-const ContentBlockStyle = css `
-  display: flex;
-  padding: 8px 10px;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 8px;
-  align-self: stretch;
-  border-radius: 4px;
-  background: rgba(237, 241, 250, 0.60);
-
-  &:not(:last-of-type) {
-    margin-bottom: 8px;
-  }
-`;
-const KeyStyle = css `
-  color: rgba(44, 56, 82, 0.60);
-`;
-export function KeyValueData(props) {
-    const { datas, expandable } = props;
-    const [isExpand, setIsExpand] = useState(expandable ? false : true);
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    return (_jsxs("div", { className: WrapperStyle, children: [_jsxs("div", { className: HeaderStyle, children: [_jsx("span", { className: HeaderItemStyle, children: Object.keys(datas).length }), _jsx(kit.button, { type: "link", className: ExpandButtonStyle, onClick: () => {
-                            setIsExpand(!isExpand);
-                        }, children: isExpand ? t('dovetail.fold') : t('dovetail.expand') })] }), isExpand ? (Object.keys(datas).map(key => (_jsxs("div", { className: ContentBlockStyle, children: [_jsx("span", { className: cx(KeyStyle, Typo.Label.l4_regular), children: key }), _jsx("span", { className: Typo.Label.l4_regular, children: datas[key] })] }, key)))) : null] }));
-}

package/lib/src/components/Layout/index.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit, Typo } from '@cloudtower/eagle';
-import { css, cx } from '@linaria/core';
-import { useState } from 'react';
-import { Menu } from '../Menu';
-import { NamespacesFilter } from '../NamespacesFilter';
-const HeaderStyle = css `
-  &.ant-layout-header {
-    align-items: center;
-    background: #fff;
-    border-bottom: 2px solid #edf0f7;
-    display: flex;
-    height: 50px;
-    justify-content: space-between;
-    padding: 0 24px 0 14px;
-    position: relative;
-    z-index: 10;
-  }
-`;
-const ContentLayoutStyle = css `
-  height: 100%;
-`;
-const SiderStyle = css `
-  &.ant-layout-sider {
-    background: #edf0f7;
-  }
-`;
-const ContentStyle = css `
-  &.ant-layout-content {
-    padding: 16px;
-    background: #fff;
-  }
-`;
-export const Layout = ({ children, }) => {
-    const kit = useUIKit();
-    const [collapsed, setCollapsed] = useState(false);
-    const { Header, Content, Sider } = kit.layout;
-    return (_jsxs(kit.layout, { style: { height: '100%' }, children: [_jsxs(Header, { className: cx(HeaderStyle, Typo.Heading.h1_bold_title), children: ["Dovetail 2", _jsx("div", { style: { width: 300 }, children: _jsx(NamespacesFilter, {}) })] }), _jsxs(kit.layout, { className: ContentLayoutStyle, children: [_jsx(Sider, { width: 256, className: SiderStyle, theme: "light", collapsed: collapsed, onCollapse: value => setCollapsed(value), children: _jsx(Menu, {}) }), _jsx(Content, { className: ContentStyle, children: children })] })] }));
-};

package/lib/src/components/ListPage/index.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { css, cx } from '@linaria/core';
-import { useContext } from 'react';
-import BaseTable from 'src/components/Table';
-import { TableToolBar } from 'src/components/Table/TableToolBar';
-import ComponentContext from 'src/contexts/component';
-const ListPageStyle = css `
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-`;
-const TableStyle = css `
-  &.table-wrapper {
-    height: auto;
-    flex-shrink: 1;
-    min-height: 0;
-  }
-`;
-export function ListPage(props) {
-    const { title, selectedKeys, tableProps } = props;
-    const { Table: TableComponent } = useContext(ComponentContext);
-    const Table = TableComponent || BaseTable;
-    return (_jsxs("div", { className: ListPageStyle, children: [_jsx(TableToolBar, { title: title, selectedKeys: selectedKeys }), _jsx(Table, { ...tableProps, className: cx(tableProps.className, TableStyle), scroll: { y: 'calc(100% - 48px)' } })] }));
-}

package/lib/src/components/Menu/index.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import { useMenu } from '@refinedev/core';
-import { NavLink } from 'react-router-dom';
-const MenuStyle = css `
-  &.ant-menu {
-    background: #edf0f7;
-    padding: 8px;
-
-    .ant-menu-item-selected {
-      background: linear-gradient(90deg, #0080ff, #005ed1);
-      border-radius: 6px;
-      box-shadow: 0 1px 2px rgba(184, 192, 204, 0.6);
-      color: #fff;
-
-      a:hover {
-        color: #fff;
-      }
-    }
-
-    .ant-menu-item:not(.ant-menu-item-selected):hover {
-      background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0.6));
-      border-radius: 6px;
-      box-shadow: 0 0 4px rgba(235, 239, 245, 0.6), 0 8px 16px rgba(129, 138, 153, 0.18);
-    }
-  }
-`;
-export const Menu = () => {
-    const kit = useUIKit();
-    const { menuItems, selectedKey } = useMenu();
-    function renderMenuItems(items) {
-        return items.map(item => item.list ? (_jsx(kit.menuItem, { children: _jsx(NavLink, { to: item.route || '', children: item.label }) }, item.key)) : (_jsx(kit.menuItemGroup, { title: item.name, children: renderMenuItems(item.children) }, item.key)));
-    }
-    return (_jsx(kit.menu, { className: MenuStyle, theme: "light", selectedKeys: [selectedKey], children: renderMenuItems(menuItems) }));
-};

package/lib/src/components/NamespacesFilter/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useList } from '@refinedev/core';
-import { useLocalStorage } from 'usehooks-ts';
-import { useD2Translation } from '../../i18n';
-export const NS_STORE_KEY = 'namespace-filter';
-export const ALL_NS = '_all';
-export const useNamespacesFilter = () => {
-    const [value] = useLocalStorage(NS_STORE_KEY, ALL_NS);
-    return {
-        value,
-    };
-};
-export const NamespacesFilter = () => {
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    const { data } = useList({
-        resource: 'namespaces',
-        meta: {
-            resourceBasePath: '/api/v1',
-            kind: 'Namespace',
-        },
-    });
-    const [value, setValue] = useLocalStorage(NS_STORE_KEY, ALL_NS);
-    return (_jsxs(kit.select, { input: {
-            value,
-            onChange(value) {
-                setValue(value);
-            },
-        }, children: [_jsx(kit.option, { value: "_all", children: t('dovetail.all_namespaces') }, "_all"), data?.data.map(namespace => {
-                const { name } = namespace.metadata;
-                return (_jsx(kit.option, { value: name, children: name }, name));
-            })] }));
-};

package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts

@@ -1,7 +0,0 @@
-import type { NetworkPolicyIngressRule, NetworkPolicyEgressRule } from 'kubernetes-types/networking/v1';
-import React from 'react';
-type Props = {
-    ingressOrEgress: NetworkPolicyIngressRule[] | NetworkPolicyEgressRule[];
-};
-export declare const NetworkPolicyRulesTable: React.FC<Props>;
-export {};

package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { flatten, get } from 'lodash-es';
-import { useMemo } from 'react';
-import { useD2Translation } from '../../i18n';
-import { addId } from '../../utils/addId';
-import ErrorContent from '../Table/ErrorContent';
-import { Tags } from '../Tags';
-export const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
-    const result = ingressOrEgress?.map((gress, i) => {
-        const peers = get(gress, 'from') || get(gress, 'to');
-        if (!peers)
-            return null;
-        return _jsx(IngressRuleTable, { peers: peers }, i);
-    });
-    return _jsx(_Fragment, { children: result });
-};
-const IngressRuleTable = ({ peers }) => {
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    const rows = useMemo(() => {
-        const rows = peers?.map(p => {
-            return Object.keys(p).map(key => {
-                return {
-                    type: key,
-                    ...p[key],
-                };
-            });
-        }) || [];
-        return addId(flatten(rows), 'type');
-    }, [peers]);
-    const columns = [
-        {
-            key: 'type',
-            display: true,
-            dataIndex: 'type',
-            title: t('dovetail.type'),
-            sortable: true,
-        },
-        {
-            key: 'cidr',
-            display: true,
-            dataIndex: 'cidr',
-            title: 'CIDR',
-            sortable: true,
-            render(v) {
-                return _jsx("span", { children: v || '-' });
-            },
-        },
-        {
-            key: 'except',
-            display: true,
-            dataIndex: 'except',
-            title: 'Except',
-            sortable: true,
-            render: (except) => {
-                if (!except)
-                    return '-';
-                return except?.map(str => _jsx("div", { children: str }, str));
-            },
-        },
-        {
-            key: 'matchLabels',
-            display: true,
-            dataIndex: 'matchLabels',
-            title: 'Match Labels',
-            sortable: true,
-            render(matchLabels) {
-                return _jsx(Tags, { value: matchLabels });
-            },
-        },
-    ];
-    if (rows.length === 0) {
-        return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
-    }
-    return (_jsx(kit.table, { loading: false, dataSource: rows, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
-};

package/lib/src/components/NetworkPolicyRulesTable/index.d.ts

@@ -1 +0,0 @@
-export * from './NetworkPolicyRulesTable';

package/lib/src/components/NetworkPolicyRulesTable/index.js

@@ -1 +0,0 @@
-export * from './NetworkPolicyRulesTable';

package/lib/src/components/PageShow/PageShow.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useParsed, useShow } from '@refinedev/core';
-import { ShowContent } from '../ShowContent';
-export const PageShow = (props) => {
-    const kit = useUIKit();
-    const parsed = useParsed();
-    const { queryResult } = useShow({ id: parsed?.params?.id });
-    const { isLoading } = queryResult;
-    return isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props });
-};

package/lib/src/components/PageShow/index.js

@@ -1 +0,0 @@
-export * from './PageShow';

package/lib/src/components/PodContainersTable/PodContainersTable.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon, useUIKit } from '@cloudtower/eagle';
-import { CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, } from '@cloudtower/icons-react';
-import { useMemo } from 'react';
-import { CommonSorter } from '../../hooks/useEagleTable/columns';
-import { useD2Translation } from '../../i18n';
-import { addId } from '../../utils/addId';
-import { StateTag } from '../StateTag';
-import Time from '../Time';
-export const PodContainersTable = ({ containerStatuses, initContainerStatuses, }) => {
-    const kit = useUIKit();
-    const { i18n } = useD2Translation();
-    const columns = useMemo(() => [
-        {
-            key: 'state',
-            dataIndex: ['state'],
-            title: i18n.t('dovetail.state'),
-            sortable: true,
-            sorter: CommonSorter(['state']),
-            render: v => _jsx(StateTag, { state: Object.keys(v)[0] }),
-        },
-        {
-            key: 'ready',
-            dataIndex: ['ready'],
-            title: i18n.t('dovetail.ready'),
-            sortable: true,
-            sorter: CommonSorter(['ready']),
-            render: v => (_jsx(Icon, { src: v ? CheckmarkDoneSuccessCorrect16BoldGreenIcon : XmarkFailed16BoldRedIcon })),
-        },
-        {
-            key: 'name',
-            dataIndex: ['name'],
-            title: i18n.t('dovetail.name'),
-            sortable: true,
-            sorter: CommonSorter(['name']),
-        },
-        {
-            key: 'image',
-            dataIndex: ['image'],
-            title: i18n.t('dovetail.image'),
-            sortable: true,
-            sorter: CommonSorter(['image']),
-        },
-        {
-            key: 'init',
-            dataIndex: [],
-            title: i18n.t('dovetail.init_container'),
-            render: (_, record) => {
-                const isInit = initContainerStatuses.some(c => c.containerID === record.containerID);
-                if (isInit) {
-                    return _jsx(Icon, { src: CheckmarkDoneSuccessCorrect16BoldGreenIcon });
-                }
-                return _jsx("span", { children: "-" });
-            },
-        },
-        {
-            key: 'restartCount',
-            dataIndex: ['restartCount'],
-            title: i18n.t('dovetail.restarts'),
-            sortable: true,
-            sorter: CommonSorter(['restartCount']),
-        },
-        {
-            key: 'started',
-            dataIndex: ['state', 'running', 'startedAt'],
-            title: i18n.t('dovetail.started'),
-            sortable: true,
-            sorter: CommonSorter(['state', 'running', 'startedAt']),
-            render: (value) => {
-                if (value)
-                    return _jsx(Time, { date: new Date(value) });
-                return _jsx("span", { children: "-" });
-            },
-        },
-    ], [i18n, initContainerStatuses]);
-    const dataSource = useMemo(() => addId(containerStatuses.concat(initContainerStatuses), 'containerID'), [containerStatuses, initContainerStatuses]);
-    return (_jsx(kit.table, { loading: false, dataSource: dataSource, columns: columns, rowKey: "containerID", error: false }));
-};

package/lib/src/components/PodContainersTable/index.js

@@ -1 +0,0 @@
-export * from './PodContainersTable';

package/lib/src/components/PodLog/index.js

@@ -1,136 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { Resume24Icon, SuspendedPause24GradientOrangeIcon, } from '@cloudtower/icons-react';
-import { css } from '@linaria/core';
-import { LogViewer } from '@patternfly/react-log-viewer';
-import { useDataProvider } from '@refinedev/core';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useD2Translation } from '../../i18n';
-import '@patternfly/react-core/dist/styles/base-no-reset.css';
-const ToolbarStyle = css `
-  margin-bottom: 8px;
-  align-items: center;
-  display: flex;
-
-  > * {
-    margin-right: 8px !important;
-  }
-
-  .ant-select {
-    width: 256px !important;
-  }
-`;
-export const PodLog = ({ pod }) => {
-    const kit = useUIKit();
-    const [selectedContainer, setSelectedContainer] = useState(pod.spec?.containers[0]?.name || '');
-    // const [follow, setFollow] = useState(true);
-    const follow = true;
-    const [logs, setLogs] = useState([]);
-    const [currentItemCount, setCurrentItemCount] = useState(0);
-    const [paused, setPaused] = useState(false);
-    const [wrap, setWrap] = useState(false);
-    const [linesBehind, setLinesBehind] = useState(0);
-    const logViewerRef = useRef(null);
-    const abortControllerRef = useRef(null);
-    const dataProvider = useDataProvider();
-    const apiUrl = dataProvider()['getApiUrl']();
-    const { t } = useD2Translation();
-    useEffect(() => {
-        if (!paused && logs.length > 0) {
-            setCurrentItemCount(logs.length);
-            if (logViewerRef && logViewerRef.current) {
-                logViewerRef.current.scrollToBottom();
-            }
-        }
-        else if (logs.length !== currentItemCount) {
-            setLinesBehind(logs.length - currentItemCount);
-        }
-        else {
-            setLinesBehind(0);
-        }
-    }, [paused, logs, currentItemCount]);
-    const onScroll = (params) => {
-        const { scrollOffsetToBottom, scrollUpdateWasRequested } = params;
-        if (!scrollUpdateWasRequested) {
-            if (scrollOffsetToBottom > 0) {
-                setPaused(true);
-            }
-            else {
-                setPaused(false);
-            }
-        }
-    };
-    const fetchLogs = useCallback(() => {
-        if (!selectedContainer) {
-            return;
-        }
-        abortControllerRef.current = new AbortController();
-        const { signal } = abortControllerRef.current;
-        let url = `${apiUrl}/api/v1/namespaces/${pod.metadata?.namespace}/pods/${pod.metadata?.name}/log?container=${selectedContainer}&tailLines=100&timestamps=true`;
-        if (follow) {
-            url += '&follow=true';
-        }
-        fetch(url, { signal }).then(response => {
-            const reader = response.body?.getReader();
-            if (!reader) {
-                return;
-            }
-            const decoder = new TextDecoder();
-            let buffer = '';
-            const processChunk = ({ done, value }) => {
-                if (done) {
-                    return;
-                }
-                const chunk = decoder.decode(value);
-                const lastIndex = chunk.lastIndexOf('\n');
-                if (lastIndex === -1) {
-                    buffer += chunk;
-                }
-                const total = buffer + chunk.slice(0, lastIndex);
-                buffer = chunk.slice(lastIndex + 1);
-                const formattedLogs = total
-                    .split('\n')
-                    .filter(Boolean)
-                    .map(line => {
-                    const [timestamps, ...content] = line.split(' ');
-                    const t = new Date(timestamps).toLocaleString();
-                    if (t === 'Invalid Date') {
-                        return line;
-                    }
-                    return `${t} ${content.join(' ')}`;
-                })
-                    .join('\n');
-                // Update the logs state with the new chunk of data
-                setLogs(prevLogs => prevLogs.concat(formattedLogs.split('\n')));
-                // Continue reading the next chunk
-                reader.read().then(processChunk);
-            };
-            // Start reading the first chunk
-            reader.read().then(processChunk);
-        });
-    }, [follow, pod.metadata?.namespace, pod.metadata?.name, selectedContainer]);
-    const stopFetchingLogs = useCallback(() => {
-        if (abortControllerRef.current) {
-            abortControllerRef.current.abort();
-            abortControllerRef.current = null;
-        }
-    }, []);
-    useEffect(() => {
-        fetchLogs();
-        return () => {
-            stopFetchingLogs();
-        };
-    }, [fetchLogs, stopFetchingLogs]);
-    return (_jsxs("div", { children: [_jsxs("div", { className: ToolbarStyle, children: [_jsxs(kit.select, { input: {
-                            onChange: newValue => {
-                                stopFetchingLogs();
-                                setSelectedContainer(newValue);
-                                setLogs([]);
-                                setPaused(false);
-                                setLinesBehind(0);
-                            },
-                            value: selectedContainer,
-                        }, children: [_jsx(kit.option, { value: "", disabled: true, children: t('dovetail.select_container') }), (pod.spec?.containers || []).map(container => (_jsx(kit.option, { value: container.name, children: container.name }, container.name)))] }), _jsx(kit.checkbox, { checked: wrap, onChange: e => setWrap(e.target.checked), children: t('dovetail.wrap') }), _jsx(kit.button, { onClick: () => setPaused(prev => !prev), prefixIcon: paused ? _jsx(Resume24Icon, {}) : _jsx(SuspendedPause24GradientOrangeIcon, {}), children: paused ? t('dovetail.resume_log') : t('dovetail.suspend') })] }), _jsx(LogViewer, { innerRef: logViewerRef, hasLineNumbers: true, height: 300, data: logs, theme: "light", isTextWrapped: wrap, footer: paused && (_jsxs(kit.button, { type: "primary", style: {
-                        borderRadius: 0,
-                    }, onClick: () => setPaused(false), children: [t('dovetail.resume_log'), linesBehind === 0 ? null : t('dovetail.log_new_lines', { count: linesBehind })] })), onScroll: onScroll })] }));
-};

package/lib/src/components/ReferenceLink/index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ConfigsContext } from '../../contexts';
-import { ResourceLink } from '../ResourceLink';
-export const ReferenceLink = props => {
-    const { ownerReference, namespace } = props;
-    const configs = useContext(ConfigsContext);
-    // no ReplicaSet page, show plain text
-    if (ownerReference.kind === 'ReplicaSet') {
-        return _jsx("span", { children: ownerReference.name });
-    }
-    const resource = Object.values(configs).find(c => c.kind === ownerReference.kind);
-    if (!resource) {
-        return _jsx("span", { children: "-" });
-    }
-    return (_jsx(ResourceLink, { resourceId: ownerReference.name, name: resource.name || '', namespace: namespace }));
-};