@fernir2/saas-kit-cli 0.1.4 → 0.1.5

package/packages/level2/meta/components/multi-list/FdMultiListEditResource.jsx

@@ -1,31 +0,0 @@
-import { fetchUiResourceMeta } from "@meta/ui-meta-providers";
-import { useState } from "react";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { useGlobalConfig } from "@meta/providers/global-provider/FdGlobalContext";
-import { getMultiListEditResourceConfig } from "@meta/components/multi-list/FdMultiListEditResource.funcs";
-/**
- * Component for displaying and editing a single resource as part of a multi-list display
- *
- * @param FdMultiListEditResourceProps {@link FdMultiListEditResourceProps}
- *
- * @example
- * ```tsx
- *  <FdMultiListEditResource multiListItem={{...}} />
- * ```
- */
-export default function FdMultiListEditResource({ multiListItem, onSavingStarting, onSavingEnding, }) {
-    const [uiResourceMeta, setUiResourceMeta] = useState();
-    const config = useGlobalConfig();
-    const multiListEditResourceConfig = getMultiListEditResourceConfig(multiListItem.resourceName, config.globalConfig);
-    useAsyncEffect(async () => {
-        if (multiListItem.filters[0].rightSide) {
-            setUiResourceMeta(await fetchUiResourceMeta(multiListItem.resourceName));
-        }
-    }, []);
-    return (<div id={multiListItem.resourceId || ""}>
-            {uiResourceMeta ? (<div className="w-[calc(100%-1rem)] px-4">
-                    <FdEditResource uiResourceMeta={uiResourceMeta} resourceId={multiListItem.resourceId} config={multiListEditResourceConfig} columns={2} isNew={false} onSavingStarting={onSavingStarting} onSavingEnding={onSavingEnding}/>
-                </div>) : ("")}
-        </div>);
-}

package/packages/level2/meta/edit-resource/FdEditResource.jsx

@@ -1,135 +0,0 @@
-"use client";
-import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { getEditResourceId, handleCancelImageEdit, handleResourceSave, handleSaveResourceOnChange, onConfigChange, withIndexerFilter, } from "@meta/edit-resource/FdEditResource.funcs";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { FormProvider, useForm } from "react-hook-form";
-import { deleteResource, shouldEditResourceShowCreateButton, shouldEditResourceShowDeleteButton, shouldEditResourceShowSaveCancelButtons, } from "@meta/edit-resource/services/edit-resources";
-import { getEditResourceConfig } from "@meta/edit-resource/config/fd-edit-resource-configs";
-import { isReadOnlyResource } from "@meta/resource-list/resource-list-checkers";
-import { cn } from "@fd-toolbox/lib/utils";
-import { elementSuffixes } from "@fd-toolbox/constants/element-suffixes";
-import { FdEditResourceHeader } from "@meta/edit-resource/FdEditResourceHeader";
-import { useSaveComplete } from "@meta/edit-resource/save-complete-context";
-import { FdEditResourceFormBody } from "@meta/edit-resource/FdEditResourceFormBody";
-import { getRequiredFields, onValidation } from "@meta/edit-resource/edit-resource-validation";
-const instanceNumber = { value: 0 };
-const FdEditResourceDisplayName = "FdEditResource";
-/**
- * Form component for creating or editing resources
- *
- * @see {@link FdEditResourceProps} for all available props
- * @see {@link FdEditResourceComponent} for methods available via ref
- * @see {@link EditResourceConfig} for customization options
- */
-export function FdEditResource({ resourceId, onDeleteComplete, onCancelClick, onSaveClick, onSaveComplete, onLoadComplete, config: configProp, isNew: isNewProp, columns, onRefreshResource, uiResourceMeta, resource: resourceFromProp, relatedResourceId, relatedResourceName, setIsFormValid, onPropertyUpdateComplete, onSavingStarting, onSavingEnding, showSavingStatus, ref, }) {
-    const [showHiddenProperties, setShowHiddenProperties] = useState(false);
-    const [isNew, setIsNew] = useState(isNewProp ?? false);
-    const [loadComplete, setLoadComplete] = useState(false);
-    const [resource, setResource] = useState(resourceFromProp ?? { id: resourceId });
-    const [leftUiPropertyMetas, setLeftUiPropertyMetas] = useState({});
-    const [rightUiPropertyMetas, setRightUiPropertyMetas] = useState({});
-    const [leftCustomFields, setLeftCustomFields] = useState([]);
-    const [rightCustomFields, setRightCustomFields] = useState([]);
-    const [formFieldOptions, setFormFieldOptions] = useState({});
-    const [displayingColumns, setDisplayingColumns] = useState(columns ?? 1);
-    const [activeSaveOperations, setActiveSaveOperations] = useState(0);
-    const [hasSavedOnce, setHasSavedOnce] = useState(false);
-    const resourceName = uiResourceMeta.resourceMeta.resourceName;
-    const iconId = `${uiResourceMeta.resourceMeta.resourceName}${elementSuffixes.expandRelation}`;
-    const editResourceId = getEditResourceId(resourceName, resourceId);
-    const resourceRelations = useRef({});
-    const { notifySaveComplete } = useSaveComplete();
-    const config = useMemo(() => configProp ?? getEditResourceConfig(resourceName), [configProp, resourceName]);
-    const isReadOnly = useMemo(() => (uiResourceMeta.resourceMeta ? isReadOnlyResource(uiResourceMeta.resourceMeta) : true), [uiResourceMeta]);
-    const form = useForm({
-        mode: "onChange",
-    });
-    useEffect(() => {
-        if (relatedResourceName && !form.getValues(relatedResourceName)) {
-            form.setValue(relatedResourceName, relatedResourceId);
-        }
-    }, [form, relatedResourceId, relatedResourceName]);
-    useEffect(() => {
-        setIsFormValid?.(form.formState.isValid);
-    }, [form.formState.isValid, setIsFormValid]);
-    const setResourceRelation = (relations) => (resourceRelations.current = relations);
-    useAsyncEffect(async () => {
-        onConfigChange(resourceId, setIsNew, config, resource, setResource, setLoadComplete, leftUiPropertyMetas, rightUiPropertyMetas, setLeftUiPropertyMetas, setRightUiPropertyMetas, setFormFieldOptions, form.setValue, form.getValues, setDisplayingColumns, instanceNumber, uiResourceMeta, setResourceRelation, setLeftCustomFields, setRightCustomFields, onLoadComplete, columns ?? 1, resourceFromProp);
-    }, [config]);
-    const onToggleHiddenProperties = useCallback(() => {
-        setShowHiddenProperties(!showHiddenProperties);
-    }, [setShowHiddenProperties, showHiddenProperties]);
-    const onDeleteDialogResponse = useCallback(async (isYes) => {
-        if (isYes) {
-            await deleteResource(uiResourceMeta.resourceMeta.resourceName, resource);
-            onDeleteComplete?.();
-        }
-    }, [onDeleteComplete, resource, uiResourceMeta]);
-    const onCancel = useCallback(async () => {
-        handleCancelImageEdit(form, resource, onCancelClick);
-    }, [form, onCancelClick, resource]);
-    const isShowDeleteButton = useCallback(() => {
-        return shouldEditResourceShowDeleteButton(isNew, uiResourceMeta.resourceMeta);
-    }, [isNew, uiResourceMeta]);
-    const shouldShowSaveCancelButtons = useCallback(() => {
-        if (isNew) {
-            return shouldEditResourceShowCreateButton(uiResourceMeta.resourceMeta);
-        }
-        else {
-            return shouldEditResourceShowSaveCancelButtons(uiResourceMeta.resourceMeta);
-        }
-    }, [isNew, uiResourceMeta.resourceMeta]);
-    const getRequiredFieldsCallback = useCallback((metas) => {
-        return withIndexerFilter(metas, (value) => {
-            return getRequiredFields(value, uiResourceMeta.resourceMeta);
-        });
-    }, [uiResourceMeta]);
-    const onValidationCallback = useCallback((formValues) => {
-        return onValidation(uiResourceMeta.resourceMeta, form, getRequiredFieldsCallback, leftUiPropertyMetas, rightUiPropertyMetas, formValues);
-    }, [form, getRequiredFieldsCallback, leftUiPropertyMetas, rightUiPropertyMetas, uiResourceMeta]);
-    const resourceSave = useCallback(async () => {
-        await handleResourceSave(onValidationCallback, form, resource, isNew, uiResourceMeta.resourceMeta, setActiveSaveOperations, hasSavedOnce, setHasSavedOnce, onSaveClick, onSaveComplete, notifySaveComplete, onSavingStarting, onSavingEnding);
-    }, [
-        onValidationCallback,
-        form,
-        resource,
-        isNew,
-        uiResourceMeta,
-        onSaveClick,
-        onSaveComplete,
-        onSavingStarting,
-        onSavingEnding,
-        hasSavedOnce,
-        notifySaveComplete,
-    ]);
-    const saveResourceOnChange = useCallback(async (val, name) => {
-        await handleSaveResourceOnChange(val, name, onValidationCallback, form, resource, isNew, uiResourceMeta.resourceMeta, setResource, resourceRelations.current, setResourceRelation, setActiveSaveOperations, config, onRefreshResource, notifySaveComplete, onSavingStarting, onSavingEnding, onPropertyUpdateComplete);
-    }, [
-        onValidationCallback,
-        form,
-        resource,
-        isNew,
-        uiResourceMeta,
-        config,
-        onRefreshResource,
-        onSavingStarting,
-        onSavingEnding,
-        notifySaveComplete,
-        onPropertyUpdateComplete,
-    ]);
-    useImperativeHandle(ref, () => ({
-        save: resourceSave,
-        getAllFormValues: () => form.getValues(),
-    }), [resourceSave, form]);
-    const resourceDisplayName = uiResourceMeta?.resourceMeta.display.displayName ?? "";
-    return (<FormProvider {...form}>
-            <div className={cn("flex w-full flex-col items-center gap-y-6", !(columns ?? 1) && "sm:max-w-xs md:max-w-sm lg:max-w-md xl:max-w-none", !onRefreshResource &&
-            !(columns ?? 1) &&
-            (displayingColumns > 1 ? "xl:w-9/12" : "xl:w-2/5"))}>
-                <FdEditResourceHeader config={config} onCancel={onCancel} resourceDisplayName={resourceDisplayName} resourceName={resourceName} parentContextName={editResourceId} onToggleHiddenProperties={onToggleHiddenProperties} showHiddenProperties={showHiddenProperties} iconId={iconId} isNew={isNew} form={form} resourceMeta={uiResourceMeta.resourceMeta} shouldShowSaveCancelButtons={shouldShowSaveCancelButtons} isShowDeleteButton={isShowDeleteButton} onDeleteDialogResponse={onDeleteDialogResponse} onSaveResource={resourceSave} onChange={saveResourceOnChange} isSaved={activeSaveOperations === 0} showSavingStatus={showSavingStatus} hasSavedOnce={hasSavedOnce} backArrowUrl={config.backArrowUrl}/>
-
-                <FdEditResourceFormBody displayingColumns={displayingColumns} resourceMeta={uiResourceMeta.resourceMeta} leftUiPropertyMetas={leftUiPropertyMetas} rightUiPropertyMetas={rightUiPropertyMetas} isNew={isNew} form={form} resource={resource} formFieldOptions={formFieldOptions} parentContextName={FdEditResourceDisplayName} config={config} showHiddenProperties={showHiddenProperties} loadComplete={loadComplete} isReadOnly={isReadOnly} onChangeSaveResource={saveResourceOnChange} leftCustomFields={leftCustomFields} rightCustomFields={rightCustomFields}/>
-            </div>
-        </FormProvider>);
-}
-FdEditResource.displayName = FdEditResourceDisplayName;

package/packages/level2/meta/edit-resource/FdEditResourceFormBody.jsx

@@ -1,8 +0,0 @@
-"use client";
-import { FdEditResourcePropertyBlock } from "@meta/edit-resource/edit-resource-property-block/FdEditResourcePropertyBlock";
-export function FdEditResourceFormBody({ displayingColumns, resourceMeta, leftUiPropertyMetas, rightUiPropertyMetas, isNew, form, resource, formFieldOptions, parentContextName, config, showHiddenProperties, loadComplete, isReadOnly, onChangeSaveResource, leftCustomFields, rightCustomFields, }) {
-    return (<div className="flex w-full flex-col gap-3 md:flex-row">
-            <FdEditResourcePropertyBlock resourceMeta={resourceMeta} uiPropertyMetas={leftUiPropertyMetas} isNew={isNew} form={form} resource={resource} formFieldOptions={formFieldOptions} config={config} showHiddenProperties={showHiddenProperties} loadComplete={loadComplete} readOnlyResource={isReadOnly} onChange={onChangeSaveResource} className="gap-y-4" parentContextName={parentContextName} customActionFields={leftCustomFields}/>
-            {displayingColumns > 1 && (<FdEditResourcePropertyBlock resourceMeta={resourceMeta} uiPropertyMetas={rightUiPropertyMetas} isNew={isNew} form={form} resource={resource} formFieldOptions={formFieldOptions} config={config} showHiddenProperties={showHiddenProperties} loadComplete={loadComplete} readOnlyResource={isReadOnly} onChange={onChangeSaveResource} className="gap-y-4" customActionFields={rightCustomFields} parentContextName={parentContextName}/>)}
-        </div>);
-}

package/packages/level2/meta/edit-resource/FdEditResourceHeader.jsx

@@ -1,43 +0,0 @@
-"use client";
-import { FdBackButton } from "@fd-component-toolbox/back-button/FdBackButton";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { FdSubHeading } from "@fd-component-toolbox/subheading/FdSubHeading";
-import { messages } from "@fd-toolbox-core/constants/messages-constants";
-import { YesOrNoDialog } from "@fd-component-toolbox/dialog/YesOrNoDialog";
-import { elementSuffixes } from "@fd-toolbox/constants/element-suffixes";
-import { wellKnownMetaProps } from "@fd-toolbox-core/constants/meta-constants";
-import { FdSaveStatus } from "@fd-component-toolbox/save-status/FdSaveStatus";
-import { FdEditImage } from "@meta/components/edit-image/FdEditImage";
-export function FdEditResourceHeader({ config, onCancel, resourceDisplayName, resourceName, parentContextName, onToggleHiddenProperties, showHiddenProperties, iconId, isNew, form, resourceMeta, backArrowUrl, shouldShowSaveCancelButtons, isShowDeleteButton, onDeleteDialogResponse, onSaveResource, onChange, isSaved, showSavingStatus, hasSavedOnce, }) {
-    return (<div className="flex w-full flex-col gap-y-3">
-            <div className="flex w-full items-center justify-between">
-                <div className="flex min-h-9 items-center justify-start gap-2">
-                    {config && config.showBackArrow && (<FdBackButton id={`${resourceName}${elementSuffixes.back}`} className="flex size-5 items-center" onClick={onCancel} href={backArrowUrl}/>)}
-                    {config && config.showTitle && (<FdSubHeading className="pb-0">{resourceDisplayName}</FdSubHeading>)}
-                    {config && config.propertyConfigs.size !== 0 && !config.hideExpandButton && (<FdButton size="icon" variant="icon" onClick={onToggleHiddenProperties}>
-                            {showHiddenProperties ? (<FdIcon name={iconNames.caretUp}/>) : (<FdIcon name={iconNames.caretDown} id={iconId}/>)}
-                        </FdButton>)}
-                </div>
-                {hasSavedOnce && showSavingStatus && (<div>
-                        <FdSaveStatus isSaved={!!isSaved}/>
-                    </div>)}
-            </div>
-            <div className="flex flex-col justify-start gap-y-4">
-                {!isNew &&
-            resourceMeta?.description.useImage &&
-            (config?.propertyConfigs.get(wellKnownMetaProps.imageUrl)?.isVisible ?? true) && (<FdEditImage parentContextName={parentContextName} form={form} initialImageUrl={form.getValues(wellKnownMetaProps.imageUrl)} onChange={onChange}/>)}
-                {config && (<div className="flex flex-row gap-2">
-                        {isNew && shouldShowSaveCancelButtons() && !config.hideTopSaveButton && (<FdButton id={`${resourceName}${elementSuffixes.save}`} onClick={onSaveResource} type="submit">
-                                Save
-                            </FdButton>)}
-                        {isNew && shouldShowSaveCancelButtons() && !config.hideTopCancelButton && (<FdButton id={`${resourceDisplayName}${elementSuffixes.cancel}`} onClick={onCancel} variant="outline">
-                                Cancel
-                            </FdButton>)}
-                        {isNew && isShowDeleteButton() && !config.hideTopDeleteButton && (<YesOrNoDialog asTriggerChild title={messages.deleteConfirmation || ""} onResponse={onDeleteDialogResponse} trigger={<FdButton id={`${resourceDisplayName}Delete`} variant="destructive">
-                                        Delete
-                                    </FdButton>}/>)}
-                    </div>)}
-            </div>
-        </div>);
-}

package/packages/level2/meta/edit-resource/FdEditResourceSheet.jsx

@@ -1,70 +0,0 @@
-import { FdSheet, FdSheetTrigger, FdSheetContent, FdSheetTitle, FdSheetDescription, FdSheetHeader, } from "@fd-component-toolbox/sheet/FdSheet";
-import React, { useCallback, useState } from "react";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { emptyGuid } from "@fd-toolbox/constants/constants";
-import { metaQueryParams } from "@fd-toolbox/constants/meta-query-params";
-import { onClick, onSheetOpenChange } from "@meta/edit-resource/FdEditResourceSheet.funcs";
-import { useFdSearchParams } from "@meta/client/framework/hooks";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { fetchUiResourceMeta } from "@meta/ui-meta-providers";
-import { isUuidSet } from "@fd-toolbox/functions/value-checking-functions";
-/**
- * A sheet component that provides a modal interface for editing resources.
- * This component wraps {@link FdEditResource} in a sliding panel overlay.
- *
- * @param props - {@link FdEditResourceSheetProps}
- *
- * @example
- * ```tsx
- * <FdEditResourceSheet
- *     id="d4507481-8b33-46e7-9c2e-606daab170cc"
- *     resourceName={resourceNames.student}
- *     onEditClick={onEditClick}
- * >
- *     <FdButton variant="outline">
- *         Edit Student
- *     </FdButton>
- * </FdEditResourceSheet>
- * ```
- */
-export function FdEditResourceSheet({ id: propId, resourceName, children, onEditClick, onRefreshResources, onCloseClick, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const params = useFdSearchParams();
-    const paramsId = params.get(metaQueryParams.id);
-    const resolvedResourceName = resourceName ?? params.get(metaQueryParams.resource) ?? "";
-    const resourceId = (isUuidSet(propId) && propId) || (isUuidSet(paramsId) && paramsId) || emptyGuid;
-    const [uiResourceMeta, setUiResourceMeta] = useState();
-    const isNew = !isUuidSet(resourceId);
-    useAsyncEffect(async () => {
-        setUiResourceMeta(await fetchUiResourceMeta(resolvedResourceName));
-    });
-    const onOpenChange = useCallback((open) => {
-        onSheetOpenChange(open, resolvedResourceName, setIsOpen, propId, onEditClick, "", onCloseClick);
-    }, [propId, onEditClick, resolvedResourceName, onCloseClick]);
-    const onSaveClick = useCallback(() => {
-        onClick(onOpenChange, onCloseClick);
-    }, [onCloseClick, onOpenChange]);
-    const onSaveComplete = useCallback(() => {
-        onRefreshResources?.();
-    }, [onRefreshResources]);
-    const onCancelClick = useCallback(() => {
-        onClick(onOpenChange, onCloseClick);
-    }, [onOpenChange, onCloseClick]);
-    const onDeleteComplete = useCallback(() => {
-        onClick(onOpenChange, onCloseClick);
-    }, [onOpenChange, onCloseClick]);
-    return (<FdSheet open={isOpen} onOpenChange={onOpenChange}>
-            <FdSheetTrigger asChild>{children}</FdSheetTrigger>
-            <FdSheetContent className="w-full overflow-y-auto sm:w-2/4 lg:w-2/6 xl:w-1/4">
-                <FdSheetHeader>
-                    <FdSheetDescription></FdSheetDescription>
-                </FdSheetHeader>
-                <FdSheetTitle className="absolute -m-px size-px overflow-hidden whitespace-nowrap border-0 p-0 text-transparent">
-                    SheetContent
-                </FdSheetTitle>
-                <div>
-                    {uiResourceMeta && (<FdEditResource uiResourceMeta={uiResourceMeta} resourceId={resourceId} isNew={isNew} onSaveClick={onSaveClick} onSaveComplete={onSaveComplete} onDeleteComplete={onDeleteComplete} onCancelClick={onCancelClick} onRefreshResource={onRefreshResources}/>)}
-                </div>
-            </FdSheetContent>
-        </FdSheet>);
-}

package/packages/level2/meta/edit-resource/SaveCompleteProvider.jsx

@@ -1,16 +0,0 @@
-import React, { useCallback, useMemo, useRef } from "react";
-import { SaveCompleteContext } from "@meta/edit-resource/save-complete-context";
-export function SaveCompleteProvider({ children }) {
-    const saveComplete = useRef(0);
-    const notifySaveComplete = useCallback(() => {
-        saveComplete.current += 1;
-    }, []);
-    const saveCompleteContextValue = useMemo(() => {
-        return {
-            notifySaveComplete,
-        };
-    }, [notifySaveComplete]);
-    return (<SaveCompleteContext.Provider value={saveCompleteContextValue}>
-            {children}
-        </SaveCompleteContext.Provider>);
-}

package/packages/level2/meta/edit-resource/edit-link/FdEditLink.jsx

@@ -1,48 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { getDefaultEditResourceConfig } from "@meta/edit-resource/config/fd-edit-resource-configs";
-import { addEditLinkNewResource, deleteEditLinkResource, loadEditLinkRelatedResource, } from "@meta/edit-resource/edit-link/FdEditLink.funcs";
-import { FdEditLinkResource } from "@meta/edit-resource/edit-link/FdEditLinkResource";
-const editResourceConfig = {
-    ...getDefaultEditResourceConfig(""),
-    hideBottomCancelButton: true,
-    hideBottomDeleteButton: true,
-    hideBottomSaveButton: true,
-    hideTopCancelButton: true,
-    hideTopDeleteButton: true,
-    hideTopSaveButton: true,
-    showTitle: false,
-};
-export function FdEditLink({ property, resourceId }) {
-    const [showList, setShowList] = useState(false);
-    const [resources, setResources] = useState();
-    const [isNew, setIsNew] = useState([]);
-    useAsyncEffect(async () => {
-        await loadEditLinkRelatedResource(showList, resourceId, setResources, property.relation, resources);
-    }, [property, showList, resources]);
-    const onToggleList = useCallback(() => setShowList((prev) => !prev), [setShowList]);
-    const onAdd = useCallback(() => {
-        addEditLinkNewResource(setResources, setIsNew);
-    }, [setResources, setIsNew]);
-    const onDelete = useCallback((deleteResourceId) => {
-        deleteEditLinkResource(setResources, deleteResourceId);
-    }, [setResources]);
-    if (!property.relation) {
-        return null;
-    }
-    return (<div>
-            <div className="flex flex-row">
-                <span className={"flex cursor-pointer flex-row gap-1"} onClick={onToggleList}>
-                    {property.displayName}
-                    {showList ? <FdIcon name={iconNames.caretDown}/> : <FdIcon name={iconNames.caretUp}/>}
-                </span>
-                <FdButton className="cursor-pointer" size="icon" variant="icon" onClick={onAdd}>
-                    <FdIcon name={iconNames.plus} className="mt-1 stroke-fd-accent stroke-0.65"/>
-                </FdButton>
-            </div>
-            {showList &&
-            resources?.map(({ id }) => (<FdEditLinkResource key={`FdEditLinkResource${id}`} id={id} relatedResourceName={property.relation.relatedResourceName} isNew={isNew.includes(id)} onDelete={onDelete} editResourceConfig={editResourceConfig}/>))}
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-link/FdEditLinkResource.jsx

@@ -1,18 +0,0 @@
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { useState } from "react";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { fetchUiResourceMeta } from "@meta/ui-meta-providers";
-export function FdEditLinkResource({ id, relatedResourceName, isNew, onDelete, editResourceConfig, }) {
-    const [uiResourceMeta, setUiResourceMeta] = useState();
-    useAsyncEffect(async () => {
-        setUiResourceMeta(await fetchUiResourceMeta(relatedResourceName));
-    });
-    return (<div key={id} className="mb-4 border-b border-muted-foreground pb-4">
-            {uiResourceMeta && (<FdEditResource uiResourceMeta={uiResourceMeta} resourceId={id} isNew={isNew} config={editResourceConfig}/>)}
-            <FdButton size="icon" variant="icon" onClick={() => onDelete(id)}>
-                <FdIcon name={iconNames.trash}/>
-            </FdButton>
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-resource-dialog/FdEditResourceDialog.jsx

@@ -1,34 +0,0 @@
-"use client";
-import React, { useCallback, useState } from "react";
-import { FdDialog, FdDialogContent, FdDialogTitle, FdDialogTrigger, } from "@fd-component-toolbox/dialog/FdDialog";
-import { onInitEditResource } from "@meta/edit-resource/edit-resource-dialog/FdEditResourceDialog.funcs";
-import { emptyGuid } from "@fd-toolbox/constants/constants";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-export function FdEditResourceDialog({ trigger, dialogConfig }) {
-    const [isDialogOpen, setIsDialogOpen] = useState(false);
-    const [resourceId, setResourceId] = useState(emptyGuid);
-    const [resourceName, setResourceName] = useState("");
-    const [isNew, setIsNew] = useState(true);
-    const [uiResourceMeta, setUiResourceMeta] = useState();
-    useAsyncEffect(async () => {
-        await onInitEditResource(setResourceName, setResourceId, setIsNew, dialogConfig, setUiResourceMeta);
-    }, [dialogConfig]);
-    const onCloseDialog = useCallback(() => {
-        setIsDialogOpen(false);
-    }, []);
-    const onDeleteOrSaveComplete = useCallback(() => {
-        setIsDialogOpen(false);
-    }, []);
-    return (<FdDialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-            <FdDialogTrigger>{trigger}</FdDialogTrigger>
-            <FdDialogContent>
-                <FdDialogTitle className="absolute -m-px size-px overflow-hidden whitespace-nowrap border-0 p-0">
-                    {resourceName}
-                </FdDialogTitle>
-                <div>
-                    {uiResourceMeta && (<FdEditResource uiResourceMeta={uiResourceMeta} resourceId={resourceId} onCancelClick={onCloseDialog} onDeleteComplete={onDeleteOrSaveComplete} onSaveComplete={onDeleteOrSaveComplete} isNew={isNew}/>)}
-                </div>
-            </FdDialogContent>
-        </FdDialog>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourceBlobField.jsx

@@ -1,15 +0,0 @@
-"use client";
-import { FileUpload } from "@meta/components/file-upload/FileUpload";
-import { FdFormField } from "@fd-component-toolbox/form/FdForm";
-import { wellKnownMetaProps } from "@fd-toolbox-core/constants/meta-constants";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { onInitBlobList } from "@meta/edit-resource/edit-resource-property-block/FdEditResourceBlobField.funcs";
-import { fileUploadTypes } from "@fd-toolbox/enums/enums";
-export function FdEditResourceBlobField({ label, form, relatedResourceId, propertyMeta, isNew, }) {
-    useAsyncEffect(async () => {
-        await onInitBlobList(propertyMeta, relatedResourceId, form?.setValue);
-    }, [relatedResourceId]);
-    return (<FdFormField control={form.control} name={wellKnownMetaProps.blobList} defaultValue={""} render={({ field }) => (<div className="relative">
-                    <FileUpload label={label} allowMultiple={propertyMeta.fileUploadType === fileUploadTypes.multiple} form={form} formValue={field.value} isNew={isNew} relatedResourceId={relatedResourceId} propertyMeta={propertyMeta}/>
-                </div>)}/>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourceEnumField.jsx

@@ -1,35 +0,0 @@
-"use client";
-import { FdSelect, FdSelectContent, FdSelectGroup, FdSelectItem, FdSelectTrigger, FdSelectValue, } from "@fd-component-toolbox/select/FdSelect";
-import { useEffect, useState, useCallback } from "react";
-import FdLabelAnimation from "@fd-component-toolbox/animation/FdLabelAnimation";
-import { emptySelectIndex, emptySelectValue } from "@fd-toolbox/constants/constants";
-import { setSelectValueFromForm, getRequiredLabel, } from "@meta/edit-resource/edit-resource-property-block/FdEditResourcePropertyBlock.funcs";
-import { setEnumValue } from "@meta/edit-resource/edit-resource-property-block/FdEditResourceEnumField.funcs";
-export function FdEditResourceEnumField({ uiPropertyMeta, form, disabled, readOnly, skipAnimationOnce, onChange, propertyMeta, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [value, setValue] = useState(emptySelectValue);
-    useEffect(() => {
-        setSelectValueFromForm(form, setValue, uiPropertyMeta.name);
-    }, [form, uiPropertyMeta]);
-    const onValueChange = useCallback((val) => {
-        setEnumValue(setValue, val, uiPropertyMeta.name, form, onChange);
-    }, [form, uiPropertyMeta.name, onChange]);
-    return (<div className="w-full">
-            <FdSelect value={value?.toString()} onValueChange={onValueChange} disabled={disabled} open={isOpen && !readOnly} onOpenChange={setIsOpen}>
-                <FdSelectTrigger label={getRequiredLabel(propertyMeta.required, propertyMeta.displayName)} shouldAnimate={true} skipAnimationOnce={skipAnimationOnce}>
-                    <FdSelectValue />
-                    <FdLabelAnimation />
-                </FdSelectTrigger>
-                <FdSelectContent>
-                    <FdSelectGroup>
-                        {!propertyMeta.required && (<FdSelectItem index={emptySelectIndex} value={emptySelectValue}>
-                                <span className="text-slate-500">Sub Type</span>
-                            </FdSelectItem>)}
-                        {propertyMeta.enumerationValues?.map((val, index) => (<FdSelectItem index={index} key={val} value={val.toString()}>
-                                {propertyMeta.enumerationDisplayName[index]}
-                            </FdSelectItem>))}
-                    </FdSelectGroup>
-                </FdSelectContent>
-            </FdSelect>
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourceFlagsEnumField.jsx

@@ -1,23 +0,0 @@
-"use client";
-import { FdSelect, FdSelectContent, FdSelectGroup, FdSelectItem, FdSelectTrigger, FdSelectValue, } from "@fd-component-toolbox/select/FdSelect";
-import { useState } from "react";
-import { emptySelectIndex, emptySelectValue } from "@fd-toolbox/constants/constants";
-import { setFlagsEnumValue } from "@meta/edit-resource/edit-resource-property-block/FdEditResourceFlagsEnumField.funcs";
-export function FdEditResourceFlagsEnumField({ uiPropertyMeta, form, disabled, readOnly, skipAnimationOnce, onChange, propertyMeta, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    return (<div className="w-full">
-            <FdSelect value={String(form.getValues(uiPropertyMeta.name) ?? 0)} onValueChange={(val) => setFlagsEnumValue(val, uiPropertyMeta.name, form.setValue, onChange)} disabled={disabled} open={isOpen && !readOnly} onOpenChange={setIsOpen}>
-                <FdSelectTrigger skipAnimationOnce={skipAnimationOnce} label={propertyMeta.displayName} shouldAnimate={true}>
-                    <FdSelectValue />
-                </FdSelectTrigger>
-                <FdSelectContent>
-                    {!propertyMeta.required && (<FdSelectItem index={emptySelectIndex} value={emptySelectValue}/>)}
-                    <FdSelectGroup>
-                        {propertyMeta.enumerationValues?.map((val, index) => (<FdSelectItem index={index} key={val} value={val.toString()}>
-                                {propertyMeta.enumerationDisplayName[index]}
-                            </FdSelectItem>))}
-                    </FdSelectGroup>
-                </FdSelectContent>
-            </FdSelect>
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourceImageField.jsx

@@ -1,7 +0,0 @@
-import { FileUpload } from "@meta/components/file-upload/FileUpload";
-import { fileUploadTypes } from "@fd-toolbox/enums/enums";
-export function FdEditResourceImageField({ value, propertyMeta }) {
-    return (<div className="relative flex items-center gap-3 pb-2 text-muted-foreground">
-            <FileUpload value={value} allowMultiple={propertyMeta.fileUploadType === fileUploadTypes.multiple} required={propertyMeta.required} label={propertyMeta.displayName}/>
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourcePropertyBlock.jsx

@@ -1,38 +0,0 @@
-"use client";
-import { getPropertyCssClass, onPropsChange, getSortedUiPropertyMetasAndCustomActionFields, getSortedUiPropertyMetas, } from "@meta/edit-resource/edit-resource-property-block/FdEditResourcePropertyBlock.funcs";
-import React, { useCallback, useEffect, useState } from "react";
-import { isNullOrUndefined } from "@fd-toolbox/functions/value-checking-functions";
-import { navigateToList } from "@meta/resource-list/resource-lists";
-import { cn } from "@fd-toolbox/lib/utils";
-import { FdEditResourcePropertyField } from "@meta/edit-resource/edit-resource-property-field/FdEditResourcePropertyField";
-import { elements } from "@fd-toolbox/constants/elements";
-const instanceNumber = { value: 0 };
-export function FdEditResourcePropertyBlock({ resourceMeta, isNew, resource, formFieldOptions, form, uiPropertyMetas, showHiddenProperties, config, values, loadComplete, readOnlyResource, onChange, className, parentContextName, customActionFields, }) {
-    const [excludeResourceIds, setExcludeResourceIds] = useState(new Map());
-    useEffect(() => {
-        return onPropsChange(form, setExcludeResourceIds, values, instanceNumber, resourceMeta);
-    }, [form, isNew, uiPropertyMetas, setExcludeResourceIds, values, resourceMeta]);
-    const onItemClick = useCallback((propertyMeta) => {
-        if (!isNullOrUndefined(propertyMeta)) {
-            navigateToList(propertyMeta, resourceMeta, resource.id);
-        }
-    }, [resourceMeta, resource]);
-    const sortedUiPropertyMetas = getSortedUiPropertyMetas(uiPropertyMetas);
-    const sortedUiPropertyMetasAndCustomActionFields = getSortedUiPropertyMetasAndCustomActionFields(sortedUiPropertyMetas, customActionFields, resourceMeta);
-    return (<div className={cn("me-3 grid w-full grid-cols-1 content-between gap-x-8 gap-y-2.5", className)}>
-            {loadComplete &&
-            sortedUiPropertyMetasAndCustomActionFields.map((componentFieldData) => {
-                if (componentFieldData.customField) {
-                    const CustomFieldComponent = componentFieldData.customField.component;
-                    return (<CustomFieldComponent key={componentFieldData.customField.component.toString()} form={form} uiPropertyMeta={componentFieldData.uiPropertyMeta} editResourceOnChangeCallback={onChange}/>);
-                }
-                else if (componentFieldData.uiPropertyMeta) {
-                    return (<div key={componentFieldData.uiPropertyMeta.name} className={cn("relative flex flex-col gap-y-2.5", getPropertyCssClass(componentFieldData.uiPropertyMeta, config, showHiddenProperties))}>
-                                <FdEditResourcePropertyField uiPropertyMeta={componentFieldData.uiPropertyMeta} propertyMeta={resourceMeta.properties[componentFieldData.uiPropertyMeta.name]} form={form} formFieldOption={formFieldOptions[resourceMeta.properties[componentFieldData.uiPropertyMeta.name]
-                            .name]} resource={resource} readOnlyResource={readOnlyResource} loadComplete={loadComplete ?? false} excludeResourceIds={excludeResourceIds} isNew={isNew} onItemClick={onItemClick} onChange={onChange} propertyConfig={config.propertyConfigs.get(resourceMeta.properties[componentFieldData.uiPropertyMeta.name].name)} parentContextName={parentContextName + elements.editResource.propertyBlock}/>
-                            </div>);
-                }
-                return undefined;
-            })}
-        </div>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/FdEditResourceRichTextField.jsx

@@ -1,16 +0,0 @@
-import React, { Suspense } from "react";
-import { FdFormControl, FdFormMessage, useFormField } from "@fd-component-toolbox/form/FdForm";
-import FdLoadingIndicator from "@fd-component-toolbox/loading/FdLoadingIndicator";
-const FdRichText = React.lazy(async () => {
-    const richTextModule = await import("@fd-component-toolbox/rich-text/FdRichText");
-    return { default: richTextModule.FdRichText };
-});
-export function FdEditResourceRichTextField({ onChange, value, label, defaultValue, id, onBlur, }) {
-    const { error } = useFormField();
-    return (<FdFormControl>
-            <Suspense fallback={<FdLoadingIndicator />}>
-                <FdRichText value={value} onChange={onChange} placeholder="Start typing..." debounceTime={500} defaultValue={defaultValue ? String(defaultValue) : ""} label={label} isInvalid={!!error} onBlur={onBlur} id={id}/>
-                <FdFormMessage />
-            </Suspense>
-        </FdFormControl>);
-}

package/packages/level2/meta/edit-resource/edit-resource-property-block/edit-resource-fields.jsx

@@ -1,53 +0,0 @@
-"use client";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { FdBrowser } from "@meta/browsers/browser/FdBrowser";
-import { FdManyToManyBrowser } from "@meta/browsers/many-to-many-browser/FdManyToManyBrowser";
-import { FdMultiBrowser } from "@meta/browsers/multi-browser/FdMultiBrowser";
-import { isManyToOneBrowserField, isManyToManyBrowserField, isOneToManyBrowserField, } from "@meta/edit-resource/edit-resource-property-block/FdEditResourcePropertyBlock.funcs";
-export function fdBrowserFields(resource, parentContextName, uiPropertyMeta, readOnlyResource, onBrowserValueChange, excludeResourceIds, relatedResourceId, form, onItemClick, isNew, propertyMeta, onMultiBrowserValueChange) {
-    let result;
-    if (isManyToOneBrowserField(propertyMeta)) {
-        result = fdBrowserField(parentContextName, uiPropertyMeta, readOnlyResource, onBrowserValueChange, excludeResourceIds, relatedResourceId, form, onItemClick, isNew, propertyMeta);
-    }
-    else if (isOneToManyBrowserField(propertyMeta)) {
-        result = fdMultiBrowserField(parentContextName, readOnlyResource, onMultiBrowserValueChange, resource.id, form, onItemClick, isNew, propertyMeta);
-    }
-    else if (isManyToManyBrowserField(propertyMeta)) {
-        result = fdManyToManyBrowserField(parentContextName, readOnlyResource, relatedResourceId, form, onItemClick, isNew, propertyMeta, onMultiBrowserValueChange);
-        return result;
-    }
-    return result;
-}
-export function fdBrowserField(parentContextName, uiPropertyMeta, readOnlyResource, onBrowserValueChange, excludeResourceIds, relatedResourceId, form, onItemClick, isNew, propertyMeta) {
-    return (<div className="relative flex items-center">
-            <FdBrowser required={propertyMeta.required} readOnly={readOnlyResource} onChange={(val) => onBrowserValueChange(propertyMeta, val)} propertyMeta={propertyMeta} parentContextName={parentContextName} excludeResourceIds={excludeResourceIds.get(uiPropertyMeta.name)} relatedResourceId={relatedResourceId} form={form}>
-                <div className="cursor-pointer">
-                    <a onClick={() => onItemClick(propertyMeta)} href={isNew ? undefined : "#"}>
-                        <FdIcon name={iconNames.link}/>
-                    </a>
-                </div>
-            </FdBrowser>
-        </div>);
-}
-export function fdMultiBrowserField(parentContextName, readOnlyResource, onMultiBrowserValueChange, relatedResourceId, form, onItemClick, isNew, propertyMeta) {
-    return (<div className="relative flex items-center">
-            <FdMultiBrowser parentContextName={parentContextName} getSelectedResourcesFromApi={true} relatedResourceId={relatedResourceId} propertyMeta={propertyMeta} required={propertyMeta.required} form={form} readOnly={readOnlyResource} onChange={(selected) => onMultiBrowserValueChange(selected, propertyMeta)} variant="float">
-                <div className="cursor-pointer">
-                    <a onClick={() => onItemClick(propertyMeta)} href={isNew ? undefined : "#"}>
-                        <FdIcon name={iconNames.link}/>
-                    </a>
-                </div>
-            </FdMultiBrowser>
-        </div>);
-}
-export function fdManyToManyBrowserField(parentContextName, readOnlyResource, relatedResourceId, form, onItemClick, isNew, propertyMeta, onMultiBrowserValueChange) {
-    return (<div className="relative flex items-center">
-            <FdManyToManyBrowser parentContextName={parentContextName} relatedResourceId={relatedResourceId} propertyMeta={propertyMeta} required={propertyMeta.required} form={form} onChange={(selected) => onMultiBrowserValueChange(selected, propertyMeta)} readOnly={readOnlyResource}>
-                <div className="cursor-pointer">
-                    <a onClick={() => onItemClick(propertyMeta)} href={isNew ? undefined : "#"}>
-                        <FdIcon name={iconNames.link}/>
-                    </a>
-                </div>
-            </FdManyToManyBrowser>
-        </div>);
-}