@crystaldesign/diva-backoffice 25.1.0-beta.8 → 25.1.0-beta.9

package/build/esm/index.js

@@ -123,6 +123,9 @@ import { Spreadsheet as Spreadsheet$1 } from '@crystaldesign/spreadsheet';
 import EditOutlined from '@ant-design/icons/lib/icons/EditOutlined';
 import Checkbox$1 from 'antd/es/checkbox/Checkbox';
 import Modal$3 from 'antd/es/modal';
+import Spin$1 from 'antd/es/spin';
+import Flex from 'antd/es/flex';
+import Alert$1 from 'antd/es/alert/Alert';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
@@ -131,7 +134,6 @@ import { WebPlannerReact } from '@crystaldesign/diva-web-planner-react';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import PushpinOutlined from '@ant-design/icons/lib/icons/PushpinOutlined';
-import Spin$1 from 'antd/es/spin';
 
 (function() {
     const env = {"STAGE":"production"};
@@ -30071,17 +30073,18 @@ var CatalogEditor$1 = observer(CatalogEditor);
 
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function SpreadsheetWrapper(props) {
+var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(props, ref) {
   var _root$contentStore$bo, _root$contentStore$ri;
   var root = useStore();
   return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    ref: ref,
     darkMode: root.contentStore.theme == 'darkmode',
     jwt: root.dataStore.jwt,
     refSecondaryGrids: [(_root$contentStore$bo = root.contentStore.bottomToolBar.toolbarElement) !== null && _root$contentStore$bo !== void 0 ? _root$contentStore$bo : undefined, (_root$contentStore$ri = root.contentStore.rightToolBar.toolbarElement) !== null && _root$contentStore$ri !== void 0 ? _root$contentStore$ri : undefined].filter(function (element) {
       return element !== undefined;
     })
   }));
-}
+});
 var Spreadsheet = observer(SpreadsheetWrapper);
 
 function useNavigation$1 () {
@@ -30220,6 +30223,54 @@ function hasUnpublishedChanges(publishDateString, lastUpdatedDateString) {
   return false;
 }
 
+function LoadingModal (_ref) {
+  var isModalOpen = _ref.isModalOpen,
+    handleOk = _ref.handleOk,
+    error = _ref.error;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var contentStyle = {
+    padding: 50,
+    borderRadius: 4
+  };
+  var content = /*#__PURE__*/jsx("div", {
+    style: contentStyle
+  });
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(Modal$3, {
+      open: isModalOpen,
+      onOk: handleOk,
+      cancelButtonProps: {
+        style: {
+          display: 'none'
+        }
+      },
+      closable: false,
+      okButtonProps: {
+        style: {
+          display: !error ? 'none' : undefined
+        }
+      },
+      children: [error && /*#__PURE__*/jsx(Alert$1, {
+        message: error,
+        type: "error",
+        showIcon: true
+      }), !error && /*#__PURE__*/jsx(Flex, {
+        gap: "middle",
+        vertical: true,
+        children: /*#__PURE__*/jsx(Flex, {
+          gap: "middle",
+          children: /*#__PURE__*/jsx(Spin$1, {
+            tip: t('backoffice.idmEnricher.export.modaltext'),
+            size: "large",
+            children: content
+          })
+        })
+      })]
+    })
+  });
+}
+
 function TablePackages () {
   var root = useStore();
   var _useTranslation = useTranslation(),
@@ -30228,6 +30279,14 @@ function TablePackages () {
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
     updateNavigation = _useNavigation.updateNavigation;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fileIsLoading = _React$useState2[0],
+    setFileIsLoading = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    fileDownloadError = _React$useState4[0],
+    setFileDownloadError = _React$useState4[1];
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -30245,6 +30304,9 @@ function TablePackages () {
     //remove the packages submenu when opening this module
     root.contentStore.removeAdditionalElement('idmenricher');
   }, []);
+  var handleLoadingModalOk = function handleLoadingModalOk() {
+    setFileIsLoading(false);
+  };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: t('backoffice.menu.items.label.IDMEnricherTablePackages')
@@ -30265,19 +30327,36 @@ function TablePackages () {
         icon: /*#__PURE__*/jsx(DownloadOutlined, {}),
         action: function () {
           var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-            var selectedNodes, url;
+            var selectedNodes, url, alertTimeout;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   selectedNodes = _ref3.selectedNodes;
-                  url = apiConfig.enricherService + '/packages/' + selectedNodes[0].data._id + '/catalog';
-                  _context.next = 4;
+                  url = apiConfig.enricherService + '/packages/' + selectedNodes[0].data._id + '/catalog'; // Show modal if download takes more than 3 seconds
+                  alertTimeout = setTimeout(function () {
+                    setFileIsLoading(true);
+                  }, 3000);
+                  _context.prev = 3;
+                  _context.next = 6;
                   return downloadFile(url, root.dataStore.jwt, 'application/xml', selectedNodes[0].data.name + '.xml');
-                case 4:
+                case 6:
+                  setFileIsLoading(false);
+                  _context.next = 12;
+                  break;
+                case 9:
+                  _context.prev = 9;
+                  _context.t0 = _context["catch"](3);
+                  setFileDownloadError('File download failed:' + _context.t0);
+                case 12:
+                  _context.prev = 12;
+                  // Clear the alert timeout once the download is complete or fails
+                  clearTimeout(alertTimeout);
+                  return _context.finish(12);
+                case 15:
                 case "end":
                   return _context.stop();
               }
-            }, _callee);
+            }, _callee, null, [[3, 9, 12, 15]]);
           }));
           function action(_x) {
             return _action.apply(this, arguments);
@@ -30402,6 +30481,10 @@ function TablePackages () {
           defaultValue: '${organizationId}'
         }]
       }
+    }), /*#__PURE__*/jsx(LoadingModal, {
+      isModalOpen: fileIsLoading,
+      handleOk: handleLoadingModalOk,
+      error: fileDownloadError
     })]
   });
 }
@@ -32189,7 +32272,8 @@ function OpenModalButton (_ref) {
   var title = _ref.title,
     type = _ref.type,
     idmService = _ref.idmService,
-    organizationId = _ref.organizationId;
+    organizationId = _ref.organizationId,
+    onClose = _ref.onClose;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -32205,9 +32289,11 @@ function OpenModalButton (_ref) {
   };
   var handleOk = function handleOk() {
     setIsModalOpen(false);
+    onClose();
   };
   var handleCancel = function handleCancel() {
     setIsModalOpen(false);
+    onClose();
   };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Button$1, {
@@ -32242,6 +32328,15 @@ function TableCatalogs () {
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
     updateNavigation = _useNavigation.updateNavigation;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fileIsLoading = _React$useState2[0],
+    setFileIsLoading = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    fileDownloadError = _React$useState4[0],
+    setFileDownloadError = _React$useState4[1];
+  var spreadsheetRef = useRef(null);
   var format = [{
     name: t('backoffice.idmCatalogEditor.items.label.arbeitsplattenhersteller'),
     value: 'A'
@@ -32346,6 +32441,9 @@ function TableCatalogs () {
     //remove the packages submenu when opening this module
     root.contentStore.removeAdditionalElement('idmenricher');
   }, []);
+  var handleLoadingModalOk = function handleLoadingModalOk() {
+    setFileIsLoading(false);
+  };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -32357,11 +32455,16 @@ function TableCatalogs () {
             title: "IDM Import",
             type: "IDM_IMPORT",
             idmService: apiConfig.idmService,
-            organizationId: organizationId
+            organizationId: organizationId,
+            onClose: function onClose() {
+              var _spreadsheetRef$curre;
+              return spreadsheetRef === null || spreadsheetRef === void 0 || (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.refresh();
+            }
           })
         })]
       })
     }), /*#__PURE__*/jsx(Spreadsheet, {
+      ref: spreadsheetRef,
       gridId: 'catalogs-grid',
       applicationData: applicationData,
       rowActions: [{
@@ -32374,21 +32477,36 @@ function TableCatalogs () {
         icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
         action: function () {
           var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-            var selectedNodes, context, url;
+            var selectedNodes, url, alertTimeout;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
-                  selectedNodes = _ref2.selectedNodes, context = _ref2.context;
-                  url = apiConfig.idmService + '/v3.0/catalogs/' + selectedNodes[0].data._id + '/complete';
-                  _context.next = 4;
+                  selectedNodes = _ref2.selectedNodes;
+                  url = apiConfig.idmService + '/v3.0/catalogs/' + selectedNodes[0].data._id + '/complete'; // Show modal if download takes more than 3 seconds
+                  alertTimeout = setTimeout(function () {
+                    setFileIsLoading(true);
+                  }, 3000);
+                  _context.prev = 3;
+                  _context.next = 6;
                   return downloadFile(url, root.dataStore.jwt, 'application/xml', selectedNodes[0].data.name + '.xml');
-                case 4:
-                  context.refresh();
-                case 5:
+                case 6:
+                  setFileIsLoading(false);
+                  _context.next = 12;
+                  break;
+                case 9:
+                  _context.prev = 9;
+                  _context.t0 = _context["catch"](3);
+                  setFileDownloadError('File download failed:' + _context.t0);
+                case 12:
+                  _context.prev = 12;
+                  // Clear the alert timeout once the download is complete or fails
+                  clearTimeout(alertTimeout);
+                  return _context.finish(12);
+                case 15:
                 case "end":
                   return _context.stop();
               }
-            }, _callee);
+            }, _callee, null, [[3, 9, 12, 15]]);
           }));
           function action(_x) {
             return _action.apply(this, arguments);
@@ -32865,6 +32983,10 @@ function TableCatalogs () {
           editable: false
         }]
       }
+    }), /*#__PURE__*/jsx(LoadingModal, {
+      isModalOpen: fileIsLoading,
+      handleOk: handleLoadingModalOk,
+      error: fileDownloadError
     })]
   });
 }

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/OpenModalButton/index.d.ts

@@ -4,7 +4,8 @@ interface Props {
     type: 'IDM_IMPORT';
     idmService: string;
     organizationId: string;
+    onClose: () => void;
 }
-export default function ({ title, type, idmService, organizationId }: Props): React.JSX.Element;
+export default function ({ title, type, idmService, organizationId, onClose }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/IDMCatalogEditor/components/OpenModalButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/OpenModalButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,KAAK,qBAmC1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/components/OpenModalButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,KAAK,qBAsCnF"}

package/build/types/backoffice/src/ui/IDMCatalogEditor/modules/TableCatalogs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/modules/TableCatalogs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAalD,MAAM,CAAC,OAAO,gCAgrBb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMCatalogEditor/modules/TableCatalogs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAc1D,MAAM,CAAC,OAAO,gCA6sBb"}

package/build/types/backoffice/src/ui/IDMCommonComponents/SpreadsheetWrapper/index.d.ts

@@ -1,8 +1,6 @@
-import { Props } from '@crystaldesign/spreadsheet';
+import { Props, SpreadsheetRefProps } from '@crystaldesign/spreadsheet';
 import React from 'react';
-declare function SpreadsheetWrapper(props: Omit<Props, 'jwt'>): React.JSX.Element;
-declare const _default: typeof SpreadsheetWrapper & {
-    displayName: string;
-};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<Props, "jwt"> & React.RefAttributes<SpreadsheetRefProps>, "ref"> & React.RefAttributes<SpreadsheetRefProps>>>;
 export default _default;
+export { SpreadsheetRefProps } from '@crystaldesign/spreadsheet';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/IDMCommonComponents/SpreadsheetWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,MAAM,4BAA4B,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,iBAAS,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,qBAcpD;;;;AAED,wBAA4C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/IDMCommonComponents/SpreadsheetWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAErF,OAAO,KAAqB,MAAM,OAAO,CAAC;;AAoB1C,wBAA4C;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/build/types/backoffice/src/ui/IDMEnricherEditor/modules/TablePackages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TablePackages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAWlD,MAAM,CAAC,OAAO,gCA4Kb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/IDMEnricherEditor/modules/TablePackages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAYlD,MAAM,CAAC,OAAO,gCAkMb"}

package/build/types/backoffice/src/ui/LoadingModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    isModalOpen: boolean;
+    handleOk: () => void;
+    error?: string;
+}
+export default function ({ isModalOpen, handleOk, error }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/LoadingModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,qBAgC/D"}

package/package.json

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