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

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon, useUIKit } from '@cloudtower/eagle';
-import { SuspendedPause16GradientGrayIcon, VmResume16Icon, } from '@cloudtower/icons-react';
-import { useResource, useUpdate } from '@refinedev/core';
-import { useD2Translation } from '../../i18n';
-import { pruneBeforeEdit } from '../../utils/k8s';
-import K8sDropdown from '../K8sDropdown';
-export function CronJobDropdown(props) {
-    const { record } = props;
-    const { spec } = record;
-    const kit = useUIKit();
-    const { resource } = useResource();
-    const { mutate } = useUpdate();
-    const { t } = useD2Translation();
-    const suspended = Boolean(spec?.suspend);
-    return (_jsx(K8sDropdown, { record: record, children: _jsx(kit.menu.Item, { onClick: () => {
-                const v = suspended ? record.resume() : record.suspend();
-                const id = record.id;
-                pruneBeforeEdit(v);
-                mutate({
-                    id,
-                    resource: resource?.name || '',
-                    values: v,
-                });
-            }, children: _jsx(Icon, { src: suspended ? VmResume16Icon : SuspendedPause16GradientGrayIcon, children: t(suspended ? 'dovetail.resume' : 'dovetail.suspend') }) }) }));
-}

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

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import { useList } from '@refinedev/core';
-import { useMemo, useState } from 'react';
-import { AgeColumnRenderer, CompletionsCountColumnRenderer, DurationColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadImageColumnRenderer, } from '../../hooks/useEagleTable/columns';
-import { useD2Translation } from '../../i18n';
-import Table from '../Table';
-import { TableToolBar } from '../Table/TableToolBar';
-function matchOwner(job, owner) {
-    let match = false;
-    // TODO: use relations
-    for (const o of job.metadata?.ownerReferences || []) {
-        if (o.apiVersion === owner.apiVersion &&
-            o.kind === owner.kind &&
-            o.name === owner.name &&
-            job.namespace === owner.namespace) {
-            match = true;
-        }
-    }
-    return match;
-}
-export const CronjobJobsTable = ({ owner }) => {
-    const { i18n } = useD2Translation();
-    const kit = useUIKit();
-    const [selectedKeys, setSelectedKeys] = useState([]);
-    const [currentPage, setCurrentPage] = useState(1);
-    const { data } = useList({
-        resource: 'jobs',
-        meta: { resourceBasePath: '/apis/batch/v1', kind: 'Job' },
-    });
-    const dataSource = useMemo(() => {
-        return data?.data.filter(p => {
-            return owner ? matchOwner(p, owner) : true;
-        });
-    }, [data?.data, owner]);
-    const columns = [
-        NameColumnRenderer(i18n, 'jobs'),
-        StateDisplayColumnRenderer(i18n),
-        NameSpaceColumnRenderer(i18n),
-        WorkloadImageColumnRenderer(i18n),
-        CompletionsCountColumnRenderer(i18n),
-        DurationColumnRenderer(i18n),
-        AgeColumnRenderer(i18n),
-    ];
-    return (_jsxs(kit.space, { direction: "vertical", className: css `
-        width: 100%;
-      `, children: [_jsx(TableToolBar, { title: "Jobs", selectedKeys: selectedKeys, hideCreate: true }), _jsx(Table, { tableKey: "cronjobs", loading: !dataSource, data: dataSource || [], columns: columns, onSelect: keys => setSelectedKeys(keys), rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null })] }));
-};

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useResource, useParsed } from '@refinedev/core';
-import { useDeleteModal } from '../../hooks/useDeleteModal';
-import { useD2Translation } from '../../i18n';
-export const DeleteButton = () => {
-    const { resource } = useResource();
-    const { id } = useParsed();
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
-    return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ''), children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
-};

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useResource } from '@refinedev/core';
-import { useCallback } from 'react';
-import { useDeleteManyModal } from '../../hooks/useDeleteModal/useDeleteManyModal';
-import { useD2Translation } from '../../i18n';
-export const DeleteManyButton = props => {
-    const { resource } = useResource();
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    const { modalProps, visible, setVisible } = useDeleteManyModal(resource?.name || '', props.ids);
-    const onClick = useCallback(() => {
-        setVisible(true);
-    }, [setVisible]);
-    return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: onClick, children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
-};

package/lib/src/components/DrawerShow/DrawerShow.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useNavigation, useParsed, useShow } from '@refinedev/core';
-import { Drawer } from 'antd';
-import { ShowContent } from '../ShowContent';
-export const DrawerShow = (props) => {
-    const kit = useUIKit();
-    const parsed = useParsed();
-    const nav = useNavigation();
-    const { queryResult } = useShow({ id: parsed?.params?.id });
-    const { isLoading } = queryResult;
-    return (_jsx(Drawer, { title: "Show Drawer", placement: "right", onClose: () => nav.goBack(), width: "50%", visible: !!parsed?.params?.id, children: isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props }) }));
-};

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

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

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

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useParsed } from '@refinedev/core';
-import { useEdit } from '../../hooks/useEdit';
-export const EditButton = () => {
-    const { id } = useParsed();
-    const kit = useUIKit();
-    const { edit } = useEdit();
-    return (_jsx(kit.button, { type: "primary", onClick: () => {
-            if (id)
-                edit(id);
-        }, children: "Edit" }));
-};

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit, pushModal, popModal } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import { useCallback } from 'react';
-import { FormErrorAlert } from 'src/components/FormErrorAlert';
-import { useSubmitForm } from 'src/hooks/useSubmitForm';
-import { useD2Translation } from '../../i18n';
-const EditFieldModalStyle = css `
-.ant-modal-content {
-  border-radius: 16px;
-}
-
-.ant-modal-header {
-  border-radius: 16px 16px 0 0;
-}
-`;
-const EditButtonStyle = css `
-  &.ant-btn.ant-btn-link {
-    height: 22px;
-    margin-left: 8px;
-  }
-`;
-export function EditFieldModal(props) {
-    const { title, formRef: form, renderContent } = props;
-    const kit = useUIKit();
-    const { i18n } = useD2Translation();
-    const { submitting, errorMsgs, reset, onSubmit, } = useSubmitForm({
-        formRef: form,
-        onSubmitSuccess: popModal
-    });
-    const close = useCallback(() => {
-        popModal();
-        reset();
-    }, [reset]);
-    return (_jsxs(kit.modal, { className: EditFieldModalStyle, title: title || i18n.t('dovetail.edit'), confirmLoading: submitting, onOk: onSubmit, onCancel: close, normal: true, destroyOnClose: true, children: [renderContent(), _jsx(FormErrorAlert, { style: { marginTop: 16 }, errorMsgs: errorMsgs })] }));
-}
-export function EditField(props) {
-    const { modalProps } = props;
-    const kit = useUIKit();
-    const { i18n } = useD2Translation();
-    return (_jsx(kit.button, { className: EditButtonStyle, type: "link", onClick: () => {
-            pushModal({
-                component: EditFieldModal,
-                props: modalProps
-            });
-        }, children: i18n.t('dovetail.edit') }));
-}

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

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { kitContext, Typo } from '@cloudtower/eagle';
-import { cx } from '@linaria/core';
-import { styled } from '@linaria/react';
-import { useContext } from 'react';
-import { useD2Translation } from '../../i18n';
-export const ErrorWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-`;
-export const ErrorContent = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  .title {
-    margin-bottom: 8px;
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
-  }
-`;
-const WidgetErrorContent = props => {
-    const { refetch, errorText, hiddenRetry } = props;
-    const kit = useContext(kitContext);
-    const { t } = useD2Translation();
-    return (_jsx(ErrorWrapper, { className: props.className, style: props.style, children: _jsxs(ErrorContent, { children: [_jsx("p", { className: cx(Typo.Label.l1_regular_title, 'title'), children: errorText || t('dovetail.obtain_data_error') }), hiddenRetry ? null : (_jsx(kit.button, { size: "small", type: "ordinary", onClick: e => {
-                        e.stopPropagation();
-                        refetch?.();
-                    }, children: t('dovetail.retry') }))] }) }));
-};
-export default WidgetErrorContent;

package/lib/src/components/EventsTable/EventsTable.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useList, useParsed } from '@refinedev/core';
-import { useMemo, useState } from 'react';
-import { AgeColumnRenderer, CommonSorter, NameSpaceColumnRenderer, } from '../../hooks/useEagleTable/columns';
-import { useD2Translation } from '../../i18n';
-import Table from '../Table';
-export const EventsTable = ({}) => {
-    const { i18n } = useD2Translation();
-    const [currentPage, setCurrentPage] = useState(1);
-    const { data, isLoading } = useList({
-        resource: 'events',
-        meta: { resourceBasePath: '/apis/events.k8s.io/v1', kind: 'Event' },
-    });
-    const parsed = useParsed();
-    const columns = useMemo(() => [
-        NameSpaceColumnRenderer(i18n),
-        {
-            key: 'type',
-            display: true,
-            dataIndex: ['type'],
-            title: i18n.t('dovetail.type'),
-            sortable: true,
-            sorter: CommonSorter(['type']),
-        },
-        {
-            key: 'reason',
-            display: true,
-            dataIndex: ['reason'],
-            title: i18n.t('dovetail.reason'),
-            sortable: true,
-            sorter: CommonSorter(['reason']),
-        },
-        {
-            key: 'object',
-            display: true,
-            dataIndex: ['regarding', 'name'],
-            title: i18n.t('dovetail.object'),
-            sortable: true,
-            sorter: CommonSorter(['regarding', 'name']),
-        },
-        {
-            key: 'note',
-            display: true,
-            dataIndex: ['note'],
-            title: i18n.t('dovetail.note'),
-            sortable: true,
-            sorter: CommonSorter(['note']),
-        },
-        AgeColumnRenderer(i18n),
-    ], [i18n]);
-    const dataSource = useMemo(() => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        return data?.data.filter((d) => {
-            const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
-            return objectId === parsed.id;
-        });
-    }, [data?.data, parsed]);
-    return (_jsx(Table, { tableKey: "events", loading: isLoading, data: dataSource || [], columns: columns, rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null }));
-};

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

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

package/lib/src/components/Form/KeyValueListWidget.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { FormWidgetProps } from './widget';
-export type KeyValueListWidgetProps = FormWidgetProps<Record<string, string>> & {
-    disabled?: boolean;
-};
-export declare function KeyValueListWidget(props: KeyValueListWidgetProps): JSX.Element;

package/lib/src/components/Form/KeyValueListWidget.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useCallback, useMemo } from 'react';
-function KeyValueInput(props) {
-    const { children, item } = props;
-    const kit = useUIKit();
-    const onKeyChange = useCallback((event) => {
-        const key = event.target.value;
-        props.onChange?.({
-            ...item,
-            key,
-        });
-    }, [item, props]);
-    const onValueChange = useCallback((event) => {
-        const value = event.target.value;
-        props.onChange?.({
-            ...item,
-            value,
-        });
-    }, [item, props]);
-    return (_jsxs(kit.space, { children: [_jsx(kit.input, { value: item.key, onChange: onKeyChange }), _jsx(kit.textArea, { value: item.value, onChange: onValueChange }), children] }));
-}
-export function KeyValueListWidget(props) {
-    const kit = useUIKit();
-    const { value } = props;
-    const items = useMemo(() => {
-        return Object.entries(value || {}).map(([key, value]) => ({
-            key,
-            value,
-        }));
-    }, [value]);
-    const onChange = useCallback((newItems) => {
-        const newValue = newItems.reduce((result, item) => {
-            result[item.key] = item.value;
-            return result;
-        }, {});
-        props.onChange?.(newValue);
-    }, [props]);
-    const onRemove = useCallback((index) => {
-        const result = [...items];
-        result.splice(index, 1);
-        onChange(result);
-    }, [onChange, items]);
-    const onAdd = useCallback(() => {
-        onChange([...items, { key: '', value: '' }]);
-    }, [onChange, items]);
-    return (_jsxs(_Fragment, { children: [items.map((item, index) => {
-                return (_jsx(KeyValueInput, { item: item, onChange: newItem => {
-                        const temp = [...items];
-                        temp.splice(index, 1, newItem);
-                        onChange(temp);
-                    }, children: _jsx(kit.button, { onClick: () => {
-                            onRemove(index);
-                        }, danger: true, children: "Remove" }) }, index));
-            }), _jsx(kit.form.Item, { children: _jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })] }));
-}

package/lib/src/components/Form/MetadataForm.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function MetadataForm(): JSX.Element;

package/lib/src/components/Form/MetadataForm.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { KeyValueListWidget } from './KeyValueListWidget';
-import { NameInputWidget, rfc1123LabelRules } from './NameInputWidget';
-import { NamespaceSelectWidget, namespaceRules } from './NamespaceSelectWidget';
-export function MetadataForm() {
-    const kit = useUIKit();
-    return (_jsxs(_Fragment, { children: [_jsx(kit.form.Item, { label: "Name", name: ['metadata', 'name'], rules: rfc1123LabelRules, children: _jsx(NameInputWidget, {}) }), _jsx(kit.form.Item, { label: "Namespace", name: ['metadata', 'namespace'], rules: namespaceRules, children: _jsx(NamespaceSelectWidget, {}) }), _jsx(kit.form.Item, { name: ['metadata', 'labels'], label: "Labels", children: _jsx(KeyValueListWidget, {}) }), _jsx(kit.form.Item, { name: ['metadata', 'annotations'], label: "Annotations", children: _jsx(KeyValueListWidget, {}) })] }));
-}

package/lib/src/components/Form/NameInputWidget.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { AntdInputProps } from '@cloudtower/eagle';
-export declare function NameInputWidget(props: AntdInputProps): JSX.Element;
-export declare const dnsSubDomainRules: ({
-    required: boolean;
-    message: string;
-    pattern?: undefined;
-    max?: undefined;
-} | {
-    pattern: RegExp;
-    message: string;
-    required?: undefined;
-    max?: undefined;
-} | {
-    max: number;
-    message: string;
-    required?: undefined;
-    pattern?: undefined;
-})[];
-export declare const rfc1123LabelRules: ({
-    required: boolean;
-    message: string;
-    pattern?: undefined;
-    max?: undefined;
-} | {
-    pattern: RegExp;
-    message: string;
-    required?: undefined;
-    max?: undefined;
-} | {
-    max: number;
-    message: string;
-    required?: undefined;
-    pattern?: undefined;
-})[];
-export declare const rfc1035LabelRules: ({
-    required: boolean;
-    message: string;
-    pattern?: undefined;
-    max?: undefined;
-} | {
-    pattern: RegExp;
-    message: string;
-    required?: undefined;
-    max?: undefined;
-} | {
-    max: number;
-    message: string;
-    required?: undefined;
-    pattern?: undefined;
-})[];

package/lib/src/components/Form/NameInputWidget.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useResource } from '@refinedev/core';
-export function NameInputWidget(props) {
-    const kit = useUIKit();
-    const { action } = useResource();
-    return _jsx(kit.input, { ...props, disabled: action === 'edit' });
-}
-export const dnsSubDomainRules = [
-    {
-        required: true,
-        message: '名称不能为空',
-    },
-    {
-        pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
-        message: '名称只能包含小写字母、数字，以及 \'-\' 和 \'.\'，且必须以字母或数字开头和结束',
-    },
-    {
-        max: 253,
-        message: '名称长度不能超过253个字符',
-    },
-];
-export const rfc1123LabelRules = [
-    {
-        required: true,
-        message: '名称不能为空',
-    },
-    {
-        pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
-        message: '名称只能包含小写字母、数字，以及 \'-\'，且以字母或数字开头和结束',
-    },
-    {
-        max: 63,
-        message: '名称长度不能超过63个字符',
-    },
-];
-export const rfc1035LabelRules = [
-    {
-        required: true,
-        message: '名称不能为空',
-    },
-    {
-        pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
-        message: '名称只能包含小写字母、数字，以及 \'-\'，且以字母开头，字母或数字结束',
-    },
-    {
-        max: 63,
-        message: '名称长度不能超过63个字符',
-    },
-];

package/lib/src/components/Form/NamespaceSelectWidget.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { FormWidgetProps } from './widget';
-type NamespaceSelectProps = FormWidgetProps<string | string[]>;
-export declare function NamespaceSelectWidget(props: NamespaceSelectProps): JSX.Element;
-export declare const namespaceRules: {
-    required: boolean;
-    message: string;
-}[];
-export {};

package/lib/src/components/Form/NamespaceSelectWidget.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { useList, useResource } from '@refinedev/core';
-export function NamespaceSelectWidget(props) {
-    const kit = useUIKit();
-    const { action } = useResource();
-    const { data } = useList({
-        resource: 'namespaces',
-        meta: {
-            resourceBasePath: '/api/v1',
-            kind: 'Namespace',
-        },
-    });
-    return (_jsx(kit.select, { input: props, disabled: action === 'edit', children: data?.data.map(namespace => (_jsx(kit.option, { value: namespace.metadata.name, children: namespace.metadata.name }, namespace.metadata.name))) }));
-}
-export const namespaceRules = [
-    {
-        required: true,
-        message: 'Please input the namespace.',
-    },
-];

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

@@ -1,4 +0,0 @@
-export * from './NameInputWidget';
-export * from './NamespaceSelectWidget';
-export * from './KeyValueListWidget';
-export * from './MetadataForm';

package/lib/src/components/Form/widget.d.ts

@@ -1,5 +0,0 @@
-export interface FormWidgetProps<V> {
-    value?: V;
-    onChange?: (value: V) => void;
-    [prop: string]: unknown;
-}

package/lib/src/components/Form/widget.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,8 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { first } from 'lodash-es';
-export function FormErrorAlert(props) {
-    const { errorMsgs, style, className } = props;
-    const kit = useUIKit();
-    return errorMsgs.length ? (_jsx(kit.alert, { message: errorMsgs.length > 1 ? (_jsx("ul", { children: errorMsgs.map((errorMsg, index) => (_jsxs("li", { children: [index + 1 + '. ', " ", errorMsg] }, errorMsg))) })) : (first(errorMsgs)), type: "error", style: style, className: className })) : null;
-}

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

@@ -1,21 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useUIKit, Typo } from '@cloudtower/eagle';
-import { css, cx } from '@linaria/core';
-import { useResource } from '@refinedev/core';
-import { useD2Translation } from '../../i18n';
-const WrapperStyle = css `
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-`;
-const TitleStyle = css `
-  line-height: 32px !important;
-`;
-function FormLayout(props) {
-    const { saveButtonProps } = props;
-    const kit = useUIKit();
-    const { resource, action } = useResource();
-    const { t } = useD2Translation();
-    return (_jsxs("div", { className: WrapperStyle, children: [_jsxs("span", { className: cx(Typo.Display.d2_bold_title, TitleStyle), children: [resource?.meta?.kind, ":", ' ', action === 'create' ? t('dovetail.create') : t('dovetail.edit')] }), _jsx(kit.divider, {}), props.children, _jsx(kit.form.Item, { children: _jsx(kit.button, { type: "primary", ...saveButtonProps, children: t('dovetail.save') }) })] }));
-}
-export default FormLayout;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { YamlFormProps } from 'src/components/YamlForm';
-export type FormModalProps = {
-    resource?: string;
-    id?: string;
-    formProps?: YamlFormProps;
-    renderForm?: (props: YamlFormProps) => React.ReactNode;
-};
-export declare function FormModal(props: FormModalProps): JSX.Element;
-export default FormModal;

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

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CloseCircleFilled } from '@ant-design/icons';
-import { useUIKit, popModal } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import { useResource } from '@refinedev/core';
-import { useState, useContext, useCallback, useMemo } from 'react';
-import YamlForm from 'src/components/YamlForm';
-import ConfigsContext from 'src/contexts/configs';
-import { useD2Translation } from '../../i18n';
-const FullscreenModalStyle = css `
-  &.ant-modal.fullscreen {
-    .ant-modal-header {
-      padding: 60px 128px 32px 128px;
-    }
-
-    .ant-modal-body {
-      padding: 0 128px;
-    }
-
-    .ant-modal-footer {
-      padding: 15px 128px;
-    }
-  }
-`;
-export function FormModal(props) {
-    const { resource: resourceFromProps, id, formProps, renderForm } = props;
-    const { i18n } = useD2Translation();
-    const { resource } = useResource();
-    const configs = useContext(ConfigsContext);
-    const [saveButtonProps, setSaveButtonProps] = useState({});
-    const kit = useUIKit();
-    const config = useMemo(() => configs[resourceFromProps || resource?.name || ''], [configs, resourceFromProps, resource]);
-    const title = useMemo(() => i18n.t(id ? 'dovetail.edit_resource' : 'dovetail.create_resource', { resource: config?.kind }), [id, i18n, config]);
-    const onCancel = useCallback(() => {
-        popModal();
-    }, []);
-    const onOk = useCallback(() => {
-        saveButtonProps.onClick?.();
-    }, [saveButtonProps]);
-    const onFinish = useCallback(() => {
-        popModal();
-    }, []);
-    return (_jsx(kit.modal, { className: FullscreenModalStyle, width: "calc(100vw - 16px)", title: title, okButtonProps: saveButtonProps, closeIcon: _jsx(CloseCircleFilled, {}), onOk: onOk, onCancel: onCancel, destroyOnClose: true, fullscreen: true, children: renderForm ? renderForm({
-            ...formProps,
-            initialValues: formProps?.initialValues || config?.initValue,
-            id,
-            onSaveButtonPropsChange: setSaveButtonProps,
-            onFinish
-        }) : (_jsx(YamlForm, { ...formProps, initialValues: formProps?.initialValues || config?.initValue, id: id, isShowLayout: false, onSaveButtonPropsChange: setSaveButtonProps, onFinish: onFinish })) }));
-}
-export default FormModal;

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Typo, useUIKit } from '@cloudtower/eagle';
-import { cx, css } from '@linaria/core';
-import { useD2Translation } from '../../i18n';
-const MoreTriggerStyle = css `
-  color: #bec1d2;
-`;
-export const ImageNames = ({ value }) => {
-    const kit = useUIKit();
-    const { t } = useD2Translation();
-    return (_jsxs("span", { children: [_jsx("span", { children: value[0] }), value.length > 1 && (_jsx(kit.tooltip, { title: _jsx(_Fragment, { children: value.slice(1).map((name, index) => {
-                        return _jsx("div", { children: name }, index);
-                    }) }), children: _jsxs("div", { className: cx(Typo.Label.l4_regular, MoreTriggerStyle), children: ["+", value.length - 1, " ", t('dovetail.more')] }) }))] }));
-};

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { ResourceLink } from '../ResourceLink';
-export const IngressRulesComponent = ({ ingress }) => {
-    const kit = useUIKit();
-    const result = ingress.flattenedRules.map(r => {
-        const divider = ' > ';
-        return (_jsxs("div", { children: [_jsx(kit.Link, { disabled: !r.host, href: r.fullPath, children: r.fullPath }), _jsx("span", { children: divider }), _jsx(ResourceLink, { name: "services", namespace: ingress.metadata.namespace || 'default', resourceId: r.serviceName })] }, r.fullPath));
-    });
-    return _jsx(_Fragment, { children: result });
-};