@dovetail-v2/refine 0.0.31 → 0.0.32

package/lib/src/components/YamlEditor/style.js

@@ -1,102 +0,0 @@
-import { css } from '@linaria/core';
-export const ToolBarStyle = css `
-  width: 100%;
-  padding: 11px;
-  border-bottom: 1px solid rgba(211, 218, 235, 0.6);
-  background: rgba(225, 230, 241, 0.6);
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-
-  &.collapsed {
-    border-bottom: 0;
-  }
-
-  & svg {
-    margin: auto;
-  }
-
-  & > .dovetail-ant-space-item {
-    line-height: 16px;
-  }
-`;
-export const ToolBarHeaderStyle = css `
-  display: flex;
-  width: 100%;
-  height: 20px;
-  justify-content: space-between;
-
-  .ant-space-item {
-    line-height: 1;
-  }
-`;
-export const ErrorIconStyle = css `
-  margin-top: 1px;
-`;
-export const WrapperStyle = css `
-  width: 100%;
-  border: 1px solid rgba(211, 218, 235, 0.6);
-  border-radius: 8px;
-
-  &[data-is-error='true'] {
-    border-color: #f0483e;
-
-    & .${ToolBarStyle} {
-      padding-bottom: 7px;
-      background: #ffecec;
-    }
-  }
-`;
-export const TitleStyle = css `
-  color: #00122e;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 20px;
-`;
-export const IconStyle = css `
-  cursor: pointer;
-  margin: auto 0;
-
-  &.arrow-down svg {
-    transform: rotate(90deg);
-  }
-
-  &[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-`;
-export const DisabledIconStyle = css `
-  fill: rgba(#2c3852, 0.6);
-  cursor: not-allowed;
-`;
-export const PlainCodeStyle = css `
-  font-family: Menlo, Monaco, 'Courier New', monospace;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  padding-left: 62px;
-  overflow: auto;
-`;
-export const ErrorMsgStyle = css `
-  color: #f0483e;
-  font-size: 12px;
-  line-height: 18px;
-  word-break: break-all;
-`;
-export const ErrorWrapperStyle = css `
-  margin-top: 8px;
-`;
-export const YamlEditorStyle = css `
-  .monaco-editor {
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-
-    .margin {
-      border-bottom-left-radius: 8px;
-    }
-
-    .monaco-scrollable-element {
-      border-bottom-right-radius: 8px;
-    }
-  }
-`;

package/lib/src/components/YamlEditor/yaml.worker.js

@@ -1 +0,0 @@
-import 'monaco-yaml/yaml.worker.js';

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import React, { useMemo, useCallback, useEffect } from 'react';
-import ErrorContent from 'src/components/ErrorContent';
-import { FormErrorAlert } from 'src/components/FormErrorAlert';
-import FormLayout from 'src/components/FormLayout';
-import { YamlEditorComponent } from 'src/components/YamlEditor/YamlEditorComponent';
-import { BASE_INIT_VALUE } from 'src/constants/k8s';
-import useEagleForm from 'src/hooks/useEagleForm';
-import { getCommonErrors } from 'src/utils/error';
-import { useD2Translation } from '../../i18n';
-const FormStyle = css `
-`;
-const EditorStyle = css `
-  flex: 1;
-  height: 100%;
-  margin-bottom: 16px;
-`;
-export var SchemaStrategy;
-(function (SchemaStrategy) {
-    SchemaStrategy["Required"] = "Required";
-    SchemaStrategy["Optional"] = "Optional";
-    SchemaStrategy["None"] = "None";
-})(SchemaStrategy || (SchemaStrategy = {}));
-function YamlForm(props) {
-    const { id, schemaStrategy = SchemaStrategy.Optional, isShowLayout = true, onSaveButtonPropsChange } = props;
-    const { formProps, saveButtonProps, editorProps, errorResponseBody, mutationResult, isLoadingSchema, fetchSchema, } = useEagleForm({
-        id,
-        action: id ? 'edit' : 'create',
-        editorOptions: {
-            isSkipSchema: schemaStrategy === SchemaStrategy.None,
-        },
-        liveMode: 'off',
-        initialValuesForCreate: props.initialValues ?? BASE_INIT_VALUE
-    });
-    const kit = useUIKit();
-    const { t, i18n } = useD2Translation();
-    const responseErrors = errorResponseBody
-        ? getCommonErrors(errorResponseBody, i18n)
-        : [];
-    const FormWrapper = isShowLayout ? FormLayout : React.Fragment;
-    // use useMemo to keep {} the same
-    const schema = useMemo(() => {
-        return editorProps.schema || {};
-    }, [editorProps.schema]);
-    const onFinish = useCallback(async (store) => {
-        await formProps.onFinish?.(store);
-        props.onFinish?.();
-    }, [formProps, props]);
-    useEffect(() => {
-        onSaveButtonPropsChange?.(saveButtonProps);
-    }, [saveButtonProps, onSaveButtonPropsChange]);
-    return (_jsx(FormWrapper, { saveButtonProps: saveButtonProps, children: _jsx(kit.form, { ...formProps, initialValues: formProps.initialValues, layout: "horizontal", className: FormStyle, onFinish: onFinish, children: (() => {
-                if (isLoadingSchema) {
-                    return _jsx(kit.loading, {});
-                }
-                return editorProps.schema || schemaStrategy !== SchemaStrategy.Required ? (_jsxs(_Fragment, { children: [_jsx(kit.form.Item, { style: { flex: 1 }, children: _jsx(YamlEditorComponent, { ...editorProps, className: EditorStyle, schema: schema, collapsable: false }) }), _jsx(kit.form.Item, { children: mutationResult.error && (_jsx(FormErrorAlert, { errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message], style: { marginBottom: 16 } })) })] })) : (_jsx(ErrorContent, { errorText: t('dovetail.fetch_schema_fail'), refetch: fetchSchema }));
-            })() }) }));
-}
-export default YamlForm;

package/lib/src/components/index.js

@@ -1,38 +0,0 @@
-export * from './Breadcrumb';
-export * from './Form';
-export * from './PageShow';
-export * from './Time';
-export * from './ConditionsTable';
-export * from './FormLayout';
-export * from './PodContainersTable';
-export * from './WorkloadDropdown';
-export * from './CreateButton';
-export * from './ImageNames';
-export * from './ResourceCRUD';
-export * from './WorkloadPodsTable';
-export * from './CronJobDropdown';
-export * from './K8sDropdown';
-export * from './ResourceUsageBar';
-export * from './WorkloadReplicas';
-export * from './CronjobJobsTable';
-export * from './KeyValue';
-export * from './Separator';
-export * from './YamlEditor';
-export * from './DeleteButton';
-export * from './Layout';
-export * from './ShowContent';
-export * from './YamlForm';
-export * from './DeleteManyButton';
-export * from './ListPage';
-export * from './StateTag';
-export * from './DrawerShow';
-export * from './Menu';
-export * from './Table';
-export * from './EditButton';
-export * from './ReferenceLink';
-export * from './ResourceLink';
-export * from './NamespacesFilter';
-export * from './Tags';
-export * from './PodLog';
-export * from './FormModal';
-export * from './NetworkPolicyRulesTable';

package/lib/src/constants/index.js

@@ -1,2 +0,0 @@
-export * from './k8s';
-export * from './state';

package/lib/src/constants/k8s.js

@@ -1,203 +0,0 @@
-export const BASE_INIT_VALUE = {
-    metadata: {
-        name: '',
-        namespace: 'default',
-        annotations: {},
-        labels: {},
-    },
-};
-const DEFAULT_MATCH_LABEL = 'sks.user.kubesmart.smtx.io/app';
-const BASE_CONTAINER_INIT_VALUE = {
-    name: 'container-0',
-    imagePullPolicy: 'Always',
-    image: '',
-};
-const BASE_WORKLOAD_SPEC_INIT_VALUE = {
-    affinity: {},
-    imagePullSecrets: [],
-    initContainers: [],
-    volumes: [],
-};
-export const DEPLOYMENT_INIT_VALUE = {
-    apiVersion: 'apps/v1',
-    kind: 'Deployment',
-    ...BASE_INIT_VALUE,
-    spec: {
-        replicas: 1,
-        selector: {
-            matchLabels: {
-                [DEFAULT_MATCH_LABEL]: '',
-            },
-        },
-        template: {
-            metadata: {
-                labels: {
-                    [DEFAULT_MATCH_LABEL]: '',
-                },
-            },
-            spec: {
-                containers: [BASE_CONTAINER_INIT_VALUE],
-                restartPolicy: 'Always',
-                ...BASE_WORKLOAD_SPEC_INIT_VALUE,
-            },
-        },
-    },
-};
-export const CRONJOB_INIT_VALUE = {
-    apiVersion: 'batch/v1',
-    kind: 'CronJob',
-    ...BASE_INIT_VALUE,
-    spec: {
-        schedule: '',
-        jobTemplate: {
-            metadata: {
-                labels: {},
-            },
-            spec: {
-                template: {
-                    spec: {
-                        containers: [BASE_CONTAINER_INIT_VALUE],
-                        restartPolicy: 'Never',
-                        ...BASE_WORKLOAD_SPEC_INIT_VALUE,
-                    },
-                },
-            },
-        },
-    },
-};
-export const DAEMONSET_INIT_VALUE = {
-    apiVersion: 'apps/v1',
-    kind: 'DaemonSet',
-    ...BASE_INIT_VALUE,
-    spec: {
-        replicas: 1,
-        selector: {
-            matchLabels: {
-                [DEFAULT_MATCH_LABEL]: '',
-            },
-        },
-        template: {
-            metadata: {
-                labels: {
-                    [DEFAULT_MATCH_LABEL]: '',
-                },
-            },
-            spec: {
-                containers: [BASE_CONTAINER_INIT_VALUE],
-                restartPolicy: 'Always',
-                ...BASE_WORKLOAD_SPEC_INIT_VALUE,
-            },
-        },
-    },
-};
-export const JOB_INIT_VALUE = {
-    apiVersion: 'batch/v1',
-    kind: 'Job',
-    ...BASE_INIT_VALUE,
-    spec: {
-        replicas: 1,
-        selector: {
-            matchLabels: {},
-        },
-        template: {
-            metadata: {
-                labels: {},
-            },
-            spec: {
-                containers: [BASE_CONTAINER_INIT_VALUE],
-                restartPolicy: 'Never',
-                ...BASE_WORKLOAD_SPEC_INIT_VALUE,
-            },
-        },
-    },
-};
-export const STATEFULSET_INIT_VALUE = {
-    apiVersion: 'apps/v1',
-    kind: 'StatefulSet',
-    ...BASE_INIT_VALUE,
-    spec: {
-        replicas: 1,
-        selector: {
-            matchLabels: {
-                [DEFAULT_MATCH_LABEL]: '',
-            },
-        },
-        template: {
-            metadata: {
-                labels: {
-                    [DEFAULT_MATCH_LABEL]: '',
-                },
-            },
-            spec: {
-                containers: [BASE_CONTAINER_INIT_VALUE],
-                restartPolicy: 'Always',
-                ...BASE_WORKLOAD_SPEC_INIT_VALUE,
-            },
-        },
-    },
-};
-export const POD_INIT_VALUE = {
-    apiVersion: 'v1',
-    kind: 'Pod',
-    ...BASE_INIT_VALUE,
-    spec: {
-        containers: [BASE_CONTAINER_INIT_VALUE],
-    },
-};
-export const SERVICE_INIT_VALUE = {
-    apiVersion: 'v1',
-    kind: 'Service',
-    ...BASE_INIT_VALUE,
-    spec: {
-        selector: {},
-        clusterIP: null,
-        ports: [
-            {
-                name: '',
-                port: null,
-                protocol: 'TCP',
-                targetPort: null,
-            },
-        ],
-        sessionAffinity: 'None',
-        type: 'ClusterIP',
-    },
-};
-export const INGRESS_INIT_VALUE = {
-    apiVersion: 'networking.k8s.io/v1',
-    kind: 'Ingress',
-    ...BASE_INIT_VALUE,
-    spec: {
-        rules: [
-            {
-                host: 'example.com',
-                http: {
-                    paths: [
-                        {
-                            path: '/testpath',
-                            pathType: 'Prefix',
-                            backend: {
-                                service: {
-                                    name: 'test',
-                                    port: {
-                                        number: 80,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                },
-            },
-        ],
-    },
-};
-export const NETWORK_POLICY_INIT_VALUE = {
-    apiVersion: 'networking.k8s.io/v1',
-    kind: 'NetworkPolicy',
-    ...BASE_INIT_VALUE,
-    spec: {
-        podSelector: {},
-        policyTypes: [],
-    },
-};
-export const TIMESTAMP_LABEL = 'sks.user.kubesmart.smtx.io/timestamp';

package/lib/src/constants/state.js

@@ -1,15 +0,0 @@
-export var WorkloadState;
-(function (WorkloadState) {
-    WorkloadState["UPDATEING"] = "updating";
-    WorkloadState["READY"] = "ready";
-    WorkloadState["COMPLETED"] = "completed";
-    WorkloadState["FAILED"] = "failed";
-    WorkloadState["SUSPENDED"] = "suspended";
-    WorkloadState["RUNNING"] = "running";
-    WorkloadState["SUCCEEDED"] = "succeeded";
-    WorkloadState["UNKNOWN"] = "unknown";
-    WorkloadState["TERMINATING"] = "terminating";
-    WorkloadState["PENDING"] = "pending";
-    WorkloadState["WAITING"] = "waiting";
-})(WorkloadState || (WorkloadState = {}));
-// export type DeploymentState = WorkloadState.UPDATEING | WorkloadState.READY;

package/lib/src/contexts/component.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-const ComponentContext = createContext({});
-export default ComponentContext;

package/lib/src/contexts/configs.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-const ConfigsContext = createContext({});
-export default ConfigsContext;

package/lib/src/contexts/global-store.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-const GlobalStoreContext = createContext({});
-export default GlobalStoreContext;

package/lib/src/contexts/index.js

@@ -1,3 +0,0 @@
-export { default as ComponentContext } from './component';
-export { default as GlobalStoreContext } from './global-store';
-export { default as ConfigsContext } from './configs';

package/lib/src/hooks/index.js

@@ -1,7 +0,0 @@
-export * from './useEagleForm';
-export * from './useSchema';
-export * from './useDeleteModal';
-export * from './useEagleTable';
-export * from './useDownloadYAML';
-export * from './useEdit';
-export * from './useGlobalStore';

package/lib/src/hooks/useDeleteModal/index.js

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

package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js

@@ -1,31 +0,0 @@
-import { useDeleteMany } from '@refinedev/core';
-import { useState } from 'react';
-import { useD2Translation } from '../../i18n';
-export const useDeleteManyModal = (resource, ids) => {
-    const { mutate } = useDeleteMany();
-    const [visible, setVisible] = useState(false);
-    const { t } = useD2Translation();
-    const modalProps = {
-        title: t('dovetail.delete'),
-        okText: t('dovetail.delete'),
-        okButtonProps: {
-            danger: true,
-        },
-        cancelText: t('dovetail.cancel'),
-        children: t('dovetail.confirm_delete_text', {
-            target: ids,
-            interpolation: { escapeValue: false },
-        }),
-        onOk() {
-            mutate({
-                resource,
-                ids,
-            });
-            setVisible(false);
-        },
-        onCancel() {
-            setVisible(false);
-        },
-    };
-    return { modalProps, visible, setVisible };
-};

package/lib/src/hooks/useDeleteModal/useDeleteModal.js

@@ -1,38 +0,0 @@
-import { useDelete, useNavigation } from '@refinedev/core';
-import { useState } from 'react';
-import { useD2Translation } from '../../i18n';
-export const useDeleteModal = (resource) => {
-    const { mutate } = useDelete();
-    const [visible, setVisible] = useState(false);
-    const navigation = useNavigation();
-    const [id, setId] = useState('');
-    const { t } = useD2Translation();
-    const modalProps = {
-        title: t('dovetail.delete'),
-        okText: t('dovetail.delete'),
-        okButtonProps: {
-            danger: true,
-        },
-        cancelText: t('dovetail.cancel'),
-        children: t('dovetail.confirm_delete_text', {
-            target: id,
-            interpolation: { escapeValue: false },
-        }),
-        onOk() {
-            mutate({
-                resource,
-                id,
-            });
-            setVisible(false);
-            navigation.list(resource);
-        },
-        onCancel() {
-            setVisible(false);
-        },
-    };
-    function openDeleteConfirmModal(id) {
-        setId(id);
-        setVisible(true);
-    }
-    return { modalProps, visible, openDeleteConfirmModal };
-};

package/lib/src/hooks/useDownloadYAML.js

@@ -1,10 +0,0 @@
-import yaml from 'js-yaml';
-import { download } from '../utils/download';
-export function useDownloadYAML() {
-    return function (options) {
-        const { name, item } = options;
-        console.log('download', item);
-        const content = yaml.dump(item);
-        download(`${name}.yaml`, content);
-    };
-}