@crystaldesign/diva-backoffice 26.4.0-beta.10 → 26.4.0-beta.11

package/build/esm/index.js

@@ -13765,6 +13765,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     },
     MediaUploadOrganizationLogo: {
       type: 'MediaUpload',
+      fileTypes: ['image/jpeg', 'image/jpg', 'image/png'],
       size: 'medium',
       title: t('backoffice.media.uploadorglogo.title'),
       apiInterface: {
@@ -14040,6 +14041,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
     },
     MediaUploadOrganizationLogoMobile: {
       type: 'MediaUpload',
+      fileTypes: ['image/jpeg', 'image/jpg', 'image/png'],
       size: 'medium',
       title: t('backoffice.media.uploadorglogomobile.title'),
       apiInterface: {
@@ -26968,6 +26970,10 @@ var useMediaUpload = function useMediaUpload(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     fileList = _useState4[0],
     setFileList = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    wrongFileType = _useState6[0],
+    setWrongFileType = _useState6[1];
   var _useMemo = useMemo(function () {
       return {
         apiHandler: root.getApiHandler(id),
@@ -27070,6 +27076,16 @@ var useMediaUpload = function useMediaUpload(_ref) {
       return _ref5.apply(this, arguments);
     };
   }();
+  var beforeUpload = function beforeUpload(file) {
+    if (configuration.fileTypes && !configuration.fileTypes.find(function (type) {
+      return file.type == type;
+    })) {
+      setWrongFileType(true);
+      return false;
+    }
+    setWrongFileType(false);
+    return true;
+  };
   return {
     loading: loading,
     onRemove: onRemove,
@@ -27080,7 +27096,9 @@ var useMediaUpload = function useMediaUpload(_ref) {
       });
     }),
     size: configuration.size || 'medium',
-    title: configuration.title
+    title: configuration.title,
+    beforeUpload: beforeUpload,
+    wrongFileType: wrongFileType
   };
 };
 
@@ -27098,9 +27116,13 @@ var MediaUpload = observer(function (_ref) {
     loading = _useMediaUpload.loading,
     fileList = _useMediaUpload.fileList,
     customRequest = _useMediaUpload.customRequest,
+    _beforeUpload = _useMediaUpload.beforeUpload,
+    wrongFileType = _useMediaUpload.wrongFileType,
     onRemove = _useMediaUpload.onRemove,
     size = _useMediaUpload.size,
     title = _useMediaUpload.title;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   return /*#__PURE__*/jsxs("div", {
     style: {
       width: 'min-content'
@@ -27109,9 +27131,9 @@ var MediaUpload = observer(function (_ref) {
       title: title
     }), /*#__PURE__*/jsx("div", {
       className: size == 'big' ? big : size == 'small' ? small : medium,
-      children: /*#__PURE__*/jsx(Spin, {
+      children: /*#__PURE__*/jsxs(Spin, {
         spinning: loading,
-        children: /*#__PURE__*/jsx(Upload$2, {
+        children: [/*#__PURE__*/jsx(Upload$2, {
           name: 'file',
           disabled: loading,
           maxCount: 1,
@@ -27119,8 +27141,18 @@ var MediaUpload = observer(function (_ref) {
           onRemove: onRemove,
           fileList: fileList,
           customRequest: customRequest,
+          beforeUpload: function beforeUpload(file) {
+            return _beforeUpload(file);
+          },
           children: fileList.length == 0 ? /*#__PURE__*/jsx(PlusOutlined$1, {}) : undefined
-        })
+        }), wrongFileType && /*#__PURE__*/jsx(Alert, {
+          title: t('backoffice.mediaupload.wrongfiletype'),
+          type: "error",
+          closable: {
+            closeIcon: true,
+            'aria-label': 'close'
+          }
+        })]
       })
     })]
   });

package/build/types/backoffice/src/ui/MediaUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;;AAED,wBAuBG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;;AAED,wBA8BG"}

package/build/types/backoffice/src/ui/MediaUpload/types.d.ts

@@ -3,6 +3,7 @@ export interface MediaUploadConfiguration extends BaseModulConfiguration {
     type: 'MediaUpload';
     refApiInterface: ApiInterface;
     size?: 'small' | 'medium' | 'big';
+    fileTypes?: string[];
     targetApiInterface?: ApiInterface;
     targetMapping?: Mapping;
 }

package/build/types/backoffice/src/ui/MediaUpload/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpF,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;IACtE,IAAI,EAAE,aAAa,CAAC;IACpB,eAAe,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpF,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;IACtE,IAAI,EAAE,aAAa,CAAC;IACpB,eAAe,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/build/types/backoffice/src/ui/MediaUpload/useMediaUpload.d.ts

@@ -32,6 +32,8 @@ declare const useMediaUpload: ({ id }: Props) => {
     }[];
     size: "small" | "big" | "medium";
     title: string | undefined;
+    beforeUpload: (file: UploadFile) => boolean;
+    wrongFileType: boolean;
 };
 export default useMediaUpload;
 //# sourceMappingURL=useMediaUpload.d.ts.map

package/build/types/backoffice/src/ui/MediaUpload/useMediaUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/useMediaUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAMzE,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,QAAA,MAAM,cAAc,WAAY,KAAK;;;8BA2CI,mBAAmB,CAAC,UAAU,CAAC;;;;;;;;;;;;sBA1B9D,MAAA,iBACE;;;;;;;;;;;;;CA8DX,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useMediaUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/MediaUpload/useMediaUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAMzE,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,QAAA,MAAM,cAAc,WAAY,KAAK;;;8BA4CI,mBAAmB,CAAC,UAAU,CAAC;;;;;;;;;;;;sBA7B9C,MAAO,iBAAiB;;;;;;;;;;;;;yBA0DpB,UAAU;;CAqBvC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "26.4.0-beta.10",
+  "version": "26.4.0-beta.11",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -15,13 +15,13 @@
   "dependencies": {
     "@ant-design/icons": "6.1.0",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "26.4.0-beta.10",
-    "@crystaldesign/content-item": "26.4.0-beta.10",
-    "@crystaldesign/diva-core": "26.4.0-beta.10",
-    "@crystaldesign/diva-utils": "26.4.0-beta.10",
-    "@crystaldesign/media-upload": "26.4.0-beta.10",
-    "@crystaldesign/rtf-editor": "26.4.0-beta.10",
-    "@crystaldesign/spreadsheet": "26.4.0-beta.10",
+    "@crystaldesign/content-box": "26.4.0-beta.11",
+    "@crystaldesign/content-item": "26.4.0-beta.11",
+    "@crystaldesign/diva-core": "26.4.0-beta.11",
+    "@crystaldesign/diva-utils": "26.4.0-beta.11",
+    "@crystaldesign/media-upload": "26.4.0-beta.11",
+    "@crystaldesign/rtf-editor": "26.4.0-beta.11",
+    "@crystaldesign/spreadsheet": "26.4.0-beta.11",
     "@google/model-viewer": "3.5.0",
     "ag-charts-community": "^10.1.0",
     "ag-charts-react": "^10.1.0",
@@ -52,5 +52,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "8b8f54cbbcc7547695e70826b8694eb2ec5d888b"
+  "gitHead": "63f71447081467b6a07e9b802d9a62865cf4d195"
 }