@dovetail-v2/refine 0.0.40-bowen.3 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/dist/{MonacoYamlDiffEditor-436acb0f.js → MonacoYamlDiffEditor-a2597bad.js} +1 -1
  2. package/dist/{index-be658132.js → index-d6242911.js} +31 -34
  3. package/dist/refine.js +1 -1
  4. package/dist/refine.umd.cjs +30 -33
  5. package/lib/src/components/ModalContextProvider/index.d.ts +12 -0
  6. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts +2 -1
  7. package/lib/src/components/YamlForm/index.d.ts +4 -0
  8. package/lib/src/hooks/useEagleForm.d.ts +2 -1
  9. package/lib/src/hooks/useModal.d.ts +0 -0
  10. package/lib/src/model/cronjob-model.d.ts +9 -0
  11. package/lib/src/model/index.d.ts +6 -0
  12. package/lib/src/model/job-model.d.ts +10 -0
  13. package/lib/src/model/pod-metrics-model.d.ts +7 -0
  14. package/lib/src/model/pod-model.d.ts +15 -0
  15. package/lib/src/model/resource-model.d.ts +17 -0
  16. package/lib/src/model/workload-model.d.ts +17 -0
  17. package/lib/src/types/metric.d.ts +25 -0
  18. package/lib/src/types/resource.d.ts +0 -4
  19. package/package.json +1 -1
  20. package/lib/src/App.js +0 -91
  21. package/lib/src/Dovetail.js +0 -45
  22. package/lib/src/components/Breadcrumb/index.js +0 -20
  23. package/lib/src/components/ConditionsTable/ConditionsTable.js +0 -56
  24. package/lib/src/components/ConditionsTable/index.js +0 -1
  25. package/lib/src/components/CreateButton/index.js +0 -10
  26. package/lib/src/components/CronJobDropdown/index.js +0 -26
  27. package/lib/src/components/CronjobJobsTable/index.js +0 -49
  28. package/lib/src/components/DeleteButton/index.js +0 -13
  29. package/lib/src/components/DeleteManyButton/index.js +0 -16
  30. package/lib/src/components/DrawerShow/DrawerShow.js +0 -13
  31. package/lib/src/components/DrawerShow/index.js +0 -1
  32. package/lib/src/components/EditButton/index.js +0 -13
  33. package/lib/src/components/EditField/index.js +0 -47
  34. package/lib/src/components/ErrorContent/index.js +0 -36
  35. package/lib/src/components/EventsTable/EventsTable.js +0 -59
  36. package/lib/src/components/EventsTable/index.js +0 -1
  37. package/lib/src/components/Form/KeyValueListWidget.js +0 -56
  38. package/lib/src/components/Form/MetadataForm.js +0 -9
  39. package/lib/src/components/Form/NameInputWidget.js +0 -50
  40. package/lib/src/components/Form/NamespaceSelectWidget.js +0 -21
  41. package/lib/src/components/Form/index.js +0 -4
  42. package/lib/src/components/Form/widget.js +0 -1
  43. package/lib/src/components/FormErrorAlert/index.js +0 -8
  44. package/lib/src/components/FormLayout/index.js +0 -21
  45. package/lib/src/components/FormModal/index.js +0 -51
  46. package/lib/src/components/ImageNames/index.js +0 -14
  47. package/lib/src/components/IngressRulesComponent/index.js +0 -11
  48. package/lib/src/components/IngressRulesTable/IngressRulesTable.js +0 -51
  49. package/lib/src/components/IngressRulesTable/index.js +0 -1
  50. package/lib/src/components/K8sDropdown/index.js +0 -31
  51. package/lib/src/components/KeyValue/KeyValue.js +0 -27
  52. package/lib/src/components/KeyValue/index.js +0 -1
  53. package/lib/src/components/KeyValueData/index.js +0 -50
  54. package/lib/src/components/Layout/index.js +0 -39
  55. package/lib/src/components/ListPage/index.js +0 -25
  56. package/lib/src/components/Menu/index.js +0 -36
  57. package/lib/src/components/NamespacesFilter/index.js +0 -34
  58. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js +0 -77
  59. package/lib/src/components/NetworkPolicyRulesTable/index.js +0 -1
  60. package/lib/src/components/PageShow/PageShow.js +0 -11
  61. package/lib/src/components/PageShow/index.js +0 -1
  62. package/lib/src/components/PodContainersTable/PodContainersTable.js +0 -78
  63. package/lib/src/components/PodContainersTable/index.js +0 -1
  64. package/lib/src/components/PodLog/index.js +0 -136
  65. package/lib/src/components/ReferenceLink/index.js +0 -17
  66. package/lib/src/components/RefineForm/RefineFormContent.d.ts +0 -10
  67. package/lib/src/components/RefineForm/RefineFormModal.d.ts +0 -8
  68. package/lib/src/components/RefineForm/RefineFormPage.d.ts +0 -7
  69. package/lib/src/components/RefineForm/index.d.ts +0 -3
  70. package/lib/src/components/RefineForm/type.d.ts +0 -20
  71. package/lib/src/components/RefineForm/useRefineForm.d.ts +0 -10
  72. package/lib/src/components/ResourceCRUD/ResourceCRUD.js +0 -15
  73. package/lib/src/components/ResourceCRUD/create/index.js +0 -13
  74. package/lib/src/components/ResourceCRUD/index.js +0 -4
  75. package/lib/src/components/ResourceCRUD/list/index.js +0 -19
  76. package/lib/src/components/ResourceCRUD/show/index.js +0 -6
  77. package/lib/src/components/ResourceLink/index.js +0 -21
  78. package/lib/src/components/ResourceUsageBar/index.js +0 -81
  79. package/lib/src/components/Separator/index.js +0 -11
  80. package/lib/src/components/ShowContent/ShowContent.js +0 -157
  81. package/lib/src/components/ShowContent/fields.js +0 -157
  82. package/lib/src/components/ShowContent/index.js +0 -2
  83. package/lib/src/components/StateTag/StateTag.js +0 -22
  84. package/lib/src/components/StateTag/index.js +0 -1
  85. package/lib/src/components/Table/ErrorContent.js +0 -36
  86. package/lib/src/components/Table/TableToolBar.js +0 -14
  87. package/lib/src/components/Table/TableWidgets.js +0 -28
  88. package/lib/src/components/Table/index.js +0 -69
  89. package/lib/src/components/Tags/index.js +0 -22
  90. package/lib/src/components/Time/index.js +0 -14
  91. package/lib/src/components/WorkloadDropdown/index.js +0 -24
  92. package/lib/src/components/WorkloadPodsTable/WorkloadPodsTable.js +0 -39
  93. package/lib/src/components/WorkloadPodsTable/index.js +0 -1
  94. package/lib/src/components/WorkloadReplicas/index.js +0 -50
  95. package/lib/src/components/YamlEditor/MonacoYamlDiffEditor.js +0 -34
  96. package/lib/src/components/YamlEditor/MonacoYamlEditor.js +0 -149
  97. package/lib/src/components/YamlEditor/YamlEditorComponent.js +0 -90
  98. package/lib/src/components/YamlEditor/index.js +0 -1
  99. package/lib/src/components/YamlEditor/style.js +0 -102
  100. package/lib/src/components/YamlEditor/yaml.worker.js +0 -1
  101. package/lib/src/components/YamlForm/index.js +0 -61
  102. package/lib/src/components/index.js +0 -38
  103. package/lib/src/constants/index.js +0 -2
  104. package/lib/src/constants/k8s.js +0 -203
  105. package/lib/src/constants/state.js +0 -15
  106. package/lib/src/contexts/component.js +0 -3
  107. package/lib/src/contexts/configs.js +0 -3
  108. package/lib/src/contexts/global-store.js +0 -3
  109. package/lib/src/contexts/index.js +0 -3
  110. package/lib/src/hooks/index.js +0 -7
  111. package/lib/src/hooks/useDeleteModal/index.js +0 -1
  112. package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js +0 -31
  113. package/lib/src/hooks/useDeleteModal/useDeleteModal.js +0 -38
  114. package/lib/src/hooks/useDownloadYAML.js +0 -10
  115. package/lib/src/hooks/useEagleForm.js +0 -177
  116. package/lib/src/hooks/useEagleTable/columns.js +0 -246
  117. package/lib/src/hooks/useEagleTable/index.js +0 -2
  118. package/lib/src/hooks/useEagleTable/useEagleTable.js +0 -63
  119. package/lib/src/hooks/useEdit.js +0 -19
  120. package/lib/src/hooks/useGlobalStore.js +0 -5
  121. package/lib/src/hooks/useK8sYamlEditor.js +0 -37
  122. package/lib/src/hooks/useOpenForm.js +0 -43
  123. package/lib/src/hooks/useSchema.js +0 -37
  124. package/lib/src/hooks/useSubmitForm.js +0 -42
  125. package/lib/src/i18n.js +0 -19
  126. package/lib/src/index.js +0 -13
  127. package/lib/src/locales/en-US/dovetail.json +0 -18
  128. package/lib/src/locales/en-US/index.js +0 -4
  129. package/lib/src/locales/index.js +0 -6
  130. package/lib/src/locales/zh-CN/dovetail.json +0 -91
  131. package/lib/src/locales/zh-CN/index.js +0 -4
  132. package/lib/src/main.js +0 -12
  133. package/lib/src/models/cronjob-model.js +0 -32
  134. package/lib/src/models/daemonset-model.js +0 -17
  135. package/lib/src/models/deployment-model.js +0 -17
  136. package/lib/src/models/event-model.js +0 -11
  137. package/lib/src/models/index.js +0 -14
  138. package/lib/src/models/ingress-model.js +0 -24
  139. package/lib/src/models/job-model.js +0 -56
  140. package/lib/src/models/network-policy-model.js +0 -10
  141. package/lib/src/models/pod-metrics-model.js +0 -34
  142. package/lib/src/models/pod-model.js +0 -78
  143. package/lib/src/models/resource-model.js +0 -34
  144. package/lib/src/models/service-model.js +0 -17
  145. package/lib/src/models/statefulset-model.js +0 -17
  146. package/lib/src/models/types/index.js +0 -1
  147. package/lib/src/models/types/metric.js +0 -1
  148. package/lib/src/models/workload-base-model.js +0 -22
  149. package/lib/src/models/workload-model.js +0 -51
  150. package/lib/src/pages/configmaps/index.js +0 -15
  151. package/lib/src/pages/cronjobs/create/index.js +0 -6
  152. package/lib/src/pages/cronjobs/index.js +0 -3
  153. package/lib/src/pages/cronjobs/list/index.js +0 -42
  154. package/lib/src/pages/cronjobs/show/index.js +0 -16
  155. package/lib/src/pages/daemonsets/create/index.js +0 -6
  156. package/lib/src/pages/daemonsets/index.js +0 -3
  157. package/lib/src/pages/daemonsets/list/index.js +0 -32
  158. package/lib/src/pages/daemonsets/show/index.js +0 -16
  159. package/lib/src/pages/deployments/create/index.js +0 -7
  160. package/lib/src/pages/deployments/index.js +0 -3
  161. package/lib/src/pages/deployments/list/index.js +0 -26
  162. package/lib/src/pages/deployments/show/index.js +0 -16
  163. package/lib/src/pages/ingresses/index.js +0 -26
  164. package/lib/src/pages/jobs/index.js +0 -34
  165. package/lib/src/pages/networkPolicies/index.js +0 -67
  166. package/lib/src/pages/pods/create/index.js +0 -6
  167. package/lib/src/pages/pods/index.js +0 -3
  168. package/lib/src/pages/pods/list/index.js +0 -81
  169. package/lib/src/pages/pods/show/index.js +0 -54
  170. package/lib/src/pages/secrets/index.js +0 -15
  171. package/lib/src/pages/services/index.js +0 -26
  172. package/lib/src/pages/statefulsets/create/index.js +0 -6
  173. package/lib/src/pages/statefulsets/index.js +0 -3
  174. package/lib/src/pages/statefulsets/list/index.js +0 -26
  175. package/lib/src/pages/statefulsets/show/index.js +0 -16
  176. package/lib/src/plugins/index.js +0 -3
  177. package/lib/src/plugins/model-plugin.js +0 -46
  178. package/lib/src/plugins/relation-plugin.js +0 -81
  179. package/lib/src/plugins/type.js +0 -1
  180. package/lib/src/providers/index.js +0 -1
  181. package/lib/src/providers/router-provider/index.js +0 -100
  182. package/lib/src/types/index.js +0 -1
  183. package/lib/src/types/resource.js +0 -12
  184. package/lib/src/utils/addId.js +0 -8
  185. package/lib/src/utils/download.js +0 -9
  186. package/lib/src/utils/error.js +0 -53
  187. package/lib/src/utils/form.js +0 -9
  188. package/lib/src/utils/k8s.js +0 -6
  189. package/lib/src/utils/labels.js +0 -15
  190. package/lib/src/utils/match-selector.js +0 -12
  191. package/lib/src/utils/openapi.js +0 -33
  192. package/lib/src/utils/schema.js +0 -117
  193. package/lib/src/utils/selector.js +0 -12
  194. package/lib/src/utils/string.js +0 -6
  195. package/lib/src/utils/time.js +0 -46
  196. package/lib/src/utils/unit.js +0 -69
  197. package/lib/src/utils/yaml.js +0 -44
  198. package/lib/vite.config.js +0 -60
@@ -1,45 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { KitStoreProvider, ModalStack } from '@cloudtower/eagle';
3
- import { Refine } from '@refinedev/core';
4
- import { dataProvider, liveProvider } from 'k8s-api-provider';
5
- import { keyBy } from 'lodash-es';
6
- import { useMemo } from 'react';
7
- import { Router } from 'react-router-dom';
8
- import ConfigsContext from 'src/contexts/configs';
9
- import { ResourceCRUD } from './components/ResourceCRUD';
10
- import GlobalStoreContext from './contexts/global-store';
11
- import { routerProvider } from './providers/router-provider';
12
- import './styles.css';
13
- export const Dovetail = props => {
14
- const { resourcesConfig, urlPrefix = '', Layout, history, globalStore } = props;
15
- const notCustomResources = useMemo(() => {
16
- return resourcesConfig.filter(c => !c.isCustom);
17
- }, [resourcesConfig]);
18
- const content = useMemo(() => {
19
- const _content = (_jsxs(_Fragment, { children: [_jsx(ModalStack, {}), _jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix: urlPrefix }), props.children] }));
20
- if (Layout) {
21
- return _jsx(Layout, { children: _content });
22
- }
23
- return _content;
24
- }, [Layout, notCustomResources, props.children, urlPrefix]);
25
- return (_jsx(Router, { history: history, children: _jsx(KitStoreProvider, { children: _jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: _jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, 'name'), children: _jsx(Refine, { dataProvider: {
26
- default: dataProvider(globalStore),
27
- }, routerProvider: routerProvider, liveProvider: liveProvider(globalStore), options: {
28
- warnWhenUnsavedChanges: true,
29
- liveMode: 'auto',
30
- }, resources: resourcesConfig.map(c => {
31
- return {
32
- name: c.name,
33
- meta: {
34
- resourceBasePath: c.basePath,
35
- kind: c.kind,
36
- parent: c.parent,
37
- label: `${c.kind}s`,
38
- },
39
- list: `${urlPrefix}/${c.name}`,
40
- show: `${urlPrefix}/${c.name}/show`,
41
- create: `${urlPrefix}/${c.name}/create`,
42
- edit: `${urlPrefix}/${c.name}/edit`,
43
- };
44
- }), children: content }) }) }) }) }));
45
- };
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { css, cx } from '@linaria/core';
3
- import { useBreadcrumb } from '@refinedev/core';
4
- import { Link } from 'react-router-dom';
5
- const BreadcrumbStyle = css `
6
- display: flex;
7
-
8
- .breadcrumb-item {
9
- &:not(:last-of-type):after {
10
- content: '>';
11
- margin: 0 8px;
12
- }
13
- }
14
- `;
15
- export function Breadcrumb(props) {
16
- const { breadcrumbs } = useBreadcrumb();
17
- return (_jsx("ul", { className: cx(BreadcrumbStyle, props.className), children: breadcrumbs.map(breadcrumb => {
18
- return (_jsx("li", { className: "breadcrumb-item", children: breadcrumb.href ? (_jsx(Link, { to: breadcrumb.href, children: breadcrumb.label })) : (_jsx("span", { children: breadcrumb.label })) }, `breadcrumb-${breadcrumb.label}`));
19
- }) }));
20
- }
@@ -1,56 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useD2Translation } from '../../i18n';
4
- import { addId } from '../../utils/addId';
5
- import ErrorContent from '../Table/ErrorContent';
6
- import Time from '../Time';
7
- export const ConditionsTable = ({ conditions = [] }) => {
8
- const kit = useUIKit();
9
- const { t } = useD2Translation();
10
- const conditionsWithId = addId(conditions, 'type');
11
- const columns = [
12
- {
13
- key: 'type',
14
- display: true,
15
- dataIndex: 'type',
16
- title: t('dovetail.condition'),
17
- sortable: true,
18
- },
19
- {
20
- key: 'status',
21
- display: true,
22
- dataIndex: 'status',
23
- title: t('dovetail.status'),
24
- sortable: true,
25
- },
26
- {
27
- key: 'reason',
28
- display: true,
29
- dataIndex: 'reason',
30
- title: t('dovetail.reason'),
31
- sortable: true,
32
- },
33
- {
34
- key: 'lastUpdateTime',
35
- display: true,
36
- dataIndex: 'lastUpdateTime',
37
- title: t('dovetail.updated_time'),
38
- sortable: true,
39
- render: (value, record) => {
40
- const time = value || record.lastTransitionTime;
41
- return _jsx(Time, { date: new Date(time) });
42
- },
43
- },
44
- {
45
- key: 'message',
46
- display: true,
47
- dataIndex: 'message',
48
- title: t('dovetail.message'),
49
- sortable: true,
50
- },
51
- ];
52
- if (conditionsWithId.length === 0) {
53
- return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
54
- }
55
- return (_jsx(kit.table, { loading: false, dataSource: conditionsWithId, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
56
- };
@@ -1 +0,0 @@
1
- export * from './ConditionsTable';
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useOpenForm } from 'src/hooks/useOpenForm';
4
- import { useD2Translation } from '../../i18n';
5
- export function CreateButton() {
6
- const kit = useUIKit();
7
- const { t } = useD2Translation();
8
- const openForm = useOpenForm();
9
- return (_jsx(kit.button, { type: "primary", onClick: openForm, children: t('dovetail.create') }));
10
- }
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Icon, useUIKit } from '@cloudtower/eagle';
3
- import { SuspendedPause16GradientGrayIcon, VmResume16Icon, } from '@cloudtower/icons-react';
4
- import { useResource, useUpdate } from '@refinedev/core';
5
- import { useD2Translation } from '../../i18n';
6
- import { pruneBeforeEdit } from '../../utils/k8s';
7
- import K8sDropdown from '../K8sDropdown';
8
- export function CronJobDropdown(props) {
9
- const { record } = props;
10
- const { spec } = record;
11
- const kit = useUIKit();
12
- const { resource } = useResource();
13
- const { mutate } = useUpdate();
14
- const { t } = useD2Translation();
15
- const suspended = Boolean(spec?.suspend);
16
- return (_jsx(K8sDropdown, { record: record, children: _jsx(kit.menu.Item, { onClick: () => {
17
- const v = suspended ? record.resume() : record.suspend();
18
- const id = record.id;
19
- pruneBeforeEdit(v);
20
- mutate({
21
- id,
22
- resource: resource?.name || '',
23
- values: v,
24
- });
25
- }, children: _jsx(Icon, { src: suspended ? VmResume16Icon : SuspendedPause16GradientGrayIcon, children: t(suspended ? 'dovetail.resume' : 'dovetail.suspend') }) }) }));
26
- }
@@ -1,49 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { css } from '@linaria/core';
4
- import { useList } from '@refinedev/core';
5
- import { useMemo, useState } from 'react';
6
- import { AgeColumnRenderer, CompletionsCountColumnRenderer, DurationColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadImageColumnRenderer, } from '../../hooks/useEagleTable/columns';
7
- import { useD2Translation } from '../../i18n';
8
- import Table from '../Table';
9
- import { TableToolBar } from '../Table/TableToolBar';
10
- function matchOwner(job, owner) {
11
- let match = false;
12
- // TODO: use relations
13
- for (const o of job.metadata?.ownerReferences || []) {
14
- if (o.apiVersion === owner.apiVersion &&
15
- o.kind === owner.kind &&
16
- o.name === owner.name &&
17
- job.namespace === owner.namespace) {
18
- match = true;
19
- }
20
- }
21
- return match;
22
- }
23
- export const CronjobJobsTable = ({ owner }) => {
24
- const { i18n } = useD2Translation();
25
- const kit = useUIKit();
26
- const [selectedKeys, setSelectedKeys] = useState([]);
27
- const [currentPage, setCurrentPage] = useState(1);
28
- const { data } = useList({
29
- resource: 'jobs',
30
- meta: { resourceBasePath: '/apis/batch/v1', kind: 'Job' },
31
- });
32
- const dataSource = useMemo(() => {
33
- return data?.data.filter(p => {
34
- return owner ? matchOwner(p, owner) : true;
35
- });
36
- }, [data?.data, owner]);
37
- const columns = [
38
- NameColumnRenderer(i18n, 'jobs'),
39
- StateDisplayColumnRenderer(i18n),
40
- NameSpaceColumnRenderer(i18n),
41
- WorkloadImageColumnRenderer(i18n),
42
- CompletionsCountColumnRenderer(i18n),
43
- DurationColumnRenderer(i18n),
44
- AgeColumnRenderer(i18n),
45
- ];
46
- return (_jsxs(kit.space, { direction: "vertical", className: css `
47
- width: 100%;
48
- `, 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 })] }));
49
- };
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useResource, useParsed } from '@refinedev/core';
4
- import { useDeleteModal } from '../../hooks/useDeleteModal';
5
- import { useD2Translation } from '../../i18n';
6
- export const DeleteButton = () => {
7
- const { resource } = useResource();
8
- const { id } = useParsed();
9
- const kit = useUIKit();
10
- const { t } = useD2Translation();
11
- const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
12
- return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ''), children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
13
- };
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useResource } from '@refinedev/core';
4
- import { useCallback } from 'react';
5
- import { useDeleteManyModal } from '../../hooks/useDeleteModal/useDeleteManyModal';
6
- import { useD2Translation } from '../../i18n';
7
- export const DeleteManyButton = props => {
8
- const { resource } = useResource();
9
- const kit = useUIKit();
10
- const { t } = useD2Translation();
11
- const { modalProps, visible, setVisible } = useDeleteManyModal(resource?.name || '', props.ids);
12
- const onClick = useCallback(() => {
13
- setVisible(true);
14
- }, [setVisible]);
15
- return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: onClick, children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
16
- };
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useNavigation, useParsed, useShow } from '@refinedev/core';
4
- import { Drawer } from 'antd';
5
- import { ShowContent } from '../ShowContent';
6
- export const DrawerShow = (props) => {
7
- const kit = useUIKit();
8
- const parsed = useParsed();
9
- const nav = useNavigation();
10
- const { queryResult } = useShow({ id: parsed?.params?.id });
11
- const { isLoading } = queryResult;
12
- 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 }) }));
13
- };
@@ -1 +0,0 @@
1
- export * from './DrawerShow';
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useParsed } from '@refinedev/core';
4
- import { useEdit } from '../../hooks/useEdit';
5
- export const EditButton = () => {
6
- const { id } = useParsed();
7
- const kit = useUIKit();
8
- const { edit } = useEdit();
9
- return (_jsx(kit.button, { type: "primary", onClick: () => {
10
- if (id)
11
- edit(id);
12
- }, children: "Edit" }));
13
- };
@@ -1,47 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit, pushModal, popModal } from '@cloudtower/eagle';
3
- import { css } from '@linaria/core';
4
- import { useCallback } from 'react';
5
- import { FormErrorAlert } from 'src/components/FormErrorAlert';
6
- import { useSubmitForm } from 'src/hooks/useSubmitForm';
7
- import { useD2Translation } from '../../i18n';
8
- const EditFieldModalStyle = css `
9
- .ant-modal-content {
10
- border-radius: 16px;
11
- }
12
-
13
- .ant-modal-header {
14
- border-radius: 16px 16px 0 0;
15
- }
16
- `;
17
- const EditButtonStyle = css `
18
- &.ant-btn.ant-btn-link {
19
- height: 22px;
20
- margin-left: 8px;
21
- }
22
- `;
23
- export function EditFieldModal(props) {
24
- const { title, formRef: form, renderContent } = props;
25
- const kit = useUIKit();
26
- const { i18n } = useD2Translation();
27
- const { submitting, errorMsgs, reset, onSubmit, } = useSubmitForm({
28
- formRef: form,
29
- onSubmitSuccess: popModal
30
- });
31
- const close = useCallback(() => {
32
- popModal();
33
- reset();
34
- }, [reset]);
35
- 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 })] }));
36
- }
37
- export function EditField(props) {
38
- const { modalProps } = props;
39
- const kit = useUIKit();
40
- const { i18n } = useD2Translation();
41
- return (_jsx(kit.button, { className: EditButtonStyle, type: "link", onClick: () => {
42
- pushModal({
43
- component: EditFieldModal,
44
- props: modalProps
45
- });
46
- }, children: i18n.t('dovetail.edit') }));
47
- }
@@ -1,36 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { kitContext, Typo } from '@cloudtower/eagle';
3
- import { cx } from '@linaria/core';
4
- import { styled } from '@linaria/react';
5
- import { useContext } from 'react';
6
- import { useD2Translation } from '../../i18n';
7
- export const ErrorWrapper = styled.div `
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: center;
11
- align-items: center;
12
- height: 100%;
13
- `;
14
- export const ErrorContent = styled.div `
15
- display: flex;
16
- flex-direction: column;
17
- align-items: center;
18
-
19
- .title {
20
- margin-bottom: 8px;
21
- background-clip: text;
22
- -webkit-background-clip: text;
23
- -webkit-text-fill-color: transparent;
24
- background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
25
- }
26
- `;
27
- const WidgetErrorContent = props => {
28
- const { refetch, errorText, hiddenRetry } = props;
29
- const kit = useContext(kitContext);
30
- const { t } = useD2Translation();
31
- 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 => {
32
- e.stopPropagation();
33
- refetch?.();
34
- }, children: t('dovetail.retry') }))] }) }));
35
- };
36
- export default WidgetErrorContent;
@@ -1,59 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useList, useParsed } from '@refinedev/core';
3
- import { useMemo, useState } from 'react';
4
- import { AgeColumnRenderer, CommonSorter, NameSpaceColumnRenderer, } from '../../hooks/useEagleTable/columns';
5
- import { useD2Translation } from '../../i18n';
6
- import Table from '../Table';
7
- export const EventsTable = ({}) => {
8
- const { i18n } = useD2Translation();
9
- const [currentPage, setCurrentPage] = useState(1);
10
- const { data, isLoading } = useList({
11
- resource: 'events',
12
- meta: { resourceBasePath: '/apis/events.k8s.io/v1', kind: 'Event' },
13
- });
14
- const parsed = useParsed();
15
- const columns = useMemo(() => [
16
- NameSpaceColumnRenderer(i18n),
17
- {
18
- key: 'type',
19
- display: true,
20
- dataIndex: ['type'],
21
- title: i18n.t('dovetail.type'),
22
- sortable: true,
23
- sorter: CommonSorter(['type']),
24
- },
25
- {
26
- key: 'reason',
27
- display: true,
28
- dataIndex: ['reason'],
29
- title: i18n.t('dovetail.reason'),
30
- sortable: true,
31
- sorter: CommonSorter(['reason']),
32
- },
33
- {
34
- key: 'object',
35
- display: true,
36
- dataIndex: ['regarding', 'name'],
37
- title: i18n.t('dovetail.object'),
38
- sortable: true,
39
- sorter: CommonSorter(['regarding', 'name']),
40
- },
41
- {
42
- key: 'note',
43
- display: true,
44
- dataIndex: ['note'],
45
- title: i18n.t('dovetail.note'),
46
- sortable: true,
47
- sorter: CommonSorter(['note']),
48
- },
49
- AgeColumnRenderer(i18n),
50
- ], [i18n]);
51
- const dataSource = useMemo(() => {
52
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
53
- return data?.data.filter((d) => {
54
- const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
55
- return objectId === parsed.id;
56
- });
57
- }, [data?.data, parsed]);
58
- 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 }));
59
- };
@@ -1 +0,0 @@
1
- export * from './EventsTable';
@@ -1,56 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useCallback, useMemo } from 'react';
4
- function KeyValueInput(props) {
5
- const { children, item } = props;
6
- const kit = useUIKit();
7
- const onKeyChange = useCallback((event) => {
8
- const key = event.target.value;
9
- props.onChange?.({
10
- ...item,
11
- key,
12
- });
13
- }, [item, props]);
14
- const onValueChange = useCallback((event) => {
15
- const value = event.target.value;
16
- props.onChange?.({
17
- ...item,
18
- value,
19
- });
20
- }, [item, props]);
21
- return (_jsxs(kit.space, { children: [_jsx(kit.input, { value: item.key, onChange: onKeyChange }), _jsx(kit.textArea, { value: item.value, onChange: onValueChange }), children] }));
22
- }
23
- export function KeyValueListWidget(props) {
24
- const kit = useUIKit();
25
- const { value } = props;
26
- const items = useMemo(() => {
27
- return Object.entries(value || {}).map(([key, value]) => ({
28
- key,
29
- value,
30
- }));
31
- }, [value]);
32
- const onChange = useCallback((newItems) => {
33
- const newValue = newItems.reduce((result, item) => {
34
- result[item.key] = item.value;
35
- return result;
36
- }, {});
37
- props.onChange?.(newValue);
38
- }, [props]);
39
- const onRemove = useCallback((index) => {
40
- const result = [...items];
41
- result.splice(index, 1);
42
- onChange(result);
43
- }, [onChange, items]);
44
- const onAdd = useCallback(() => {
45
- onChange([...items, { key: '', value: '' }]);
46
- }, [onChange, items]);
47
- return (_jsxs(_Fragment, { children: [items.map((item, index) => {
48
- return (_jsx(KeyValueInput, { item: item, onChange: newItem => {
49
- const temp = [...items];
50
- temp.splice(index, 1, newItem);
51
- onChange(temp);
52
- }, children: _jsx(kit.button, { onClick: () => {
53
- onRemove(index);
54
- }, danger: true, children: "Remove" }) }, index));
55
- }), _jsx(kit.form.Item, { children: _jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })] }));
56
- }
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { KeyValueListWidget } from './KeyValueListWidget';
4
- import { NameInputWidget, rfc1123LabelRules } from './NameInputWidget';
5
- import { NamespaceSelectWidget, namespaceRules } from './NamespaceSelectWidget';
6
- export function MetadataForm() {
7
- const kit = useUIKit();
8
- 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, {}) })] }));
9
- }
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useResource } from '@refinedev/core';
4
- export function NameInputWidget(props) {
5
- const kit = useUIKit();
6
- const { action } = useResource();
7
- return _jsx(kit.input, { ...props, disabled: action === 'edit' });
8
- }
9
- export const dnsSubDomainRules = [
10
- {
11
- required: true,
12
- message: '名称不能为空',
13
- },
14
- {
15
- pattern: /^[a-z0-9]([-.a-z0-9]*[a-z0-9])?$/,
16
- message: '名称只能包含小写字母、数字,以及 \'-\' 和 \'.\',且必须以字母或数字开头和结束',
17
- },
18
- {
19
- max: 253,
20
- message: '名称长度不能超过253个字符',
21
- },
22
- ];
23
- export const rfc1123LabelRules = [
24
- {
25
- required: true,
26
- message: '名称不能为空',
27
- },
28
- {
29
- pattern: /^[a-z0-9]([-a-z0-9]*[a-z0-9])?$/,
30
- message: '名称只能包含小写字母、数字,以及 \'-\',且以字母或数字开头和结束',
31
- },
32
- {
33
- max: 63,
34
- message: '名称长度不能超过63个字符',
35
- },
36
- ];
37
- export const rfc1035LabelRules = [
38
- {
39
- required: true,
40
- message: '名称不能为空',
41
- },
42
- {
43
- pattern: /^[a-z]([-a-z0-9]*[a-z0-9])?$/,
44
- message: '名称只能包含小写字母、数字,以及 \'-\',且以字母开头,字母或数字结束',
45
- },
46
- {
47
- max: 63,
48
- message: '名称长度不能超过63个字符',
49
- },
50
- ];
@@ -1,21 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useList, useResource } from '@refinedev/core';
4
- export function NamespaceSelectWidget(props) {
5
- const kit = useUIKit();
6
- const { action } = useResource();
7
- const { data } = useList({
8
- resource: 'namespaces',
9
- meta: {
10
- resourceBasePath: '/api/v1',
11
- kind: 'Namespace',
12
- },
13
- });
14
- 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))) }));
15
- }
16
- export const namespaceRules = [
17
- {
18
- required: true,
19
- message: 'Please input the namespace.',
20
- },
21
- ];
@@ -1,4 +0,0 @@
1
- export * from './NameInputWidget';
2
- export * from './NamespaceSelectWidget';
3
- export * from './KeyValueListWidget';
4
- export * from './MetadataForm';
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { first } from 'lodash-es';
4
- export function FormErrorAlert(props) {
5
- const { errorMsgs, style, className } = props;
6
- const kit = useUIKit();
7
- 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;
8
- }
@@ -1,21 +0,0 @@
1
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit, Typo } from '@cloudtower/eagle';
3
- import { css, cx } from '@linaria/core';
4
- import { useResource } from '@refinedev/core';
5
- import { useD2Translation } from '../../i18n';
6
- const WrapperStyle = css `
7
- height: 100%;
8
- display: flex;
9
- flex-direction: column;
10
- `;
11
- const TitleStyle = css `
12
- line-height: 32px !important;
13
- `;
14
- function FormLayout(props) {
15
- const { saveButtonProps } = props;
16
- const kit = useUIKit();
17
- const { resource, action } = useResource();
18
- const { t } = useD2Translation();
19
- 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') }) })] }));
20
- }
21
- export default FormLayout;