@dovetail-v2/refine 0.1.11-alpha.1 → 0.1.11

package/dist/style.css

@@ -321,17 +321,21 @@
 .egn3dbn.list .title {
   color: rgba(44, 56, 82, 0.6);
 }
+.egn3dbn.card {
+  padding: 15px 0;
+}
 .egn3dbn.card .title {
-  display: flex;
-  align-items: center;
-  height: 96px;
   color: rgba(0, 21, 64, 0.3);
 }
+.egn3dbn.card .error-content {
+  height: 96px;
+}
 
 .e136jgy8 {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
 }
 .e136jgy8 .title {
   margin-bottom: 8px;
@@ -1229,13 +1233,11 @@
   overflow: auto;
   width: calc(100% - 48px);
   max-width: 1592px;
+  margin-bottom: 24px;
 }
 .ge26ou0:first-of-type {
   margin-top: 16px;
 }
-.ge26ou0:not(:last-of-type) {
-  margin-bottom: 24px;
-}
 .ge26ou0 .pagination-wrapper {
   padding-top: 12px;
   padding-bottom: 0;
@@ -4198,6 +4200,141 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.p5jt6nm .ant-popover-inner {
+  border-radius: 8px;
+}
+.p5jt6nm .ant-popover-innerntent {
+  padding: 12px;
+}
+.p5jt6nm .ant-popover-content > .ant-popover-arrow {
+  display: none;
+}
+.p5jt6nm td.ant-table-cell {
+  vertical-align: middle;
+}
+.p5jt6nm .rule-list {
+  list-style: disc;
+  list-style-position: inside;
+}
+.p5jt6nm .ant-table {
+  font-size: 12px;
+  line-height: 18px;
+}
+.p5jt6nm .ant-table .ant-table-container {
+  border: none !important;
+}
+.p5jt6nm .ant-table .ant-table-thead {
+  font-weight: 700;
+}
+.p5jt6nm .ant-table .ant-table-thead > tr > th {
+  background: #fff;
+}
+.p5jt6nm .ant-table thead > tr > th:last-child,
+.p5jt6nm .ant-table tbody > tr > td:last-child {
+  border-right: none !important;
+}
+.p5jt6nm .ant-table tbody > tr:last-child > td {
+  border-bottom: none;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
+.clsjtk2 {
+  min-height: 24px !important;
+}
+
+.cq3mbby {
+  width: 100%;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .wfg6u6g {
   display: flex;
   align-items: center;

package/lib/components/EditField/index.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+export interface EditFieldFormHandler {
+    submit: () => Promise<unknown> | undefined;
+}
 export interface EditFieldModalProps {
     title?: string;
     submitting?: boolean;

package/lib/components/EditMetadataForm/KeyValueTableForm.d.ts

@@ -0,0 +1,15 @@
+import { TableFormColumn } from '@cloudtower/eagle';
+import React from 'react';
+import { EditFieldFormHandler } from '../EditField';
+export type KeyValuePair = {
+    key: string;
+    value?: string;
+};
+interface KeyValueTableFormFormProps<T extends KeyValuePair> {
+    defaultValue: T[];
+    onSubmit: (value: T[]) => Promise<unknown> | undefined;
+    extraColumns?: TableFormColumn[];
+    addButtonText?: string;
+}
+export declare const KeyValueTableFormForm: React.ForwardRefExoticComponent<KeyValueTableFormFormProps<KeyValuePair> & React.RefAttributes<EditFieldFormHandler>>;
+export {};

package/lib/components/EditMetadataForm/LabelFormatPopover.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PodLabelFormatRulePopoverStyle: import("@linaria/core").LinariaClassName;
+export declare const LabelFormatPopover: React.FC;

package/lib/components/ResourceSelect/index.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { KitLegacySelectProps } from '@cloudtower/eagle';
+import { KitSelectProps } from '@cloudtower/eagle';
 type ResourceSelectProps = {
     resource: string;
     resourceBasePath: string;
     kind: string;
     value: string;
     onChange: (...params: unknown[]) => void;
-    selectProps?: KitLegacySelectProps;
+    selectProps?: KitSelectProps;
 };
 export declare function ResourceSelect(props: ResourceSelectProps): JSX.Element;
 export {};

package/lib/i18n.d.ts

@@ -283,6 +283,7 @@ export declare const resources: {
             protocol: string;
             key: string;
             value: string;
+            value_optional: string;
             effect: string;
             show_data_value: string;
             hide_data_value: string;
@@ -385,6 +386,25 @@ export declare const resources: {
             pvc_storage_required: string;
             pvc_storage_min: string;
             pvc_storage_reduce_limit: string;
+            key_empty_text: string;
+            format_error: string;
+            taint_effect_empty_text: string;
+            add_label: string;
+            add_annotation: string;
+            add_taint: string;
+            look_format_requirement: string;
+            yes: string;
+            no: string;
+            contains: string;
+            optional: string;
+            format_requirements: string;
+            suffix: string;
+            suffix_format_rule_1: string;
+            suffix_format_rule_2: string;
+            suffix_format_rule_3: string;
+            name_format_rule_1: string;
+            name_format_rule_2: string;
+            name_format_rule_3: string;
         };
     };
 };

package/lib/locales/zh-CN/index.d.ts

@@ -105,6 +105,7 @@ declare const _default: {
         protocol: string;
         key: string;
         value: string;
+        value_optional: string;
         effect: string;
         show_data_value: string;
         hide_data_value: string;
@@ -207,6 +208,25 @@ declare const _default: {
         pvc_storage_required: string;
         pvc_storage_min: string;
         pvc_storage_reduce_limit: string;
+        key_empty_text: string;
+        format_error: string;
+        taint_effect_empty_text: string;
+        add_label: string;
+        add_annotation: string;
+        add_taint: string;
+        look_format_requirement: string;
+        yes: string;
+        no: string;
+        contains: string;
+        optional: string;
+        format_requirements: string;
+        suffix: string;
+        suffix_format_rule_1: string;
+        suffix_format_rule_2: string;
+        suffix_format_rule_3: string;
+        name_format_rule_1: string;
+        name_format_rule_2: string;
+        name_format_rule_3: string;
     };
 };
 export default _default;

package/lib/utils/index.d.ts

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

package/lib/utils/validation.d.ts

@@ -0,0 +1,8 @@
+export declare function validateLabelKey(key: string): {
+    isValid: boolean;
+    errorMessage?: string;
+};
+export declare function validateLabelValue(value: string): {
+    isValid: boolean;
+    errorMessage?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.1.11-alpha.1",
+  "version": "0.1.11",
   "type": "module",
   "files": [
     "dist",
@@ -10,8 +10,8 @@
   "module": "./dist/refine.js",
   "types": "./lib/index.d.ts",
   "dependencies": {
-    "@cloudtower/eagle": "^0.31.17",
-    "@cloudtower/icons-react": "^0.31.17",
+    "@cloudtower/eagle":  "^0.31.18",
+    "@cloudtower/icons-react": "^0.31.18",
     "@patternfly/react-core": "^5.1.1",
     "@patternfly/react-log-viewer": "^5.0.0",
     "@refinedev/core": "^4.47.2",
@@ -49,15 +49,15 @@
     "@babel/preset-env": "^7.1.6",
     "@babel/preset-typescript": "^7.10.4",
     "@kubernetes/client-node": "^0.20.0",
-    "@linaria/core": "^4.5.4",
-    "@linaria/react": "^4.5.4",
-    "@linaria/vite": "^4.5.4",
     "@linaria/babel-preset": "^4.5.4",
+    "@linaria/core": "^4.5.4",
     "@linaria/logger": "^4.5.0",
+    "@linaria/react": "^4.5.4",
     "@linaria/utils": "^4.5.3",
-    "@rollup/pluginutils": "^4.2.1",
+    "@linaria/vite": "^4.5.4",
     "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
+    "@rollup/pluginutils": "^4.2.1",
     "@types/body-parser": "^1.19.5",
     "@types/jest": "^29",
     "@types/js-yaml": "^4.0.6",
@@ -83,8 +83,8 @@
     "vite-plugin-commonjs": "^0.10.0"
   },
   "peerDependencies": {
-    "@cloudtower/eagle": "^0.31.17",
-    "@cloudtower/icons-react": "^0.31.17",
+    "@cloudtower/eagle": "^0.31.18",
+    "@cloudtower/icons-react": "^0.31.18",
     "@refinedev/core": "^4.47.2",
     "antd": "4.5.0",
     "i18next": "^23.2.3",

package/lib/components/CronJobDropdown/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CronJobModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends CronJobModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function CronJobDropdown<Model extends CronJobModel>(props: Props<Model>): JSX.Element;
-export {};

package/lib/components/K8sDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ResourceModel } from '../../models';
-export type DropdownSize = 'normal' | 'large';
-interface K8sDropdownProps {
-    record: ResourceModel;
-    size?: DropdownSize;
-}
-export declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
-export default K8sDropdown;

package/lib/components/PodDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PodModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends PodModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function PodDropdown<Model extends PodModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/components/ReplicasDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { WorkloadModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends WorkloadModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function ReplicasDropdown<Model extends WorkloadModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/components/Table/TableToolBar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type Props = {
-    title?: string;
-    description?: string;
-    selectedKeys: string[];
-    hideCreate?: boolean;
-};
-export declare const TableToolBar: React.FC<Props>;
-export {};

package/lib/components/Table/TableWidgets.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const ColumnTitle: React.FC<{
-    sortOrder?: 'descend' | 'ascend' | null;
-    title: React.ReactNode;
-}>;
-export declare const AuxiliaryLine: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/components/WorkloadDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { WorkloadModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends WorkloadModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function WorkloadDropdown<Model extends WorkloadModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/src/App.d.ts

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

package/lib/src/Dovetail.d.ts

@@ -1,18 +0,0 @@
-import { AccessControlProvider } from '@refinedev/core';
-import { History } from 'history';
-import { GlobalStore } from 'k8s-api-provider';
-import React from 'react';
-import { ResourceConfig } from './types';
-import './styles.css';
-type Props = {
-    resourcesConfig: ResourceConfig[];
-    useHashUrl?: boolean;
-    urlPrefix?: string;
-    Layout?: React.FC<unknown>;
-    history: History;
-    globalStore: GlobalStore;
-    accessControlProvider?: AccessControlProvider;
-    routerProvider?: any;
-};
-export declare const Dovetail: React.FC<Props>;
-export {};

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface BreadcrumbProps {
-    className?: string;
-}
-export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import { Condition } from 'kubernetes-types/meta/v1';
-import React from 'react';
-type Props = {
-    conditions: Condition[];
-};
-export declare const ConditionsTable: React.FC<Props>;
-export {};

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

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

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CronJobModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends CronJobModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function CronJobDropdown<Model extends CronJobModel>(props: Props<Model>): JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-import { OwnerReference } from 'kubernetes-types/meta/v1';
-import React from 'react';
-export declare const CronjobJobsTable: React.FC<{
-    owner?: OwnerReference & {
-        namespace: string;
-    };
-    hideToolBar?: boolean;
-}>;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DeleteButton: React.FC;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const DeleteManyButton: React.FC<{
-    ids: string[];
-}>;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ResourceModel } from '../../models';
-import { ShowConfig } from '../ShowContent';
-type Props<Model extends ResourceModel> = {
-    showConfig: ShowConfig<Model>;
-    formatter?: (r: Model) => Model;
-};
-export declare const DrawerShow: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;
-export {};

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

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

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface DurationTimeProps {
-    value: number;
-}
-declare function DurationTime(props: DurationTimeProps): JSX.Element;
-export { DurationTime };

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const EditButton: React.FC;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface EditFieldModalProps {
-    title?: string;
-    submitting?: boolean;
-    errorMsgs?: string[];
-    formRef: React.MutableRefObject<{
-        submit: () => (Promise<unknown> | undefined);
-    } | null>;
-    renderContent: () => React.ReactNode;
-}
-export declare function EditFieldModal(props: EditFieldModalProps): JSX.Element;
-export interface EditField {
-    modalProps: EditFieldModalProps;
-}
-export declare function EditField(props: EditField): JSX.Element;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-export declare const ErrorWrapper: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ErrorContent: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare enum ErrorContentType {
-    List = "list",
-    Card = "card",
-    Widget = "widget"
-}
-export type WidgetErrorContentProps = {
-    className?: string;
-    style?: React.CSSProperties;
-    errorText?: string;
-    type?: ErrorContentType;
-    refetch?: () => void;
-};
-declare const WidgetErrorContent: React.FunctionComponent<WidgetErrorContentProps>;
-export default WidgetErrorContent;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-type EventTableProps = {
-    uid: string;
-};
-export declare const EventsTable: React.FC<EventTableProps>;
-export {};

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

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

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

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

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { UseFormReturnType } from '@refinedev/react-hook-form';
-import { ResourceModel } from '../../models';
-import { ResourceConfig } from '../../types';
-type Props<Model extends ResourceModel> = {
-    config?: ResourceConfig<Model>;
-    formResult: UseFormReturnType;
-    errorMsg?: string;
-    resourceId?: string;
-};
-export declare const RefineFormContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ResourceConfig } from '../../types';
-type Props = {
-    config: ResourceConfig<any>;
-};
-export declare const RefineFormPage: (props: Props) => JSX.Element;
-export {};

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { FormAction } from '@refinedev/core';
-import { Unstructured } from 'k8s-api-provider';
-import useYamlForm from './useYamlForm';
-export declare enum SchemaStrategy {
-    Required = "Required",
-    Optional = "Optional",
-    None = "None"
-}
-export interface YamlFormProps {
-    id?: string;
-    action?: FormAction;
-    initialValues?: Record<string, unknown>;
-    schemaStrategy?: SchemaStrategy;
-    isShowLayout?: boolean;
-    useFormProps?: Parameters<typeof useYamlForm>[0];
-    transformInitValues?: (values: Record<string, unknown>) => Record<string, unknown>;
-    transformApplyValues?: (values: Unstructured) => Unstructured;
-    onSaveButtonPropsChange?: (saveButtonProps: {
-        disabled?: boolean;
-        onClick: () => void;
-        loading?: boolean | {
-            delay?: number | undefined;
-        };
-    }) => void;
-    onErrorsChange?: (errors: string[]) => void;
-    onFinish?: () => void;
-}
-export declare function YamlForm(props: YamlFormProps): JSX.Element;

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

@@ -1,7 +0,0 @@
-export * from './FormModal';
-export * from './RefineFormContent';
-export * from './RefineFormPage';
-export * from './YamlForm';
-export * from './useRefineForm';
-export * from './useYamlForm';
-export * from './type';