@fernir2/saas-kit-cli 0.1.11 → 0.1.13-111

package/packages/level2/meta/components/file-upload/FileUpload.cjs.js

@@ -1,179 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../../fd-component-toolbox/client/framework/index.cjs.js');
-var React = require('react');
-var fileLoaderDataTypes = require('../../../fd-toolbox/constants/file-loader-data-types.cjs.js');
-var FdIcon = require('../../../fd-component-toolbox/icon/FdIcon.cjs.js');
-var FileUpload_funcs = require('./FileUpload.funcs.cjs.js');
-var FdForm = require('../../../fd-component-toolbox/form/FdForm.cjs.js');
-var FdLabelAnimation = require('../../../fd-component-toolbox/animation/FdLabelAnimation.cjs.js');
-var useAsyncEffect = require('../../../fd-toolbox/hooks/use-async-effect.cjs.js');
-var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
-var FdButton = require('../../../fd-component-toolbox/button/FdButton.cjs.js');
-var PreviewMedia = require('./PreviewMedia.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FileUpload({
-  allowMultiple,
-  value,
-  required,
-  label,
-  form,
-  formValue,
-  isNew,
-  relatedResourceId,
-  propertyMeta
-}) {
-  const [files, setFiles] = React.useState([]);
-  const [error, setError] = React.useState(void 0);
-  const [imageValue, setImageValue] = React.useState(value ?? "");
-  const [fullscreenFile, setFullscreenFile] = React.useState(null);
-  const fileInputRef = React.useRef(null);
-  const isMoreFilesAllowed = allowMultiple ?? (!allowMultiple && files.length === 0);
-  const hasFile = imageValue !== "" || files.length > 0;
-  const acceptedFileFormats = [
-    ...fileLoaderDataTypes.supportedImageTypes,
-    ...fileLoaderDataTypes.supportedVideoTypes,
-    ...fileLoaderDataTypes.supportedImageExtensions,
-    ...fileLoaderDataTypes.supportedVideoExtensions
-  ].join(",");
-  useAsyncEffect.useAsyncEffect(async () => {
-    if (formValue) {
-      FileUpload_funcs.onInitUpload(setFiles, formValue);
-    }
-  }, [formValue]);
-  const onFileUpload = React.useCallback(
-    (event) => {
-      FileUpload_funcs.onFileUploadHandler(
-        isMoreFilesAllowed,
-        setFiles,
-        setError,
-        fileInputRef?.current ?? void 0,
-        event.target?.files ?? void 0,
-        propertyMeta,
-        relatedResourceId,
-        form?.getValues,
-        form?.setValue,
-        isNew
-      );
-    },
-    [
-      isMoreFilesAllowed,
-      setFiles,
-      setError,
-      fileInputRef,
-      propertyMeta,
-      relatedResourceId,
-      form?.getValues,
-      form?.setValue,
-      isNew
-    ]
-  );
-  const onDelete = React.useCallback(
-    async (index) => {
-      FileUpload_funcs.handleFileDelete(index, files, setFiles, setImageValue);
-    },
-    [files, setFiles, setImageValue]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mt-1 flex w-full select-none flex-wrap items-center gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FdLabelAnimation.default,
-        {
-          label: required ? `${label ?? ""} *` : label ?? "",
-          className: utils.cn(
-            "absolute left-1.5 -translate-y-5 scale-75",
-            (required && !hasFile) ?? (error && "text-destructive")
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          multiple: allowMultiple,
-          accept: acceptedFileFormats,
-          id: "uploadFileInput",
-          className: "hidden",
-          onChange: onFileUpload,
-          required
-        }
-      ),
-      isMoreFilesAllowed && /* @__PURE__ */ jsxRuntime.jsx(FdButton.FdButton, { variant: "icon", className: "size-fit p-0", children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "uploadFileInput", className: "cursor-pointer", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-20 items-center justify-center gap-1 rounded-md border border-border bg-transparent hover:bg-muted", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: FdIcon.iconNames.upload, color: "text-fd-accent" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Upload" })
-      ] }) }) }),
-      files.map((file, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "group relative flex size-20 items-center justify-center rounded-md border border-border p-1.5 hover:border-transparent",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index.FdFrameworkImage,
-              {
-                src: file.preview ?? file.url,
-                alt: `Uploaded file ${index$1}`,
-                width: 128,
-                height: 128,
-                className: "size-full rounded-md object-cover transition-all group-hover:blur-xs"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 flex items-center justify-center gap-2 opacity-0 transition-opacity group-hover:opacity-100", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                FdButton.FdButton,
-                {
-                  variant: "icon",
-                  className: "inset-0 size-full w-fit rounded-md p-0 opacity-0 transition-opacity group-hover:opacity-100",
-                  onClick: () => onDelete(index$1),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      FdIcon.FdIcon,
-                      {
-                        name: FdIcon.iconNames.trash,
-                        size: FdIcon.iconSizes.extralarge,
-                        className: "relative z-10 text-fd-tertiary-50 drop-shadow-md"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 size-full rounded-md bg-muted-foreground/45" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: "flex cursor-pointer items-center justify-center rounded-md",
-                  onClick: () => setFullscreenFile(file),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inset-0 rounded-sm bg-muted-foreground/45" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      FdIcon.FdIcon,
-                      {
-                        name: file.preview ? FdIcon.iconNames.playIcon : FdIcon.iconNames.image,
-                        size: FdIcon.iconSizes.medium,
-                        className: "relative z-10 text-fd-tertiary-50 drop-shadow-md"
-                      }
-                    )
-                  ]
-                }
-              )
-            ] })
-          ]
-        },
-        file.url
-      ))
-    ] }),
-    required && !hasFile && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsxs(FdForm.FdFormMessage, { className: "-mt-6 text-destructive", children: [
-      label,
-      " is required"
-    ] }) }),
-    fullscreenFile && /* @__PURE__ */ jsxRuntime.jsx(PreviewMedia.PreviewMedia, { file: fullscreenFile, onClose: () => setFullscreenFile(null) })
-  ] });
-}
-__name(FileUpload, "FileUpload");
-
-exports.FileUpload = FileUpload;

package/packages/level2/meta/components/file-upload/FileUpload.funcs.cjs.js

@@ -1,20 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-var fileLoaderDataTypes = require('../../../fd-toolbox/constants/file-loader-data-types.cjs.js');
-var editResourcesConstants = require('../../edit-resource/edit-resources-constants.cjs.js');
-var constants = require('../../../fd-toolbox/constants/constants.cjs.js');
-var apiClient = require('../../../fd-toolbox/api/api-client.cjs.js');
-var apiPathNames = require('../../../fd-toolbox/api/api-path-names.cjs.js');
-var blobComponents = require('../../edit-resource/services/blob-components.cjs.js');
-var promises = require('../../../fd-toolbox-core/constants/promises.cjs.js');
-
-var __defProp=Object['defineProperty'],__name=(_0x32bbe1,_0x759163)=>__defProp(_0x32bbe1,'name',{'value':_0x759163,'configurable':!![]});async function processMediaFiles(_0x21faf4,_0x2a64cd,_0x3e2212,_0x4f4f28,_0x44f714,_0x428e45,_0x43b032,_0x30ac43){if(!_0x3e2212)return;const _0x2aedc8=Array['from'](_0x3e2212),_0x29ca4d=await getFilesUrlAndPreview(_0x2aedc8,[],_0x2a64cd);_0x21faf4(_0x5c477d=>[..._0x5c477d,..._0x29ca4d]);if(_0x30ac43||!_0x44f714){if(_0x428e45&&_0x43b032){const _0x37a083=_0x428e45(editResourcesConstants.editResourceInternalFormKeys['blobFiles'])??[];_0x43b032(editResourcesConstants.editResourceInternalFormKeys['blobFiles'],[..._0x37a083,..._0x2aedc8]);}}else {const _0x3eb34b=await blobComponents.uploadBlobs(_0x2aedc8,_0x44f714,_0x4f4f28?.['relation']?.['relatedPropertyName']),_0x4ff0a7=await getFilesUrlAndPreview(_0x2aedc8,_0x3eb34b,_0x2a64cd);_0x21faf4(_0x5191e8=>[..._0x5191e8['filter'](_0x22994c=>!_0x29ca4d['includes'](_0x22994c)),..._0x4ff0a7]);}}__name(processMediaFiles,'processMediaFiles');async function getFilesUrlAndPreview(_0x534d03,_0x33b23c,_0x5a761f){const _0x41af25=[],_0x37febf=_0x534d03['map'](async(_0x34c66a,_0x182acd)=>{const _0x55c259=await processFile(_0x34c66a,_0x33b23c?.[_0x182acd],_0x5a761f);if(_0x55c259)_0x41af25['push'](_0x55c259);});return await Promise['all'](_0x37febf),_0x41af25;}__name(getFilesUrlAndPreview,'getFilesUrlAndPreview');async function deleteFile(_0x79735,_0x36bbac,_0x1f912e){_0x1f912e(_0x355cea=>_0x355cea['filter']((_0x88ad6c,_0x6c46fa)=>_0x6c46fa!==_0x79735)),await blobComponents.deleteBlob(_0x36bbac[_0x79735]['url']);}__name(deleteFile,'deleteFile');function onFileUploadHandler(_0x1a3b1e,_0x32d1fb,_0xaf5fab,_0x20c857,_0x49ef9b,_0x59131b,_0x8656e1,_0x19fe39,_0x58fdef,_0x1d0266){_0x1a3b1e&&(_0xaf5fab(void(0x13f8+-0x1b2a+-0x1*-0x732)),processMediaFiles(_0x32d1fb,_0xaf5fab,_0x49ef9b??void(0xafb+0x8*0x13f+0x14f3*-0x1),_0x59131b,_0x8656e1,_0x19fe39,_0x58fdef,_0x1d0266)),_0x20c857&&(_0x20c857['value']='');}__name(onFileUploadHandler,'onFileUploadHandler');async function onInitUpload(_0xc97403,_0x10e509){const _0x37691f=_0x10e509?_0x10e509['split'](constants.fieldValuesSeparator):[],_0x48a6ca=(await Promise['allSettled'](_0x37691f['map'](_0x5e3aeb=>apiClient.apiGetBlob(apiPathNames.apiPathNames['blob'],_0x5e3aeb['slice'](_0x5e3aeb['lastIndexOf']('/')+(0x2411*0x1+0x1*0xac1+-0x2ed1*0x1))))))['filter'](_0x4a4d39=>_0x4a4d39['status']===promises.promiseStatuses['fulfilled']&&_0x4a4d39['value']instanceof Blob),_0x1387ec=_0x48a6ca['map']((_0x2efb30,_0x556a1a)=>createFileFromBlob(_0x2efb30['value'],_0x37691f[_0x556a1a])),_0x185fb6=await getFilesUrlAndPreview(_0x1387ec,_0x37691f);_0xc97403(_0x185fb6);}__name(onInitUpload,'onInitUpload');async function handleFileDelete(_0x562ed5,_0x53ed81,_0x3a871e,_0x3d4330){_0x53ed81['length']===-0xbe9*-0x1+0x1d36*-0x1+0x114e&&_0x3d4330(''),await deleteFile(_0x562ed5,_0x53ed81,_0x3a871e);}__name(handleFileDelete,'handleFileDelete');function createFileFromBlob(_0x303b44,_0x1e55b0){const _0x3ced1c=_0x1e55b0['slice'](_0x1e55b0['lastIndexOf']('/')+(-0x1*-0x411+-0x1613+0x1203));return new File([_0x303b44],_0x3ced1c,{'type':_0x303b44['type']});}__name(createFileFromBlob,'createFileFromBlob');function getVideoPreview(_0x1e0fc7,_0x403dfd=0x1*-0x1948+-0x1da0+0x36eb){const _0x5ce2c0=document['createElement']('video');return _0x5ce2c0['src']=_0x1e0fc7,new Promise(_0x32e9c1=>{_0x5ce2c0['onloadeddata']=()=>{_0x5ce2c0['currentTime']=_0x403dfd,_0x5ce2c0['onseeked']=()=>{const _0x4539cb=document['createElement']('canvas'),_0x39bce5=_0x4539cb['getContext']('2d');if(_0x39bce5){_0x4539cb['width']=_0x5ce2c0['videoWidth'],_0x4539cb['height']=_0x5ce2c0['videoHeight'],_0x39bce5['drawImage'](_0x5ce2c0,0x1*-0x74b+0x11e6+-0xa9b,-0x1df5*0x1+-0x1bc9*0x1+0x39be,_0x4539cb['width'],_0x4539cb['height']);const _0x34eb67=_0x4539cb['toDataURL']('image/png');_0x32e9c1(_0x34eb67);}};};});}__name(getVideoPreview,'getVideoPreview');async function processFile(_0x4f685b,_0x457307,_0x4ee885){const _0x3eb304=_0x457307??URL['createObjectURL'](_0x4f685b);if(fileLoaderDataTypes.supportedImageTypes['includes'](_0x4f685b['type']))return {'url':_0x3eb304};if(fileLoaderDataTypes.supportedVideoTypes['includes'](_0x4f685b['type'])){const _0x581b81=await getVideoPreview(_0x3eb304);return {'url':_0x3eb304,'preview':_0x581b81};}return _0x4ee885?.('Unsupported\x20file\x20type:\x20'+_0x4f685b['type']),void(0x23e3+-0x2*0x79e+0x14a7*-0x1);}__name(processFile,'processFile');
-
-exports.deleteFile = deleteFile;
-exports.getFilesUrlAndPreview = getFilesUrlAndPreview;
-exports.handleFileDelete = handleFileDelete;
-exports.onFileUploadHandler = onFileUploadHandler;
-exports.onInitUpload = onInitUpload;
-exports.processMediaFiles = processMediaFiles;

package/packages/level2/meta/components/file-upload/FileUpload.funcs.js

@@ -1,13 +0,0 @@
-'use strict';
-'use client';
-import { supportedImageTypes, supportedVideoTypes } from '../../../fd-toolbox/constants/file-loader-data-types.js';
-import { editResourceInternalFormKeys } from '../../edit-resource/edit-resources-constants.js';
-import { fieldValuesSeparator } from '../../../fd-toolbox/constants/constants.js';
-import { apiGetBlob } from '../../../fd-toolbox/api/api-client.js';
-import { apiPathNames } from '../../../fd-toolbox/api/api-path-names.js';
-import { uploadBlobs, deleteBlob } from '../../edit-resource/services/blob-components.js';
-import { promiseStatuses } from '../../../fd-toolbox-core/constants/promises.js';
-
-var __defProp=Object['defineProperty'],__name=(_0x32bbe1,_0x759163)=>__defProp(_0x32bbe1,'name',{'value':_0x759163,'configurable':!![]});async function processMediaFiles(_0x21faf4,_0x2a64cd,_0x3e2212,_0x4f4f28,_0x44f714,_0x428e45,_0x43b032,_0x30ac43){if(!_0x3e2212)return;const _0x2aedc8=Array['from'](_0x3e2212),_0x29ca4d=await getFilesUrlAndPreview(_0x2aedc8,[],_0x2a64cd);_0x21faf4(_0x5c477d=>[..._0x5c477d,..._0x29ca4d]);if(_0x30ac43||!_0x44f714){if(_0x428e45&&_0x43b032){const _0x37a083=_0x428e45(editResourceInternalFormKeys['blobFiles'])??[];_0x43b032(editResourceInternalFormKeys['blobFiles'],[..._0x37a083,..._0x2aedc8]);}}else {const _0x3eb34b=await uploadBlobs(_0x2aedc8,_0x44f714,_0x4f4f28?.['relation']?.['relatedPropertyName']),_0x4ff0a7=await getFilesUrlAndPreview(_0x2aedc8,_0x3eb34b,_0x2a64cd);_0x21faf4(_0x5191e8=>[..._0x5191e8['filter'](_0x22994c=>!_0x29ca4d['includes'](_0x22994c)),..._0x4ff0a7]);}}__name(processMediaFiles,'processMediaFiles');async function getFilesUrlAndPreview(_0x534d03,_0x33b23c,_0x5a761f){const _0x41af25=[],_0x37febf=_0x534d03['map'](async(_0x34c66a,_0x182acd)=>{const _0x55c259=await processFile(_0x34c66a,_0x33b23c?.[_0x182acd],_0x5a761f);if(_0x55c259)_0x41af25['push'](_0x55c259);});return await Promise['all'](_0x37febf),_0x41af25;}__name(getFilesUrlAndPreview,'getFilesUrlAndPreview');async function deleteFile(_0x79735,_0x36bbac,_0x1f912e){_0x1f912e(_0x355cea=>_0x355cea['filter']((_0x88ad6c,_0x6c46fa)=>_0x6c46fa!==_0x79735)),await deleteBlob(_0x36bbac[_0x79735]['url']);}__name(deleteFile,'deleteFile');function onFileUploadHandler(_0x1a3b1e,_0x32d1fb,_0xaf5fab,_0x20c857,_0x49ef9b,_0x59131b,_0x8656e1,_0x19fe39,_0x58fdef,_0x1d0266){_0x1a3b1e&&(_0xaf5fab(void(0x13f8+-0x1b2a+-0x1*-0x732)),processMediaFiles(_0x32d1fb,_0xaf5fab,_0x49ef9b??void(0xafb+0x8*0x13f+0x14f3*-0x1),_0x59131b,_0x8656e1,_0x19fe39,_0x58fdef,_0x1d0266)),_0x20c857&&(_0x20c857['value']='');}__name(onFileUploadHandler,'onFileUploadHandler');async function onInitUpload(_0xc97403,_0x10e509){const _0x37691f=_0x10e509?_0x10e509['split'](fieldValuesSeparator):[],_0x48a6ca=(await Promise['allSettled'](_0x37691f['map'](_0x5e3aeb=>apiGetBlob(apiPathNames['blob'],_0x5e3aeb['slice'](_0x5e3aeb['lastIndexOf']('/')+(0x2411*0x1+0x1*0xac1+-0x2ed1*0x1))))))['filter'](_0x4a4d39=>_0x4a4d39['status']===promiseStatuses['fulfilled']&&_0x4a4d39['value']instanceof Blob),_0x1387ec=_0x48a6ca['map']((_0x2efb30,_0x556a1a)=>createFileFromBlob(_0x2efb30['value'],_0x37691f[_0x556a1a])),_0x185fb6=await getFilesUrlAndPreview(_0x1387ec,_0x37691f);_0xc97403(_0x185fb6);}__name(onInitUpload,'onInitUpload');async function handleFileDelete(_0x562ed5,_0x53ed81,_0x3a871e,_0x3d4330){_0x53ed81['length']===-0xbe9*-0x1+0x1d36*-0x1+0x114e&&_0x3d4330(''),await deleteFile(_0x562ed5,_0x53ed81,_0x3a871e);}__name(handleFileDelete,'handleFileDelete');function createFileFromBlob(_0x303b44,_0x1e55b0){const _0x3ced1c=_0x1e55b0['slice'](_0x1e55b0['lastIndexOf']('/')+(-0x1*-0x411+-0x1613+0x1203));return new File([_0x303b44],_0x3ced1c,{'type':_0x303b44['type']});}__name(createFileFromBlob,'createFileFromBlob');function getVideoPreview(_0x1e0fc7,_0x403dfd=0x1*-0x1948+-0x1da0+0x36eb){const _0x5ce2c0=document['createElement']('video');return _0x5ce2c0['src']=_0x1e0fc7,new Promise(_0x32e9c1=>{_0x5ce2c0['onloadeddata']=()=>{_0x5ce2c0['currentTime']=_0x403dfd,_0x5ce2c0['onseeked']=()=>{const _0x4539cb=document['createElement']('canvas'),_0x39bce5=_0x4539cb['getContext']('2d');if(_0x39bce5){_0x4539cb['width']=_0x5ce2c0['videoWidth'],_0x4539cb['height']=_0x5ce2c0['videoHeight'],_0x39bce5['drawImage'](_0x5ce2c0,0x1*-0x74b+0x11e6+-0xa9b,-0x1df5*0x1+-0x1bc9*0x1+0x39be,_0x4539cb['width'],_0x4539cb['height']);const _0x34eb67=_0x4539cb['toDataURL']('image/png');_0x32e9c1(_0x34eb67);}};};});}__name(getVideoPreview,'getVideoPreview');async function processFile(_0x4f685b,_0x457307,_0x4ee885){const _0x3eb304=_0x457307??URL['createObjectURL'](_0x4f685b);if(supportedImageTypes['includes'](_0x4f685b['type']))return {'url':_0x3eb304};if(supportedVideoTypes['includes'](_0x4f685b['type'])){const _0x581b81=await getVideoPreview(_0x3eb304);return {'url':_0x3eb304,'preview':_0x581b81};}return _0x4ee885?.('Unsupported\x20file\x20type:\x20'+_0x4f685b['type']),void(0x23e3+-0x2*0x79e+0x14a7*-0x1);}__name(processFile,'processFile');
-
-export { deleteFile, getFilesUrlAndPreview, handleFileDelete, onFileUploadHandler, onInitUpload, processMediaFiles };

package/packages/level2/meta/components/file-upload/FileUpload.js

@@ -1,177 +0,0 @@
-'use strict';
-'use client';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { FdFrameworkImage } from '../../../fd-component-toolbox/client/framework/index.js';
-import { useState, useRef, useCallback } from 'react';
-import { supportedImageTypes, supportedVideoTypes, supportedImageExtensions, supportedVideoExtensions } from '../../../fd-toolbox/constants/file-loader-data-types.js';
-import { FdIcon, iconNames, iconSizes } from '../../../fd-component-toolbox/icon/FdIcon.js';
-import { onInitUpload, onFileUploadHandler, handleFileDelete } from './FileUpload.funcs.js';
-import { FdFormMessage } from '../../../fd-component-toolbox/form/FdForm.js';
-import FdLabelAnimation from '../../../fd-component-toolbox/animation/FdLabelAnimation.js';
-import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
-import { cn } from '../../../fd-toolbox/lib/utils.js';
-import { FdButton } from '../../../fd-component-toolbox/button/FdButton.js';
-import { PreviewMedia } from './PreviewMedia.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FileUpload({
-  allowMultiple,
-  value,
-  required,
-  label,
-  form,
-  formValue,
-  isNew,
-  relatedResourceId,
-  propertyMeta
-}) {
-  const [files, setFiles] = useState([]);
-  const [error, setError] = useState(void 0);
-  const [imageValue, setImageValue] = useState(value ?? "");
-  const [fullscreenFile, setFullscreenFile] = useState(null);
-  const fileInputRef = useRef(null);
-  const isMoreFilesAllowed = allowMultiple ?? (!allowMultiple && files.length === 0);
-  const hasFile = imageValue !== "" || files.length > 0;
-  const acceptedFileFormats = [
-    ...supportedImageTypes,
-    ...supportedVideoTypes,
-    ...supportedImageExtensions,
-    ...supportedVideoExtensions
-  ].join(",");
-  useAsyncEffect(async () => {
-    if (formValue) {
-      onInitUpload(setFiles, formValue);
-    }
-  }, [formValue]);
-  const onFileUpload = useCallback(
-    (event) => {
-      onFileUploadHandler(
-        isMoreFilesAllowed,
-        setFiles,
-        setError,
-        fileInputRef?.current ?? void 0,
-        event.target?.files ?? void 0,
-        propertyMeta,
-        relatedResourceId,
-        form?.getValues,
-        form?.setValue,
-        isNew
-      );
-    },
-    [
-      isMoreFilesAllowed,
-      setFiles,
-      setError,
-      fileInputRef,
-      propertyMeta,
-      relatedResourceId,
-      form?.getValues,
-      form?.setValue,
-      isNew
-    ]
-  );
-  const onDelete = useCallback(
-    async (index) => {
-      handleFileDelete(index, files, setFiles, setImageValue);
-    },
-    [files, setFiles, setImageValue]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative mt-1 flex w-full select-none flex-wrap items-center gap-4", children: [
-      /* @__PURE__ */ jsx(
-        FdLabelAnimation,
-        {
-          label: required ? `${label ?? ""} *` : label ?? "",
-          className: cn(
-            "absolute left-1.5 -translate-y-5 scale-75",
-            (required && !hasFile) ?? (error && "text-destructive")
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "file",
-          ref: fileInputRef,
-          multiple: allowMultiple,
-          accept: acceptedFileFormats,
-          id: "uploadFileInput",
-          className: "hidden",
-          onChange: onFileUpload,
-          required
-        }
-      ),
-      isMoreFilesAllowed && /* @__PURE__ */ jsx(FdButton, { variant: "icon", className: "size-fit p-0", children: /* @__PURE__ */ jsx("label", { htmlFor: "uploadFileInput", className: "cursor-pointer", children: /* @__PURE__ */ jsxs("div", { className: "flex size-20 items-center justify-center gap-1 rounded-md border border-border bg-transparent hover:bg-muted", children: [
-        /* @__PURE__ */ jsx(FdIcon, { name: iconNames.upload, color: "text-fd-accent" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Upload" })
-      ] }) }) }),
-      files.map((file, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "group relative flex size-20 items-center justify-center rounded-md border border-border p-1.5 hover:border-transparent",
-          children: [
-            /* @__PURE__ */ jsx(
-              FdFrameworkImage,
-              {
-                src: file.preview ?? file.url,
-                alt: `Uploaded file ${index}`,
-                width: 128,
-                height: 128,
-                className: "size-full rounded-md object-cover transition-all group-hover:blur-xs"
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex items-center justify-center gap-2 opacity-0 transition-opacity group-hover:opacity-100", children: [
-              /* @__PURE__ */ jsxs(
-                FdButton,
-                {
-                  variant: "icon",
-                  className: "inset-0 size-full w-fit rounded-md p-0 opacity-0 transition-opacity group-hover:opacity-100",
-                  onClick: () => onDelete(index),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      FdIcon,
-                      {
-                        name: iconNames.trash,
-                        size: iconSizes.extralarge,
-                        className: "relative z-10 text-fd-tertiary-50 drop-shadow-md"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 size-full rounded-md bg-muted-foreground/45" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "flex cursor-pointer items-center justify-center rounded-md",
-                  onClick: () => setFullscreenFile(file),
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: "inset-0 rounded-sm bg-muted-foreground/45" }),
-                    /* @__PURE__ */ jsx(
-                      FdIcon,
-                      {
-                        name: file.preview ? iconNames.playIcon : iconNames.image,
-                        size: iconSizes.medium,
-                        className: "relative z-10 text-fd-tertiary-50 drop-shadow-md"
-                      }
-                    )
-                  ]
-                }
-              )
-            ] })
-          ]
-        },
-        file.url
-      ))
-    ] }),
-    required && !hasFile && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(FdFormMessage, { className: "-mt-6 text-destructive", children: [
-      label,
-      " is required"
-    ] }) }),
-    fullscreenFile && /* @__PURE__ */ jsx(PreviewMedia, { file: fullscreenFile, onClose: () => setFullscreenFile(null) })
-  ] });
-}
-__name(FileUpload, "FileUpload");
-
-export { FileUpload };

package/packages/level2/meta/components/file-upload/PreviewMedia.cjs.js

@@ -1,37 +0,0 @@
-'use strict';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../../fd-component-toolbox/client/framework/index.cjs.js');
-var FdButton = require('../../../fd-component-toolbox/button/FdButton.cjs.js');
-var FdIcon = require('../../../fd-component-toolbox/icon/FdIcon.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function PreviewMedia({ file, onClose }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/75", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-4xl", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FdButton.FdButton, { onClick: onClose, className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: FdIcon.iconNames.cross2 }) }),
-    file.preview ? /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        src: file.url,
-        controls: true,
-        autoPlay: true,
-        playsInline: true,
-        className: "pointer-events-auto max-h-screen max-w-full rounded-lg"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      index.FdFrameworkImage,
-      {
-        src: file.url,
-        alt: "Full-screen preview",
-        width: 800,
-        height: 600,
-        className: "rounded-lg"
-      }
-    )
-  ] }) });
-}
-__name(PreviewMedia, "PreviewMedia");
-
-exports.PreviewMedia = PreviewMedia;

package/packages/level2/meta/components/file-upload/PreviewMedia.js

@@ -1,35 +0,0 @@
-'use strict';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { FdFrameworkImage } from '../../../fd-component-toolbox/client/framework/index.js';
-import { FdButton } from '../../../fd-component-toolbox/button/FdButton.js';
-import { FdIcon, iconNames } from '../../../fd-component-toolbox/icon/FdIcon.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function PreviewMedia({ file, onClose }) {
-  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/75", children: /* @__PURE__ */ jsxs("div", { className: "relative max-w-4xl", children: [
-    /* @__PURE__ */ jsx(FdButton, { onClick: onClose, className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsx(FdIcon, { name: iconNames.cross2 }) }),
-    file.preview ? /* @__PURE__ */ jsx(
-      "video",
-      {
-        src: file.url,
-        controls: true,
-        autoPlay: true,
-        playsInline: true,
-        className: "pointer-events-auto max-h-screen max-w-full rounded-lg"
-      }
-    ) : /* @__PURE__ */ jsx(
-      FdFrameworkImage,
-      {
-        src: file.url,
-        alt: "Full-screen preview",
-        width: 800,
-        height: 600,
-        className: "rounded-lg"
-      }
-    )
-  ] }) });
-}
-__name(PreviewMedia, "PreviewMedia");
-
-export { PreviewMedia };

package/packages/level2/meta/components/multi-list/FdMultiList.cjs.js

@@ -1,115 +0,0 @@
-'use strict';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
-var multiListTypes = require('./multi-list-types.cjs.js');
-var enums = require('../../../fd-toolbox/enums/enums.cjs.js');
-var FdMultiList_funcs = require('./FdMultiList.funcs.cjs.js');
-var React = require('react');
-var ResourceList = require('../../resource-list/ResourceList.cjs.js');
-var useAsyncEffect = require('../../../fd-toolbox/hooks/use-async-effect.cjs.js');
-var uiMetaProviders = require('../../ui-meta-providers.cjs.js');
-var resourceNames = require('../../../fd-toolbox/resources/resource-names.cjs.js');
-var FdCommentList = require('../../comment/FdCommentList.cjs.js');
-var FdMultiListEditResource = require('./FdMultiListEditResource.cjs.js');
-var ManyToOneTableHeaderCellTemplate = require('../../view/view-resource/templates/ManyToOneTableHeaderCellTemplate.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdMultiList({
-  multiListItems,
-  className,
-  type,
-  onCustomAction,
-  onMultiListResourceRelationChange,
-  tableConfig: tableConfigProp,
-  commentList,
-  onSavingStarting,
-  onSavingEnding
-}) {
-  const config = React.useMemo(
-    () => FdMultiList_funcs.getMultiListConfig(multiListItems, tableConfigProp),
-    [multiListItems, tableConfigProp]
-  );
-  const [uiResourceMeta, setUiResourceMeta] = React.useState();
-  useAsyncEffect.useAsyncEffect(async () => {
-    setUiResourceMeta(await uiMetaProviders.fetchUiResourceMeta(resourceNames.resourceNames.comment));
-  }, []);
-  const getResourceListConfig = React.useCallback(
-    (multiListItem) => {
-      return FdMultiList_funcs.getItemsListConfig(
-        config,
-        multiListItem,
-        RenderManyToOneHeaderCell,
-        onCustomAction,
-        onMultiListResourceRelationChange
-      );
-    },
-    [config, onCustomAction, onMultiListResourceRelationChange]
-  );
-  const resourceListConfigs = React.useMemo(() => {
-    return config.items.map(getResourceListConfig);
-  }, [config, getResourceListConfig]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col gap-6 pb-5 lg:pb-0", className), children: [
-    type === multiListTypes.fdMultiListTypes.resource && config.items.map((multiListItem, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: multiListItem.relatedResourceElementId,
-        className: "flex flex-col",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          ResourceList.ResourceList,
-          {
-            resourceListConfig: resourceListConfigs[index],
-            resourceName: multiListItem.resourceName,
-            showFilters: false,
-            filters: multiListItem.filters,
-            displayMode: enums.tableDisplayModes.minimal,
-            isTableRequired: false,
-            pluralName: multiListItem.name
-          }
-        )
-      },
-      `${multiListItem.resourceId}_${multiListItem.relatedResourceElementId}_${index}`
-    )),
-    type === multiListTypes.fdMultiListTypes.editResource && config.items?.map((multiListItem) => /* @__PURE__ */ jsxRuntime.jsx(
-      FdMultiListEditResource,
-      {
-        multiListItem,
-        onSavingStarting,
-        onSavingEnding
-      },
-      `${multiListItem.resourceId}_${multiListItem.relatedResourceElementId}`
-    )),
-    commentList && commentList.length > 0 && uiResourceMeta && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "py-3 text-sm font-semibold text-muted-foreground", children: uiResourceMeta.resourceMeta.display.pluralName }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-0 lg:px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-        FdCommentList.FdCommentList,
-        {
-          resources: commentList,
-          resourceId: uiResourceMeta.resourceMeta.id,
-          resourceName: resourceNames.resourceNames.comment
-        }
-      ) })
-    ] })
-  ] });
-}
-__name(FdMultiList, "FdMultiList");
-function RenderManyToOneHeaderCell(props, multiListItem, onMultiListResourceRelationChange) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ManyToOneTableHeaderCellTemplate.ManyToOneTableHeaderCellTemplate,
-    {
-      parentResourcePropertyMeta: multiListItem.parentResourcePropertyMeta,
-      resourceId: multiListItem.resourceId,
-      multiListItem,
-      onViewMultiListRelationChange: onMultiListResourceRelationChange,
-      onCustomAction: props.onCustomAction
-    }
-  );
-}
-__name(RenderManyToOneHeaderCell, "RenderManyToOneHeaderCell");
-
-exports.FdMultiList = FdMultiList;
-exports.default = FdMultiList;

package/packages/level2/meta/components/multi-list/FdMultiList.funcs.cjs.js

@@ -1,12 +0,0 @@
-'use strict';
-'use strict';
-
-var tableModels = require('../../table/table-models.cjs.js');
-var FdIcon = require('../../../fd-component-toolbox/icon/FdIcon.cjs.js');
-var viewConstants = require('../../view/view-constants.cjs.js');
-var metaRelations = require('../../relations/meta-relations.cjs.js');
-
-var __defProp=Object['defineProperty'],__name=(_0x5307bd,_0x570343)=>__defProp(_0x5307bd,'name',{'value':_0x570343,'configurable':!![]});const defaultMaxColumnsCount=0x111a*0x2+0xe8b+-0x30b9;function getMultiListConfig(_0x1f2fe2,_0x46a809,_0x1eb486){const _0x2d130d={'items':_0x1f2fe2,'tableMaxNumberOfColumns':_0x1eb486??defaultMaxColumnsCount,'tableConfig':_0x46a809};return _0x2d130d;}__name(getMultiListConfig,'getMultiListConfig');function getItemsListConfig(_0x352e08,_0x5a7edb,_0x42c754,_0x1d6fb8,_0x425a7b){let _0x57eb71;const _0xbca476={..._0x352e08['tableConfig']};!_0xbca476['customActions']?.['length']&&(_0xbca476['customActions']=[]);_0x425a7b&&_0x5a7edb['parentResourcePropertyMeta']&&metaRelations.isManyToOneRelation(_0x5a7edb['parentResourcePropertyMeta'])&&_0xbca476['customActions']['push']({'name':viewConstants.changeRelationName,'shouldRefresh':!![],'actionType':tableModels.tableCustomActionTypes['template'],'template':__name(_0x1f316e=>_0x42c754(_0x1f316e,_0x5a7edb,_0x425a7b),'template')});_0x57eb71={'tableConfig':_0xbca476};if(!_0x5a7edb['isRequiredRelation'])return _0x57eb71;return _0xbca476['customActions']['push']({'icon':FdIcon.iconNames['linkBreak1Icon'],'name':viewConstants.unassignActionName,'cellAction':__name(_0x33f897=>_0x1d6fb8?.(_0x33f897,_0x5a7edb),'cellAction'),'shouldRefresh':!![],'actionType':tableModels.tableCustomActionTypes['icon']}),{'tableConfig':_0xbca476};}__name(getItemsListConfig,'getItemsListConfig');
-
-exports.getItemsListConfig = getItemsListConfig;
-exports.getMultiListConfig = getMultiListConfig;

package/packages/level2/meta/components/multi-list/FdMultiList.funcs.js

@@ -1,9 +0,0 @@
-'use strict';
-import { tableCustomActionTypes } from '../../table/table-models.js';
-import { iconNames } from '../../../fd-component-toolbox/icon/FdIcon.js';
-import { changeRelationName, unassignActionName } from '../../view/view-constants.js';
-import { isManyToOneRelation } from '../../relations/meta-relations.js';
-
-var __defProp=Object['defineProperty'],__name=(_0x5307bd,_0x570343)=>__defProp(_0x5307bd,'name',{'value':_0x570343,'configurable':!![]});const defaultMaxColumnsCount=0x111a*0x2+0xe8b+-0x30b9;function getMultiListConfig(_0x1f2fe2,_0x46a809,_0x1eb486){const _0x2d130d={'items':_0x1f2fe2,'tableMaxNumberOfColumns':_0x1eb486??defaultMaxColumnsCount,'tableConfig':_0x46a809};return _0x2d130d;}__name(getMultiListConfig,'getMultiListConfig');function getItemsListConfig(_0x352e08,_0x5a7edb,_0x42c754,_0x1d6fb8,_0x425a7b){let _0x57eb71;const _0xbca476={..._0x352e08['tableConfig']};!_0xbca476['customActions']?.['length']&&(_0xbca476['customActions']=[]);_0x425a7b&&_0x5a7edb['parentResourcePropertyMeta']&&isManyToOneRelation(_0x5a7edb['parentResourcePropertyMeta'])&&_0xbca476['customActions']['push']({'name':changeRelationName,'shouldRefresh':!![],'actionType':tableCustomActionTypes['template'],'template':__name(_0x1f316e=>_0x42c754(_0x1f316e,_0x5a7edb,_0x425a7b),'template')});_0x57eb71={'tableConfig':_0xbca476};if(!_0x5a7edb['isRequiredRelation'])return _0x57eb71;return _0xbca476['customActions']['push']({'icon':iconNames['linkBreak1Icon'],'name':unassignActionName,'cellAction':__name(_0x33f897=>_0x1d6fb8?.(_0x33f897,_0x5a7edb),'cellAction'),'shouldRefresh':!![],'actionType':tableCustomActionTypes['icon']}),{'tableConfig':_0xbca476};}__name(getItemsListConfig,'getItemsListConfig');
-
-export { getItemsListConfig, getMultiListConfig };