@dovetail-v2/refine 0.0.46-alpha.0 → 0.0.46-alpha.1

package/dist/style.css

@@ -12,19 +12,9 @@
 .b1vtjd4k.ant-btn.ant-btn-link{display:block;}
 .luro4rx.ant-btn.ant-btn-link{line-height:18px;height:18px;}
 .t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;gap:8px 8px;}
-.t12ikbmp.ant-tag{overflow:hidden;text-overflow:ellipsis;color:#1D326C;}.t12ikbmp.ant-tag.outside-tag{background-color:rgba(211,218,235,0.60);}.t12ikbmp.ant-tag .inside-tag{background-color:rgba(192,203,224,0.60);}
+.t12ikbmp.ant-tag{overflow:hidden;text-overflow:ellipsis;color:#1D326C;}.t12ikbmp.ant-tag.outside-tag{border:1px solid #A3B4CC;background-color:#E4E9F2;}.t12ikbmp.ant-tag .inside-tag{background-color:#CCD4E3;}
 .s8qkbck.ant-tag{padding:3px 16px;height:24px;}.s8qkbck.no-background{background-color:transparent !important;padding:0;}
 .t19ustft{display:inline-block;line-height:18px;height:18px;border-bottom:1px dashed rgba(107,128,167,0.6);}
-.sj0ggy.ant-select .ant-select-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;gap:4px;}.sj0ggy.ant-select .ant-select-selector > span{max-width:calc(100% - 76px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.sj0ggy.ant-select .ant-select-selection-search{display:none;}.sj0ggy.ant-select .zoom-leave{opacity:0;position:absolute;}
-.d1eo8uqs{border-radius:6px;}
-.s64gojc.s64gojc.ant-input-affix-wrapper{border:unset;border-bottom:1px solid rgba(211,218,235,.6);border-radius:unset;box-shadow:unset;outline:unset;padding:5px 18px;}.s64gojc.s64gojc.ant-input-affix-wrapper:hover,.s64gojc.s64gojc.ant-input-affix-wrapper:focus{box-shadow:unset;outline:unset;}
-.s16fqgtu .ant-select-item-group{border-bottom:1px solid rgba(211,218,235,0.6);min-height:0;padding:0;overflow:hidden;margin:6px 0;}
-.tgaujbg{max-width:100%;margin-right:0 !important;}
-.c1vbd54v{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:0;}
-
-.lqrghwd{margin-right:8px;}
-.api7z1z{border-radius:4px;margin:6px;margin-bottom:0;padding:4px 8px 4px 12px;}
-.o38b23x.ant-select-item{margin:0 6px;border-radius:4px;padding:4px 8px 4px 12px;}.o38b23x.ant-select-item:not(:last-of-type){margin-bottom:3px;}.o38b23x.ant-select-item:last-of-type{margin-bottom:6px;}
 .t1v3ienx{padding:12px 24px;}
 .tgejfwe{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .tq6dc79{color:#00122E;}
@@ -32,7 +22,7 @@
 .w16agr8o.ant-space{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .i1u1f5zp{white-space:pre-line;}
 .c8jy7dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 10px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:4px;background:rgba(237,241,250,0.6);}.c8jy7dc:not(:last-of-type){margin-bottom:8px;}
-.k2sddxl{color:rgba(44,56,82,0.6);width:calc(30% - 4px);margin-right:8px;word-break:break-all;}
+.k2sddxl{color:rgba(44,56,82,0.75);width:calc(30% - 4px);margin-right:8px;word-break:break-all;}
 .v16vicsr{word-break:break-all;white-space:pre-wrap;width:calc(70% - 4px);}
 .w14056kz{width:100%;}
 .hisq2gt{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.hisq2gt.expanded{margin-bottom:8px;}
@@ -1516,11 +1506,23 @@
 .e1cjl2b8{border-radius:8px;border:1px solid rgba(211,218,235,0.60);}.e1cjl2b8 .monaco-editor,.e1cjl2b8 .monaco-scrollable-element,.e1cjl2b8 .overflow-guard > .margin{border-radius:8px;}
 .w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .t30srnq{line-height:32px !important;}
+.sj0ggy.ant-select{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;min-width:276px;max-width:100%;}.sj0ggy.ant-select .ant-select-selector{display:block;overflow:hidden;padding-right:32px;white-space:nowrap;}.sj0ggy.ant-select .ant-select-selector > span:nth-child(-n + 8):not(.ant-select-selection-search){display:inline-block;max-width:var(--tag-max-width);margin-right:4px;}.sj0ggy.ant-select .ant-select-selection-search{display:none;}.sj0ggy.ant-select .zoom-leave{opacity:0;position:absolute;}
+.d1eo8uqs{border-radius:6px;}
+.s64gojc.s64gojc.ant-input-affix-wrapper{border:unset;border-bottom:1px solid rgba(211,218,235,.6);border-radius:unset;box-shadow:unset;outline:unset;padding:5px 18px;}.s64gojc.s64gojc.ant-input-affix-wrapper:hover,.s64gojc.s64gojc.ant-input-affix-wrapper:focus{box-shadow:unset;outline:unset;}
+.s16fqgtu .ant-select-item-group{border-bottom:1px solid rgba(211,218,235,0.6);min-height:0;padding:0;overflow:hidden;margin:6px 0;}
+.tgaujbg{max-width:100%;margin-right:0 !important;}
+.c1vbd54v{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:0 !important;}
+
+.lqrghwd{margin-right:8px;}
+.api7z1z{border-radius:4px;margin:6px;margin-bottom:0;padding:4px 8px 4px 12px;}
+.o38b23x.ant-select-item{margin:0 6px;border-radius:4px;padding:4px 8px 4px 12px;}.o38b23x.ant-select-item:not(:last-of-type){margin-bottom:3px;}.o38b23x.ant-select-item:last-of-type{margin-bottom:6px;}
 .laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .l1ng0psc{padding:12px 24px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .tj6zpn4{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tj6zpn4.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
 .n1rqcyjn.ant-select{margin-bottom:12px;}
-.c154n7ie{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;width:100%;}
+.c154n7ie{width:100%;}
+.c1c9j4da{color:rgba(44,56,82,0.6);}
+.cjxv8cf{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;width:100%;}
 .s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
 
 .e1guqlj2{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}

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

@@ -6,7 +6,7 @@ type Props<Model extends ResourceModel> = {
     config?: ResourceConfig<Model>;
     formResult: UseFormReturnType;
     errorMsg?: string;
-    action: 'create' | 'edit';
+    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/type.d.ts

@@ -7,6 +7,8 @@ export type RefineFormField = {
     path: string[];
     key: string;
     label: string;
+    placeholder?: string;
+    helperText?: string;
     type?: 'number';
     validators?: RefineFormValidator[];
     disabledWhenEdit?: boolean;

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -18,7 +18,7 @@ export declare const AgeColumnRenderer: <Model extends ResourceModel<import("k8s
 }) => Column<Model>;
 export declare const NodeNameColumnRenderer: <Model extends PodModel>(i18n: I18nType, options?: Partial<Column<Model>> | undefined) => Column<Model>;
 export declare const RestartCountColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
-export declare const CompletionsCountColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;
+export declare const CompletionsCountColumnRenderer: <Model extends JobModel>(i18n: I18nType) => Column<Model>;
 export declare const DurationColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;
 export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
 export declare function ServiceInClusterAccessTitle(): JSX.Element;

package/lib/src/hooks/useNamespaceFilter.d.ts

@@ -0,0 +1,5 @@
+import { CrudFilters } from '@refinedev/core';
+declare function useNamespaceFilter(): {
+    permanent: CrudFilters;
+};
+export default useNamespaceFilter;

package/lib/src/hooks/useTableData.d.ts

@@ -1,15 +1,17 @@
 /// <reference types="react" />
+import { CrudSorting } from '@refinedev/core';
 import { Column, SorterOrder } from 'src/components/Table';
 type UseTableDataProps<Data extends {
     id: string;
 }> = {
     pageSize?: number;
+    defaultSorters?: CrudSorting;
     data: Data[];
     columns: Column<Data>[];
 };
 declare function useTableData<Data extends {
     id: string;
-}>({ data, columns, pageSize }: UseTableDataProps<Data>): {
+}>({ data, columns, pageSize, defaultSorters }: UseTableDataProps<Data>): {
     data: Data[];
     currentPage: number;
     onPageChange: import("react").Dispatch<import("react").SetStateAction<number>>;

package/lib/src/types/resource.d.ts

@@ -4,7 +4,7 @@ import { Unstructured } from 'k8s-api-provider';
 import { YamlFormProps } from '../components';
 import { RefineFormField } from '../components/Form';
 import { ShowConfig } from '../components/ShowContent';
-import { Column } from '../components/Table';
+import { Column, TableProps } from '../components/Table';
 import { ResourceModel } from '../models';
 export declare enum RESOURCE_GROUP {
     WORKLOAD = "WORKLOAD",
@@ -39,9 +39,14 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     Dropdown?: React.FC<{
         record: Model;
     }>;
+    tableProps?: Partial<TableProps<Model>>;
     isCustom?: boolean;
     formConfig?: {
-        fields?: RefineFormField[];
+        fields?: (props: {
+            record?: Model;
+            records: Model[];
+            action: 'create' | 'edit';
+        }) => RefineFormField[];
         renderForm?: (props: YamlFormProps) => React.ReactNode;
         formType?: FormType;
         transformInitValues?: (values: Unstructured) => Unstructured;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.46-alpha.0",
+  "version": "0.0.46-alpha.1",
   "type": "module",
   "files": [
     "dist",
@@ -21,7 +21,7 @@
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "0.0.20",
+    "k8s-api-provider": "0.0.21-alpha.0",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",