@dovetail-v2/refine 0.3.19-alpha.2 → 0.3.19-alpha.3

package/dist/components/Dropdowns/K8sDropdown/index.d.ts

@@ -7,11 +7,8 @@ interface K8sDropdownProps {
     record: ResourceModel;
     size?: DropdownSize;
     customButton?: React.ReactNode;
-    resourceName?: string;
-    config?: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig' | 'hideEdit'>;
-    displayName?: string;
+    resourceConfig?: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig' | 'hideEdit'>;
     deleteDialogProps?: Partial<DeleteDialogProps>;
-    hideEdit?: boolean;
 }
 export declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
 export default K8sDropdown;

package/dist/components/Form/FormModal.d.ts

@@ -17,7 +17,7 @@ export interface ConfirmModalProps {
 }
 export type FormModalProps = {
     id?: string;
-    config: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig'>;
+    resourceConfig: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig'>;
     yamlFormProps?: YamlFormProps;
     options?: {
         initialValues?: Record<string, unknown>;

package/dist/components/Form/RefineFormContainer.d.ts

@@ -7,7 +7,7 @@ import { YamlFormProps } from './YamlForm';
 interface RefineFormContainerProps {
     id: string;
     isYamlMode: boolean;
-    config: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>;
+    resourceConfig: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>;
     step: number;
     formConfig: (RefineFormConfig & CommonFormConfig) | undefined;
     customYamlFormProps?: YamlFormProps;

package/dist/components/Form/RefineFormContent.d.ts

@@ -5,7 +5,7 @@ import { RefineFormFieldRenderProps } from 'src/components/Form/type';
 import { ResourceModel } from 'src/models';
 import { CommonFormConfig, RefineFormConfig, ResourceConfig } from 'src/types';
 type RefineFormContentProps<Model extends ResourceModel> = {
-    config?: Pick<ResourceConfig<Model>, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>;
+    resourceConfig?: Pick<ResourceConfig<Model>, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>;
     step?: number;
     formConfig?: CommonFormConfig & RefineFormConfig;
     formResult: UseFormReturnType;

package/dist/components/Form/YamlForm.d.ts

@@ -14,7 +14,7 @@ export interface YamlFormProps<Model extends ResourceModel = ResourceModel> {
     id?: string;
     resource?: string;
     action?: FormAction;
-    config: Pick<ResourceConfig<Model>, 'displayName' | 'dataProviderName' | 'basePath' | 'kind' | 'parent'>;
+    resourceConfig: Pick<ResourceConfig<Model>, 'displayName' | 'dataProviderName' | 'basePath' | 'kind' | 'parent'>;
     initialValuesForCreate?: Record<string, unknown>;
     initialValuesForEdit?: Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;

package/dist/components/Form/YamlFormContainer.d.ts

@@ -7,12 +7,12 @@ import { YamlFormConfig } from 'src/types';
 import { YamlFormProps } from './YamlForm';
 interface YamlFormContainerProps {
     id: string;
-    config: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig' | 'dataProviderName' | 'parent'>;
+    resourceConfig: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig' | 'dataProviderName' | 'parent'>;
     customYamlFormProps?: YamlFormProps;
     formConfig?: YamlFormConfig & CommonFormConfig;
     onSuccess?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
     onError?: () => void;
     onSaveButtonPropsChange?: (props: SaveButtonProps) => void;
 }
-declare function YamlFormContainer({ id, customYamlFormProps, config, formConfig, onSuccess, onError, onSaveButtonPropsChange, }: YamlFormContainerProps): JSX.Element;
+declare function YamlFormContainer({ id, customYamlFormProps, resourceConfig, formConfig, onSuccess, onError, onSaveButtonPropsChange, }: YamlFormContainerProps): JSX.Element;
 export default YamlFormContainer;

package/dist/components/Form/useFieldsConfig.d.ts

@@ -1,7 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { ResourceModel } from 'src/models';
 import { RefineFormConfig, ResourceConfig } from 'src/types';
-declare function useFieldsConfig<Model extends ResourceModel>(config?: Pick<ResourceConfig<Model>, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>, formConfig?: {
+declare function useFieldsConfig<Model extends ResourceModel>(resourceConfig?: Pick<ResourceConfig<Model>, 'name' | 'displayName' | 'kind' | 'initValue' | 'basePath' | 'formConfig'>, formConfig?: {
     fields: RefineFormConfig['fields'];
 }, resourceId?: string, step?: number, customOptions?: Record<string, unknown>, transformedInitValues?: FieldValues): (import("./type").RefineFormField | import("./type").RefineFormSection)[] | undefined;
 export default useFieldsConfig;

package/dist/components/Form/useRefineForm.d.ts

@@ -7,7 +7,7 @@ interface UseRefineFormOptions {
 export declare const useRefineForm: (props: {
     formConfig?: RefineFormConfig & CommonFormConfig;
     id?: string;
-    config: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'formConfig'>;
+    resourceConfig: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'formConfig'>;
     refineProps?: UseFormProps['refineCoreProps'];
     options?: UseRefineFormOptions;
 }) => {

package/dist/components/ResourceCRUD/create/index.d.ts

@@ -2,7 +2,7 @@
 import { ResourceModel } from '../../../models';
 import { ResourceConfig } from '../../../types';
 type Props<Model extends ResourceModel> = {
-    config: ResourceConfig<Model>;
+    resourceConfig: ResourceConfig<Model>;
 };
 export declare function ResourceForm<Model extends ResourceModel>(props: Props<Model>): JSX.Element;
 export {};

package/dist/hooks/useOpenForm.d.ts

@@ -2,7 +2,7 @@ import { CreateResponse, UpdateResponse, BaseRecord } from '@refinedev/core';
 import { ResourceConfig } from 'src/types';
 interface OpenFormOptions {
     id?: string;
-    config?: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig'>;
+    resourceConfig?: Pick<ResourceConfig, 'name' | 'displayName' | 'kind' | 'initValue' | 'apiVersion' | 'basePath' | 'formConfig'>;
     resourceName?: string;
     initialValues?: Record<string, unknown>;
     customOptions?: Record<string, unknown>;

package/dist/refine.cjs

@@ -10584,22 +10584,22 @@ function useOpenForm() {
   const go = core.useGo();
   return function openForm(options) {
     var _a, _b;
-    const finalResourceName = (options == null ? void 0 : options.resourceName) || ((_a = options == null ? void 0 : options.config) == null ? void 0 : _a.name) || (resource == null ? void 0 : resource.name);
-    if (finalResourceName || (options == null ? void 0 : options.config)) {
-      const config = (options == null ? void 0 : options.config) || configs[finalResourceName || ""];
-      const formType = (_b = config.formConfig) == null ? void 0 : _b.formContainerType;
+    const finalResourceName = (options == null ? void 0 : options.resourceName) || ((_a = options == null ? void 0 : options.resourceConfig) == null ? void 0 : _a.name) || (resource == null ? void 0 : resource.name);
+    if (finalResourceName || (options == null ? void 0 : options.resourceConfig)) {
+      const resourceConfig = (options == null ? void 0 : options.resourceConfig) || configs[finalResourceName || ""];
+      const formType = (_b = resourceConfig.formConfig) == null ? void 0 : _b.formContainerType;
       if (formType === void 0 || formType === FormContainerType.MODAL) {
         pushModal({
           component: () => {
             var _a2;
-            const ModalComponent = ((_a2 = config.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
+            const ModalComponent = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
             return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
               ModalComponent,
               {
                 id: options == null ? void 0 : options.id,
-                config,
+                resourceConfig,
                 yamlFormProps: {
-                  config
+                  resourceConfig
                 },
                 options,
                 onSuccess: options == null ? void 0 : options.onSuccess
@@ -10837,23 +10837,20 @@ function K8sDropdown(props) {
   const {
     record,
     size = "normal",
-    resourceName: resourceNameFromProps,
-    config: configFromProps,
+    resourceConfig,
     customButton,
-    deleteDialogProps,
-    displayName,
-    hideEdit
+    deleteDialogProps
   } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
   const configs = React.useContext(ConfigsContext);
-  const resourceName = resourceNameFromProps || getResourceNameByKind(record.kind || "", configs);
-  const config = configFromProps || configs[resourceName || ""];
+  const resourceName = (resourceConfig == null ? void 0 : resourceConfig.name) || getResourceNameByKind(record.kind || "", configs);
+  const config = resourceConfig || configs[resourceName || ""];
   const { t: t2, i18n: i18n2 } = common.useTranslation();
   const { openDeleteConfirmModal } = useDeleteModal({
     resourceName: resourceName || "",
     deleteDialogProps,
-    displayName,
+    displayName: config.displayName,
     meta: record.apiVersion ? {
       kind: record.kind || "",
       resourceBasePath: (
@@ -10884,12 +10881,12 @@ function K8sDropdown(props) {
     eagle.Dropdown,
     {
       overlay: /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Menu, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || hideEdit || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(
           eagle.Menu.Item,
           {
-            onClick: () => openForm({ id: record.id, resourceName, config }),
+            onClick: () => openForm({ id: record.id, resourceName, resourceConfig: config }),
             children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Icon, { src: iconsReact.EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
-              displayName || (config == null ? void 0 : config.displayName) || record.kind || "",
+              config.displayName || record.kind || "",
               i18n2.language
             )}` : t2("dovetail.edit_yaml") })
           }
@@ -14684,10 +14681,10 @@ function ResourceShow(props) {
     }
   );
 }
-function getInitialValues(config) {
-  return config.initValue || {
-    apiVersion: config.apiVersion,
-    kind: config.kind,
+function getInitialValues(resourceConfig) {
+  return resourceConfig.initValue || {
+    apiVersion: resourceConfig.apiVersion,
+    kind: resourceConfig.kind,
     ...BASE_INIT_VALUE,
     spec: {}
   };
@@ -14826,19 +14823,19 @@ const SpaceStyle = "sea7f83";
 const VerticalFormItemStyle = "v1jthrhz";
 const IntegerStyle = "i1brpchs";
 const ContentWrapper = "c11mae2d";
-function useFieldsConfig(config, formConfig, resourceId, step, customOptions, transformedInitValues) {
+function useFieldsConfig(resourceConfig, formConfig, resourceId, step, customOptions, transformedInitValues) {
   var _a, _b, _c;
   const action = resourceId ? "edit" : "create";
   const listQuery = core.useList({
-    resource: config == null ? void 0 : config.name,
-    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
+    resource: resourceConfig == null ? void 0 : resourceConfig.name,
+    meta: { resourceBasePath: resourceConfig == null ? void 0 : resourceConfig.basePath, kind: resourceConfig == null ? void 0 : resourceConfig.kind },
     pagination: {
       mode: "off"
     }
   });
   const showQuery = core.useShow({
-    resource: config == null ? void 0 : config.name,
-    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
+    resource: resourceConfig == null ? void 0 : resourceConfig.name,
+    meta: { resourceBasePath: resourceConfig == null ? void 0 : resourceConfig.basePath, kind: resourceConfig == null ? void 0 : resourceConfig.kind },
     id: resourceId
   });
   return (_c = formConfig == null ? void 0 : formConfig.fields) == null ? void 0 : _c.call(formConfig, {
@@ -14953,7 +14950,7 @@ const MemoizedFormField = React.memo(function FormField({
 });
 function FieldsContent(props) {
   const {
-    config,
+    resourceConfig,
     formConfig,
     resourceId,
     step,
@@ -14965,7 +14962,7 @@ function FieldsContent(props) {
   const { control, getValues, watch, trigger } = formResult;
   const action = resourceId ? "edit" : "create";
   const formFieldsConfig = useFieldsConfig(
-    config,
+    resourceConfig,
     { fields },
     resourceId,
     step,
@@ -14983,7 +14980,7 @@ function FieldsContent(props) {
           children: /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", { className: ContentWrapper, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
             FieldsContent,
             {
-              config,
+              resourceConfig,
               formConfig,
               resourceId,
               step,
@@ -15013,7 +15010,7 @@ function FieldsContent(props) {
 }
 const RefineFormContent = (props) => {
   const {
-    config,
+    resourceConfig: config,
     formResult,
     resourceId,
     errorMsgs,
@@ -15027,7 +15024,7 @@ const RefineFormContent = (props) => {
     /* @__PURE__ */ common.jsxRuntimeExports.jsx(
       FieldsContent,
       {
-        config,
+        resourceConfig: config,
         formConfig,
         fields: formConfig == null ? void 0 : formConfig.fields,
         resourceId,
@@ -15738,7 +15735,7 @@ const useForm = ({
   };
 };
 const useRefineForm = (props) => {
-  const { formConfig, config, id, refineProps, options } = props;
+  const { formConfig, resourceConfig, id, refineProps, options } = props;
   const { transformInitValues, transformApplyValues } = usePathMap({
     pathMap: formConfig == null ? void 0 : formConfig.pathMap,
     transformInitValues: formConfig == null ? void 0 : formConfig.transformInitValues,
@@ -15757,7 +15754,7 @@ const useRefineForm = (props) => {
         return {
           message: i18n2.t(id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast", {
             kind: transformResourceKindInSentence(
-              config.displayName || config.kind,
+              resourceConfig.displayName || resourceConfig.kind,
               i18n2.language
             ),
             name: (_a = formValue.metadata) == null ? void 0 : _a.name,
@@ -15767,13 +15764,13 @@ const useRefineForm = (props) => {
           type: "success"
         };
       },
-      resource: config.name,
+      resource: resourceConfig.name,
       action: id ? "edit" : "create",
       id,
       liveMode: "off",
       ...refineProps
     },
-    defaultValues: (options == null ? void 0 : options.initialValues) || (config == null ? void 0 : config.initValue),
+    defaultValues: (options == null ? void 0 : options.initialValues) || (resourceConfig == null ? void 0 : resourceConfig.initValue),
     transformApplyValues,
     transformInitValues,
     beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16471,7 +16468,7 @@ function YamlForm(props) {
     schemaStrategy = "Optional",
     isShowLayout = true,
     useFormProps,
-    config,
+    resourceConfig,
     transformInitValues,
     transformApplyValues,
     beforeSubmit,
@@ -16515,7 +16512,7 @@ function YamlForm(props) {
     beforeSubmit,
     successNotification(data2) {
       var _a;
-      const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
+      const displayName = resourceConfig.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
       return {
         message: i18n2.t(action === "create" ? "dovetail.create_success_toast" : "dovetail.save_yaml_success_toast", {
           kind: transformResourceKindInSentence(displayName, i18n2.language),
@@ -16532,10 +16529,10 @@ function YamlForm(props) {
     transformApplyValues,
     mutationMeta: {
       updateType: "put",
-      dataProviderName: config.dataProviderName,
-      resourceBasePath: config.basePath,
-      kind: config.kind,
-      label: `${config.kind}s`
+      dataProviderName: resourceConfig.dataProviderName,
+      resourceBasePath: resourceConfig.basePath,
+      kind: resourceConfig.kind,
+      label: `${resourceConfig.kind}s`
     },
     ...useFormProps
   });
@@ -16618,7 +16615,7 @@ function YamlForm(props) {
 }
 const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   id,
-  config,
+  resourceConfig,
   step,
   customYamlFormProps,
   formConfig,
@@ -16631,7 +16628,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   var _a, _b;
   const action = id ? "edit" : "create";
   const refineFormResult = useRefineForm({
-    config,
+    resourceConfig,
     id,
     refineProps: {
       onMutationSuccess: (data2) => {
@@ -16657,7 +16654,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     }
   });
   const fieldsConfig = useFieldsConfig(
-    config,
+    resourceConfig,
     { fields: formConfig == null ? void 0 : formConfig.fields },
     id,
     step,
@@ -16673,8 +16670,8 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     if (isYamlMode) {
       return {
         ...customYamlFormProps,
-        resource: config.name,
-        config,
+        resource: resourceConfig.name,
+        resourceConfig,
         transformInitValues: void 0,
         transformApplyValues: void 0,
         initialValuesForCreate: transformApplyValues(
@@ -16690,10 +16687,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
           redirect: false
         },
         rules: fieldsConfig == null ? void 0 : fieldsConfig.filter(
-          (config2) => "isSkipValidationInYaml" in config2 && !config2.isSkipValidationInYaml
-        ).map((config2) => ({
-          path: "path" in config2 ? config2.path : [],
-          validators: "validators" in config2 ? config2.validators : void 0
+          (config) => "isSkipValidationInYaml" in config && !config.isSkipValidationInYaml
+        ).map((config) => ({
+          path: "path" in config ? config.path : [],
+          validators: "validators" in config ? config.validators : void 0
         })),
         onSaveButtonPropsChange,
         beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16706,14 +16703,14 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       };
     }
     return {
-      config
+      resourceConfig
     };
   }, [
     action,
     isYamlMode,
     customYamlFormProps,
     fieldsConfig,
-    config,
+    resourceConfig,
     id,
     refineFormResult,
     formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16755,7 +16752,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       RefineFormContent,
       {
         formResult: refineFormResult.formResult,
-        config,
+        resourceConfig,
         step,
         formConfig,
         errorMsgs: [
@@ -16772,7 +16769,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
 function YamlFormContainer({
   id,
   customYamlFormProps,
-  config,
+  resourceConfig,
   formConfig,
   onSuccess,
   onError,
@@ -16787,12 +16784,12 @@ function YamlFormContainer({
   const yamlFormProps = React.useMemo(() => {
     return {
       ...customYamlFormProps,
-      resource: config.name,
-      config,
+      resource: resourceConfig.name,
+      resourceConfig,
       transformInitValues,
       transformApplyValues,
       beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
-      initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(config),
+      initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(resourceConfig),
       initialValuesForEdit: void 0,
       id,
       action,
@@ -16813,7 +16810,7 @@ function YamlFormContainer({
     id,
     action,
     customYamlFormProps,
-    config,
+    resourceConfig,
     formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
@@ -16861,7 +16858,7 @@ function FormModal(props) {
     yamlFormProps: customYamlFormProps,
     modalProps,
     options,
-    config,
+    resourceConfig,
     onSuccess
   } = props;
   const {
@@ -16875,10 +16872,10 @@ function FormModal(props) {
   const refineFormContainerRef = React.useRef(null);
   const popModal = eagle.usePopModal();
   const pushModal = eagle.usePushModal();
-  const isDisabledChangeMode = config.formConfig && "isDisabledChangeMode" in config.formConfig && config.formConfig.isDisabledChangeMode;
+  const isDisabledChangeMode = resourceConfig.formConfig && "isDisabledChangeMode" in resourceConfig.formConfig && resourceConfig.formConfig.isDisabledChangeMode;
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
   const action = id ? "edit" : "create";
-  const isYamlForm = ((_a = config.formConfig) == null ? void 0 : _a.formType) === FormType.YAML;
+  const isYamlForm = ((_a = resourceConfig.formConfig) == null ? void 0 : _a.formType) === FormType.YAML;
   const onOk = React.useCallback((e2) => {
     var _a2;
     setIsError(false);
@@ -16906,30 +16903,30 @@ function FormModal(props) {
   }, [isError, id, i18n2]);
   const title = React.useMemo(() => {
     var _a2, _b2, _c2, _d2;
-    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formTitle) === "string")
-      return (_b2 = config.formConfig) == null ? void 0 : _b2.formTitle;
-    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
-      return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
+    if (typeof ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formTitle) === "string")
+      return (_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.formTitle;
+    if (typeof ((_c2 = resourceConfig.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
+      return (_d2 = resourceConfig.formConfig) == null ? void 0 : _d2.formTitle(action);
     }
-    const label2 = config.displayName || (config == null ? void 0 : config.kind);
+    const label2 = resourceConfig.displayName || (resourceConfig == null ? void 0 : resourceConfig.kind);
     return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
       resource: transformResourceKindInSentence(label2, i18n2.language)
     });
-  }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
+  }, [action, resourceConfig.formConfig, resourceConfig.displayName, resourceConfig == null ? void 0 : resourceConfig.kind, i18n2, id]);
   const desc = React.useMemo(() => {
     var _a2, _b2, _c2, _d2;
-    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formDesc) === "string")
-      return (_b2 = config.formConfig) == null ? void 0 : _b2.formDesc;
-    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formDesc) === "function") {
-      return (_d2 = config.formConfig) == null ? void 0 : _d2.formDesc(action);
+    if (typeof ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formDesc) === "string")
+      return (_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.formDesc;
+    if (typeof ((_c2 = resourceConfig.formConfig) == null ? void 0 : _c2.formDesc) === "function") {
+      return (_d2 = resourceConfig.formConfig) == null ? void 0 : _d2.formDesc(action);
     }
     return "";
-  }, [action, config.formConfig]);
+  }, [action, resourceConfig.formConfig]);
   const formEle = React.useMemo(() => {
     var _a2;
     const commonFormProps = {
       id,
-      config,
+      resourceConfig,
       customYamlFormProps,
       onSaveButtonPropsChange: setSaveButtonProps,
       onError: () => {
@@ -16941,28 +16938,28 @@ function FormModal(props) {
         onSuccess == null ? void 0 : onSuccess(data2);
       }
     };
-    if (config.formConfig && (((_a2 = config.formConfig) == null ? void 0 : _a2.formType) === FormType.FORM || "fields" in config.formConfig)) {
+    if (resourceConfig.formConfig && (((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formType) === FormType.FORM || "fields" in resourceConfig.formConfig)) {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(RefineFormContainer, {
         ...commonFormProps,
         ref: refineFormContainerRef,
         step,
         options,
         isYamlMode,
-        formConfig: config.formConfig
+        formConfig: resourceConfig.formConfig
       });
     }
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(YamlFormContainer, {
       ...commonFormProps,
-      formConfig: config.formConfig
+      formConfig: resourceConfig.formConfig
     });
-  }, [id, customYamlFormProps, config, isYamlMode, step, options, popModal, setSaveButtonProps, onSuccess]);
+  }, [id, customYamlFormProps, resourceConfig, isYamlMode, step, options, popModal, setSaveButtonProps, onSuccess]);
   const steps = React.useMemo(() => {
     var _a2, _b2;
     if (isYamlMode) {
       return void 0;
     }
-    if (config.formConfig && "steps" in config.formConfig) {
-      return (_b2 = (_a2 = config.formConfig) == null ? void 0 : _a2.steps) == null ? void 0 : _b2.map((step2, index2) => ({
+    if (resourceConfig.formConfig && "steps" in resourceConfig.formConfig) {
+      return (_b2 = (_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.steps) == null ? void 0 : _b2.map((step2, index2) => ({
         title: step2.title,
         children: /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, {
           children: [desc && index2 === 0 ? /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
@@ -16973,7 +16970,7 @@ function FormModal(props) {
       }));
     }
     return void 0;
-  }, [config.formConfig, desc, formEle, isYamlMode]);
+  }, [resourceConfig.formConfig, desc, formEle, isYamlMode]);
   const handleStepChange = React.useCallback(async (nextStep) => {
     var _a2, _b2;
     const isNextStep = nextStep > step;
@@ -16995,8 +16992,8 @@ function FormModal(props) {
       className: TitleWrapperStyle,
       children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
         children: title
-      }), ((_b = config.formConfig) == null ? void 0 : _b.formType) === FormType.FORM ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormModeSegmentControl, {
-        formConfig: config.formConfig,
+      }), ((_b = resourceConfig.formConfig) == null ? void 0 : _b.formType) === FormType.FORM ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormModeSegmentControl, {
+        formConfig: resourceConfig.formConfig,
         mode,
         onChangeMode
       }) : null]
@@ -17008,9 +17005,9 @@ function FormModal(props) {
     onOk,
     okButtonProps: {
       ...lodashEs.omit(saveButtonProps, "onClick"),
-      children: (_c = config.formConfig) == null ? void 0 : _c.saveButtonText
+      children: (_c = resourceConfig.formConfig) == null ? void 0 : _c.saveButtonText
     },
-    okText: ((_d = config.formConfig) == null ? void 0 : _d.saveButtonText) || okText,
+    okText: ((_d = resourceConfig.formConfig) == null ? void 0 : _d.saveButtonText) || okText,
     destroyOnClose: true,
     destroyOtherStep: true,
     ...modalProps,
@@ -17034,7 +17031,7 @@ const RefineFormPage = (props) => {
   const {
     formResult
   } = useRefineForm({
-    config,
+    resourceConfig: config,
     id
   });
   const action = id ? "edit" : "create";
@@ -17053,7 +17050,7 @@ const RefineFormPage = (props) => {
     direction: "vertical",
     className: "c1pvtlkp",
     children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx(RefineFormContent, {
-      config,
+      resourceConfig: config,
       formResult,
       resourceId: id,
       transformedInitValues: formResult.transformedInitValues
@@ -17066,18 +17063,18 @@ const RefineFormPage = (props) => {
 };
 function ResourceForm(props) {
   var _a;
-  const { config } = props;
+  const { resourceConfig } = props;
   const formProps = React.useMemo(() => {
     var _a2, _b;
     return {
-      initialValues: getInitialValues(config),
-      transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
-      transformApplyValues: (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues,
-      config
+      initialValues: getInitialValues(resourceConfig),
+      transformInitValues: (_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.transformInitValues,
+      transformApplyValues: (_b = resourceConfig.formConfig) == null ? void 0 : _b.transformApplyValues,
+      resourceConfig
     };
-  }, [config]);
-  if (((_a = config.formConfig) == null ? void 0 : _a.formType) === FormType.FORM) {
-    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(RefineFormPage, { config });
+  }, [resourceConfig]);
+  if (((_a = resourceConfig.formConfig) == null ? void 0 : _a.formType) === FormType.FORM) {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(RefineFormPage, { config: resourceConfig });
   }
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(YamlForm, { ...formProps });
 }
@@ -17090,8 +17087,8 @@ function ResourceCRUD(props) {
       !config.noShow ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/show`, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceShow, { config }) }) : null,
       // the modals would render in ModalStack
       ((_a = config.formConfig) == null ? void 0 : _a.formContainerType) === FormContainerType.PAGE ? /* @__PURE__ */ common.jsxRuntimeExports.jsxs(common.jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ common.jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceForm, { config }) }),
-        /* @__PURE__ */ common.jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceForm, { config }) })
+        /* @__PURE__ */ common.jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceForm, { resourceConfig: config }) }),
+        /* @__PURE__ */ common.jsxRuntimeExports.jsx(reactRouterDom.Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(ResourceForm, { resourceConfig: config }) })
       ] }) : null
     ] }, config.name);
   }) });

package/dist/refine.js

@@ -10565,22 +10565,22 @@ function useOpenForm() {
   const go = useGo();
   return function openForm(options) {
     var _a, _b;
-    const finalResourceName = (options == null ? void 0 : options.resourceName) || ((_a = options == null ? void 0 : options.config) == null ? void 0 : _a.name) || (resource == null ? void 0 : resource.name);
-    if (finalResourceName || (options == null ? void 0 : options.config)) {
-      const config = (options == null ? void 0 : options.config) || configs[finalResourceName || ""];
-      const formType = (_b = config.formConfig) == null ? void 0 : _b.formContainerType;
+    const finalResourceName = (options == null ? void 0 : options.resourceName) || ((_a = options == null ? void 0 : options.resourceConfig) == null ? void 0 : _a.name) || (resource == null ? void 0 : resource.name);
+    if (finalResourceName || (options == null ? void 0 : options.resourceConfig)) {
+      const resourceConfig = (options == null ? void 0 : options.resourceConfig) || configs[finalResourceName || ""];
+      const formType = (_b = resourceConfig.formConfig) == null ? void 0 : _b.formContainerType;
       if (formType === void 0 || formType === FormContainerType.MODAL) {
         pushModal({
           component: () => {
             var _a2;
-            const ModalComponent = ((_a2 = config.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
+            const ModalComponent = ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.CustomFormModal) || FormModal;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(
               ModalComponent,
               {
                 id: options == null ? void 0 : options.id,
-                config,
+                resourceConfig,
                 yamlFormProps: {
-                  config
+                  resourceConfig
                 },
                 options,
                 onSuccess: options == null ? void 0 : options.onSuccess
@@ -10818,23 +10818,20 @@ function K8sDropdown(props) {
   const {
     record,
     size = "normal",
-    resourceName: resourceNameFromProps,
-    config: configFromProps,
+    resourceConfig,
     customButton,
-    deleteDialogProps,
-    displayName,
-    hideEdit
+    deleteDialogProps
   } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
   const configs = useContext(ConfigsContext);
-  const resourceName = resourceNameFromProps || getResourceNameByKind(record.kind || "", configs);
-  const config = configFromProps || configs[resourceName || ""];
+  const resourceName = (resourceConfig == null ? void 0 : resourceConfig.name) || getResourceNameByKind(record.kind || "", configs);
+  const config = resourceConfig || configs[resourceName || ""];
   const { t: t2, i18n: i18n2 } = useTranslation();
   const { openDeleteConfirmModal } = useDeleteModal({
     resourceName: resourceName || "",
     deleteDialogProps,
-    displayName,
+    displayName: config.displayName,
     meta: record.apiVersion ? {
       kind: record.kind || "",
       resourceBasePath: (
@@ -10865,12 +10862,12 @@ function K8sDropdown(props) {
     Dropdown,
     {
       overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
-        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || hideEdit || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false || (config == null ? void 0 : config.hideEdit) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
           Menu$1.Item,
           {
-            onClick: () => openForm({ id: record.id, resourceName, config }),
+            onClick: () => openForm({ id: record.id, resourceName, resourceConfig: config }),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { src: EditPen16PrimaryIcon, children: formType === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(
-              displayName || (config == null ? void 0 : config.displayName) || record.kind || "",
+              config.displayName || record.kind || "",
               i18n2.language
             )}` : t2("dovetail.edit_yaml") })
           }
@@ -14665,10 +14662,10 @@ function ResourceShow(props) {
     }
   );
 }
-function getInitialValues(config) {
-  return config.initValue || {
-    apiVersion: config.apiVersion,
-    kind: config.kind,
+function getInitialValues(resourceConfig) {
+  return resourceConfig.initValue || {
+    apiVersion: resourceConfig.apiVersion,
+    kind: resourceConfig.kind,
     ...BASE_INIT_VALUE,
     spec: {}
   };
@@ -14807,19 +14804,19 @@ const SpaceStyle = "sea7f83";
 const VerticalFormItemStyle = "v1jthrhz";
 const IntegerStyle = "i1brpchs";
 const ContentWrapper = "c11mae2d";
-function useFieldsConfig(config, formConfig, resourceId, step, customOptions, transformedInitValues) {
+function useFieldsConfig(resourceConfig, formConfig, resourceId, step, customOptions, transformedInitValues) {
   var _a, _b, _c;
   const action = resourceId ? "edit" : "create";
   const listQuery = useList({
-    resource: config == null ? void 0 : config.name,
-    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
+    resource: resourceConfig == null ? void 0 : resourceConfig.name,
+    meta: { resourceBasePath: resourceConfig == null ? void 0 : resourceConfig.basePath, kind: resourceConfig == null ? void 0 : resourceConfig.kind },
     pagination: {
       mode: "off"
     }
   });
   const showQuery = useShow({
-    resource: config == null ? void 0 : config.name,
-    meta: { resourceBasePath: config == null ? void 0 : config.basePath, kind: config == null ? void 0 : config.kind },
+    resource: resourceConfig == null ? void 0 : resourceConfig.name,
+    meta: { resourceBasePath: resourceConfig == null ? void 0 : resourceConfig.basePath, kind: resourceConfig == null ? void 0 : resourceConfig.kind },
     id: resourceId
   });
   return (_c = formConfig == null ? void 0 : formConfig.fields) == null ? void 0 : _c.call(formConfig, {
@@ -14934,7 +14931,7 @@ const MemoizedFormField = memo(function FormField({
 });
 function FieldsContent(props) {
   const {
-    config,
+    resourceConfig,
     formConfig,
     resourceId,
     step,
@@ -14946,7 +14943,7 @@ function FieldsContent(props) {
   const { control, getValues, watch, trigger } = formResult;
   const action = resourceId ? "edit" : "create";
   const formFieldsConfig = useFieldsConfig(
-    config,
+    resourceConfig,
     { fields },
     resourceId,
     step,
@@ -14964,7 +14961,7 @@ function FieldsContent(props) {
           children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ContentWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             FieldsContent,
             {
-              config,
+              resourceConfig,
               formConfig,
               resourceId,
               step,
@@ -14994,7 +14991,7 @@ function FieldsContent(props) {
 }
 const RefineFormContent = (props) => {
   const {
-    config,
+    resourceConfig: config,
     formResult,
     resourceId,
     errorMsgs,
@@ -15008,7 +15005,7 @@ const RefineFormContent = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FieldsContent,
       {
-        config,
+        resourceConfig: config,
         formConfig,
         fields: formConfig == null ? void 0 : formConfig.fields,
         resourceId,
@@ -15719,7 +15716,7 @@ const useForm = ({
   };
 };
 const useRefineForm = (props) => {
-  const { formConfig, config, id, refineProps, options } = props;
+  const { formConfig, resourceConfig, id, refineProps, options } = props;
   const { transformInitValues, transformApplyValues } = usePathMap({
     pathMap: formConfig == null ? void 0 : formConfig.pathMap,
     transformInitValues: formConfig == null ? void 0 : formConfig.transformInitValues,
@@ -15738,7 +15735,7 @@ const useRefineForm = (props) => {
         return {
           message: i18n2.t(id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast", {
             kind: transformResourceKindInSentence(
-              config.displayName || config.kind,
+              resourceConfig.displayName || resourceConfig.kind,
               i18n2.language
             ),
             name: (_a = formValue.metadata) == null ? void 0 : _a.name,
@@ -15748,13 +15745,13 @@ const useRefineForm = (props) => {
           type: "success"
         };
       },
-      resource: config.name,
+      resource: resourceConfig.name,
       action: id ? "edit" : "create",
       id,
       liveMode: "off",
       ...refineProps
     },
-    defaultValues: (options == null ? void 0 : options.initialValues) || (config == null ? void 0 : config.initValue),
+    defaultValues: (options == null ? void 0 : options.initialValues) || (resourceConfig == null ? void 0 : resourceConfig.initValue),
     transformApplyValues,
     transformInitValues,
     beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16452,7 +16449,7 @@ function YamlForm(props) {
     schemaStrategy = "Optional",
     isShowLayout = true,
     useFormProps,
-    config,
+    resourceConfig,
     transformInitValues,
     transformApplyValues,
     beforeSubmit,
@@ -16496,7 +16493,7 @@ function YamlForm(props) {
     beforeSubmit,
     successNotification(data2) {
       var _a;
-      const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
+      const displayName = resourceConfig.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
       return {
         message: i18n2.t(action === "create" ? "dovetail.create_success_toast" : "dovetail.save_yaml_success_toast", {
           kind: transformResourceKindInSentence(displayName, i18n2.language),
@@ -16513,10 +16510,10 @@ function YamlForm(props) {
     transformApplyValues,
     mutationMeta: {
       updateType: "put",
-      dataProviderName: config.dataProviderName,
-      resourceBasePath: config.basePath,
-      kind: config.kind,
-      label: `${config.kind}s`
+      dataProviderName: resourceConfig.dataProviderName,
+      resourceBasePath: resourceConfig.basePath,
+      kind: resourceConfig.kind,
+      label: `${resourceConfig.kind}s`
     },
     ...useFormProps
   });
@@ -16599,7 +16596,7 @@ function YamlForm(props) {
 }
 const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   id,
-  config,
+  resourceConfig,
   step,
   customYamlFormProps,
   formConfig,
@@ -16612,7 +16609,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
   var _a, _b;
   const action = id ? "edit" : "create";
   const refineFormResult = useRefineForm({
-    config,
+    resourceConfig,
     id,
     refineProps: {
       onMutationSuccess: (data2) => {
@@ -16638,7 +16635,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     }
   });
   const fieldsConfig = useFieldsConfig(
-    config,
+    resourceConfig,
     { fields: formConfig == null ? void 0 : formConfig.fields },
     id,
     step,
@@ -16654,8 +16651,8 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     if (isYamlMode) {
       return {
         ...customYamlFormProps,
-        resource: config.name,
-        config,
+        resource: resourceConfig.name,
+        resourceConfig,
         transformInitValues: void 0,
         transformApplyValues: void 0,
         initialValuesForCreate: transformApplyValues(
@@ -16671,10 +16668,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
           redirect: false
         },
         rules: fieldsConfig == null ? void 0 : fieldsConfig.filter(
-          (config2) => "isSkipValidationInYaml" in config2 && !config2.isSkipValidationInYaml
-        ).map((config2) => ({
-          path: "path" in config2 ? config2.path : [],
-          validators: "validators" in config2 ? config2.validators : void 0
+          (config) => "isSkipValidationInYaml" in config && !config.isSkipValidationInYaml
+        ).map((config) => ({
+          path: "path" in config ? config.path : [],
+          validators: "validators" in config ? config.validators : void 0
         })),
         onSaveButtonPropsChange,
         beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16687,14 +16684,14 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       };
     }
     return {
-      config
+      resourceConfig
     };
   }, [
     action,
     isYamlMode,
     customYamlFormProps,
     fieldsConfig,
-    config,
+    resourceConfig,
     id,
     refineFormResult,
     formConfig == null ? void 0 : formConfig.beforeSubmit,
@@ -16736,7 +16733,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       RefineFormContent,
       {
         formResult: refineFormResult.formResult,
-        config,
+        resourceConfig,
         step,
         formConfig,
         errorMsgs: [
@@ -16753,7 +16750,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
 function YamlFormContainer({
   id,
   customYamlFormProps,
-  config,
+  resourceConfig,
   formConfig,
   onSuccess,
   onError,
@@ -16768,12 +16765,12 @@ function YamlFormContainer({
   const yamlFormProps = useMemo(() => {
     return {
       ...customYamlFormProps,
-      resource: config.name,
-      config,
+      resource: resourceConfig.name,
+      resourceConfig,
       transformInitValues,
       transformApplyValues,
       beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
-      initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(config),
+      initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(resourceConfig),
       initialValuesForEdit: void 0,
       id,
       action,
@@ -16794,7 +16791,7 @@ function YamlFormContainer({
     id,
     action,
     customYamlFormProps,
-    config,
+    resourceConfig,
     formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
@@ -16842,7 +16839,7 @@ function FormModal(props) {
     yamlFormProps: customYamlFormProps,
     modalProps,
     options,
-    config,
+    resourceConfig,
     onSuccess
   } = props;
   const {
@@ -16856,10 +16853,10 @@ function FormModal(props) {
   const refineFormContainerRef = useRef(null);
   const popModal = usePopModal();
   const pushModal = usePushModal();
-  const isDisabledChangeMode = config.formConfig && "isDisabledChangeMode" in config.formConfig && config.formConfig.isDisabledChangeMode;
+  const isDisabledChangeMode = resourceConfig.formConfig && "isDisabledChangeMode" in resourceConfig.formConfig && resourceConfig.formConfig.isDisabledChangeMode;
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
   const action = id ? "edit" : "create";
-  const isYamlForm = ((_a = config.formConfig) == null ? void 0 : _a.formType) === FormType.YAML;
+  const isYamlForm = ((_a = resourceConfig.formConfig) == null ? void 0 : _a.formType) === FormType.YAML;
   const onOk = useCallback((e2) => {
     var _a2;
     setIsError(false);
@@ -16887,30 +16884,30 @@ function FormModal(props) {
   }, [isError, id, i18n2]);
   const title = useMemo(() => {
     var _a2, _b2, _c2, _d2;
-    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formTitle) === "string")
-      return (_b2 = config.formConfig) == null ? void 0 : _b2.formTitle;
-    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
-      return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
+    if (typeof ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formTitle) === "string")
+      return (_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.formTitle;
+    if (typeof ((_c2 = resourceConfig.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
+      return (_d2 = resourceConfig.formConfig) == null ? void 0 : _d2.formTitle(action);
     }
-    const label2 = config.displayName || (config == null ? void 0 : config.kind);
+    const label2 = resourceConfig.displayName || (resourceConfig == null ? void 0 : resourceConfig.kind);
     return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
       resource: transformResourceKindInSentence(label2, i18n2.language)
     });
-  }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
+  }, [action, resourceConfig.formConfig, resourceConfig.displayName, resourceConfig == null ? void 0 : resourceConfig.kind, i18n2, id]);
   const desc = useMemo(() => {
     var _a2, _b2, _c2, _d2;
-    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formDesc) === "string")
-      return (_b2 = config.formConfig) == null ? void 0 : _b2.formDesc;
-    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formDesc) === "function") {
-      return (_d2 = config.formConfig) == null ? void 0 : _d2.formDesc(action);
+    if (typeof ((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formDesc) === "string")
+      return (_b2 = resourceConfig.formConfig) == null ? void 0 : _b2.formDesc;
+    if (typeof ((_c2 = resourceConfig.formConfig) == null ? void 0 : _c2.formDesc) === "function") {
+      return (_d2 = resourceConfig.formConfig) == null ? void 0 : _d2.formDesc(action);
     }
     return "";
-  }, [action, config.formConfig]);
+  }, [action, resourceConfig.formConfig]);
   const formEle = useMemo(() => {
     var _a2;
     const commonFormProps = {
       id,
-      config,
+      resourceConfig,
       customYamlFormProps,
       onSaveButtonPropsChange: setSaveButtonProps,
       onError: () => {
@@ -16922,28 +16919,28 @@ function FormModal(props) {
         onSuccess == null ? void 0 : onSuccess(data2);
       }
     };
-    if (config.formConfig && (((_a2 = config.formConfig) == null ? void 0 : _a2.formType) === FormType.FORM || "fields" in config.formConfig)) {
+    if (resourceConfig.formConfig && (((_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.formType) === FormType.FORM || "fields" in resourceConfig.formConfig)) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContainer, {
         ...commonFormProps,
         ref: refineFormContainerRef,
         step,
         options,
         isYamlMode,
-        formConfig: config.formConfig
+        formConfig: resourceConfig.formConfig
       });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlFormContainer, {
       ...commonFormProps,
-      formConfig: config.formConfig
+      formConfig: resourceConfig.formConfig
     });
-  }, [id, customYamlFormProps, config, isYamlMode, step, options, popModal, setSaveButtonProps, onSuccess]);
+  }, [id, customYamlFormProps, resourceConfig, isYamlMode, step, options, popModal, setSaveButtonProps, onSuccess]);
   const steps = useMemo(() => {
     var _a2, _b2;
     if (isYamlMode) {
       return void 0;
     }
-    if (config.formConfig && "steps" in config.formConfig) {
-      return (_b2 = (_a2 = config.formConfig) == null ? void 0 : _a2.steps) == null ? void 0 : _b2.map((step2, index2) => ({
+    if (resourceConfig.formConfig && "steps" in resourceConfig.formConfig) {
+      return (_b2 = (_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.steps) == null ? void 0 : _b2.map((step2, index2) => ({
         title: step2.title,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
           children: [desc && index2 === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
@@ -16954,7 +16951,7 @@ function FormModal(props) {
       }));
     }
     return void 0;
-  }, [config.formConfig, desc, formEle, isYamlMode]);
+  }, [resourceConfig.formConfig, desc, formEle, isYamlMode]);
   const handleStepChange = useCallback(async (nextStep) => {
     var _a2, _b2;
     const isNextStep = nextStep > step;
@@ -16976,8 +16973,8 @@ function FormModal(props) {
       className: TitleWrapperStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         children: title
-      }), ((_b = config.formConfig) == null ? void 0 : _b.formType) === FormType.FORM ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormModeSegmentControl, {
-        formConfig: config.formConfig,
+      }), ((_b = resourceConfig.formConfig) == null ? void 0 : _b.formType) === FormType.FORM ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormModeSegmentControl, {
+        formConfig: resourceConfig.formConfig,
         mode,
         onChangeMode
       }) : null]
@@ -16989,9 +16986,9 @@ function FormModal(props) {
     onOk,
     okButtonProps: {
       ...omit$1(saveButtonProps, "onClick"),
-      children: (_c = config.formConfig) == null ? void 0 : _c.saveButtonText
+      children: (_c = resourceConfig.formConfig) == null ? void 0 : _c.saveButtonText
     },
-    okText: ((_d = config.formConfig) == null ? void 0 : _d.saveButtonText) || okText,
+    okText: ((_d = resourceConfig.formConfig) == null ? void 0 : _d.saveButtonText) || okText,
     destroyOnClose: true,
     destroyOtherStep: true,
     ...modalProps,
@@ -17015,7 +17012,7 @@ const RefineFormPage = (props) => {
   const {
     formResult
   } = useRefineForm({
-    config,
+    resourceConfig: config,
     id
   });
   const action = id ? "edit" : "create";
@@ -17034,7 +17031,7 @@ const RefineFormPage = (props) => {
     direction: "vertical",
     className: "c1pvtlkp",
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
-      config,
+      resourceConfig: config,
       formResult,
       resourceId: id,
       transformedInitValues: formResult.transformedInitValues
@@ -17047,18 +17044,18 @@ const RefineFormPage = (props) => {
 };
 function ResourceForm(props) {
   var _a;
-  const { config } = props;
+  const { resourceConfig } = props;
   const formProps = useMemo(() => {
     var _a2, _b;
     return {
-      initialValues: getInitialValues(config),
-      transformInitValues: (_a2 = config.formConfig) == null ? void 0 : _a2.transformInitValues,
-      transformApplyValues: (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues,
-      config
+      initialValues: getInitialValues(resourceConfig),
+      transformInitValues: (_a2 = resourceConfig.formConfig) == null ? void 0 : _a2.transformInitValues,
+      transformApplyValues: (_b = resourceConfig.formConfig) == null ? void 0 : _b.transformApplyValues,
+      resourceConfig
     };
-  }, [config]);
-  if (((_a = config.formConfig) == null ? void 0 : _a.formType) === FormType.FORM) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormPage, { config });
+  }, [resourceConfig]);
+  if (((_a = resourceConfig.formConfig) == null ? void 0 : _a.formType) === FormType.FORM) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormPage, { config: resourceConfig });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(YamlForm, { ...formProps });
 }
@@ -17071,8 +17068,8 @@ function ResourceCRUD(props) {
       !config.noShow ? /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/show`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceShow, { config }) }) : null,
       // the modals would render in ModalStack
       ((_a = config.formConfig) == null ? void 0 : _a.formContainerType) === FormContainerType.PAGE ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { config }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/create`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { resourceConfig: config }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: `${urlPrefix}/${config.name}/edit`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceForm, { resourceConfig: config }) })
       ] }) : null
     ] }, config.name);
   }) });

package/dist/utils/form.d.ts

@@ -1,3 +1,3 @@
 import { ResourceModel } from 'src/models';
 import { ResourceConfig } from 'src/types';
-export declare function getInitialValues<Model extends ResourceModel = ResourceModel>(config: Pick<ResourceConfig<Model>, 'apiVersion' | 'kind' | 'initValue'>): Record<string, unknown>;
+export declare function getInitialValues<Model extends ResourceModel = ResourceModel>(resourceConfig: Pick<ResourceConfig<Model>, 'apiVersion' | 'kind' | 'initValue'>): Record<string, unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.19-alpha.2",
+  "version": "0.3.19-alpha.3",
   "type": "module",
   "files": [
     "dist",