@fernir2/saas-kit 0.0.208 → 0.0.210-1050

package/packages/level2/meta/edit-resource/EditResource.funcs.d.ts

@@ -1,5 +1,5 @@
 import { WithId } from "../../../fd-toolbox-core/types/resource-with-id";
-import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { SetStateFunc, VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { ResourceMeta } from "../core/resource-meta";
 import { UiResourceMeta } from "../ui-resource-meta";
 import { Validators } from "./services/form-validations";
@@ -8,14 +8,15 @@ import { WithIndexer } from "../../../fd-toolbox-core/types/with-indexer";
 import { FieldValues, UseFormGetValues, UseFormReturn } from "react-hook-form";
 import { EditResourceConfig } from "./config/edit-resource-config";
 import { EditResourceCustomFieldConfig } from "./config/edit-resource-config-custom-field";
-import { MultiListItem, MultiListSection } from "../components/multi-list/multi-list-types";
+import { Comment } from "../core/resources/comment.resource";
+import { MultiListItem, MultiListItemType, MultiListSection } from "../components/multi-list/multi-list-types";
+import { GlobalConfig } from "../providers/global-provider/default-config";
 import { BrowserType } from "../browsers/browser-type";
 export declare function onConfigChange(setIsNew: VoidFunc<boolean>, config: EditResourceConfig, resource: WithId, setResource: VoidFunc<WithId>, setLoadComplete: VoidFunc<boolean>, leftUiPropertyMetas: WithIndexer<UiPropertyMeta>, setLeftUiPropertyMetas: VoidFunc<WithIndexer<UiPropertyMeta>>, setFormFieldOptions: VoidFunc<WithIndexer<Validators>>, setFormValue: VoidFunc<string, unknown>, getFormValue: UseFormGetValues<FieldValues>, instanceNumber: {
     value: number;
 }, uiResourceMeta: UiResourceMeta, setResourceRelations: VoidFunc<WithIndexer<string[]>>, setLeftCustomActions: VoidFunc<EditResourceCustomFieldConfig[]>, isNew?: boolean, onLoadComplete?: VoidFuncNoParam, resourceFromProp?: WithId): Promise<() => void>;
+export declare function initializeMultiListResources(resourceName: string, config: EditResourceConfig, setMultiListItems: VoidFunc<MultiListItem[]>, setEditConfig: VoidFunc<EditResourceConfig>, setResource: VoidFunc<WithId>, setUiResourceMeta: VoidFunc<UiResourceMeta>, setIsLoadComplete: VoidFunc<boolean>, isNew: boolean, setCommentList: VoidFunc<Comment[]>, globalConfig: GlobalConfig, setGlobalConfig: SetStateFunc<GlobalConfig>, resourceId: string): Promise<void>;
 export declare function onCancelImageEdit(form: UseFormReturn, resource: WithId, onCancelClick?: VoidFuncNoParam): Promise<void>;
-export declare function onEditResourceValidation(uiResourceMeta: UiResourceMeta, form: UseFormReturn, leftUiPropertyMetas: WithIndexer<UiPropertyMeta>, rightUiPropertyMetas: WithIndexer<UiPropertyMeta>, formValues?: FieldValues): boolean;
-export declare function onResourceSave(shouldCancel: boolean, handleValidation: () => boolean, form: UseFormReturn, resource: WithId, isNew: boolean, resourceMeta: ResourceMeta, setActiveSaveOperations: (value: number | ((value: number) => number)) => void, hasSavedOnce: boolean, setHasSavedOnce: VoidFunc<boolean>, setIsNew: VoidFunc<boolean>, onSaveClick?: VoidFunc<WithId>, onSaveComplete?: VoidFunc<boolean, string>, notifySaveComplete?: VoidFuncNoParam, onSavingStarting?: VoidFuncNoParam, onSavingEnding?: VoidFuncNoParam): Promise<void>;
 export declare function onSaveResourceOnChange(value: string, name: string, handleValidation: (form: FieldValues) => boolean, form: UseFormReturn, resource: WithId, isNew: boolean, resourceMeta: ResourceMeta, setResource: VoidFunc<WithId>, resourceRelation: WithIndexer<string[]>, setResourceRelation: VoidFunc<WithIndexer<string[]>>, setActiveSaveOperations: (value: number | ((value: number) => number)) => void, config?: EditResourceConfig, onRefreshResource?: VoidFuncNoParam, notifySaveComplete?: VoidFuncNoParam, onSavingStarting?: VoidFuncNoParam, onSavingEnding?: VoidFuncNoParam, onPropertyUpdateComplete?: VoidFuncNoParam): Promise<void>;
 export declare function shouldShowSaveCancelButtons(isNew: boolean, uiResourceMeta: UiResourceMeta): boolean;
 export declare function determineColumnsCount(uiResourceMeta: UiResourceMeta, columns?: number): number;
@@ -25,19 +26,20 @@ export declare function getEditNavigationItems(multiListItems: MultiListItem[],
     displayName: string;
     targetHtmlElementId: string;
 }[];
-/** @internal */
+export declare function processTabAdditionalResources(config: EditResourceConfig, multiListItemType: MultiListItemType): Promise<MultiListItem[]>;
+/** @customer-internal */
 export declare function getEditResourceId(index?: number): string;
-/** @internal */
+/** @customer-internal */
 export declare function getEditResourcePropertyId(propertyName: string, parentContextName: string, elementIndex?: number): string;
-/** @internal */
-export declare function getEditResourceExpandRelationButtonId(parentContextName: string): string;
-/** @internal */
-export declare function getEditResourceBackButtonId(parentContextName: string): string;
-/** @internal */
-export declare function getEditResourceSaveButtonId(parentContextName: string): string;
-/** @internal */
-export declare function getEditResourceCancelButtonId(parentContextName: string): string;
-/** @internal */
+/** @customer-internal */
+export declare function getEditResourceExpandRelationButtonId(resourceName: string): string;
+/** @customer-internal */
+export declare function getEditResourceBackButtonId(resourceName: string): string;
+/** @customer-internal */
+export declare function getEditResourceSaveButtonId(resourceName: string): string;
+/** @customer-internal */
+export declare function getEditResourceCancelButtonId(resourceName: string): string;
+/** @customer-internal */
 export declare function getEditResourceMarkdownPreviewButtonId(propertyName: string, parentContextName: string, elementIndex?: number): string;
-/** @internal */
+/** @customer-internal */
 export declare function getEditResourceBrowserInputId(propertyName: string, browserType: BrowserType, parentContextName: string, elementIndex?: number): string;

package/packages/level2/meta/edit-resource/EditResource.funcs.js

@@ -1,22 +1,33 @@
 'use strict';
 'use client';
 import { apiDelete, apiGetWithOData } from '../../../fd-toolbox/api/api-client.js';
-import { createEditResourceForm, submitEditResource, fillColumnData } from './services/edit-resource-components.js';
+import { fetchUiResourceMeta } from '../ui-meta-providers.js';
+import { createEditResourceForm, fillColumnData } from './services/edit-resource-components.js';
 import { editResourceTwoColumnThreshold } from './edit-resources-constants.js';
+import { editResourceLayoutTypes } from './edit-resource-constants.js';
 import { shouldEditResourceShowCreateButton, shouldEditResourceShowSaveCancelButtons, getODataConfig, checkPermission, fetchAndSetResource, getStringifiedResourceRelations } from './services/edit-resources.js';
 import { emptyUuid } from '../../../fd-toolbox/constants/constants.js';
 import { getObjectValues } from '../../../fd-toolbox/lib/utils.js';
+import { getLoginState } from '../../../fd-toolbox/auth/internal-login-states.js';
 import { applyValueChanges } from './apply-value-changes.js';
 import { wellKnownMetaProps } from '../../../fd-toolbox-core/constants/meta-constants.js';
+import { metaQueryParams } from '../../../fd-toolbox/constants/meta-query-params.js';
 import { apiPathNames } from '../../../fd-toolbox/api/api-path-names.js';
 import { isUuidSet } from '../../../fd-toolbox/functions/value-checking-functions.js';
-import { getRequiredFields, onValidation } from './edit-resource-validation.js';
+import { fetchResourceComments } from '../comment/comment-service.js';
+import { fetchResourceMetas } from '../meta-providers.js';
+import { getRelatedResourceMultiListItems } from '../components/related-resources/related-resources-component.js';
+import { getMultiListItemType } from '../components/multi-list/multi-list-item-type.js';
 import { getElementId } from '../../../fd-toolbox/html/element-ids.js';
 import { EditResource } from './EditResource.js';
 import { markdownSuffixes } from '../../../fd-toolbox/constants/element-suffixes.js';
+import { isNonEmptyUuid, getEmptyUuid } from '../../../fd-toolbox/uuids.js';
 import { browserTypeToSuffix } from '../browsers/browser-type.js';
-import { getEditResourceHeaderExpandRelationButtonId, getEditResourceHeaderId, getEditResourceHeaderBackButtonId, getEditResourceHeaderSaveButtonId, getEditResourceHeaderCancelButtonId } from './EditResourceHeader.funcs.js';
+import { hideProperties } from './config/internal-edit-resource-configs.js';
+import { fetchResource, fetchResources } from '../resource-providers.js';
+import { first } from '../../../fd-toolbox/server/collections/single-funcs.js';
+import { getEditResourceHeaderExpandRelationButtonId, getEditResourceHeaderBackButtonId, getEditResourceHeaderSaveButtonId, getEditResourceHeaderCancelButtonId } from './EditResourceHeader.funcs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5cef8a,_0x2caf6d)=>__defProp(_0x5cef8a,'name',{'value':_0x2caf6d,'configurable':!![]});async function onConfigChange(_0x3f5425,_0x221a52,_0x10b33b,_0x293105,_0x4c38bb,_0x39fcde,_0x5b1c0a,_0x255f34,_0x48114e,_0x4caff2,_0x2ac4c7,_0xc7dff1,_0x21d102,_0x4a5b19,_0x1d5a9e,_0x31d6cc,_0x3b5666){const _0x5f5778=isUuidSet(_0x10b33b['id']);return _0x3f5425(_0x1d5a9e??!_0x5f5778),await loadResourceMetaAndResource(_0x221a52,!_0x5f5778,_0x10b33b,_0x293105,_0x4c38bb,_0x39fcde,_0x5b1c0a,_0x255f34,_0x48114e,_0x4caff2,_0xc7dff1,_0x21d102,_0x4a5b19,_0x31d6cc,_0x3b5666),_0x2ac4c7['value']++,()=>{_0x2ac4c7['value']--;};}__name(onConfigChange,'onConfigChange');async function onCancelImageEdit(_0x2bc6e9,_0x274d2b,_0x4f9845){const _0x2d4652=_0x274d2b[wellKnownMetaProps['imageUrl']],_0x2d0754=_0x2bc6e9['getValues'](wellKnownMetaProps['imageUrl']);if(_0x2d0754!==_0x2d4652&&_0x2d0754){const _0x10e40b=_0x2d0754;await apiDelete(apiPathNames['blob'],_0x10e40b['slice'](_0x10e40b['lastIndexOf']('/')+(0x1e1e+0x2*-0x15a+-0x1b69)));}_0x4f9845?.();}__name(onCancelImageEdit,'onCancelImageEdit');function onEditResourceValidation(_0x31bec0,_0x249d40,_0x393835,_0x3d8e01,_0x13067d){const _0x6b97d3=__name(_0x53d129=>{if(!_0x53d129)return [];return Object['values'](_0x53d129)['filter'](_0x42c9bb=>getRequiredFields(_0x42c9bb,_0x31bec0['resourceMeta']));},'getRequiredFieldsCallback');return onValidation(_0x31bec0['resourceMeta'],_0x249d40,_0x6b97d3,_0x393835,_0x3d8e01,_0x13067d);}__name(onEditResourceValidation,'onEditResourceValidation');async function onResourceSave(_0x409c8d,_0x34ff5e,_0x31969c,_0x3c6823,_0x354de3,_0x47ad32,_0x371140,_0x17478a,_0x5c3fad,_0x33eec0,_0x1ecb4b,_0x3f7a3c,_0x50699f,_0x35140d,_0x5670ba){_0x371140(_0x433b53=>_0x433b53+(0x2*0xb3f+0xcb5*0x3+-0x3c9c)),_0x35140d?.();if(!_0x17478a)_0x5c3fad(!![]);await onSave(_0x34ff5e,_0x31969c,_0x3c6823,_0x354de3,_0x47ad32,_0x409c8d,_0x1ecb4b,_0x3f7a3c,_0x50699f);if(_0x354de3)_0x33eec0(![]);_0x371140(_0x1a0174=>_0x1a0174-(-0x1068+0x1a9*-0x7+-0x68*-0x45)),_0x5670ba?.();}__name(onResourceSave,'onResourceSave');async function onSaveResourceOnChange(_0xecca61,_0x4840fb,_0x48effe,_0x4ee445,_0x24798a,_0x19efd9,_0x227820,_0x3f2dc1,_0x5dc5e4,_0x2d5d00,_0x1b2908,_0x3a63ba,_0x1cf2ca,_0x1ddd84,_0x5248ac,_0x26d122,_0x2e1b52){_0x1b2908(_0x506c3c=>_0x506c3c+(0x1121+-0x1*0x79f+-0x32b*0x3)),_0x5248ac?.(),await onChangeSave(_0xecca61,_0x4840fb,_0x48effe,_0x4ee445,_0x24798a,_0x19efd9,_0x227820,_0x3f2dc1,_0x5dc5e4,_0x2d5d00,_0x3a63ba,_0x1cf2ca,_0x1ddd84),_0x1b2908(_0x3d94c1=>_0x3d94c1-(0x67*-0x35+-0x623+-0x59*-0x4f)),_0x26d122?.(),_0x2e1b52?.();}__name(onSaveResourceOnChange,'onSaveResourceOnChange');function shouldShowSaveCancelButtons(_0x11d338,_0x27e81c){return _0x11d338?shouldEditResourceShowCreateButton(_0x27e81c['resourceMeta']):shouldEditResourceShowSaveCancelButtons(_0x27e81c['resourceMeta']);}__name(shouldShowSaveCancelButtons,'shouldShowSaveCancelButtons');function determineColumnsCount(_0x47b7dc,_0x23aaff){const _0x42591c=getObjectValues(_0x47b7dc['properties'])['filter'](_0x133d45=>_0x133d45['isEditDisplayable']);return _0x23aaff??(_0x42591c['length']<editResourceTwoColumnThreshold?-0x1809+-0x1776+0x2f80:0x1930+-0x1612*0x1+-0x31c);}__name(determineColumnsCount,'determineColumnsCount');function getInitialEditResource(_0x3a9c07,_0x2dd7b6){return _0x3a9c07??{'id':_0x2dd7b6??emptyUuid};}__name(getInitialEditResource,'getInitialEditResource');function getSyncedEditResourceConfig(_0x16fbc4,_0x32c2e3){if(!_0x32c2e3)return _0x16fbc4;const _0x3fc592={..._0x16fbc4,..._0x32c2e3,'propertyConfigs':_0x16fbc4['propertyConfigs']};if(_0x3fc592['multiListSections']===_0x16fbc4['multiListSections']&&_0x3fc592['tabsConfig']===_0x16fbc4['tabsConfig']&&_0x3fc592['additionalResources']===_0x16fbc4['additionalResources']&&_0x3fc592['hiddenRelatedResources']===_0x16fbc4['hiddenRelatedResources']&&_0x3fc592['customActionFields']===_0x16fbc4['customActionFields'])return _0x16fbc4;return _0x3fc592;}__name(getSyncedEditResourceConfig,'getSyncedEditResourceConfig');function getEditNavigationItems(_0xca1bc,_0x4c936f){const _0x473780=_0xca1bc['map'](_0x40d344=>({'displayName':_0x40d344['displayName'],'targetHtmlElementId':_0x40d344['resourceId']})),_0x45848d=(_0x4c936f??[])['filter'](_0x5adbe5=>_0x5adbe5['hasPermission'])['map'](_0x47b690=>({'displayName':_0x47b690['displayName'],'targetHtmlElementId':_0x47b690['id']}));return [..._0x473780,..._0x45848d];}__name(getEditNavigationItems,'getEditNavigationItems');function getEditResourceId(_0xf7c766){return getElementId(EditResource['displayName'],void(-0x8b7+0xac*0x14+-0x4b9),_0xf7c766);}__name(getEditResourceId,'getEditResourceId');function getEditResourcePropertyId(_0x18a2ef,_0x4decae,_0x50b045){return getElementId(_0x18a2ef,_0x4decae,_0x50b045);}__name(getEditResourcePropertyId,'getEditResourcePropertyId');function getEditResourceExpandRelationButtonId(_0x517b34){return getEditResourceHeaderExpandRelationButtonId(getEditResourceHeaderId(_0x517b34));}__name(getEditResourceExpandRelationButtonId,'getEditResourceExpandRelationButtonId');function getEditResourceBackButtonId(_0xc3fc77){return getEditResourceHeaderBackButtonId(getEditResourceHeaderId(_0xc3fc77));}__name(getEditResourceBackButtonId,'getEditResourceBackButtonId');function getEditResourceSaveButtonId(_0x37205f){return getEditResourceHeaderSaveButtonId(getEditResourceHeaderId(_0x37205f));}__name(getEditResourceSaveButtonId,'getEditResourceSaveButtonId');function getEditResourceCancelButtonId(_0x1874b3){return getEditResourceHeaderCancelButtonId(getEditResourceHeaderId(_0x1874b3));}__name(getEditResourceCancelButtonId,'getEditResourceCancelButtonId');function getEditResourceMarkdownPreviewButtonId(_0x1a215d,_0x8d0eca,_0x189c78){return getEditResourcePropertyId(_0x1a215d,_0x8d0eca,_0x189c78)+markdownSuffixes['previewIcon'];}__name(getEditResourceMarkdownPreviewButtonId,'getEditResourceMarkdownPreviewButtonId');function getEditResourceBrowserInputId(_0x2caf53,_0x2afef2,_0x2ff9fe,_0x5c02ef){return getElementId(_0x2caf53+browserTypeToSuffix[_0x2afef2],_0x2ff9fe,_0x5c02ef);}__name(getEditResourceBrowserInputId,'getEditResourceBrowserInputId');function checkLoadComplete(_0x33a0be,_0x362f2f){_0x362f2f?.(),_0x33a0be(!![]);}__name(checkLoadComplete,'checkLoadComplete');async function loadResource(_0x11a4c4,_0x4cb2b,_0xaf6cc6,_0x4e1341,_0x5390da,_0x5bcbfd,_0x418e1c,_0x4206fe,_0x50c36d,_0x306f3d,_0x4e3324){const _0x482d5a=_0xaf6cc6['resourceMeta'];let _0x4def73={..._0x4cb2b};if(!_0x11a4c4&&!_0x4e3324&&isUuidSet(_0x4cb2b['id'])){const _0x269624=await apiGetWithOData(_0x482d5a['resourceName'],getODataConfig(_0x50c36d),_0x4cb2b['id']);_0x269624['data']&&(_0x4def73=_0x269624['data'],_0x4e1341(_0x4def73));}checkPermission(_0x11a4c4,_0xaf6cc6,_0x4cb2b),_0x5bcbfd(createEditResourceForm(_0x418e1c,_0xaf6cc6,_0x4def73,_0x4206fe,_0x11a4c4)),_0x4e1341(_0x4def73),_0x306f3d?.(),checkLoadComplete(_0x5390da,_0x306f3d);}__name(loadResource,'loadResource');async function onSave(_0x2e9ee6,_0x4ac450,_0x5c1af0,_0x388ceb,_0x1c051f,_0x59af72,_0x2b6e16,_0x487153,_0x46e270){if(!_0x2e9ee6())return;_0x487153&&await submitEditResource(_0x4ac450,_0x5c1af0,_0x388ceb,_0x1c051f,_0x59af72,_0x487153,void(-0x266c+-0x619+0x2c85),_0x46e270),_0x2b6e16?.({..._0x4ac450['getValues'](),'id':emptyUuid});}__name(onSave,'onSave');async function onChangeSave(_0x50aa46,_0x191cbd,_0x56e863,_0xc41e26,_0x33b884,_0x5f43a3,_0x3d3ea3,_0x1b598c,_0x23df08,_0x1284a0,_0x5065e4,_0x21bb93,_0x315b13){if(_0x5f43a3)return;const _0x315201=await fetchAndSetResource(_0x1b598c,_0x3d3ea3,_0x33b884['id'],_0x5f43a3,_0x1284a0,_0x5065e4),_0x19c533=_0x315201?.[wellKnownMetaProps['imageUrl']];_0x19c533?_0xc41e26['setValue'](wellKnownMetaProps['imageUrl'],_0x19c533):_0xc41e26['setValue'](wellKnownMetaProps['imageUrl'],''),await applyValueChanges(_0x50aa46,_0x191cbd,_0x56e863,_0xc41e26,_0x33b884,_0x5f43a3,_0x3d3ea3,_0x23df08,_0x21bb93,_0x315b13);}__name(onChangeSave,'onChangeSave');async function loadResourceMetaAndResource(_0x22ff56,_0x1b4e1a,_0x5dd6e3,_0x2fc491,_0x3829ad,_0x4be18b,_0x3c76c5,_0x159da8,_0x2bfb9d,_0x57f75b,_0x1cb95c,_0x3113ea,_0x2c5fb7,_0x30f472,_0x43b637){fillColumnData(_0x4be18b,_0x3c76c5,_0x2c5fb7,_0x1cb95c,_0x22ff56['customActionFields']),await loadResource(_0x1b4e1a,_0x5dd6e3,_0x1cb95c,_0x2fc491,_0x3829ad,_0x159da8,_0x2bfb9d,_0x57f75b,_0x22ff56,_0x30f472,_0x43b637),isUuidSet(_0x5dd6e3['id'])?_0x3113ea(await getStringifiedResourceRelations(_0x5dd6e3['id'],_0x1cb95c['resourceMeta'])):_0x3113ea({});}__name(loadResourceMetaAndResource,'loadResourceMetaAndResource');
+var __defProp=Object['defineProperty'],__name=(_0x575473,_0x582748)=>__defProp(_0x575473,'name',{'value':_0x582748,'configurable':!![]});async function onConfigChange(_0x19a598,_0x4fe0c5,_0x4606f0,_0x15b949,_0x11122e,_0x599e9d,_0x45c3a3,_0x3a5011,_0x2ca17f,_0x514679,_0x417837,_0x438614,_0x10a11c,_0xe9bcb2,_0x1fc070,_0x3ade7b,_0x167aa1){const _0x1e9463=isUuidSet(_0x4606f0['id']);return _0x19a598(_0x1fc070??!_0x1e9463),await loadResourceMetaAndResource(_0x4fe0c5,!_0x1e9463,_0x4606f0,_0x15b949,_0x11122e,_0x599e9d,_0x45c3a3,_0x3a5011,_0x2ca17f,_0x514679,_0x438614,_0x10a11c,_0xe9bcb2,_0x3ade7b,_0x167aa1),_0x417837['value']++,()=>{_0x417837['value']--;};}__name(onConfigChange,'onConfigChange');async function initializeMultiListResources(_0x2d3f9a,_0x245c1c,_0x43254f,_0xa060d9,_0xe30303,_0x375738,_0x1fd92a,_0x7266d4,_0x3dfe4e,_0x275b3d,_0xbf4133,_0x184fb5){const _0x3ecae0=await fetchUiResourceMeta(_0x2d3f9a);if(_0x7266d4){_0x375738(_0x3ecae0),_0xe30303({'id':emptyUuid}),_0xa060d9(_0x245c1c),_0x1fd92a(!![]);return;}await initializeExistingResourceData(_0x3ecae0,_0x184fb5,_0x2d3f9a,_0x245c1c,_0xa060d9,_0xe30303,_0x375738,_0x43254f,_0x3dfe4e,_0x275b3d,_0xbf4133),_0x1fd92a(!![]);}__name(initializeMultiListResources,'initializeMultiListResources');async function onCancelImageEdit(_0x55fe97,_0x18f7d2,_0x12f29a){const _0x473e1f=_0x18f7d2[wellKnownMetaProps['imageUrl']],_0x117cf7=_0x55fe97['getValues'](wellKnownMetaProps['imageUrl']);if(_0x117cf7!==_0x473e1f&&_0x117cf7){const _0x16867b=_0x117cf7;await apiDelete(apiPathNames['blob'],_0x16867b['slice'](_0x16867b['lastIndexOf']('/')+(-0x480+-0x1f94+-0x1*-0x2415)));}_0x12f29a?.();}__name(onCancelImageEdit,'onCancelImageEdit');async function onSaveResourceOnChange(_0x513b91,_0x5e733c,_0xd5463b,_0x2dcc8e,_0x3d73c5,_0x457a93,_0x3ce159,_0x248547,_0x50f9f9,_0xbecd,_0x2c0098,_0x5f4e6a,_0x55a724,_0xd3babc,_0x5eecb3,_0x4cdf52,_0x51f794){_0x2c0098(_0x5db212=>_0x5db212+(-0x1*-0x10d6+0x7f7+-0x18cc)),_0x5eecb3?.(),await onChangeSave(_0x513b91,_0x5e733c,_0xd5463b,_0x2dcc8e,_0x3d73c5,_0x457a93,_0x3ce159,_0x248547,_0x50f9f9,_0xbecd,_0x5f4e6a,_0x55a724,_0xd3babc),_0x2c0098(_0x3a66eb=>_0x3a66eb-(-0x5ea*-0x2+-0x1043+0x470)),_0x4cdf52?.(),_0x51f794?.();}__name(onSaveResourceOnChange,'onSaveResourceOnChange');function shouldShowSaveCancelButtons(_0x5ecf88,_0xce0467){return _0x5ecf88?shouldEditResourceShowCreateButton(_0xce0467['resourceMeta']):shouldEditResourceShowSaveCancelButtons(_0xce0467['resourceMeta']);}__name(shouldShowSaveCancelButtons,'shouldShowSaveCancelButtons');function determineColumnsCount(_0x1274ac,_0x54929d){const _0x19db0e=getObjectValues(_0x1274ac['properties'])['filter'](_0x28d9ad=>_0x28d9ad['isEditDisplayable']);return _0x54929d??(_0x19db0e['length']<editResourceTwoColumnThreshold?-0x1b03*0x1+-0x4cf*-0x2+0x1166:-0xd9f*-0x1+-0x1ee9+0x114c);}__name(determineColumnsCount,'determineColumnsCount');function getInitialEditResource(_0x5cdca0,_0x141634){return _0x5cdca0??{'id':_0x141634??emptyUuid};}__name(getInitialEditResource,'getInitialEditResource');function getSyncedEditResourceConfig(_0x2b1441,_0x179f73){if(!_0x179f73)return _0x2b1441;const _0x115b89={..._0x2b1441,..._0x179f73,'propertyConfigs':_0x2b1441['propertyConfigs']};if(_0x115b89['multiListSections']===_0x2b1441['multiListSections']&&_0x115b89['tabsConfig']===_0x2b1441['tabsConfig']&&_0x115b89['additionalResources']===_0x2b1441['additionalResources']&&_0x115b89['hiddenRelatedResources']===_0x2b1441['hiddenRelatedResources']&&_0x115b89['customActionFields']===_0x2b1441['customActionFields'])return _0x2b1441;return _0x115b89;}__name(getSyncedEditResourceConfig,'getSyncedEditResourceConfig');function getEditNavigationItems(_0x5f94ec,_0x313295){const _0x4a86d3=_0x5f94ec['map'](_0x59f81f=>({'displayName':_0x59f81f['displayName'],'targetHtmlElementId':_0x59f81f['resourceId']})),_0x9aba11=(_0x313295??[])['filter'](_0x4cac29=>_0x4cac29['hasPermission'])['map'](_0x14bf14=>({'displayName':_0x14bf14['displayName'],'targetHtmlElementId':_0x14bf14['id']}));return [..._0x4a86d3,..._0x9aba11];}__name(getEditNavigationItems,'getEditNavigationItems');async function processTabAdditionalResources(_0x1c3874,_0xdc982f){const _0x2c6c7=_0x1c3874['additionalResources'],_0x4c23a9=[];if(!_0x2c6c7)return _0x4c23a9;const _0x2dd601=await fetchResourceMetas(_0x2c6c7);for(const _0x42f109 of _0x2c6c7){const _0x1af2f8=_0x2dd601[_0x42f109],_0x48bbfb=getTabAdditionalResourceFilters(_0x1c3874),_0x429feb=await getTabRelatedResourceId(_0x1af2f8,_0x48bbfb);_0x4c23a9['push']({'type':_0xdc982f,'relatedResourceElementId':'multiListResource'+_0x1af2f8['resourceName'],'resourceId':_0x429feb,'displayName':_0x1af2f8['display']['displayName'],'resourceName':_0x1af2f8['resourceName'],'propertyName':_0x1af2f8['resourceName'],'filters':_0x48bbfb});}return _0x4c23a9;}__name(processTabAdditionalResources,'processTabAdditionalResources');function getEditResourceId(_0x4cec16){return getElementId(EditResource['displayName'],void(-0x1*-0x1d72+-0x233d+0x5cb*0x1),_0x4cec16);}__name(getEditResourceId,'getEditResourceId');function getEditResourcePropertyId(_0x5d156e,_0x5f4d33,_0x19578f){return getElementId(_0x5d156e,_0x5f4d33,_0x19578f);}__name(getEditResourcePropertyId,'getEditResourcePropertyId');function getEditResourceExpandRelationButtonId(_0x5825b1){return getEditResourceHeaderExpandRelationButtonId(_0x5825b1);}__name(getEditResourceExpandRelationButtonId,'getEditResourceExpandRelationButtonId');function getEditResourceBackButtonId(_0x41b883){return getEditResourceHeaderBackButtonId(_0x41b883);}__name(getEditResourceBackButtonId,'getEditResourceBackButtonId');function getEditResourceSaveButtonId(_0x419122){return getEditResourceHeaderSaveButtonId(_0x419122);}__name(getEditResourceSaveButtonId,'getEditResourceSaveButtonId');function getEditResourceCancelButtonId(_0x37615a){return getEditResourceHeaderCancelButtonId(_0x37615a);}__name(getEditResourceCancelButtonId,'getEditResourceCancelButtonId');function getEditResourceMarkdownPreviewButtonId(_0x43f296,_0x9f8cf9,_0x1e6003){return getEditResourcePropertyId(_0x43f296,_0x9f8cf9,_0x1e6003)+markdownSuffixes['previewIcon'];}__name(getEditResourceMarkdownPreviewButtonId,'getEditResourceMarkdownPreviewButtonId');function getEditResourceBrowserInputId(_0x3e5909,_0x1287ed,_0x3c86f8,_0x11cd1e){return getElementId(_0x3e5909+browserTypeToSuffix[_0x1287ed],_0x3c86f8,_0x11cd1e);}__name(getEditResourceBrowserInputId,'getEditResourceBrowserInputId');function checkLoadComplete(_0x41fd57,_0x3dbdf3){_0x3dbdf3?.(),_0x41fd57(!![]);}__name(checkLoadComplete,'checkLoadComplete');async function loadResource(_0x46863f,_0x2aa284,_0x438206,_0x369e38,_0x3edc5c,_0x7db7b2,_0x2fe7be,_0xc9ad4a,_0x170bbf,_0x10ff6c,_0x15f879){const _0x26a124=_0x438206['resourceMeta'];let _0x180980={..._0x2aa284};if(!_0x46863f&&!_0x15f879&&isUuidSet(_0x2aa284['id'])){const _0x485156=await apiGetWithOData(_0x26a124['resourceName'],getODataConfig(_0x170bbf),_0x2aa284['id']);_0x485156['data']&&(_0x180980=_0x485156['data'],_0x369e38(_0x180980));}checkPermission(_0x46863f,_0x438206,_0x2aa284),_0x7db7b2(createEditResourceForm(_0x2fe7be,_0x438206,_0x180980,_0xc9ad4a,_0x46863f)),_0x369e38(_0x180980),_0x10ff6c?.(),checkLoadComplete(_0x3edc5c,_0x10ff6c);}__name(loadResource,'loadResource');async function onChangeSave(_0x18dbd3,_0xf0a0fe,_0x3b97e4,_0x34b293,_0x531ff7,_0xef00e9,_0x1d0473,_0x56c458,_0x1817d5,_0x3c6ca7,_0x25cc81,_0x3f2197,_0x3ec652){if(_0xef00e9)return;const _0x3a6e74=await fetchAndSetResource(_0x56c458,_0x1d0473,_0x531ff7['id'],_0xef00e9,_0x3c6ca7,_0x25cc81),_0x28b27c=_0x3a6e74?.[wellKnownMetaProps['imageUrl']];_0x28b27c?_0x34b293['setValue'](wellKnownMetaProps['imageUrl'],_0x28b27c):_0x34b293['setValue'](wellKnownMetaProps['imageUrl'],''),await applyValueChanges(_0x18dbd3,_0xf0a0fe,_0x3b97e4,_0x34b293,_0x531ff7,_0xef00e9,_0x1d0473,_0x1817d5,_0x3f2197,_0x3ec652);}__name(onChangeSave,'onChangeSave');async function loadResourceMetaAndResource(_0x2e8523,_0x1bfef7,_0x3e0b23,_0x3eeedf,_0x586789,_0xdc16d0,_0x54a9ea,_0x5b967f,_0x385065,_0x35c386,_0x31b248,_0x32ab4c,_0x2b224c,_0x3aeb13,_0xb79a5c){fillColumnData(_0xdc16d0,_0x54a9ea,_0x2b224c,_0x31b248,_0x2e8523['customActionFields']),await loadResource(_0x1bfef7,_0x3e0b23,_0x31b248,_0x3eeedf,_0x586789,_0x5b967f,_0x385065,_0x35c386,_0x2e8523,_0x3aeb13,_0xb79a5c),isUuidSet(_0x3e0b23['id'])?_0x32ab4c(await getStringifiedResourceRelations(_0x3e0b23['id'],_0x31b248['resourceMeta'])):_0x32ab4c({});}__name(loadResourceMetaAndResource,'loadResourceMetaAndResource');async function initializeExistingResourceData(_0x497254,_0x13f1c2,_0x306a8e,_0x5c08b9,_0x422bc8,_0x4f19be,_0x588e4c,_0x153663,_0x514a42,_0x2c2e78,_0x4c6ffe){if(!_0x13f1c2||_0x13f1c2===emptyUuid)return;let _0x444a47=[];const _0x39cf0d=getMultiListItemType(_0x497254['resourceMeta']),_0x6100e2={..._0x5c08b9},_0x259015=await fetchResource(_0x497254['resourceMeta'],_0x13f1c2),_0x27a05d=await getRelatedResourceMultiListItems(_0x497254,_0x13f1c2,_0x39cf0d,_0x259015),_0x5bf971=await fetchResourceComments(_0x306a8e,_0x13f1c2);if(_0x27a05d)for(const _0x4b53a8 of _0x27a05d){!_0x5c08b9['hiddenRelatedResources']?.['includes'](_0x4b53a8['resourceName'])&&_0x444a47['push'](_0x4b53a8);}const _0xd8624a=await processTabAdditionalResources(_0x5c08b9,_0x39cf0d);_0x444a47=[..._0x444a47,..._0xd8624a],isNonEmptyUuid(_0x13f1c2)&&(hideProperties(_0x444a47['map'](_0x2b0673=>_0x2b0673['propertyName']),_0x6100e2),_0x422bc8(_0x6100e2)),_0x514a42(_0x5bf971),_0x153663(_0x444a47),_0x259015&&_0x4f19be(_0x259015),_0x588e4c(_0x497254),_0x4c6ffe({..._0x2c2e78,'editResourceConfigs':{..._0x2c2e78['editResourceConfigs'],[_0x306a8e]:_0x6100e2}});}__name(initializeExistingResourceData,'initializeExistingResourceData');async function getTabRelatedResourceId(_0xf8fa35,_0x2e6d59){let _0x5a4205=getEmptyUuid();const _0x14aab4=await fetchResources(_0xf8fa35['resourceName'],{'filters':getObjectValues(_0x2e6d59)});return _0x14aab4&&_0x14aab4['length']>-0xa85*-0x2+0xde6+-0x22f0&&(_0x5a4205=first(_0x14aab4)['id']),_0x5a4205;}__name(getTabRelatedResourceId,'getTabRelatedResourceId');function getTabAdditionalResourceFilters(_0x20ec82){let _0x4010a1={};if(isNavigationLayoutType(_0x20ec82)){const _0x210309=getLoginState(),_0x10badf=[{'leftSide':metaQueryParams['userId'],'rightSide':_0x210309['userId']}];_0x4010a1=Object['fromEntries'](_0x10badf['map']((_0x4ac8cd,_0x4c07b6)=>[_0x4c07b6,_0x4ac8cd]));}return _0x4010a1;}__name(getTabAdditionalResourceFilters,'getTabAdditionalResourceFilters');function isNavigationLayoutType(_0x20117c){return _0x20117c['tabsConfig']?.['layoutType']===editResourceLayoutTypes['navigation'];}__name(isNavigationLayoutType,'isNavigationLayoutType');
 
-export { determineColumnsCount, getEditNavigationItems, getEditResourceBackButtonId, getEditResourceBrowserInputId, getEditResourceCancelButtonId, getEditResourceExpandRelationButtonId, getEditResourceId, getEditResourceMarkdownPreviewButtonId, getEditResourcePropertyId, getEditResourceSaveButtonId, getInitialEditResource, getSyncedEditResourceConfig, onCancelImageEdit, onConfigChange, onEditResourceValidation, onResourceSave, onSaveResourceOnChange, shouldShowSaveCancelButtons };
+export { determineColumnsCount, getEditNavigationItems, getEditResourceBackButtonId, getEditResourceBrowserInputId, getEditResourceCancelButtonId, getEditResourceExpandRelationButtonId, getEditResourceId, getEditResourceMarkdownPreviewButtonId, getEditResourcePropertyId, getEditResourceSaveButtonId, getInitialEditResource, getSyncedEditResourceConfig, initializeMultiListResources, onCancelImageEdit, onConfigChange, onSaveResourceOnChange, processTabAdditionalResources, shouldShowSaveCancelButtons };

package/packages/level2/meta/edit-resource/EditResource.js

@@ -2,14 +2,14 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useImperativeHandle } from 'react';
-import { getInitialEditResource, getSyncedEditResourceConfig, onConfigChange, getEditNavigationItems, onSaveResourceOnChange, onEditResourceValidation, onResourceSave, shouldShowSaveCancelButtons, onCancelImageEdit } from './EditResource.funcs.js';
+import { getInitialEditResource, getSyncedEditResourceConfig, onConfigChange, initializeMultiListResources, getEditNavigationItems, onSaveResourceOnChange, shouldShowSaveCancelButtons, onCancelImageEdit } from './EditResource.funcs.js';
 import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
 import { useForm, FormProvider } from 'react-hook-form';
 import { isReadOnlyResource } from '../resource-list/resource-list-checkers.js';
 import { useSaveComplete } from './save-complete-context.js';
 import { useEditResourceConfig } from './services/use-edit-resource-config.js';
 import { editResourceLayoutTypes } from './edit-resource-constants.js';
-import { getMultiListConfig } from '../components/multi-list/MultiList.funcs.js';
+import { getMultiListConfig } from '../components/multi-list/multi-list-config.js';
 import { isUuidSet } from '../../../fd-toolbox/functions/value-checking-functions.js';
 import { EditResourceTabs } from './EditResourceTabs.js';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
@@ -17,11 +17,11 @@ import { EditResourceHeader } from './EditResourceHeader.js';
 import { shouldShowTabs, deleteResource, shouldEditResourceShowDeleteButton } from './services/edit-resources.js';
 import { EditResourceFormBody } from './EditResourceFormBody.js';
 import { Navigation } from '../../fd-component-toolbox/navigation/Navigation.js';
-import { initializeMultiListResources } from './EditResourceTabs.funcs.js';
 import { useGlobalConfig } from '../providers/global-provider/GlobalContext.js';
 import { useEditResourceRef } from './hooks/use-edit-resource-ref.js';
 import { useElementId } from '../../../fd-toolbox/hooks/use-element-id.js';
 import { formMethods } from '../../../base-repo/constants/tools-constants.js';
+import { onEditResourceValidation, onResourceSave } from './services/edit-resource-save.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -45,11 +45,10 @@ function EditResource({
   onRefreshResource,
   relatedResourceId,
   relatedResourceName,
-  setIsFormValid,
+  onFormValidityChange,
   onPropertyUpdateComplete,
   onSavingStarting,
   onSavingEnding,
-  hasId: hasIdProp,
   config,
   defaultTab,
   ref
@@ -58,8 +57,7 @@ function EditResource({
     globalConfig,
     setGlobalConfig
   } = useGlobalConfig();
-  const resourceName = uiResourceMetaProp?.resourceMeta.resourceName;
-  const hasId = hasIdProp ?? isUuidSet(resourceId);
+  const resourceName = uiResourceMetaProp.resourceMeta.resourceName;
   const hasShowTabs = shouldShowTabs(uiResourceMetaProp);
   const [showHiddenProperties, setShowHiddenProperties] = useState(false);
   const [loadComplete, setLoadComplete] = useState(false);
@@ -73,7 +71,7 @@ function EditResource({
   const sourceEditResourceConfig = useEditResourceConfig(resourceName, config, hasShowTabs);
   const [editResourceConfig, setEditResourceConfig] = useState(sourceEditResourceConfig);
   const isFullLayout = editResourceConfig.tabsConfig?.layoutType === editResourceLayoutTypes.navigation;
-  const initialIsNew = isNewProp ?? !hasId;
+  const initialIsNew = isNewProp ?? !isUuidSet(resourceId);
   const [isNew, setIsNew] = useState(initialIsNew);
   const [isLoadComplete, setIsLoadComplete] = useState(!isFullLayout);
   const [commentList, setCommentList] = useState([]);
@@ -98,8 +96,8 @@ function EditResource({
     setResource(getInitialEditResource(resourceFromProp, resourceId));
   }, [resourceFromProp, resourceId]);
   useEffect(() => {
-    setIsFormValid?.(form.formState.isValid);
-  }, [form.formState.isValid, setIsFormValid]);
+    onFormValidityChange?.(form.formState.isValid);
+  }, [form.formState.isValid, onFormValidityChange]);
   useEffect(() => {
     setEditResourceConfig(prev => getSyncedEditResourceConfig(prev, sourceEditResourceConfig));
   }, [sourceEditResourceConfig]);
@@ -110,7 +108,7 @@ function EditResource({
   const editResourceRef = useEditResourceRef(form, resource, isNew, uiResourceMeta, formHasSavedOnce, setFormActiveSaveOperations, setFormHasSavedOnce, setIsNew, notifySaveComplete, uiPropertyMetas, rightUiPropertyMetas, onSavingStarting, onSavingEnding, onSaveComplete, onSaveClick);
   useImperativeHandle(ref, () => editResourceRef, [editResourceRef]);
   useAsyncEffect(async () => {
-    await initializeMultiListResources(resourceName, editResourceConfig, setMultiListItems, setEditResourceConfig, setResource, setUiResourceMeta, setIsLoadComplete, hasId, setCommentList, globalConfig, setGlobalConfig, resource.id);
+    await initializeMultiListResources(resourceName, editResourceConfig, setMultiListItems, setEditResourceConfig, setResource, setUiResourceMeta, setIsLoadComplete, isNew, setCommentList, globalConfig, setGlobalConfig, resource.id);
   }, []);
   const resourceDisplayName = uiResourceMeta?.resourceMeta.display.displayName ?? "";
   let leftPanel;
@@ -133,6 +131,7 @@ function EditResource({
           config: editResourceConfig,
           onCancel: async () => onCancelImageEdit(form, resource, onCancelClick),
           resourceDisplayName,
+          resourceName,
           parentContextName: editResourceId,
           onToggleHiddenProperties: () => setShowHiddenProperties(!showHiddenProperties),
           showHiddenProperties,
@@ -181,7 +180,7 @@ function EditResource({
       resourceName,
       resourceId: uiResourceMeta.resourceMeta.id,
       config: editResourceConfig,
-      hasId,
+      isNew,
       defaultTab,
       uiResourceMeta,
       multiListConfig,

package/packages/level2/meta/edit-resource/EditResourceFormBody.d.ts

@@ -5,7 +5,7 @@ import { UiPropertyMeta } from "../core/ui-property-meta";
 import { WithId } from "../../../fd-toolbox-core/types/resource-with-id";
 import { Validators } from "./services/form-validations";
 import { EditResourceConfig } from "./config/edit-resource-config";
-import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { EditResourceCustomFieldConfig } from "./config/edit-resource-config-custom-field";
 interface EditResourceFormBodyProps {
     resourceMeta: ResourceMeta;

package/packages/level2/meta/edit-resource/EditResourceHeader.d.ts

@@ -1,11 +1,12 @@
 import { EditResourceConfig } from "./config/edit-resource-config";
-import { Func, VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { Func, VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { ResourceMeta } from "../core/resource-meta";
 import { UseFormReturn } from "react-hook-form";
 interface EditResourceHeaderProps {
     config: EditResourceConfig;
     onCancel: VoidFuncNoParam;
     resourceDisplayName: string;
+    resourceName: string;
     parentContextName: string;
     onToggleHiddenProperties: VoidFuncNoParam;
     showHiddenProperties: boolean;
@@ -22,7 +23,7 @@ interface EditResourceHeaderProps {
     hasSavedOnce?: boolean;
     backArrowUrl?: string;
 }
-export declare function EditResourceHeader({ config, onCancel, resourceDisplayName, parentContextName, onToggleHiddenProperties, showHiddenProperties, isNew, form, resourceMeta, backArrowUrl, shouldShowSaveCancelButtons, showDeleteButton, onDeleteDialogResponse, onSaveResource, onChange, saved, showSavingStatus, hasSavedOnce, }: EditResourceHeaderProps): import("react").JSX.Element;
+export declare function EditResourceHeader({ config, onCancel, resourceDisplayName, resourceName, parentContextName, onToggleHiddenProperties, showHiddenProperties, isNew, form, resourceMeta, backArrowUrl, shouldShowSaveCancelButtons, showDeleteButton, onDeleteDialogResponse, onSaveResource, onChange, saved, showSavingStatus, hasSavedOnce, }: EditResourceHeaderProps): import("react").JSX.Element;
 export declare namespace EditResourceHeader {
     var displayName: string;
 }

package/packages/level2/meta/edit-resource/EditResourceHeader.funcs.d.ts

@@ -1,14 +1,14 @@
-/** @internal */
+/** @customer-internal */
 export declare function getEditResourceHeaderId(parentContextName: string, componentIndex?: number): string;
-/** @internal */
-export declare function getEditResourceHeaderExpandRelationButtonId(parentContextName: string, index?: number): string;
-/** @internal */
-export declare function getEditResourceHeaderBackButtonId(parentContextName: string, index?: number): string;
-/** @internal */
-export declare function getEditResourceHeaderSaveButtonId(parentContextName: string, index?: number): string;
-/** @internal */
+/** @customer-internal */
+export declare function getEditResourceHeaderExpandRelationButtonId(resourceName: string, index?: number): string;
+/** @customer-internal */
+export declare function getEditResourceHeaderBackButtonId(resourceName: string, index?: number): string;
+/** @customer-internal */
+export declare function getEditResourceHeaderSaveButtonId(resourceName: string, index?: number): string;
+/** @customer-internal */
 export declare function getEditResourceHeaderSaveAndCloseButtonId(parentContextName: string, index?: number): string;
-/** @internal */
-export declare function getEditResourceHeaderCancelButtonId(parentContextName: string, index?: number): string;
-/** @internal */
+/** @customer-internal */
+export declare function getEditResourceHeaderCancelButtonId(resourceName: string, index?: number): string;
+/** @customer-internal */
 export declare function getEditResourceHeaderDeleteButtonId(parentContextName: string, index?: number): string;

package/packages/level2/meta/edit-resource/EditResourceHeader.funcs.js

@@ -3,6 +3,6 @@ import { elementSuffixes } from '../../../fd-toolbox/constants/element-suffixes.
 import { getElementId } from '../../../fd-toolbox/html/element-ids.js';
 import { EditResourceHeader } from './EditResourceHeader.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x77b784,_0x456c07)=>__defProp(_0x77b784,'name',{'value':_0x456c07,'configurable':!![]});function getEditResourceHeaderId(_0x1748f2,_0x544476){return getElementId(EditResourceHeader['displayName'],_0x1748f2,_0x544476);}__name(getEditResourceHeaderId,'getEditResourceHeaderId');function getEditResourceHeaderExpandRelationButtonId(_0x4906b9,_0x4788a8){return getElementId(elementSuffixes['expandRelation'],_0x4906b9,_0x4788a8);}__name(getEditResourceHeaderExpandRelationButtonId,'getEditResourceHeaderExpandRelationButtonId');function getEditResourceHeaderBackButtonId(_0x3539e2,_0x243fdf){return getElementId(elementSuffixes['back'],_0x3539e2,_0x243fdf);}__name(getEditResourceHeaderBackButtonId,'getEditResourceHeaderBackButtonId');function getEditResourceHeaderSaveButtonId(_0xed7243,_0xe3c2e2){return getElementId(elementSuffixes['save'],_0xed7243,_0xe3c2e2);}__name(getEditResourceHeaderSaveButtonId,'getEditResourceHeaderSaveButtonId');function getEditResourceHeaderSaveAndCloseButtonId(_0x488c3d,_0x144f92){return getElementId(elementSuffixes['save']+elementSuffixes['cancel'],_0x488c3d,_0x144f92);}__name(getEditResourceHeaderSaveAndCloseButtonId,'getEditResourceHeaderSaveAndCloseButtonId');function getEditResourceHeaderCancelButtonId(_0x2fa602,_0x39eb72){return getElementId(elementSuffixes['cancel'],_0x2fa602,_0x39eb72);}__name(getEditResourceHeaderCancelButtonId,'getEditResourceHeaderCancelButtonId');function getEditResourceHeaderDeleteButtonId(_0x4ac82c,_0xb2f0b8){return getElementId(elementSuffixes['delete'],_0x4ac82c,_0xb2f0b8);}__name(getEditResourceHeaderDeleteButtonId,'getEditResourceHeaderDeleteButtonId');
+var __defProp=Object['defineProperty'],__name=(_0x5343ee,_0x2d6aa7)=>__defProp(_0x5343ee,'name',{'value':_0x2d6aa7,'configurable':!![]});function getEditResourceHeaderId(_0x7305c1,_0x28ad07){return getElementId(EditResourceHeader['displayName'],_0x7305c1,_0x28ad07);}__name(getEditResourceHeaderId,'getEditResourceHeaderId');function getEditResourceHeaderExpandRelationButtonId(_0x206b01,_0x5f3214){return getElementId(elementSuffixes['expandRelation'],_0x206b01,_0x5f3214);}__name(getEditResourceHeaderExpandRelationButtonId,'getEditResourceHeaderExpandRelationButtonId');function getEditResourceHeaderBackButtonId(_0x24722e,_0x28220d){return getElementId(elementSuffixes['back'],_0x24722e,_0x28220d);}__name(getEditResourceHeaderBackButtonId,'getEditResourceHeaderBackButtonId');function getEditResourceHeaderSaveButtonId(_0x36cd32,_0x6b5d93){return getElementId(elementSuffixes['save'],_0x36cd32,_0x6b5d93);}__name(getEditResourceHeaderSaveButtonId,'getEditResourceHeaderSaveButtonId');function getEditResourceHeaderSaveAndCloseButtonId(_0x3b56e8,_0x586405){return getElementId(elementSuffixes['save']+elementSuffixes['cancel'],_0x3b56e8,_0x586405);}__name(getEditResourceHeaderSaveAndCloseButtonId,'getEditResourceHeaderSaveAndCloseButtonId');function getEditResourceHeaderCancelButtonId(_0x3d818f,_0x1fc1de){return getElementId(elementSuffixes['cancel'],_0x3d818f,_0x1fc1de);}__name(getEditResourceHeaderCancelButtonId,'getEditResourceHeaderCancelButtonId');function getEditResourceHeaderDeleteButtonId(_0x19a5d5,_0x1c4397){return getElementId(elementSuffixes['delete'],_0x19a5d5,_0x1c4397);}__name(getEditResourceHeaderDeleteButtonId,'getEditResourceHeaderDeleteButtonId');
 
 export { getEditResourceHeaderBackButtonId, getEditResourceHeaderCancelButtonId, getEditResourceHeaderDeleteButtonId, getEditResourceHeaderExpandRelationButtonId, getEditResourceHeaderId, getEditResourceHeaderSaveAndCloseButtonId, getEditResourceHeaderSaveButtonId };

package/packages/level2/meta/edit-resource/EditResourceHeader.js

@@ -20,11 +20,12 @@ var __name = (target, value) => __defProp(target, "name", {
   configurable: true
 });
 function EditResourceHeader(t0) {
-  const $ = c(20);
+  const $ = c(21);
   const {
     config,
     onCancel,
     resourceDisplayName,
+    resourceName,
     parentContextName,
     onToggleHiddenProperties,
     showHiddenProperties,
@@ -43,7 +44,7 @@ function EditResourceHeader(t0) {
   } = t0;
   const editResourceHeaderId = useElementId(EditResourceHeader.displayName, parentContextName);
   let t1;
-  if ($[0] !== backArrowUrl || $[1] !== config || $[2] !== editResourceHeaderId || $[3] !== form || $[4] !== hasSavedOnce || $[5] !== isNew || $[6] !== onCancel || $[7] !== onChange || $[8] !== onDeleteDialogResponse || $[9] !== onSaveResource || $[10] !== onToggleHiddenProperties || $[11] !== parentContextName || $[12] !== resourceDisplayName || $[13] !== resourceMeta?.description || $[14] !== saved || $[15] !== shouldShowSaveCancelButtons || $[16] !== showDeleteButton || $[17] !== showHiddenProperties || $[18] !== showSavingStatus) {
+  if ($[0] !== backArrowUrl || $[1] !== config || $[2] !== editResourceHeaderId || $[3] !== form || $[4] !== hasSavedOnce || $[5] !== isNew || $[6] !== onCancel || $[7] !== onChange || $[8] !== onDeleteDialogResponse || $[9] !== onSaveResource || $[10] !== onToggleHiddenProperties || $[11] !== parentContextName || $[12] !== resourceDisplayName || $[13] !== resourceMeta?.description || $[14] !== resourceName || $[15] !== saved || $[16] !== shouldShowSaveCancelButtons || $[17] !== showDeleteButton || $[18] !== showHiddenProperties || $[19] !== showSavingStatus) {
     t1 = jsxs("div", {
       className: "flex w-full flex-col gap-y-3",
       children: [jsxs("div", {
@@ -51,7 +52,7 @@ function EditResourceHeader(t0) {
         children: [jsxs("div", {
           className: "flex min-h-9 items-center justify-start gap-2",
           children: [config && config.showBackArrow && jsx(BackButton, {
-            id: getEditResourceHeaderBackButtonId(editResourceHeaderId),
+            id: getEditResourceHeaderBackButtonId(resourceName),
             className: "flex size-5 items-center",
             onClick: onCancel,
             href: backArrowUrl
@@ -67,7 +68,7 @@ function EditResourceHeader(t0) {
               size: iconSizes.small
             }) : jsx(Icon, {
               name: iconNames.caretDown,
-              id: getEditResourceHeaderExpandRelationButtonId(editResourceHeaderId),
+              id: getEditResourceHeaderExpandRelationButtonId(resourceName),
               size: iconSizes.small
             })
           })]
@@ -77,14 +78,14 @@ function EditResourceHeader(t0) {
           })
         })]
       }), jsxs("div", {
-        className: "flex flex-col justify-start gap-y-4",
+        className: "flex flex-row items-center justify-start gap-2",
         children: [!isNew && resourceMeta?.description.useImage && (config?.propertyConfigs.get(wellKnownMetaProps.imageUrl)?.visible ?? true) && jsx(EditImage, {
           parentContextName,
           form,
           initialImageUrl: form.getValues(wellKnownMetaProps.imageUrl),
           onChange
         }), config && jsxs("div", {
-          className: "flex flex-row gap-2",
+          className: "flex flex-row items-end gap-2",
           children: [isNew && shouldShowSaveCancelButtons() && !config.hideTopSaveButton && jsxs(Fragment, {
             children: [jsx(Button, {
               id: getEditResourceHeaderSaveAndCloseButtonId(editResourceHeaderId),
@@ -92,13 +93,13 @@ function EditResourceHeader(t0) {
               type: "submit",
               children: "Save & Close"
             }), jsx(Button, {
-              id: getEditResourceHeaderSaveButtonId(editResourceHeaderId),
+              id: getEditResourceHeaderSaveButtonId(resourceName),
               onClick: () => onSaveResource(true),
               type: "submit",
               children: "Save"
             })]
           }), isNew && shouldShowSaveCancelButtons() && !config.hideTopCancelButton && jsx(Button, {
-            id: getEditResourceHeaderCancelButtonId(editResourceHeaderId),
+            id: getEditResourceHeaderCancelButtonId(resourceName),
             onClick: onCancel,
             variant: "outline",
             children: "Cancel"
@@ -109,6 +110,8 @@ function EditResourceHeader(t0) {
             trigger: jsx(Button, {
               id: getEditResourceHeaderDeleteButtonId(editResourceHeaderId),
               variant: "icon",
+              size: "icon",
+              className: "size-5",
               tooltipText: "Delete",
               tooltipSide: "top",
               tooltipClassName: "mb-1",
@@ -136,14 +139,15 @@ function EditResourceHeader(t0) {
     $[11] = parentContextName;
     $[12] = resourceDisplayName;
     $[13] = resourceMeta?.description;
-    $[14] = saved;
-    $[15] = shouldShowSaveCancelButtons;
-    $[16] = showDeleteButton;
-    $[17] = showHiddenProperties;
-    $[18] = showSavingStatus;
-    $[19] = t1;
+    $[14] = resourceName;
+    $[15] = saved;
+    $[16] = shouldShowSaveCancelButtons;
+    $[17] = showDeleteButton;
+    $[18] = showHiddenProperties;
+    $[19] = showSavingStatus;
+    $[20] = t1;
   } else {
-    t1 = $[19];
+    t1 = $[20];
   }
   return t1;
 }

package/packages/level2/meta/edit-resource/EditResourceSheet.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
 /**
  * Props for the {@link EditResourceSheet} component.
  */

package/packages/level2/meta/edit-resource/EditResourceSheet.funcs.d.ts

@@ -1,3 +1,3 @@
-import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
-export declare function onSheetOpenChange(open: boolean, ResourceName: string, setIsOpen: (open: boolean) => void, propId?: string, onEditClick?: () => void, defaultValues?: string, onCloseClick?: VoidFunc<boolean>): void;
-export declare function onClick(onOpenChange: VoidFunc<boolean>, onCloseClick?: VoidFunc<boolean>): void;
+import { VoidFunc, VoidFuncNoParam } from "../../../fd-toolbox/functions/internal-getter-setter-functions";
+export declare function onEditRecourceSheetOpenChange(open: boolean, ResourceName: string, setIsOpen: VoidFunc<boolean>, propId?: string, onEditClick?: VoidFuncNoParam, defaultValues?: string, onCloseClick?: VoidFunc<boolean>): void;
+export declare function onSheetClose(onOpenChange: VoidFunc<boolean>, onCloseClick?: VoidFunc<boolean>): void;

package/packages/level2/meta/edit-resource/EditResourceSheet.funcs.js

@@ -1,9 +1,6 @@
 'use strict';
-import { getResourceViewUrl } from '../services/meta-navigations.js';
-import { silentChangeUrl, goBack } from '../../../fd-toolbox/routing/routers.js';
-import { viewNames } from './edit-resource-names.js';
-import { isUuidSet } from '../../../fd-toolbox/functions/value-checking-functions.js';
+import { runSheetOpenChangeAction, syncSheetState } from '../services/resource-sheet.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x53b614,_0x4fd732)=>__defProp(_0x53b614,'name',{'value':_0x4fd732,'configurable':!![]});function onSheetOpenChange(_0x49d69b,_0x548857,_0xf631db,_0x32dbca,_0x374f9b,_0x4f82df,_0x4f307f){if(_0x49d69b){if(_0x374f9b)_0x374f9b();else {let _0x1f2db7;_0x4f82df?_0x1f2db7=getResourceViewUrl(_0x548857,void(-0x1d45+-0x50*0x35+0x2dd5),viewNames['editResource'],[],_0x4f82df):_0x1f2db7=getResourceViewUrl(_0x548857,void(0x210c+-0x1f05+-0x3*0xad),viewNames['editResource']),silentChangeUrl(isUuidSet(_0x32dbca)?getResourceViewUrl(_0x548857,_0x32dbca,viewNames['editResource']):_0x1f2db7);}}else goBack();_0xf631db(_0x49d69b),_0x4f307f?.(_0x49d69b);}__name(onSheetOpenChange,'onSheetOpenChange');function onClick(_0x4c703d,_0x10dfc9){_0x4c703d(![]),_0x10dfc9?.(![]);}__name(onClick,'onClick');
+var __defProp=Object['defineProperty'],__name=(_0x380e6a,_0x48e2af)=>__defProp(_0x380e6a,'name',{'value':_0x48e2af,'configurable':!![]});function onEditRecourceSheetOpenChange(_0x5786df,_0x100ed1,_0x270d18,_0x1bc8b4,_0x2ec63d,_0x19ac59,_0x74a38f){runSheetOpenChangeAction(_0x5786df,_0x100ed1,_0x1bc8b4,_0x2ec63d,_0x19ac59),syncSheetState(_0x5786df,_0x270d18,_0x74a38f);}__name(onEditRecourceSheetOpenChange,'onEditRecourceSheetOpenChange');function onSheetClose(_0x54a09c,_0x12786d){_0x54a09c(![]),_0x12786d?.(![]);}__name(onSheetClose,'onSheetClose');
 
-export { onClick, onSheetOpenChange };
+export { onEditRecourceSheetOpenChange, onSheetClose };

package/packages/level2/meta/edit-resource/EditResourceSheet.js

@@ -6,7 +6,7 @@ import React, { useState } from 'react';
 import { EditResource } from './EditResource.js';
 import { emptyUuid } from '../../../fd-toolbox/constants/constants.js';
 import { metaQueryParams } from '../../../fd-toolbox/constants/meta-query-params.js';
-import { onSheetOpenChange, onClick } from './EditResourceSheet.funcs.js';
+import { onEditRecourceSheetOpenChange, onSheetClose } from './EditResourceSheet.funcs.js';
 import { useSearchParams } from '../client/framework/hooks.js';
 import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
 import { fetchUiResourceMeta } from '../ui-meta-providers.js';
@@ -56,7 +56,7 @@ function EditResourceSheet(t0) {
   useAsyncEffect(t2);
   let t3;
   if ($[5] !== onCloseClick || $[6] !== onEditClick || $[7] !== propId || $[8] !== resolvedResourceName) {
-    t3 = open => onSheetOpenChange(open, resolvedResourceName, setIsOpen, propId, onEditClick, "", onCloseClick);
+    t3 = open => onEditRecourceSheetOpenChange(open, resolvedResourceName, setIsOpen, propId, onEditClick, "", onCloseClick);
     $[5] = onCloseClick;
     $[6] = onEditClick;
     $[7] = propId;
@@ -85,10 +85,10 @@ function EditResourceSheet(t0) {
           uiResourceMeta,
           resourceId,
           isNew,
-          onSaveClick: () => onClick(onOpenChange, onCloseClick),
+          onSaveClick: () => onSheetClose(onOpenChange, onCloseClick),
           onSaveComplete: () => onRefreshResources?.(),
-          onDeleteComplete: () => onClick(onOpenChange, onCloseClick),
-          onCancelClick: () => onClick(onOpenChange, onCloseClick),
+          onDeleteComplete: () => onSheetClose(onOpenChange, onCloseClick),
+          onCancelClick: () => onSheetClose(onOpenChange, onCloseClick),
           onRefreshResource: onRefreshResources
         })
       })]

package/packages/level2/meta/edit-resource/EditResourceTabs.d.ts

@@ -12,7 +12,7 @@ export interface EditResourceTabsProps {
     resourceName: string;
     resourceId: string;
     config: EditResourceConfig;
-    hasId: boolean;
+    isNew: boolean;
     defaultTab?: TabsName;
     uiResourceMeta: UiResourceMeta;
     multiListConfig?: MultiListConfig;
@@ -20,4 +20,4 @@ export interface EditResourceTabsProps {
     commentList: Comment[];
     children: JSX.Element;
 }
-export declare function EditResourceTabs({ isLoadComplete, tabsHasSavedOnce, multiListItems, resourceName, resourceId, config, hasId, defaultTab, uiResourceMeta, multiListConfig, resource, commentList, children, }: EditResourceTabsProps): JSX.Element;
+export declare function EditResourceTabs({ isLoadComplete, tabsHasSavedOnce, multiListItems, resourceName, resourceId, config, isNew, defaultTab, uiResourceMeta, multiListConfig, resource, commentList, children, }: EditResourceTabsProps): JSX.Element;