@deviceinsight/ng-ui-scale-lib 10.2.2 → 10.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/{AccessEditModal-kndFZDt-.js → AccessEditModal-C_Ymwezb.js} +17 -17
  2. package/dist/{AccessEditModal-kndFZDt-.js.map → AccessEditModal-C_Ymwezb.js.map} +1 -1
  3. package/dist/{BundleManagementContainer-vMlhg6fJ.js → BundleManagementContainer-ChHU9uVM.js} +4 -4
  4. package/dist/{BundleManagementContainer-vMlhg6fJ.js.map → BundleManagementContainer-ChHU9uVM.js.map} +1 -1
  5. package/dist/{BundlesContainer-CaC__bAh.js → BundlesContainer-C1myE7uh.js} +40 -40
  6. package/dist/{BundlesContainer-CaC__bAh.js.map → BundlesContainer-C1myE7uh.js.map} +1 -1
  7. package/dist/{DatapointImport-Cq8cifAI.js → DatapointImport-Cyt0hdP-.js} +10 -10
  8. package/dist/DatapointImport-Cyt0hdP-.js.map +1 -0
  9. package/dist/{FileUploadInput-DSyHVZUT.js → FileUploadInput-BU6ttAuK.js} +2 -2
  10. package/dist/{FileUploadInput-DSyHVZUT.js.map → FileUploadInput-BU6ttAuK.js.map} +1 -1
  11. package/dist/{Files-CJ7EHXzr.js → Files-mFzfngqf.js} +3 -3
  12. package/dist/{Files-CJ7EHXzr.js.map → Files-mFzfngqf.js.map} +1 -1
  13. package/dist/{GlobalPowerBiReports-PsiWcApU.js → GlobalPowerBiReports-DWXwL_TH.js} +2 -2
  14. package/dist/{GlobalPowerBiReports-PsiWcApU.js.map → GlobalPowerBiReports-DWXwL_TH.js.map} +1 -1
  15. package/dist/{JsonSettingWidget-CpZmTuBe.js → JsonSettingWidget-BbYyUBtl.js} +9 -9
  16. package/dist/JsonSettingWidget-BbYyUBtl.js.map +1 -0
  17. package/dist/{LicensesEditPage-CwGor2gV.js → LicensesEditPage-wa-EEvag.js} +11 -11
  18. package/dist/{LicensesEditPage-CwGor2gV.js.map → LicensesEditPage-wa-EEvag.js.map} +1 -1
  19. package/dist/{LicensesList-DWQlVNdR.js → LicensesList-ihwXeJ0k.js} +2 -2
  20. package/dist/{LicensesList-DWQlVNdR.js.map → LicensesList-ihwXeJ0k.js.map} +1 -1
  21. package/dist/{PropertiesEditPage-C4jjCoPp.js → PropertiesEditPage-CsrU5lnR.js} +29 -29
  22. package/dist/{PropertiesEditPage-C4jjCoPp.js.map → PropertiesEditPage-CsrU5lnR.js.map} +1 -1
  23. package/dist/{PropertiesList-CBLvLopM.js → PropertiesList-DJ3hDmSL.js} +5 -5
  24. package/dist/{PropertiesList-CBLvLopM.js.map → PropertiesList-DJ3hDmSL.js.map} +1 -1
  25. package/dist/{TemplateEditPage-d-3_n4YW.js → TemplateEditPage-DPJ5MJpd.js} +25 -25
  26. package/dist/{TemplateEditPage-d-3_n4YW.js.map → TemplateEditPage-DPJ5MJpd.js.map} +1 -1
  27. package/dist/{TemplateTextInput-CQ6XJiql.js → TemplateTextInput-CmCxL3xj.js} +2 -2
  28. package/dist/{TemplateTextInput-CQ6XJiql.js.map → TemplateTextInput-CmCxL3xj.js.map} +1 -1
  29. package/dist/{TemplatesListPage-roTvuqft.js → TemplatesListPage-HwJpI4I0.js} +13 -13
  30. package/dist/{TemplatesListPage-roTvuqft.js.map → TemplatesListPage-HwJpI4I0.js.map} +1 -1
  31. package/dist/{UserGroupAssignments-DTXRBp_V.js → UserGroupAssignments-2ZrZXU8K.js} +10 -10
  32. package/dist/{UserGroupAssignments-DTXRBp_V.js.map → UserGroupAssignments-2ZrZXU8K.js.map} +1 -1
  33. package/dist/{UserGroupTheme-CAHBWb9Q.js → UserGroupTheme-DJut0WZe.js} +5 -5
  34. package/dist/{UserGroupTheme-CAHBWb9Q.js.map → UserGroupTheme-DJut0WZe.js.map} +1 -1
  35. package/dist/api.js +23 -23
  36. package/dist/index.js +567 -562
  37. package/dist/index.js.map +1 -1
  38. package/dist/{setTitle-CjnK8p-J.js → setTitle-Dij-z9p9.js} +4547 -4543
  39. package/dist/setTitle-Dij-z9p9.js.map +1 -0
  40. package/package.json +12 -11
  41. package/dist/DatapointImport-Cq8cifAI.js.map +0 -1
  42. package/dist/JsonSettingWidget-CpZmTuBe.js.map +0 -1
  43. package/dist/setTitle-CjnK8p-J.js.map +0 -1
@@ -2,7 +2,7 @@ import { jsx as t, jsxs as s } from "react/jsx-runtime";
2
2
  import { useState as c } from "react";
3
3
  import { Button as d, Icon as u } from "@deviceinsight/ng-ui-basic-components";
4
4
  import { ImageUpload as F, FileUpload as f } from "@deviceinsight/ng-ui-components";
5
- import { X as v } from "./setTitle-CjnK8p-J.js";
5
+ import { Y as v } from "./setTitle-Dij-z9p9.js";
6
6
  const m = ({ file: e, onRemoveFile: o }) => /* @__PURE__ */ s(
7
7
  "strong",
8
8
  {
@@ -42,4 +42,4 @@ const m = ({ file: e, onRemoveFile: o }) => /* @__PURE__ */ s(
42
42
  export {
43
43
  S as F
44
44
  };
45
- //# sourceMappingURL=FileUploadInput-DSyHVZUT.js.map
45
+ //# sourceMappingURL=FileUploadInput-BU6ttAuK.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FileUploadInput-DSyHVZUT.js","sources":["../ng-ui-scale/src/components/inputs/FileUploadInput.tsx"],"sourcesContent":["import {useState} from 'react';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {FileUpload, ImageUpload, type PreviewComponentProps} from '@deviceinsight/ng-ui-components';\n\nimport FieldDecorator, {type FieldDecoratorProps} from './FieldDecorator';\n\ntype Props = {\n\timagesOnly?: boolean;\n\tonChange: (file: File | null | undefined) => void;\n} & FieldDecoratorProps;\n\nconst PreviewFile = ({file, onRemoveFile}: PreviewComponentProps) => (\n\t<strong\n\t\tstyle={{\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}}\n\t>\n\t\t{file && file.name}\n\t\t<Button naked onClick={onRemoveFile} data-testid=\"delete-file-button\">\n\t\t\t<Icon del />\n\t\t</Button>\n\t</strong>\n);\n\nexport const FileUploadInput = ({imagesOnly, onChange, ...fieldDecoratorProps}: Props) => {\n\tconst [imageUrl, setImageUrl] = useState<string | null | undefined>(null);\n\n\tconst handleSelectFile = (\n\t\tfile: File & {\n\t\t\tpreview?: string;\n\t\t},\n\t) => {\n\t\tif (imagesOnly) {\n\t\t\tsetImageUrl(file.preview);\n\t\t}\n\n\t\tonChange(file);\n\t};\n\n\tconst handleRemoveFile = () => {\n\t\tif (imagesOnly) {\n\t\t\tsetImageUrl(null);\n\t\t}\n\n\t\tonChange(null);\n\t};\n\n\treturn (\n\t\t<FieldDecorator {...fieldDecoratorProps} className=\"fileuploadinput\">\n\t\t\t{imagesOnly ? (\n\t\t\t\t<ImageUpload\n\t\t\t\t\tonRemoveFile={handleRemoveFile}\n\t\t\t\t\tonSelectFile={handleSelectFile}\n\t\t\t\t\tpreviewComponent={PreviewFile}\n\t\t\t\t\timageUrl={imageUrl}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<FileUpload\n\t\t\t\t\tonRemoveFile={handleRemoveFile}\n\t\t\t\t\tonSelectFile={handleSelectFile}\n\t\t\t\t\tpreviewComponent={PreviewFile}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</FieldDecorator>\n\t);\n};\n"],"names":["PreviewFile","file","onRemoveFile","jsxs","jsx","Button","Icon","FileUploadInput","imagesOnly","onChange","fieldDecoratorProps","imageUrl","setImageUrl","useState","handleSelectFile","handleRemoveFile","FieldDecorator","ImageUpload","FileUpload"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAAC,EAAC,MAAAC,GAAM,cAAAC,QAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAO;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA,IAGhB,UAAA;AAAA,MAAAF,KAAQA,EAAK;AAAA,MACd,gBAAAG,EAACC,GAAA,EAAO,OAAK,IAAC,SAASH,GAAc,eAAY,sBAChD,UAAA,gBAAAE,EAACE,GAAA,EAAK,KAAG,GAAA,CAAC,EAAA,CACX;AAAA,IAAA;AAAA,EAAA;AACD,GAGYC,IAAkB,CAAC,EAAC,YAAAC,GAAY,UAAAC,GAAU,GAAGC,QAAgC;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAoC,IAAI,GAElEC,IAAmB,CACxBb,MAGI;AACJ,IAAIO,KACHI,EAAYX,EAAK,OAAO,GAGzBQ,EAASR,CAAI;AAAA,EACd,GAEMc,IAAmB,MAAM;AAC9B,IAAIP,KACHI,EAAY,IAAI,GAGjBH,EAAS,IAAI;AAAA,EACd;AAEA,2BACEO,GAAA,EAAgB,GAAGN,GAAqB,WAAU,mBACjD,UAAAF,IACA,gBAAAJ;AAAA,IAACa;AAAA,IAAA;AAAA,MACA,cAAcF;AAAA,MACd,cAAcD;AAAA,MACd,kBAAkBd;AAAA,MAClB,UAAAW;AAAA,IAAA;AAAA,EAAA,IAGD,gBAAAP;AAAA,IAACc;AAAA,IAAA;AAAA,MACA,cAAcH;AAAA,MACd,cAAcD;AAAA,MACd,kBAAkBd;AAAA,IAAA;AAAA,EAAA,GAGrB;AAEF;"}
1
+ {"version":3,"file":"FileUploadInput-BU6ttAuK.js","sources":["../ng-ui-scale/src/components/inputs/FileUploadInput.tsx"],"sourcesContent":["import {useState} from 'react';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {FileUpload, ImageUpload, type PreviewComponentProps} from '@deviceinsight/ng-ui-components';\n\nimport FieldDecorator, {type FieldDecoratorProps} from './FieldDecorator';\n\ntype Props = {\n\timagesOnly?: boolean;\n\tonChange: (file: File | null | undefined) => void;\n} & FieldDecoratorProps;\n\nconst PreviewFile = ({file, onRemoveFile}: PreviewComponentProps) => (\n\t<strong\n\t\tstyle={{\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}}\n\t>\n\t\t{file && file.name}\n\t\t<Button naked onClick={onRemoveFile} data-testid=\"delete-file-button\">\n\t\t\t<Icon del />\n\t\t</Button>\n\t</strong>\n);\n\nexport const FileUploadInput = ({imagesOnly, onChange, ...fieldDecoratorProps}: Props) => {\n\tconst [imageUrl, setImageUrl] = useState<string | null | undefined>(null);\n\n\tconst handleSelectFile = (\n\t\tfile: File & {\n\t\t\tpreview?: string;\n\t\t},\n\t) => {\n\t\tif (imagesOnly) {\n\t\t\tsetImageUrl(file.preview);\n\t\t}\n\n\t\tonChange(file);\n\t};\n\n\tconst handleRemoveFile = () => {\n\t\tif (imagesOnly) {\n\t\t\tsetImageUrl(null);\n\t\t}\n\n\t\tonChange(null);\n\t};\n\n\treturn (\n\t\t<FieldDecorator {...fieldDecoratorProps} className=\"fileuploadinput\">\n\t\t\t{imagesOnly ? (\n\t\t\t\t<ImageUpload\n\t\t\t\t\tonRemoveFile={handleRemoveFile}\n\t\t\t\t\tonSelectFile={handleSelectFile}\n\t\t\t\t\tpreviewComponent={PreviewFile}\n\t\t\t\t\timageUrl={imageUrl}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<FileUpload\n\t\t\t\t\tonRemoveFile={handleRemoveFile}\n\t\t\t\t\tonSelectFile={handleSelectFile}\n\t\t\t\t\tpreviewComponent={PreviewFile}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</FieldDecorator>\n\t);\n};\n"],"names":["PreviewFile","file","onRemoveFile","jsxs","jsx","Button","Icon","FileUploadInput","imagesOnly","onChange","fieldDecoratorProps","imageUrl","setImageUrl","useState","handleSelectFile","handleRemoveFile","FieldDecorator","ImageUpload","FileUpload"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAAC,EAAC,MAAAC,GAAM,cAAAC,QAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAO;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA,IAGhB,UAAA;AAAA,MAAAF,KAAQA,EAAK;AAAA,MACd,gBAAAG,EAACC,GAAA,EAAO,OAAK,IAAC,SAASH,GAAc,eAAY,sBAChD,UAAA,gBAAAE,EAACE,GAAA,EAAK,KAAG,GAAA,CAAC,EAAA,CACX;AAAA,IAAA;AAAA,EAAA;AACD,GAGYC,IAAkB,CAAC,EAAC,YAAAC,GAAY,UAAAC,GAAU,GAAGC,QAAgC;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAoC,IAAI,GAElEC,IAAmB,CACxBb,MAGI;AACJ,IAAIO,KACHI,EAAYX,EAAK,OAAO,GAGzBQ,EAASR,CAAI;AAAA,EACd,GAEMc,IAAmB,MAAM;AAC9B,IAAIP,KACHI,EAAY,IAAI,GAGjBH,EAAS,IAAI;AAAA,EACd;AAEA,2BACEO,GAAA,EAAgB,GAAGN,GAAqB,WAAU,mBACjD,UAAAF,IACA,gBAAAJ;AAAA,IAACa;AAAA,IAAA;AAAA,MACA,cAAcF;AAAA,MACd,cAAcD;AAAA,MACd,kBAAkBd;AAAA,MAClB,UAAAW;AAAA,IAAA;AAAA,EAAA,IAGD,gBAAAP;AAAA,IAACc;AAAA,IAAA;AAAA,MACA,cAAcH;AAAA,MACd,cAAcD;AAAA,MACd,kBAAkBd;AAAA,IAAA;AAAA,EAAA,GAGrB;AAEF;"}
@@ -3,14 +3,14 @@ import { ReactableWithClientSidePagination as j, messageBoxError as K, ContentHe
3
3
  import { g as U } from "./customFileCategories-bG5S9qSy.js";
4
4
  import { useMemo as M, useState as g, useEffect as k, createContext as O, useContext as P, useCallback as R, useRef as Y } from "react";
5
5
  import "react-i18next";
6
- import { u as V, a as A, a8 as z, bh as Z, bQ as q, a7 as _, bR as N, am as $ } from "./setTitle-CjnK8p-J.js";
6
+ import { u as V, a as A, a9 as z, bi as Z, bR as q, a8 as _, bS as N, an as $ } from "./setTitle-Dij-z9p9.js";
7
7
  import { saveAs as H } from "file-saver";
8
8
  import { Button as w, Icon as J, SpinnerContainer as X, Modal as ee, useConfirm as te } from "@deviceinsight/ng-ui-basic-components";
9
9
  import { filesize as ie } from "filesize";
10
10
  import { Link as ae } from "react-router-dom";
11
11
  import b from "keyboardjs";
12
12
  import { createPortal as ne } from "react-dom";
13
- import { F as le } from "./FileUploadInput-DSyHVZUT.js";
13
+ import { F as le } from "./FileUploadInput-BU6ttAuK.js";
14
14
  const se = {
15
15
  page: 0,
16
16
  size: 10,
@@ -344,4 +344,4 @@ function Ne({ asset: t, assetGroup: i }) {
344
344
  export {
345
345
  Ne as default
346
346
  };
347
- //# sourceMappingURL=Files-CJ7EHXzr.js.map
347
+ //# sourceMappingURL=Files-mFzfngqf.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Files-CJ7EHXzr.js","sources":["../ng-ui-scale/src/modules/files/FilesTable.tsx","../ng-ui-scale/src/modules/files/filesContext/useFilesByTypeAndContext.ts","../ng-ui-scale/src/modules/files/filesContext/FilesContextProvider.tsx","../ng-ui-scale/src/modules/files/filesContext/useFiles.ts","../ng-ui-scale/src/assets/img/preview-arrow-left.png","../ng-ui-scale/src/assets/img/preview-arrow-right.png","../ng-ui-scale/src/assets/img/preview-close.png","../ng-ui-scale/src/assets/img/preview-download.png","../ng-ui-scale/src/modules/files/ImagePreview.tsx","../ng-ui-scale/src/modules/files/PreviewPortal.tsx","../ng-ui-scale/src/modules/files/UploadModal.tsx","../ng-ui-scale/src/modules/files/FilesTab.tsx","../ng-ui-scale/src/modules/files/Files.tsx"],"sourcesContent":["import {filesize} from 'filesize';\nimport {Link} from 'react-router-dom';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {\n\ttype PaginationSettings,\n\ttype ReactableColumnDef,\n\tReactableWithClientSidePagination,\n} from '@deviceinsight/ng-ui-components';\n\nimport imgDownload from 'assets/svg/icon_download.svg';\nimport {type TFunction, Trans, useTranslation} from 'i18n';\nimport {formatTimestamp} from 'utils/timestampUtils';\nimport type {FileDescriptor} from './types';\n\ntype Props = {\n\tfiles: FileDescriptor[];\n\ttype: 'documents' | 'images';\n\tloading: boolean;\n\tonFilenameClick: (file: FileDescriptor) => void;\n\tonDownload: (file: FileDescriptor) => void;\n\tonDelete: (file: FileDescriptor) => void;\n};\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 10,\n\tsort: {\n\t\tproperty: 'creationDate',\n\t\tdirection: 'DESC',\n\t},\n};\n\nfunction getColumnDefinitions(\n\ttype: 'documents' | 'images',\n\tonFilenameClick: (file: FileDescriptor) => void,\n\tonDownloadFile: (file: FileDescriptor) => void,\n\tonDeleteFile: (file: FileDescriptor) => void,\n\tt: TFunction,\n): ReactableColumnDef<FileDescriptor>[] {\n\treturn [\n\t\t{\n\t\t\tname: 'filename',\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.filename\">Filename</Trans>,\n\t\t\twidth: '50%',\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text' as const,\n\n\t\t\t\tfilterFn(item: FileDescriptor, value: string) {\n\t\t\t\t\treturn item.filename.toLowerCase().indexOf(value.toLowerCase()) !== -1;\n\t\t\t\t},\n\t\t\t},\n\t\t\trender: (item: FileDescriptor) => (\n\t\t\t\t<Link to=\"#\" onClick={() => onFilenameClick(item)}>\n\t\t\t\t\t{item.filename}\n\t\t\t\t\t{item.context && (\n\t\t\t\t\t\t<span> [{item.context === 'svgWidget' ? 'Svg Widget' : 'Asset Image Widget'}]</span>\n\t\t\t\t\t)}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'size',\n\t\t\tsortable: true,\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.size\">Size</Trans>,\n\t\t\twidth: '20%',\n\t\t\trender: (item: FileDescriptor) => filesize(item.size),\n\t\t},\n\t\t{\n\t\t\tname: 'creationDate',\n\t\t\tsortable: true,\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.lastModificationDate\">Last modification date</Trans>,\n\t\t\twidth: '20%',\n\t\t\trender: (item: FileDescriptor) => formatTimestamp(new Date(item.creationDate).getTime()),\n\t\t},\n\t\t{\n\t\t\tname: 'deleteAndDownload',\n\t\t\tlabel: '',\n\t\t\talign: 'right' as const,\n\t\t\trender: (item: FileDescriptor) => (\n\t\t\t\t<>\n\t\t\t\t\t<Button onClick={() => onDownloadFile(item)} naked>\n\t\t\t\t\t\t<img src={imgDownload} alt=\"Download\" />\n\t\t\t\t\t</Button>\n\t\t\t\t\t<span\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\titem.context\n\t\t\t\t\t\t\t\t? t('assets.detail.files.deleteDisabledTooltip', {\n\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Cannot be removed because is used by some {{widget}}',\n\t\t\t\t\t\t\t\t\t\twidget: item.context === 'svgWidget' ? 'Svg Widget' : 'Asset Image Widget',\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\tdisabled={!!item.context}\n\t\t\t\t\t\t\tonClick={() => onDeleteFile(item)}\n\t\t\t\t\t\t\tdata-testid=\"delete-file-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport function FilesTable({files, loading, type, onFilenameClick, onDownload, onDelete}: Props) {\n\tconst {t} = useTranslation();\n\n\treturn (\n\t\t<ReactableWithClientSidePagination\n\t\t\tcolumnDefs={getColumnDefinitions(type, onFilenameClick, onDownload, onDelete, t)}\n\t\t\tuniqueItemKey={item => item.key}\n\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\titems={files}\n\t\t\tisLoading={loading}\n\t\t\ttableName={'filesTable'}\n\t\t/>\n\t);\n}\n","import {useEffect, useMemo, useState} from 'react';\n\nimport type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\n\nimport makeCancelable from 'utils/makeCancelable';\nimport {createFilesApi} from '../api';\nimport type {FileDescriptor} from '../types';\n\nexport type UseFilesReturnType = {\n\tloading: boolean;\n\tfiles: FileDescriptor[];\n\tuploadFile: (file: File, category: string | undefined) => void;\n\tdeleteFile: (file: FileDescriptor) => void;\n\tfetchFile: (file: FileDescriptor) => Promise<ArrayBuffer>;\n};\n\nexport function useFilesByTypeAndContext(\n\ttype: 'documents' | 'images',\n\tasset: Asset | undefined,\n\tassetGroup: AssetGroup | undefined,\n): UseFilesReturnType {\n\tconst filesApi = useMemo(() => createFilesApi(asset, assetGroup, type), [asset, assetGroup, type]);\n\tconst [loading, setLoading] = useState(false);\n\tconst [files, setFiles] = useState<FileDescriptor[]>([]);\n\n\tuseEffect(() => {\n\t\tconst {promise, cancel} = makeCancelable(filesApi.fetchFiles());\n\t\tpromise\n\t\t\t.then(files => {\n\t\t\t\tsetFiles(files);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\tif (!error.isCanceled) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t});\n\t\treturn cancel;\n\t}, [filesApi]);\n\n\tasync function uploadFile(file: File, category: string | undefined) {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tconst uploadedFile = await filesApi.uploadFile(file, category);\n\t\t\tsetFiles([...files, uploadedFile]);\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tasync function deleteFile(file: FileDescriptor) {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tawait filesApi.deleteFile(file.key);\n\t\t\tsetFiles(files.filter(fileDescriptor => fileDescriptor.key !== file.key));\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tfunction fetchFile(file: FileDescriptor): Promise<ArrayBuffer> {\n\t\treturn filesApi.fetchFile(file.key);\n\t}\n\n\treturn {\n\t\tloading,\n\t\tfiles,\n\t\tuploadFile,\n\t\tdeleteFile,\n\t\tfetchFile,\n\t};\n}\n","import {createContext, type PropsWithChildren} from 'react';\n\nimport type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\n\nimport {type UseFilesReturnType, useFilesByTypeAndContext} from './useFilesByTypeAndContext';\n\ntype ApiContextType = {\n\tdocuments: UseFilesReturnType;\n\timages: UseFilesReturnType;\n};\n\nconst dummyFiles: UseFilesReturnType = {\n\tdeleteFile: () => {},\n\tfiles: [],\n\tuploadFile: () => {},\n\tfetchFile: () => Promise.resolve(new ArrayBuffer(0)),\n\tloading: false,\n};\n\nexport const FilesContext = createContext<ApiContextType>({\n\tdocuments: dummyFiles,\n\timages: dummyFiles,\n});\n\ntype Props = {\n\tasset?: Asset;\n\tassetGroup?: AssetGroup;\n};\n\nexport function FilesContextProvider({asset, assetGroup, children}: PropsWithChildren<Props>) {\n\tconst documents = useFilesByTypeAndContext('documents', asset, assetGroup);\n\tconst images = useFilesByTypeAndContext('images', asset, assetGroup);\n\n\treturn <FilesContext.Provider value={{documents, images}}>{children}</FilesContext.Provider>;\n}\n","import {useContext} from 'react';\n\nimport {FilesContext} from './FilesContextProvider';\nimport type {UseFilesReturnType} from './useFilesByTypeAndContext';\n\nexport function useFiles(type: 'documents' | 'images'): UseFilesReturnType {\n\tconst {documents, images} = useContext(FilesContext);\n\tif (type === 'documents') return documents;\n\telse return images;\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAnCAYAAADtu3N3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCsYE1yvpwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFTSURBVEjHrdY9S5BhFAbgNykUKUIRE10kGxxsUgQXF2lLGppsCTcdGhprCZxqcNCxKRp0EcTJpaWGwBaDhpCIoJZECIQkTOty8Ajvfs7zAy44D/f5aJrkQweGmgLoEtZxioEs9sL5+4CODLQY0DfcyECzUdovjGagCfzGMaYz0DB+4j/mMlAPPsc/PclAnXgX0MuKLME2LldkaRdXM9BCQN8xmIHuRpYOMZaBxiNLfzFTkSV4WJWlZ9ksvQ3oVTZLawG9wZUM9jygT7iegYYCOsVIxQy/6LvXFbO8F3sBLlWAN7Ef4HwFOIkjnOBOBXgP/6Inb1eAj6LcH1ULdjnAj7hWEZmNkgkbYBfep2d/C+zDlwCfVoC3cBD78kEFOIU/6U3eAu9HBnM3Rgt8XHL9tMCV1l3WXZHBzQC3UodegN3YCXC1otx+fA2wpIeHsdA0TXMGpWMqV6FcS+MAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAnCAYAAAACeRhJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCwH0RU0lQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFISURBVEjHrdaxS9VhFAZgja43JUy4uETocBsjwSXvLLnYEjQn4pKb4B6I08XJ1SXK6bo4Oogt3T0QHXTLJMGWFDFI83HwDM7f+Z0/4OF7h++8pwfD6O/JDn5gD0NZaM3dfEVfBqphJ7D17KueRDxYzmIj+BXYXBYbxwWuMJXFpnGNc4xlsQ8R8RjPslg7sF0MZqBedALbRi2D1fEtsE/ZiA0cBPYxizVxGtj7LPYKl/iHySz2Fv/xBy+y2EJEPMLTLLYa2Hc8zkAPsBnYFh5msIF72+JNBloM5CeGS5F3uMEZXpYiLfyNnfW6FHmO3xFpNvPnDgNZKkUeoRvIl8xe2rjXfbVSaCWQ/eI2xnwgJxjNtskFxrP9do3pKhp3vooboF3FVdJBbyn0OZAu6qXIUiAHaJQiM4GcoplZUCdRMxNVVEwre9TeAsA6JS24jJJMAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDQxnLQ5VQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAGASURBVEjHvde3UgMxEIBhAUNBdoKCHEo/Aa9BCwWtXw7GBRVDGPKAzzahIaeKmhp+CmSP5izJF/a8rXb3mztJJ51SRgB9qkfRb6AVpdQWMCiNANPANlAKD1SAX/6jKolr9F73bgKF1sCGgSKJh9BWBEBOAbPAE52RCtfog6XvLjDUSpoDnqVwD7rXRo3keeAlLQ7MONB9YNhVlArX6KOl/sCJGsULwGtc3IMedkWNJovAW1Tcgx4BI3EXSCTcgx4Do0m3xBLw7sI96Eli1MCXgQ9L8x0HegqMSX32XHg4zsRQA18BPj3oOTCeyVEGrDrQ746TRxAtATeeJ66KH6kavY4wx3I4UHSgl8BXJrhGm66FBJTFcaAANCxNL8zVK4pHRUVxjdYdczrhqUuOA/kkaCpco4Gl6ArIxZim6LhGa5bkWhw0Fg7kHGgA5FNsRT8OrFnu1fU0aBf81rzUbwI/eqDRHpD58pn4HTAZTljXr7yYwQFT1tfbKVfCQK/+Fv8AJCO91qtSsKIAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAdCAYAAACqhkzFAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDYA/1xb7QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADlSURBVEjH7dW/CsIwEAbw7ySDjyFOujgJ4jMU3AWp7eJLCE7+2ZzENxB8GmdHV0FBN5f6uVQMIW0aCk45KLSX3I9LCI3AEiRHAGYoj4WInMykKpjcBhA5wJ0t2XAULQF0jedQVqAc4FVEzsZ2PMoKXB16RwADGMAA/gdUJFsAJkZ+WKF2TLKvfWcA9kpELiSbAOaezcTa+xtAKiJP/U+84i+2JBOSHcsFNsjHjvncjGSMgtvui95I9opaIxmRfOXYtHQdLtQL04rWNtTAEq8dN9FamIZucvSuYWmtg6qh9TFj+ZWwD7+x6apgNh+aAAAAAElFTkSuQmCC\"","import {SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\n\ntype Props = {\n\tloading: boolean;\n\tcontent: string | undefined;\n\tcontentType: string;\n};\n\nexport const ImagePreview = ({contentType, loading, content}: Props) => (\n\t<div className=\"image-preview\">\n\t\t<SpinnerContainer show={loading}>\n\t\t\t{contentType === 'image/svg+xml' && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"svg-preview\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundImage: `url(\"${loading || !content ? '' : content}\")`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{contentType !== 'image/svg+xml' && <img src={content} alt=\"\" />}\n\t\t</SpinnerContainer>\n\t</div>\n);\n","import {saveAs} from 'file-saver';\nimport KeyboardJS from 'keyboardjs';\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nimport previousImg from 'assets/img/preview-arrow-left.png';\nimport nextImg from 'assets/img/preview-arrow-right.png';\nimport closeImg from 'assets/img/preview-close.png';\nimport downloadImg from 'assets/img/preview-download.png';\nimport {ImagePreview} from './ImagePreview';\nimport './PreviewPortal.scss';\n\nimport type {FileDescriptor} from './types';\nimport {transformArrayBufferToBase64WithContentType} from './utils';\n\ntype Props = {\n\tinitialImageNumber: number;\n\titems: FileDescriptor[];\n\tonDownload: (file: FileDescriptor) => Promise<ArrayBuffer>;\n\tonClose: () => void;\n};\n\nexport const PreviewPortal = ({initialImageNumber, items, onDownload, onClose}: Props) => {\n\tconst [current, setCurrent] = useState(initialImageNumber);\n\tconst [content, setContent] = useState<string | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\n\tconst showNext = useCallback(() => setCurrent(current => Math.min(items.length - 1, current + 1)), [items]);\n\tconst showPrevious = useCallback(() => setCurrent(current => Math.max(0, current - 1)), []);\n\tconst cacheRef = useRef<Record<string, any>>({});\n\n\tuseEffect(() => {\n\t\tKeyboardJS.addListener('right', showNext);\n\t\tKeyboardJS.addListener('left', showPrevious);\n\t\tKeyboardJS.addListener('esc', onClose);\n\t\treturn () => {\n\t\t\tKeyboardJS.removeListener('right', showNext);\n\t\t\tKeyboardJS.removeListener('left', showPrevious);\n\t\t\tKeyboardJS.removeListener('esc', onClose);\n\t\t};\n\t}, [showNext, showPrevious, onClose]);\n\tconst currentDescriptor = items[current];\n\n\tuseEffect(() => {\n\t\tconst cachedArrayBuffer = cacheRef.current[currentDescriptor.key];\n\n\t\tif (cachedArrayBuffer) {\n\t\t\tsetContent(transformArrayBufferToBase64WithContentType(currentDescriptor.contentType, cachedArrayBuffer));\n\t\t} else {\n\t\t\tsetLoading(true);\n\t\t\tonDownload(currentDescriptor).then((arrayBuffer: ArrayBuffer) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tcacheRef.current[currentDescriptor.key] = arrayBuffer;\n\t\t\t\tsetContent(transformArrayBufferToBase64WithContentType(currentDescriptor.contentType, arrayBuffer));\n\t\t\t});\n\t\t}\n\t}, [currentDescriptor, onDownload]);\n\n\tconst handleDownloadClick = () => {\n\t\tsaveAs(new Blob([cacheRef.current[currentDescriptor.key]]), currentDescriptor.filename);\n\t};\n\n\tconst previousAvailable = items.length > 0 && current > 0;\n\tconst nextAvailable = items.length > 0 && current < items.length - 1;\n\tconst {body} = document;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn createPortal(\n\t\t<div className=\"di file-previewer\">\n\t\t\t<div className=\"background\" />\n\t\t\t<div className=\"header\">\n\t\t\t\t<h1 className=\"filename\">{currentDescriptor.filename}</h1>\n\t\t\t\t<button className=\"btn close\" onClick={onClose}>\n\t\t\t\t\t<span role=\"img\" aria-label=\"close\">\n\t\t\t\t\t\t<img src={closeImg} alt=\"close\" />\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"content\">\n\t\t\t\t<div className=\"left\">\n\t\t\t\t\t{previousAvailable && (\n\t\t\t\t\t\t<button className=\"btn previous\" onClick={showPrevious}>\n\t\t\t\t\t\t\t<span role=\"img\" aria-label=\"previous\">\n\t\t\t\t\t\t\t\t<img src={previousImg} alt=\"previous\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"center\">\n\t\t\t\t\t<ImagePreview loading={loading} content={content} contentType={currentDescriptor.contentType} />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"right\">\n\t\t\t\t\t{nextAvailable && (\n\t\t\t\t\t\t<button className=\"btn next\" onClick={showNext}>\n\t\t\t\t\t\t\t<span role=\"img\" aria-label=\"next\">\n\t\t\t\t\t\t\t\t<img src={nextImg} alt=\"next\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"footer\">\n\t\t\t\t<button className=\"btn download\" onClick={handleDownloadClick} disabled={loading}>\n\t\t\t\t\t<span role=\"img\" aria-label=\"close\">\n\t\t\t\t\t\t<img src={downloadImg} alt=\"download\" />\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>,\n\t\tbody,\n\t);\n};\n","import {useState} from 'react';\n\nimport {Button, Modal, SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {FileUploadInput} from 'components/inputs/FileUploadInput';\nimport {Trans, useTranslation} from 'i18n';\n\ntype Props = {\n\tfileType: 'documents' | 'images';\n\tonClose: () => void;\n\tonUpload: (file: File, type: 'documents' | 'images') => any;\n};\n\nexport const UploadModal = ({fileType, onClose, onUpload}: Props) => {\n\tconst {t} = useTranslation();\n\tconst [file, setFile] = useState<File | null | undefined>(null);\n\tconst [fileError, setFileError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst isValid = file && !fileError;\n\n\tconst handleSubmit = async (file: File | null | undefined) => {\n\t\tif (!file) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetLoading(true);\n\n\t\ttry {\n\t\t\tawait onUpload(file, fileType);\n\t\t\tonClose();\n\t\t} catch (e: any) {\n\t\t\tmessageBoxError(e.message);\n\t\t\tconsole.error(e);\n\t\t\tsetLoading(false);\n\t\t}\n\t};\n\tconst handleSetFile = (nextFile: File | null | undefined) => {\n\t\tsetFile(nextFile);\n\n\t\tif (!nextFile) {\n\t\t\tsetFileError(\n\t\t\t\tt('assets.detail.files.uploadForm.error.missingFile', {\n\t\t\t\t\tdefaultValue: 'Please select a file',\n\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tsetFileError('');\n\t\t}\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\twidth={450}\n\t\t\theader={\n\t\t\t\tfileType === 'documents' ? (\n\t\t\t\t\t<Trans i18nKey=\"assets.detail.files.uploadForm.addDocument\">Add document</Trans>\n\t\t\t\t) : (\n\t\t\t\t\t<Trans i18nKey=\"assets.detail.files.uploadForm.addImage\">Add image</Trans>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<SpinnerContainer show={loading}>\n\t\t\t\t\t<FileUploadInput\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"assets.detail.files.uploadForm.fileLabel\">File to upload</Trans>}\n\t\t\t\t\t\tonChange={handleSetFile}\n\t\t\t\t\t\timagesOnly={fileType === 'images'}\n\t\t\t\t\t\terror={fileError}\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</SpinnerContainer>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={() => handleSubmit(file)}\n\t\t\t\t\t\tprimary\n\t\t\t\t\t\tdisabled={!isValid || loading}\n\t\t\t\t\t\tdata-testid=\"save-button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.save\">Save</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button onClick={onClose}>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n};\n","import {saveAs} from 'file-saver';\nimport {useMemo, useState} from 'react';\n\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {HasAuthorities} from 'components/auth/HasAuthorities';\nimport {getCustomFileCategories} from 'customization/customFileCategories';\nimport {Trans, useTranslation} from 'i18n';\nimport {FilesTable} from './FilesTable';\nimport {useFiles} from './filesContext/useFiles';\nimport {PreviewPortal} from './PreviewPortal';\nimport type {FileDescriptor} from './types';\nimport {UploadModal} from './UploadModal';\n\ntype Props = {\n\ttype: 'documents' | 'images';\n\tcategory?: string | undefined;\n};\n\nfunction filterFilesByCategory(files: FileDescriptor[], category: string | undefined): FileDescriptor[] {\n\tconst allCategories = getCustomFileCategories().map(({categoryName}) => categoryName);\n\tif (category && allCategories.includes(category)) {\n\t\treturn files.filter(fileDescriptor => fileDescriptor.category === category);\n\t} else {\n\t\treturn files.filter(\n\t\t\tfileDescriptor => !fileDescriptor.category || !allCategories.includes(fileDescriptor.category),\n\t\t);\n\t}\n}\n\nexport function FilesTab({type, category}: Props) {\n\tconst {loading, files: allFiles, uploadFile, deleteFile, fetchFile} = useFiles(type);\n\tconst files = useMemo(() => filterFilesByCategory(allFiles, category), [allFiles, category]);\n\tconst [uploadModalVisible, setUploadModalVisible] = useState(false);\n\tconst [previewModalVisible, setPreviewModalVisible] = useState(false);\n\tconst [initialPreviewImageIndex, setInitialPreviewImageIndex] = useState<number>(0);\n\tconst {t} = useTranslation();\n\tconst confirm = useConfirm();\n\n\tasync function handleDownload(file: FileDescriptor) {\n\t\tconst arrayBuffer = await fetchFile(file);\n\t\tsaveAs(new Blob([arrayBuffer]), file.filename);\n\t}\n\n\tfunction handleFilenameClick(file: FileDescriptor) {\n\t\tif (type === 'images') {\n\t\t\tsetInitialPreviewImageIndex(files.indexOf(file));\n\t\t\tsetPreviewModalVisible(true);\n\t\t} else {\n\t\t\thandleDownload(file);\n\t\t}\n\t}\n\n\tasync function handleUploadFile(file: File) {\n\t\ttry {\n\t\t\tawait uploadFile(file, category);\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t\tmessageBoxError(<Trans i18nKey=\"files.error.unknown\">Operation failed</Trans>);\n\t\t}\n\t}\n\n\tasync function handleDelete(file: FileDescriptor) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('assets.detail.files.deleteConfirmTitle', {defaultValue: 'Delete File'}),\n\t\t\tmessage: t('assets.detail.files.deleteConfirmMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this file?',\n\t\t\t}),\n\t\t});\n\n\t\tif (confirmed) {\n\t\t\tawait deleteFile(file);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div>\n\t\t\t<FilesTable\n\t\t\t\tfiles={files}\n\t\t\t\tloading={loading}\n\t\t\t\ttype={type}\n\t\t\t\tonDownload={handleDownload}\n\t\t\t\tonFilenameClick={handleFilenameClick}\n\t\t\t\tonDelete={handleDelete}\n\t\t\t/>\n\t\t\t<HasAuthorities authorities={['WRITE_ASSET_OR_ASSET_GROUP_FILE'] as string[]}>\n\t\t\t\t<Button onClick={() => setUploadModalVisible(true)} data-testid=\"add-file-button\">\n\t\t\t\t\t<Icon add />\n\t\t\t\t\t{type === 'images' && <Trans i18nKey=\"assets.detail.files.addImage\">Add image</Trans>}\n\t\t\t\t\t{type === 'documents' && <Trans i18nKey=\"assets.detail.files.addFile\">Add file</Trans>}\n\t\t\t\t</Button>\n\t\t\t</HasAuthorities>\n\t\t\t{uploadModalVisible && (\n\t\t\t\t<UploadModal fileType={type} onClose={() => setUploadModalVisible(false)} onUpload={handleUploadFile} />\n\t\t\t)}\n\t\t\t{previewModalVisible && (\n\t\t\t\t<PreviewPortal\n\t\t\t\t\tinitialImageNumber={initialPreviewImageIndex}\n\t\t\t\t\titems={files}\n\t\t\t\t\tonDownload={fetchFile}\n\t\t\t\t\tonClose={() => setPreviewModalVisible(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\nimport {ContentHeader, RouteTabs} from '@deviceinsight/ng-ui-components';\n\nimport {getCustomFileCategories} from 'customization/customFileCategories';\nimport {Trans} from 'i18n';\nimport {FilesTab} from './FilesTab';\nimport {FilesContextProvider} from './filesContext/FilesContextProvider';\n\ntype Props = {\n\tasset?: Asset;\n\tassetGroup?: AssetGroup;\n};\n\nfunction createRouteTabs() {\n\treturn [\n\t\t{\n\t\t\tpath: 'documents',\n\t\t\trenderHeading: () => <Trans i18nKey=\"assets.detail.files.tabs.documents\">Documents</Trans>,\n\t\t\trenderBody: () => <FilesTab type=\"documents\" />,\n\t\t},\n\t\t...getCustomFileCategories()\n\t\t\t.filter(({type}) => type === 'documents')\n\t\t\t.map(({categoryName, locizeKey, locizeDefaultValue}) => ({\n\t\t\t\tpath: categoryName,\n\t\t\t\trenderHeading: () => <Trans i18nKey={locizeKey}>{locizeDefaultValue}</Trans>,\n\t\t\t\trenderBody: () => <FilesTab type=\"documents\" category={categoryName} />,\n\t\t\t})),\n\t\t{\n\t\t\tpath: 'images',\n\t\t\trenderHeading: () => <Trans i18nKey=\"assets.detail.files.tabs.images\">Images</Trans>,\n\t\t\trenderBody: () => <FilesTab type=\"images\" />,\n\t\t},\n\t\t...getCustomFileCategories()\n\t\t\t.filter(({type}) => type === 'images')\n\t\t\t.map(({categoryName, locizeKey, locizeDefaultValue}) => ({\n\t\t\t\tpath: categoryName,\n\t\t\t\trenderHeading: () => <Trans i18nKey={locizeKey}>{locizeDefaultValue}</Trans>,\n\t\t\t\trenderBody: () => <FilesTab type=\"images\" category={categoryName} />,\n\t\t\t})),\n\t];\n}\n\nexport default function Files({asset, assetGroup}: Props) {\n\treturn (\n\t\t<div>\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'assets.detail.files.name',\n\t\t\t\t\tdefaultValue: 'Files',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<FilesContextProvider asset={asset} assetGroup={assetGroup}>\n\t\t\t\t<RouteTabs pages={createRouteTabs()} />\n\t\t\t</FilesContextProvider>\n\t\t</div>\n\t);\n}\n"],"names":["INITIAL_PAGINATION_SETTINGS","getColumnDefinitions","type","onFilenameClick","onDownloadFile","onDeleteFile","t","jsx","Trans","item","value","jsxs","Link","filesize","formatTimestamp","Fragment","Button","imgDownload","Icon","FilesTable","files","loading","onDownload","onDelete","useTranslation","ReactableWithClientSidePagination","useFilesByTypeAndContext","asset","assetGroup","filesApi","useMemo","createFilesApi","setLoading","useState","setFiles","useEffect","promise","cancel","makeCancelable","error","uploadFile","file","category","uploadedFile","deleteFile","fileDescriptor","fetchFile","dummyFiles","FilesContext","createContext","FilesContextProvider","children","documents","images","useFiles","useContext","previousImg","nextImg","closeImg","downloadImg","ImagePreview","contentType","content","SpinnerContainer","PreviewPortal","initialImageNumber","items","onClose","current","setCurrent","setContent","showNext","useCallback","showPrevious","cacheRef","useRef","KeyboardJS","currentDescriptor","cachedArrayBuffer","transformArrayBufferToBase64WithContentType","arrayBuffer","handleDownloadClick","saveAs","previousAvailable","nextAvailable","body","createPortal","UploadModal","fileType","onUpload","setFile","fileError","setFileError","isValid","handleSubmit","e","messageBoxError","Modal","FileUploadInput","nextFile","filterFilesByCategory","allCategories","getCustomFileCategories","categoryName","FilesTab","allFiles","uploadModalVisible","setUploadModalVisible","previewModalVisible","setPreviewModalVisible","initialPreviewImageIndex","setInitialPreviewImageIndex","confirm","useConfirm","handleDownload","handleFilenameClick","handleUploadFile","handleDelete","HasAuthorities","createRouteTabs","locizeKey","locizeDefaultValue","Files","ContentHeader","RouteTabs"],"mappings":"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"}
1
+ {"version":3,"file":"Files-mFzfngqf.js","sources":["../ng-ui-scale/src/modules/files/FilesTable.tsx","../ng-ui-scale/src/modules/files/filesContext/useFilesByTypeAndContext.ts","../ng-ui-scale/src/modules/files/filesContext/FilesContextProvider.tsx","../ng-ui-scale/src/modules/files/filesContext/useFiles.ts","../ng-ui-scale/src/assets/img/preview-arrow-left.png","../ng-ui-scale/src/assets/img/preview-arrow-right.png","../ng-ui-scale/src/assets/img/preview-close.png","../ng-ui-scale/src/assets/img/preview-download.png","../ng-ui-scale/src/modules/files/ImagePreview.tsx","../ng-ui-scale/src/modules/files/PreviewPortal.tsx","../ng-ui-scale/src/modules/files/UploadModal.tsx","../ng-ui-scale/src/modules/files/FilesTab.tsx","../ng-ui-scale/src/modules/files/Files.tsx"],"sourcesContent":["import {filesize} from 'filesize';\nimport {Link} from 'react-router-dom';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {\n\ttype PaginationSettings,\n\ttype ReactableColumnDef,\n\tReactableWithClientSidePagination,\n} from '@deviceinsight/ng-ui-components';\n\nimport imgDownload from 'assets/svg/icon_download.svg';\nimport {type TFunction, Trans, useTranslation} from 'i18n';\nimport {formatTimestamp} from 'utils/timestampUtils';\nimport type {FileDescriptor} from './types';\n\ntype Props = {\n\tfiles: FileDescriptor[];\n\ttype: 'documents' | 'images';\n\tloading: boolean;\n\tonFilenameClick: (file: FileDescriptor) => void;\n\tonDownload: (file: FileDescriptor) => void;\n\tonDelete: (file: FileDescriptor) => void;\n};\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 10,\n\tsort: {\n\t\tproperty: 'creationDate',\n\t\tdirection: 'DESC',\n\t},\n};\n\nfunction getColumnDefinitions(\n\ttype: 'documents' | 'images',\n\tonFilenameClick: (file: FileDescriptor) => void,\n\tonDownloadFile: (file: FileDescriptor) => void,\n\tonDeleteFile: (file: FileDescriptor) => void,\n\tt: TFunction,\n): ReactableColumnDef<FileDescriptor>[] {\n\treturn [\n\t\t{\n\t\t\tname: 'filename',\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.filename\">Filename</Trans>,\n\t\t\twidth: '50%',\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text' as const,\n\n\t\t\t\tfilterFn(item: FileDescriptor, value: string) {\n\t\t\t\t\treturn item.filename.toLowerCase().indexOf(value.toLowerCase()) !== -1;\n\t\t\t\t},\n\t\t\t},\n\t\t\trender: (item: FileDescriptor) => (\n\t\t\t\t<Link to=\"#\" onClick={() => onFilenameClick(item)}>\n\t\t\t\t\t{item.filename}\n\t\t\t\t\t{item.context && (\n\t\t\t\t\t\t<span> [{item.context === 'svgWidget' ? 'Svg Widget' : 'Asset Image Widget'}]</span>\n\t\t\t\t\t)}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'size',\n\t\t\tsortable: true,\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.size\">Size</Trans>,\n\t\t\twidth: '20%',\n\t\t\trender: (item: FileDescriptor) => filesize(item.size),\n\t\t},\n\t\t{\n\t\t\tname: 'creationDate',\n\t\t\tsortable: true,\n\t\t\tlabel: <Trans i18nKey=\"assets.detail.files.columns.lastModificationDate\">Last modification date</Trans>,\n\t\t\twidth: '20%',\n\t\t\trender: (item: FileDescriptor) => formatTimestamp(new Date(item.creationDate).getTime()),\n\t\t},\n\t\t{\n\t\t\tname: 'deleteAndDownload',\n\t\t\tlabel: '',\n\t\t\talign: 'right' as const,\n\t\t\trender: (item: FileDescriptor) => (\n\t\t\t\t<>\n\t\t\t\t\t<Button onClick={() => onDownloadFile(item)} naked>\n\t\t\t\t\t\t<img src={imgDownload} alt=\"Download\" />\n\t\t\t\t\t</Button>\n\t\t\t\t\t<span\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\titem.context\n\t\t\t\t\t\t\t\t? t('assets.detail.files.deleteDisabledTooltip', {\n\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Cannot be removed because is used by some {{widget}}',\n\t\t\t\t\t\t\t\t\t\twidget: item.context === 'svgWidget' ? 'Svg Widget' : 'Asset Image Widget',\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\tdisabled={!!item.context}\n\t\t\t\t\t\t\tonClick={() => onDeleteFile(item)}\n\t\t\t\t\t\t\tdata-testid=\"delete-file-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport function FilesTable({files, loading, type, onFilenameClick, onDownload, onDelete}: Props) {\n\tconst {t} = useTranslation();\n\n\treturn (\n\t\t<ReactableWithClientSidePagination\n\t\t\tcolumnDefs={getColumnDefinitions(type, onFilenameClick, onDownload, onDelete, t)}\n\t\t\tuniqueItemKey={item => item.key}\n\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\titems={files}\n\t\t\tisLoading={loading}\n\t\t\ttableName={'filesTable'}\n\t\t/>\n\t);\n}\n","import {useEffect, useMemo, useState} from 'react';\n\nimport type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\n\nimport makeCancelable from 'utils/makeCancelable';\nimport {createFilesApi} from '../api';\nimport type {FileDescriptor} from '../types';\n\nexport type UseFilesReturnType = {\n\tloading: boolean;\n\tfiles: FileDescriptor[];\n\tuploadFile: (file: File, category: string | undefined) => void;\n\tdeleteFile: (file: FileDescriptor) => void;\n\tfetchFile: (file: FileDescriptor) => Promise<ArrayBuffer>;\n};\n\nexport function useFilesByTypeAndContext(\n\ttype: 'documents' | 'images',\n\tasset: Asset | undefined,\n\tassetGroup: AssetGroup | undefined,\n): UseFilesReturnType {\n\tconst filesApi = useMemo(() => createFilesApi(asset, assetGroup, type), [asset, assetGroup, type]);\n\tconst [loading, setLoading] = useState(false);\n\tconst [files, setFiles] = useState<FileDescriptor[]>([]);\n\n\tuseEffect(() => {\n\t\tconst {promise, cancel} = makeCancelable(filesApi.fetchFiles());\n\t\tpromise\n\t\t\t.then(files => {\n\t\t\t\tsetFiles(files);\n\t\t\t\tsetLoading(false);\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\tif (!error.isCanceled) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t});\n\t\treturn cancel;\n\t}, [filesApi]);\n\n\tasync function uploadFile(file: File, category: string | undefined) {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tconst uploadedFile = await filesApi.uploadFile(file, category);\n\t\t\tsetFiles([...files, uploadedFile]);\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tasync function deleteFile(file: FileDescriptor) {\n\t\tsetLoading(true);\n\t\ttry {\n\t\t\tawait filesApi.deleteFile(file.key);\n\t\t\tsetFiles(files.filter(fileDescriptor => fileDescriptor.key !== file.key));\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tfunction fetchFile(file: FileDescriptor): Promise<ArrayBuffer> {\n\t\treturn filesApi.fetchFile(file.key);\n\t}\n\n\treturn {\n\t\tloading,\n\t\tfiles,\n\t\tuploadFile,\n\t\tdeleteFile,\n\t\tfetchFile,\n\t};\n}\n","import {createContext, type PropsWithChildren} from 'react';\n\nimport type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\n\nimport {type UseFilesReturnType, useFilesByTypeAndContext} from './useFilesByTypeAndContext';\n\ntype ApiContextType = {\n\tdocuments: UseFilesReturnType;\n\timages: UseFilesReturnType;\n};\n\nconst dummyFiles: UseFilesReturnType = {\n\tdeleteFile: () => {},\n\tfiles: [],\n\tuploadFile: () => {},\n\tfetchFile: () => Promise.resolve(new ArrayBuffer(0)),\n\tloading: false,\n};\n\nexport const FilesContext = createContext<ApiContextType>({\n\tdocuments: dummyFiles,\n\timages: dummyFiles,\n});\n\ntype Props = {\n\tasset?: Asset;\n\tassetGroup?: AssetGroup;\n};\n\nexport function FilesContextProvider({asset, assetGroup, children}: PropsWithChildren<Props>) {\n\tconst documents = useFilesByTypeAndContext('documents', asset, assetGroup);\n\tconst images = useFilesByTypeAndContext('images', asset, assetGroup);\n\n\treturn <FilesContext.Provider value={{documents, images}}>{children}</FilesContext.Provider>;\n}\n","import {useContext} from 'react';\n\nimport {FilesContext} from './FilesContextProvider';\nimport type {UseFilesReturnType} from './useFilesByTypeAndContext';\n\nexport function useFiles(type: 'documents' | 'images'): UseFilesReturnType {\n\tconst {documents, images} = useContext(FilesContext);\n\tif (type === 'documents') return documents;\n\telse return images;\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAnCAYAAADtu3N3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCsYE1yvpwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFTSURBVEjHrdY9S5BhFAbgNykUKUIRE10kGxxsUgQXF2lLGppsCTcdGhprCZxqcNCxKRp0EcTJpaWGwBaDhpCIoJZECIQkTOty8Ajvfs7zAy44D/f5aJrkQweGmgLoEtZxioEs9sL5+4CODLQY0DfcyECzUdovjGagCfzGMaYz0DB+4j/mMlAPPsc/PclAnXgX0MuKLME2LldkaRdXM9BCQN8xmIHuRpYOMZaBxiNLfzFTkSV4WJWlZ9ksvQ3oVTZLawG9wZUM9jygT7iegYYCOsVIxQy/6LvXFbO8F3sBLlWAN7Ef4HwFOIkjnOBOBXgP/6Inb1eAj6LcH1ULdjnAj7hWEZmNkgkbYBfep2d/C+zDlwCfVoC3cBD78kEFOIU/6U3eAu9HBnM3Rgt8XHL9tMCV1l3WXZHBzQC3UodegN3YCXC1otx+fA2wpIeHsdA0TXMGpWMqV6FcS+MAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAnCAYAAAACeRhJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCCwH0RU0lQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFISURBVEjHrdaxS9VhFAZgja43JUy4uETocBsjwSXvLLnYEjQn4pKb4B6I08XJ1SXK6bo4Oogt3T0QHXTLJMGWFDFI83HwDM7f+Z0/4OF7h++8pwfD6O/JDn5gD0NZaM3dfEVfBqphJ7D17KueRDxYzmIj+BXYXBYbxwWuMJXFpnGNc4xlsQ8R8RjPslg7sF0MZqBedALbRi2D1fEtsE/ZiA0cBPYxizVxGtj7LPYKl/iHySz2Fv/xBy+y2EJEPMLTLLYa2Hc8zkAPsBnYFh5msIF72+JNBloM5CeGS5F3uMEZXpYiLfyNnfW6FHmO3xFpNvPnDgNZKkUeoRvIl8xe2rjXfbVSaCWQ/eI2xnwgJxjNtskFxrP9do3pKhp3vooboF3FVdJBbyn0OZAu6qXIUiAHaJQiM4GcoplZUCdRMxNVVEwre9TeAsA6JS24jJJMAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDQxnLQ5VQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAGASURBVEjHvde3UgMxEIBhAUNBdoKCHEo/Aa9BCwWtXw7GBRVDGPKAzzahIaeKmhp+CmSP5izJF/a8rXb3mztJJ51SRgB9qkfRb6AVpdQWMCiNANPANlAKD1SAX/6jKolr9F73bgKF1sCGgSKJh9BWBEBOAbPAE52RCtfog6XvLjDUSpoDnqVwD7rXRo3keeAlLQ7MONB9YNhVlArX6KOl/sCJGsULwGtc3IMedkWNJovAW1Tcgx4BI3EXSCTcgx4Do0m3xBLw7sI96Eli1MCXgQ9L8x0HegqMSX32XHg4zsRQA18BPj3oOTCeyVEGrDrQ746TRxAtATeeJ66KH6kavY4wx3I4UHSgl8BXJrhGm66FBJTFcaAANCxNL8zVK4pHRUVxjdYdczrhqUuOA/kkaCpco4Gl6ArIxZim6LhGa5bkWhw0Fg7kHGgA5FNsRT8OrFnu1fU0aBf81rzUbwI/eqDRHpD58pn4HTAZTljXr7yYwQFT1tfbKVfCQK/+Fv8AJCO91qtSsKIAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAdCAYAAACqhkzFAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4ggUCDYA/1xb7QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADlSURBVEjH7dW/CsIwEAbw7ySDjyFOujgJ4jMU3AWp7eJLCE7+2ZzENxB8GmdHV0FBN5f6uVQMIW0aCk45KLSX3I9LCI3AEiRHAGYoj4WInMykKpjcBhA5wJ0t2XAULQF0jedQVqAc4FVEzsZ2PMoKXB16RwADGMAA/gdUJFsAJkZ+WKF2TLKvfWcA9kpELiSbAOaezcTa+xtAKiJP/U+84i+2JBOSHcsFNsjHjvncjGSMgtvui95I9opaIxmRfOXYtHQdLtQL04rWNtTAEq8dN9FamIZucvSuYWmtg6qh9TFj+ZWwD7+x6apgNh+aAAAAAElFTkSuQmCC\"","import {SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\n\ntype Props = {\n\tloading: boolean;\n\tcontent: string | undefined;\n\tcontentType: string;\n};\n\nexport const ImagePreview = ({contentType, loading, content}: Props) => (\n\t<div className=\"image-preview\">\n\t\t<SpinnerContainer show={loading}>\n\t\t\t{contentType === 'image/svg+xml' && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"svg-preview\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundImage: `url(\"${loading || !content ? '' : content}\")`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{contentType !== 'image/svg+xml' && <img src={content} alt=\"\" />}\n\t\t</SpinnerContainer>\n\t</div>\n);\n","import {saveAs} from 'file-saver';\nimport KeyboardJS from 'keyboardjs';\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nimport previousImg from 'assets/img/preview-arrow-left.png';\nimport nextImg from 'assets/img/preview-arrow-right.png';\nimport closeImg from 'assets/img/preview-close.png';\nimport downloadImg from 'assets/img/preview-download.png';\nimport {ImagePreview} from './ImagePreview';\nimport './PreviewPortal.scss';\n\nimport type {FileDescriptor} from './types';\nimport {transformArrayBufferToBase64WithContentType} from './utils';\n\ntype Props = {\n\tinitialImageNumber: number;\n\titems: FileDescriptor[];\n\tonDownload: (file: FileDescriptor) => Promise<ArrayBuffer>;\n\tonClose: () => void;\n};\n\nexport const PreviewPortal = ({initialImageNumber, items, onDownload, onClose}: Props) => {\n\tconst [current, setCurrent] = useState(initialImageNumber);\n\tconst [content, setContent] = useState<string | undefined>();\n\tconst [loading, setLoading] = useState(false);\n\n\tconst showNext = useCallback(() => setCurrent(current => Math.min(items.length - 1, current + 1)), [items]);\n\tconst showPrevious = useCallback(() => setCurrent(current => Math.max(0, current - 1)), []);\n\tconst cacheRef = useRef<Record<string, any>>({});\n\n\tuseEffect(() => {\n\t\tKeyboardJS.addListener('right', showNext);\n\t\tKeyboardJS.addListener('left', showPrevious);\n\t\tKeyboardJS.addListener('esc', onClose);\n\t\treturn () => {\n\t\t\tKeyboardJS.removeListener('right', showNext);\n\t\t\tKeyboardJS.removeListener('left', showPrevious);\n\t\t\tKeyboardJS.removeListener('esc', onClose);\n\t\t};\n\t}, [showNext, showPrevious, onClose]);\n\tconst currentDescriptor = items[current];\n\n\tuseEffect(() => {\n\t\tconst cachedArrayBuffer = cacheRef.current[currentDescriptor.key];\n\n\t\tif (cachedArrayBuffer) {\n\t\t\tsetContent(transformArrayBufferToBase64WithContentType(currentDescriptor.contentType, cachedArrayBuffer));\n\t\t} else {\n\t\t\tsetLoading(true);\n\t\t\tonDownload(currentDescriptor).then((arrayBuffer: ArrayBuffer) => {\n\t\t\t\tsetLoading(false);\n\t\t\t\tcacheRef.current[currentDescriptor.key] = arrayBuffer;\n\t\t\t\tsetContent(transformArrayBufferToBase64WithContentType(currentDescriptor.contentType, arrayBuffer));\n\t\t\t});\n\t\t}\n\t}, [currentDescriptor, onDownload]);\n\n\tconst handleDownloadClick = () => {\n\t\tsaveAs(new Blob([cacheRef.current[currentDescriptor.key]]), currentDescriptor.filename);\n\t};\n\n\tconst previousAvailable = items.length > 0 && current > 0;\n\tconst nextAvailable = items.length > 0 && current < items.length - 1;\n\tconst {body} = document;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn createPortal(\n\t\t<div className=\"di file-previewer\">\n\t\t\t<div className=\"background\" />\n\t\t\t<div className=\"header\">\n\t\t\t\t<h1 className=\"filename\">{currentDescriptor.filename}</h1>\n\t\t\t\t<button className=\"btn close\" onClick={onClose}>\n\t\t\t\t\t<span role=\"img\" aria-label=\"close\">\n\t\t\t\t\t\t<img src={closeImg} alt=\"close\" />\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"content\">\n\t\t\t\t<div className=\"left\">\n\t\t\t\t\t{previousAvailable && (\n\t\t\t\t\t\t<button className=\"btn previous\" onClick={showPrevious}>\n\t\t\t\t\t\t\t<span role=\"img\" aria-label=\"previous\">\n\t\t\t\t\t\t\t\t<img src={previousImg} alt=\"previous\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"center\">\n\t\t\t\t\t<ImagePreview loading={loading} content={content} contentType={currentDescriptor.contentType} />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"right\">\n\t\t\t\t\t{nextAvailable && (\n\t\t\t\t\t\t<button className=\"btn next\" onClick={showNext}>\n\t\t\t\t\t\t\t<span role=\"img\" aria-label=\"next\">\n\t\t\t\t\t\t\t\t<img src={nextImg} alt=\"next\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"footer\">\n\t\t\t\t<button className=\"btn download\" onClick={handleDownloadClick} disabled={loading}>\n\t\t\t\t\t<span role=\"img\" aria-label=\"close\">\n\t\t\t\t\t\t<img src={downloadImg} alt=\"download\" />\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>,\n\t\tbody,\n\t);\n};\n","import {useState} from 'react';\n\nimport {Button, Modal, SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {FileUploadInput} from 'components/inputs/FileUploadInput';\nimport {Trans, useTranslation} from 'i18n';\n\ntype Props = {\n\tfileType: 'documents' | 'images';\n\tonClose: () => void;\n\tonUpload: (file: File, type: 'documents' | 'images') => any;\n};\n\nexport const UploadModal = ({fileType, onClose, onUpload}: Props) => {\n\tconst {t} = useTranslation();\n\tconst [file, setFile] = useState<File | null | undefined>(null);\n\tconst [fileError, setFileError] = useState<string>('');\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst isValid = file && !fileError;\n\n\tconst handleSubmit = async (file: File | null | undefined) => {\n\t\tif (!file) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetLoading(true);\n\n\t\ttry {\n\t\t\tawait onUpload(file, fileType);\n\t\t\tonClose();\n\t\t} catch (e: any) {\n\t\t\tmessageBoxError(e.message);\n\t\t\tconsole.error(e);\n\t\t\tsetLoading(false);\n\t\t}\n\t};\n\tconst handleSetFile = (nextFile: File | null | undefined) => {\n\t\tsetFile(nextFile);\n\n\t\tif (!nextFile) {\n\t\t\tsetFileError(\n\t\t\t\tt('assets.detail.files.uploadForm.error.missingFile', {\n\t\t\t\t\tdefaultValue: 'Please select a file',\n\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tsetFileError('');\n\t\t}\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\twidth={450}\n\t\t\theader={\n\t\t\t\tfileType === 'documents' ? (\n\t\t\t\t\t<Trans i18nKey=\"assets.detail.files.uploadForm.addDocument\">Add document</Trans>\n\t\t\t\t) : (\n\t\t\t\t\t<Trans i18nKey=\"assets.detail.files.uploadForm.addImage\">Add image</Trans>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<SpinnerContainer show={loading}>\n\t\t\t\t\t<FileUploadInput\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"assets.detail.files.uploadForm.fileLabel\">File to upload</Trans>}\n\t\t\t\t\t\tonChange={handleSetFile}\n\t\t\t\t\t\timagesOnly={fileType === 'images'}\n\t\t\t\t\t\terror={fileError}\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</SpinnerContainer>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={() => handleSubmit(file)}\n\t\t\t\t\t\tprimary\n\t\t\t\t\t\tdisabled={!isValid || loading}\n\t\t\t\t\t\tdata-testid=\"save-button\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.save\">Save</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button onClick={onClose}>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n};\n","import {saveAs} from 'file-saver';\nimport {useMemo, useState} from 'react';\n\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {HasAuthorities} from 'components/auth/HasAuthorities';\nimport {getCustomFileCategories} from 'customization/customFileCategories';\nimport {Trans, useTranslation} from 'i18n';\nimport {FilesTable} from './FilesTable';\nimport {useFiles} from './filesContext/useFiles';\nimport {PreviewPortal} from './PreviewPortal';\nimport type {FileDescriptor} from './types';\nimport {UploadModal} from './UploadModal';\n\ntype Props = {\n\ttype: 'documents' | 'images';\n\tcategory?: string | undefined;\n};\n\nfunction filterFilesByCategory(files: FileDescriptor[], category: string | undefined): FileDescriptor[] {\n\tconst allCategories = getCustomFileCategories().map(({categoryName}) => categoryName);\n\tif (category && allCategories.includes(category)) {\n\t\treturn files.filter(fileDescriptor => fileDescriptor.category === category);\n\t} else {\n\t\treturn files.filter(\n\t\t\tfileDescriptor => !fileDescriptor.category || !allCategories.includes(fileDescriptor.category),\n\t\t);\n\t}\n}\n\nexport function FilesTab({type, category}: Props) {\n\tconst {loading, files: allFiles, uploadFile, deleteFile, fetchFile} = useFiles(type);\n\tconst files = useMemo(() => filterFilesByCategory(allFiles, category), [allFiles, category]);\n\tconst [uploadModalVisible, setUploadModalVisible] = useState(false);\n\tconst [previewModalVisible, setPreviewModalVisible] = useState(false);\n\tconst [initialPreviewImageIndex, setInitialPreviewImageIndex] = useState<number>(0);\n\tconst {t} = useTranslation();\n\tconst confirm = useConfirm();\n\n\tasync function handleDownload(file: FileDescriptor) {\n\t\tconst arrayBuffer = await fetchFile(file);\n\t\tsaveAs(new Blob([arrayBuffer]), file.filename);\n\t}\n\n\tfunction handleFilenameClick(file: FileDescriptor) {\n\t\tif (type === 'images') {\n\t\t\tsetInitialPreviewImageIndex(files.indexOf(file));\n\t\t\tsetPreviewModalVisible(true);\n\t\t} else {\n\t\t\thandleDownload(file);\n\t\t}\n\t}\n\n\tasync function handleUploadFile(file: File) {\n\t\ttry {\n\t\t\tawait uploadFile(file, category);\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t\tmessageBoxError(<Trans i18nKey=\"files.error.unknown\">Operation failed</Trans>);\n\t\t}\n\t}\n\n\tasync function handleDelete(file: FileDescriptor) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('assets.detail.files.deleteConfirmTitle', {defaultValue: 'Delete File'}),\n\t\t\tmessage: t('assets.detail.files.deleteConfirmMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this file?',\n\t\t\t}),\n\t\t});\n\n\t\tif (confirmed) {\n\t\t\tawait deleteFile(file);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div>\n\t\t\t<FilesTable\n\t\t\t\tfiles={files}\n\t\t\t\tloading={loading}\n\t\t\t\ttype={type}\n\t\t\t\tonDownload={handleDownload}\n\t\t\t\tonFilenameClick={handleFilenameClick}\n\t\t\t\tonDelete={handleDelete}\n\t\t\t/>\n\t\t\t<HasAuthorities authorities={['WRITE_ASSET_OR_ASSET_GROUP_FILE'] as string[]}>\n\t\t\t\t<Button onClick={() => setUploadModalVisible(true)} data-testid=\"add-file-button\">\n\t\t\t\t\t<Icon add />\n\t\t\t\t\t{type === 'images' && <Trans i18nKey=\"assets.detail.files.addImage\">Add image</Trans>}\n\t\t\t\t\t{type === 'documents' && <Trans i18nKey=\"assets.detail.files.addFile\">Add file</Trans>}\n\t\t\t\t</Button>\n\t\t\t</HasAuthorities>\n\t\t\t{uploadModalVisible && (\n\t\t\t\t<UploadModal fileType={type} onClose={() => setUploadModalVisible(false)} onUpload={handleUploadFile} />\n\t\t\t)}\n\t\t\t{previewModalVisible && (\n\t\t\t\t<PreviewPortal\n\t\t\t\t\tinitialImageNumber={initialPreviewImageIndex}\n\t\t\t\t\titems={files}\n\t\t\t\t\tonDownload={fetchFile}\n\t\t\t\t\tonClose={() => setPreviewModalVisible(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import type {Asset, AssetGroup} from '@deviceinsight/ng-ui-api-client';\nimport {ContentHeader, RouteTabs} from '@deviceinsight/ng-ui-components';\n\nimport {getCustomFileCategories} from 'customization/customFileCategories';\nimport {Trans} from 'i18n';\nimport {FilesTab} from './FilesTab';\nimport {FilesContextProvider} from './filesContext/FilesContextProvider';\n\ntype Props = {\n\tasset?: Asset;\n\tassetGroup?: AssetGroup;\n};\n\nfunction createRouteTabs() {\n\treturn [\n\t\t{\n\t\t\tpath: 'documents',\n\t\t\trenderHeading: () => <Trans i18nKey=\"assets.detail.files.tabs.documents\">Documents</Trans>,\n\t\t\trenderBody: () => <FilesTab type=\"documents\" />,\n\t\t},\n\t\t...getCustomFileCategories()\n\t\t\t.filter(({type}) => type === 'documents')\n\t\t\t.map(({categoryName, locizeKey, locizeDefaultValue}) => ({\n\t\t\t\tpath: categoryName,\n\t\t\t\trenderHeading: () => <Trans i18nKey={locizeKey}>{locizeDefaultValue}</Trans>,\n\t\t\t\trenderBody: () => <FilesTab type=\"documents\" category={categoryName} />,\n\t\t\t})),\n\t\t{\n\t\t\tpath: 'images',\n\t\t\trenderHeading: () => <Trans i18nKey=\"assets.detail.files.tabs.images\">Images</Trans>,\n\t\t\trenderBody: () => <FilesTab type=\"images\" />,\n\t\t},\n\t\t...getCustomFileCategories()\n\t\t\t.filter(({type}) => type === 'images')\n\t\t\t.map(({categoryName, locizeKey, locizeDefaultValue}) => ({\n\t\t\t\tpath: categoryName,\n\t\t\t\trenderHeading: () => <Trans i18nKey={locizeKey}>{locizeDefaultValue}</Trans>,\n\t\t\t\trenderBody: () => <FilesTab type=\"images\" category={categoryName} />,\n\t\t\t})),\n\t];\n}\n\nexport default function Files({asset, assetGroup}: Props) {\n\treturn (\n\t\t<div>\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'assets.detail.files.name',\n\t\t\t\t\tdefaultValue: 'Files',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<FilesContextProvider asset={asset} assetGroup={assetGroup}>\n\t\t\t\t<RouteTabs pages={createRouteTabs()} />\n\t\t\t</FilesContextProvider>\n\t\t</div>\n\t);\n}\n"],"names":["INITIAL_PAGINATION_SETTINGS","getColumnDefinitions","type","onFilenameClick","onDownloadFile","onDeleteFile","t","jsx","Trans","item","value","jsxs","Link","filesize","formatTimestamp","Fragment","Button","imgDownload","Icon","FilesTable","files","loading","onDownload","onDelete","useTranslation","ReactableWithClientSidePagination","useFilesByTypeAndContext","asset","assetGroup","filesApi","useMemo","createFilesApi","setLoading","useState","setFiles","useEffect","promise","cancel","makeCancelable","error","uploadFile","file","category","uploadedFile","deleteFile","fileDescriptor","fetchFile","dummyFiles","FilesContext","createContext","FilesContextProvider","children","documents","images","useFiles","useContext","previousImg","nextImg","closeImg","downloadImg","ImagePreview","contentType","content","SpinnerContainer","PreviewPortal","initialImageNumber","items","onClose","current","setCurrent","setContent","showNext","useCallback","showPrevious","cacheRef","useRef","KeyboardJS","currentDescriptor","cachedArrayBuffer","transformArrayBufferToBase64WithContentType","arrayBuffer","handleDownloadClick","saveAs","previousAvailable","nextAvailable","body","createPortal","UploadModal","fileType","onUpload","setFile","fileError","setFileError","isValid","handleSubmit","e","messageBoxError","Modal","FileUploadInput","nextFile","filterFilesByCategory","allCategories","getCustomFileCategories","categoryName","FilesTab","allFiles","uploadModalVisible","setUploadModalVisible","previewModalVisible","setPreviewModalVisible","initialPreviewImageIndex","setInitialPreviewImageIndex","confirm","useConfirm","handleDownload","handleFilenameClick","handleUploadFile","handleDelete","HasAuthorities","createRouteTabs","locizeKey","locizeDefaultValue","Files","ContentHeader","RouteTabs"],"mappings":"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"}
@@ -5,7 +5,7 @@ import { useMemo as C, useState as l, useEffect as m } from "react";
5
5
  import { getParamsForSingleReport as P } from "@deviceinsight/ng-ui-api-client";
6
6
  import { Tabs as T, Spinner as R } from "@deviceinsight/ng-ui-basic-components";
7
7
  import { messageBoxError as k } from "@deviceinsight/ng-ui-components";
8
- import { U as E, a as g } from "./setTitle-CjnK8p-J.js";
8
+ import { U as E, a as g } from "./setTitle-Dij-z9p9.js";
9
9
  import "react-i18next";
10
10
  function N(r, i) {
11
11
  return r ? /* @__PURE__ */ e("div", { id: "power-bi-report-container", children: /* @__PURE__ */ e(
@@ -100,4 +100,4 @@ function K() {
100
100
  export {
101
101
  K as default
102
102
  };
103
- //# sourceMappingURL=GlobalPowerBiReports-PsiWcApU.js.map
103
+ //# sourceMappingURL=GlobalPowerBiReports-DWXwL_TH.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalPowerBiReports-PsiWcApU.js","sources":["../ng-ui-scale/src/modules/powerbi/global/GlobalPowerBiReports.tsx"],"sourcesContent":["import {models} from 'powerbi-client';\nimport {PowerBIEmbed} from 'powerbi-client-react';\nimport {useEffect, useMemo, useState} from 'react';\n\nimport type {ParamsSingleReport, PowerBiReportsError} from '@deviceinsight/ng-ui-api-client';\nimport {getParamsForSingleReport} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner, Tabs} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport UIConfiguration from 'customization/UIConfiguration';\nimport {Trans} from 'i18n';\nimport type {PowerBiReportConfig} from '../types';\nimport './GlobalPowerBiReports.scss';\n\nfunction renderReport(params: ParamsSingleReport | null, paramsError: PowerBiReportsError | null) {\n\tif (params) {\n\t\treturn (\n\t\t\t<div id=\"power-bi-report-container\">\n\t\t\t\t<PowerBIEmbed\n\t\t\t\t\tembedConfig={{\n\t\t\t\t\t\ttype: 'report',\n\t\t\t\t\t\t// Supported types: report, dashboard, tile, visual and qna\n\t\t\t\t\t\tid: params.id,\n\t\t\t\t\t\tembedUrl: params.embedUrl,\n\t\t\t\t\t\taccessToken: params.embedToken,\n\t\t\t\t\t\ttokenType: models.TokenType.Embed,\n\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\tpanes: {\n\t\t\t\t\t\t\t\tfilters: {\n\t\t\t\t\t\t\t\t\texpanded: false,\n\t\t\t\t\t\t\t\t\tvisible: false,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbackground: models.BackgroundType.Transparent,\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\teventHandlers={\n\t\t\t\t\t\tnew Map([\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t'error',\n\t\t\t\t\t\t\t\tevent => {\n\t\t\t\t\t\t\t\t\tmessageBoxError(\n\t\t\t\t\t\t\t\t\t\t'An error occurred displaying the report (see browser console for details)',\n\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t'PowerBiReport',\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconsole.error('Error displaying PowerBi report.');\n\t\t\t\t\t\t\t\t\tconsole.error(event?.detail);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t])\n\t\t\t\t\t}\n\t\t\t\t\tcssClassName=\"power-bi-report\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<h2>\n\t\t\t\t\t<Trans i18nKey=\"globalPowerBiReports.errorLoadingReport\">Error loading report:</Trans>\n\t\t\t\t</h2>\n\t\t\t\t{paramsError && <pre>{JSON.stringify(paramsError, null, 4)}</pre>}\n\t\t\t\t{!paramsError && (\n\t\t\t\t\t<pre>\n\t\t\t\t\t\t<Trans i18nKey=\"globalPowerBiReports.noErrorGivenByBackend\">\n\t\t\t\t\t\t\tNo error given by backend.\n\t\t\t\t\t\t</Trans>{' '}\n\t\t\t\t\t</pre>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default function GlobalPowerBiReports() {\n\tconst reportConfigs = useMemo<PowerBiReportConfig[]>(() => {\n\t\tconst reportsFromUiConfiguration = UIConfiguration.getPowerBiReports();\n\n\t\tif (reportsFromUiConfiguration) {\n\t\t\treturn reportsFromUiConfiguration.map((report, index) => {\n\t\t\t\treturn {...report, tabName: `report-${index}`};\n\t\t\t});\n\t\t} else {\n\t\t\treturn [];\n\t\t}\n\t}, []);\n\tconst [loading, setLoading] = useState<boolean>(true);\n\tconst [currentTab, setCurrentTab] = useState<string | null>(null);\n\tconst [params, setParams] = useState<ParamsSingleReport | null>(null);\n\tconst [paramsError, setParamsError] = useState<PowerBiReportsError | null>(null);\n\n\tuseEffect(() => {\n\t\tsetCurrentTab(reportConfigs[0].tabName);\n\t}, [reportConfigs]);\n\n\tuseEffect(() => {\n\t\tasync function fetchParams() {\n\t\t\tif (currentTab) {\n\t\t\t\tsetLoading(true);\n\t\t\t\tsetParams(null);\n\t\t\t\tconst currentReportConfig = reportConfigs.find(rc => rc.tabName === currentTab);\n\n\t\t\t\tif (currentReportConfig) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst params = await getParamsForSingleReport(\n\t\t\t\t\t\t\tcurrentReportConfig.workspaceId,\n\t\t\t\t\t\t\tcurrentReportConfig.reportId,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetParams(params);\n\t\t\t\t\t\tsetParamsError(null);\n\t\t\t\t\t} catch (error: any) {\n\t\t\t\t\t\tsetParams(null);\n\t\t\t\t\t\tsetParamsError(error?.response?.data);\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconsole.error('Could not find tab in report configs:', currentTab);\n\t\t\t\t\tconsole.error('Current report configs:', reportConfigs);\n\t\t\t\t\tthrow new Error(`${currentTab} not found in reportConfigs!`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfetchParams();\n\t}, [currentTab, reportConfigs]);\n\n\tfunction renderCurrentReport() {\n\t\tif (loading) {\n\t\t\treturn <Spinner center />;\n\t\t} else {\n\t\t\treturn renderReport(params, paramsError);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Tabs\n\t\t\tcurrentTab={currentTab}\n\t\t\tonChange={setCurrentTab}\n\t\t\tpages={reportConfigs.map(rc => {\n\t\t\t\treturn {\n\t\t\t\t\tname: rc.tabName,\n\t\t\t\t\trenderHeading: () => <span>{rc.reportHeading}</span>,\n\t\t\t\t\trenderBody: () => renderCurrentReport(),\n\t\t\t\t};\n\t\t\t})}\n\t\t/>\n\t);\n}\n"],"names":["renderReport","params","paramsError","jsx","PowerBIEmbed","models","event","messageBoxError","jsxs","Fragment","Trans","GlobalPowerBiReports","reportConfigs","useMemo","reportsFromUiConfiguration","UIConfiguration","report","index","loading","setLoading","useState","currentTab","setCurrentTab","setParams","setParamsError","useEffect","fetchParams","currentReportConfig","rc","getParamsForSingleReport","error","renderCurrentReport","Spinner","Tabs"],"mappings":"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"}
1
+ {"version":3,"file":"GlobalPowerBiReports-DWXwL_TH.js","sources":["../ng-ui-scale/src/modules/powerbi/global/GlobalPowerBiReports.tsx"],"sourcesContent":["import {models} from 'powerbi-client';\nimport {PowerBIEmbed} from 'powerbi-client-react';\nimport {useEffect, useMemo, useState} from 'react';\n\nimport type {ParamsSingleReport, PowerBiReportsError} from '@deviceinsight/ng-ui-api-client';\nimport {getParamsForSingleReport} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner, Tabs} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport UIConfiguration from 'customization/UIConfiguration';\nimport {Trans} from 'i18n';\nimport type {PowerBiReportConfig} from '../types';\nimport './GlobalPowerBiReports.scss';\n\nfunction renderReport(params: ParamsSingleReport | null, paramsError: PowerBiReportsError | null) {\n\tif (params) {\n\t\treturn (\n\t\t\t<div id=\"power-bi-report-container\">\n\t\t\t\t<PowerBIEmbed\n\t\t\t\t\tembedConfig={{\n\t\t\t\t\t\ttype: 'report',\n\t\t\t\t\t\t// Supported types: report, dashboard, tile, visual and qna\n\t\t\t\t\t\tid: params.id,\n\t\t\t\t\t\tembedUrl: params.embedUrl,\n\t\t\t\t\t\taccessToken: params.embedToken,\n\t\t\t\t\t\ttokenType: models.TokenType.Embed,\n\t\t\t\t\t\tsettings: {\n\t\t\t\t\t\t\tpanes: {\n\t\t\t\t\t\t\t\tfilters: {\n\t\t\t\t\t\t\t\t\texpanded: false,\n\t\t\t\t\t\t\t\t\tvisible: false,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tbackground: models.BackgroundType.Transparent,\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\teventHandlers={\n\t\t\t\t\t\tnew Map([\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t'error',\n\t\t\t\t\t\t\t\tevent => {\n\t\t\t\t\t\t\t\t\tmessageBoxError(\n\t\t\t\t\t\t\t\t\t\t'An error occurred displaying the report (see browser console for details)',\n\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t'PowerBiReport',\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconsole.error('Error displaying PowerBi report.');\n\t\t\t\t\t\t\t\t\tconsole.error(event?.detail);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t])\n\t\t\t\t\t}\n\t\t\t\t\tcssClassName=\"power-bi-report\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<h2>\n\t\t\t\t\t<Trans i18nKey=\"globalPowerBiReports.errorLoadingReport\">Error loading report:</Trans>\n\t\t\t\t</h2>\n\t\t\t\t{paramsError && <pre>{JSON.stringify(paramsError, null, 4)}</pre>}\n\t\t\t\t{!paramsError && (\n\t\t\t\t\t<pre>\n\t\t\t\t\t\t<Trans i18nKey=\"globalPowerBiReports.noErrorGivenByBackend\">\n\t\t\t\t\t\t\tNo error given by backend.\n\t\t\t\t\t\t</Trans>{' '}\n\t\t\t\t\t</pre>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n\nexport default function GlobalPowerBiReports() {\n\tconst reportConfigs = useMemo<PowerBiReportConfig[]>(() => {\n\t\tconst reportsFromUiConfiguration = UIConfiguration.getPowerBiReports();\n\n\t\tif (reportsFromUiConfiguration) {\n\t\t\treturn reportsFromUiConfiguration.map((report, index) => {\n\t\t\t\treturn {...report, tabName: `report-${index}`};\n\t\t\t});\n\t\t} else {\n\t\t\treturn [];\n\t\t}\n\t}, []);\n\tconst [loading, setLoading] = useState<boolean>(true);\n\tconst [currentTab, setCurrentTab] = useState<string | null>(null);\n\tconst [params, setParams] = useState<ParamsSingleReport | null>(null);\n\tconst [paramsError, setParamsError] = useState<PowerBiReportsError | null>(null);\n\n\tuseEffect(() => {\n\t\tsetCurrentTab(reportConfigs[0].tabName);\n\t}, [reportConfigs]);\n\n\tuseEffect(() => {\n\t\tasync function fetchParams() {\n\t\t\tif (currentTab) {\n\t\t\t\tsetLoading(true);\n\t\t\t\tsetParams(null);\n\t\t\t\tconst currentReportConfig = reportConfigs.find(rc => rc.tabName === currentTab);\n\n\t\t\t\tif (currentReportConfig) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst params = await getParamsForSingleReport(\n\t\t\t\t\t\t\tcurrentReportConfig.workspaceId,\n\t\t\t\t\t\t\tcurrentReportConfig.reportId,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetParams(params);\n\t\t\t\t\t\tsetParamsError(null);\n\t\t\t\t\t} catch (error: any) {\n\t\t\t\t\t\tsetParams(null);\n\t\t\t\t\t\tsetParamsError(error?.response?.data);\n\t\t\t\t\t} finally {\n\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconsole.error('Could not find tab in report configs:', currentTab);\n\t\t\t\t\tconsole.error('Current report configs:', reportConfigs);\n\t\t\t\t\tthrow new Error(`${currentTab} not found in reportConfigs!`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfetchParams();\n\t}, [currentTab, reportConfigs]);\n\n\tfunction renderCurrentReport() {\n\t\tif (loading) {\n\t\t\treturn <Spinner center />;\n\t\t} else {\n\t\t\treturn renderReport(params, paramsError);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Tabs\n\t\t\tcurrentTab={currentTab}\n\t\t\tonChange={setCurrentTab}\n\t\t\tpages={reportConfigs.map(rc => {\n\t\t\t\treturn {\n\t\t\t\t\tname: rc.tabName,\n\t\t\t\t\trenderHeading: () => <span>{rc.reportHeading}</span>,\n\t\t\t\t\trenderBody: () => renderCurrentReport(),\n\t\t\t\t};\n\t\t\t})}\n\t\t/>\n\t);\n}\n"],"names":["renderReport","params","paramsError","jsx","PowerBIEmbed","models","event","messageBoxError","jsxs","Fragment","Trans","GlobalPowerBiReports","reportConfigs","useMemo","reportsFromUiConfiguration","UIConfiguration","report","index","loading","setLoading","useState","currentTab","setCurrentTab","setParams","setParamsError","useEffect","fetchParams","currentReportConfig","rc","getParamsForSingleReport","error","renderCurrentReport","Spinner","Tabs"],"mappings":"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"}
@@ -3,30 +3,30 @@ import { javascript as v } from "@codemirror/lang-javascript";
3
3
  import y from "@uiw/react-codemirror";
4
4
  import { useState as u, useEffect as C, useCallback as x } from "react";
5
5
  import { useFormContext as V, useController as b } from "react-hook-form";
6
- import { X as g, a as J } from "./setTitle-CjnK8p-J.js";
6
+ import { Y as g, a as J } from "./setTitle-Dij-z9p9.js";
7
7
  import "react-i18next";
8
8
  function I({ setting: e, ...d }) {
9
- const { setValue: o, setError: s, clearErrors: n, control: c } = V(), {
9
+ const { setValue: o, setError: s, clearErrors: i, control: c } = V(), {
10
10
  field: a,
11
11
  fieldState: { error: f }
12
- } = b({ name: e.name, control: c }), [p, i] = u(""), [l, h] = u(!1);
12
+ } = b({ name: e.name, control: c }), [p, n] = u(""), [l, h] = u(!1);
13
13
  C(() => {
14
- if (!l && a.value) {
14
+ if (!l && a.value !== void 0) {
15
15
  const r = JSON.stringify(a.value, null, 2);
16
- i(r), h(!0);
16
+ n(r), h(!0);
17
17
  }
18
18
  }, [a.value, l]);
19
19
  const S = x(
20
20
  (r) => {
21
21
  try {
22
- i(r);
22
+ n(r);
23
23
  const m = r === "" ? void 0 : JSON.parse(r);
24
- o(e.name, m, { shouldValidate: !0, shouldDirty: !0 }), n(e.name);
24
+ o(e.name, m, { shouldValidate: !0, shouldDirty: !0 }), i(e.name);
25
25
  } catch {
26
26
  s(e.name, { message: "Invalid JSON syntax" });
27
27
  }
28
28
  },
29
- [n, s, o, e.name]
29
+ [i, s, o, e.name]
30
30
  );
31
31
  return /* @__PURE__ */ t(
32
32
  g,
@@ -50,4 +50,4 @@ function I({ setting: e, ...d }) {
50
50
  export {
51
51
  I as default
52
52
  };
53
- //# sourceMappingURL=JsonSettingWidget-CpZmTuBe.js.map
53
+ //# sourceMappingURL=JsonSettingWidget-BbYyUBtl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JsonSettingWidget-BbYyUBtl.js","sources":["../ng-ui-scale/src/components/applicationSettings/widgets/JsonSettingWidget.tsx"],"sourcesContent":["import {javascript} from '@codemirror/lang-javascript';\nimport CodeMirror from '@uiw/react-codemirror';\nimport {useCallback, useEffect, useState} from 'react';\nimport {useController, useFormContext} from 'react-hook-form';\n\nimport FieldDecorator from 'components/inputs/FieldDecorator';\nimport {Trans} from 'i18n';\nimport type {SettingProps} from '../ApplicationSettings';\n\nexport default function JsonSettingWidget({setting, ...rest}: SettingProps) {\n\tconst {setValue, setError, clearErrors, control} = useFormContext();\n\tconst {\n\t\tfield,\n\t\tfieldState: {error},\n\t} = useController({name: setting.name, control});\n\tconst [stringValue, setStringValue] = useState<string>('');\n\tconst [initialized, setInitialized] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!initialized && field.value !== undefined) {\n\t\t\tconst value = JSON.stringify(field.value, null, 2);\n\t\t\tsetStringValue(value);\n\t\t\tsetInitialized(true);\n\t\t}\n\t}, [field.value, initialized]);\n\n\tconst handleChange = useCallback(\n\t\t(value: string) => {\n\t\t\ttry {\n\t\t\t\tsetStringValue(value);\n\t\t\t\tconst parsedValue = value === '' ? undefined : JSON.parse(value);\n\t\t\t\tsetValue(setting.name, parsedValue, {shouldValidate: true, shouldDirty: true});\n\t\t\t\tclearErrors(setting.name);\n\t\t\t} catch (_e) {\n\t\t\t\tsetError(setting.name, {message: 'Invalid JSON syntax'});\n\t\t\t}\n\t\t},\n\t\t[clearErrors, setError, setValue, setting.name],\n\t);\n\n\treturn (\n\t\t<FieldDecorator\n\t\t\tlabel={<Trans i18nKey={`appSettings.property.${setting.name}`}>{setting.name}</Trans>}\n\t\t\terror={error?.message ?? ''}\n\t\t\tsize=\"full-width\"\n\t\t>\n\t\t\t<CodeMirror\n\t\t\t\tdata-testid={rest['data-testid']}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tvalue={stringValue}\n\t\t\t\tbasicSetup={{lineNumbers: true}}\n\t\t\t\textensions={[javascript()]}\n\t\t\t/>\n\t\t</FieldDecorator>\n\t);\n}\n"],"names":["JsonSettingWidget","setting","rest","setValue","setError","clearErrors","control","useFormContext","field","error","useController","stringValue","setStringValue","useState","initialized","setInitialized","useEffect","value","handleChange","useCallback","parsedValue","jsx","FieldDecorator","Trans","CodeMirror","javascript"],"mappings":";;;;;;;AASA,SAAwBA,EAAkB,EAAC,SAAAC,GAAS,GAAGC,KAAqB;AAC3E,QAAM,EAAC,UAAAC,GAAU,UAAAC,GAAU,aAAAC,GAAa,SAAAC,EAAA,IAAWC,EAAA,GAC7C;AAAA,IACL,OAAAC;AAAA,IACA,YAAY,EAAC,OAAAC,EAAA;AAAA,EAAK,IACfC,EAAc,EAAC,MAAMT,EAAQ,MAAM,SAAAK,GAAQ,GACzC,CAACK,GAAaC,CAAc,IAAIC,EAAiB,EAAE,GACnD,CAACC,GAAaC,CAAc,IAAIF,EAAkB,EAAK;AAE7D,EAAAG,EAAU,MAAM;AACf,QAAI,CAACF,KAAeN,EAAM,UAAU,QAAW;AAC9C,YAAMS,IAAQ,KAAK,UAAUT,EAAM,OAAO,MAAM,CAAC;AACjD,MAAAI,EAAeK,CAAK,GACpBF,EAAe,EAAI;AAAA,IACpB;AAAA,EACD,GAAG,CAACP,EAAM,OAAOM,CAAW,CAAC;AAE7B,QAAMI,IAAeC;AAAA,IACpB,CAACF,MAAkB;AAClB,UAAI;AACH,QAAAL,EAAeK,CAAK;AACpB,cAAMG,IAAcH,MAAU,KAAK,SAAY,KAAK,MAAMA,CAAK;AAC/D,QAAAd,EAASF,EAAQ,MAAMmB,GAAa,EAAC,gBAAgB,IAAM,aAAa,IAAK,GAC7Ef,EAAYJ,EAAQ,IAAI;AAAA,MACzB,QAAa;AACZ,QAAAG,EAASH,EAAQ,MAAM,EAAC,SAAS,uBAAsB;AAAA,MACxD;AAAA,IACD;AAAA,IACA,CAACI,GAAaD,GAAUD,GAAUF,EAAQ,IAAI;AAAA,EAAA;AAG/C,SACC,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,yBAAQC,GAAA,EAAM,SAAS,wBAAwBtB,EAAQ,IAAI,IAAK,UAAAA,EAAQ,KAAA,CAAK;AAAA,MAC7E,OAAOQ,GAAO,WAAW;AAAA,MACzB,MAAK;AAAA,MAEL,UAAA,gBAAAY;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,eAAatB,EAAK,aAAa;AAAA,UAC/B,UAAUgB;AAAA,UACV,OAAOP;AAAA,UACP,YAAY,EAAC,aAAa,GAAA;AAAA,UAC1B,YAAY,CAACc,EAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAGH;"}
@@ -1,22 +1,22 @@
1
1
  import { jsx as e, jsxs as S, Fragment as C } from "react/jsx-runtime";
2
- import { useState as d, useEffect as v } from "react";
2
+ import { useState as d, useEffect as P } from "react";
3
3
  import { Prompt as E, useHistory as V, useLocation as q, useParams as B } from "react-router-dom";
4
4
  import { fetchLicenses as H, fetchLicenseByName as T, updateLicense as D, createLicense as I } from "@deviceinsight/ng-ui-api-client";
5
5
  import { SpinnerContainer as k, ButtonRow as R, Button as F, Spinner as j } from "@deviceinsight/ng-ui-basic-components";
6
- import { messageBoxError as K, ContentHeader as U, messageBoxSuccess as P } from "@deviceinsight/ng-ui-components";
6
+ import { messageBoxError as K, ContentHeader as U, messageBoxSuccess as v } from "@deviceinsight/ng-ui-components";
7
7
  import "react-i18next";
8
- import { u as A, a as n, P as b, b8 as O } from "./setTitle-CjnK8p-J.js";
9
- import { useForm as z, Controller as L } from "react-hook-form";
10
- function G({ editedLicense: l, onSubmit: u, onCancel: c }) {
8
+ import { u as A, a as n, Q as b, b9 as O } from "./setTitle-Dij-z9p9.js";
9
+ import { useForm as Q, Controller as L } from "react-hook-form";
10
+ function z({ editedLicense: l, onSubmit: u, onCancel: c }) {
11
11
  const { t } = A(), {
12
12
  handleSubmit: h,
13
13
  control: o,
14
14
  formState: { isSubmitting: a, isDirty: p },
15
15
  setError: g
16
- } = z({
16
+ } = Q({
17
17
  defaultValues: l ?? { name: "", displayName: "", description: "" }
18
18
  }), [y, m] = d([]), [f, N] = d(!1);
19
- v(() => {
19
+ P(() => {
20
20
  N(!0), H().then(m).catch(() => {
21
21
  K(/* @__PURE__ */ e(n, { i18nKey: "licenses.form.fetchingError", children: "Fetching licenses failed" }));
22
22
  }).finally(() => N(!1));
@@ -109,7 +109,7 @@ function G({ editedLicense: l, onSubmit: u, onCancel: c }) {
109
109
  }
110
110
  function ee() {
111
111
  const l = V(), { pathname: u } = q(), { licenseName: c } = B(), [t, h] = d(), [o, a] = d(!1), [p, g] = d(!1);
112
- if (v(() => {
112
+ if (P(() => {
113
113
  c && (a(!0), T(c).then(h).catch(() => {
114
114
  K(/* @__PURE__ */ e(n, { i18nKey: "licenses.editPage.fetchingError", children: "Fetching license failed" })), g(!0);
115
115
  }).finally(() => a(!1)));
@@ -118,7 +118,7 @@ function ee() {
118
118
  if (o)
119
119
  return /* @__PURE__ */ e(j, { center: !0 });
120
120
  const y = async (f) => {
121
- c ? (await D(f), P(/* @__PURE__ */ e(n, { i18nKey: "licenses.updateSuccess", children: "License updated" }))) : (await I(f), P(/* @__PURE__ */ e(n, { i18nKey: "licenses.createSuccess", children: "License created" }))), m();
121
+ c ? (await D(f), v(/* @__PURE__ */ e(n, { i18nKey: "licenses.updateSuccess", children: "License updated" }))) : (await I(f), v(/* @__PURE__ */ e(n, { i18nKey: "licenses.createSuccess", children: "License created" }))), m();
122
122
  }, m = () => {
123
123
  l.push(u.substring(0, u.lastIndexOf("/")));
124
124
  };
@@ -136,10 +136,10 @@ function ee() {
136
136
  parentPageLink: !0
137
137
  }
138
138
  ),
139
- /* @__PURE__ */ e(G, { editedLicense: t, onSubmit: y, onCancel: m })
139
+ /* @__PURE__ */ e(z, { editedLicense: t, onSubmit: y, onCancel: m })
140
140
  ] });
141
141
  }
142
142
  export {
143
143
  ee as default
144
144
  };
145
- //# sourceMappingURL=LicensesEditPage-CwGor2gV.js.map
145
+ //# sourceMappingURL=LicensesEditPage-wa-EEvag.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LicensesEditPage-CwGor2gV.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseForm.tsx","../ng-ui-scale/src/modules/licenses/LicensesEditPage.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Controller, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport {fetchLicenses, type License} from '@deviceinsight/ng-ui-api-client';\nimport {Button, ButtonRow, SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {Trans, useTranslation} from 'i18n';\nimport TextInput from '../../components/inputs/textInput/TextInput';\n\ntype Props = {\n\teditedLicense: License | undefined;\n\tonSubmit: (license: License) => Promise<void>;\n\tonCancel: () => void;\n};\n\nexport default function LicenseForm({editedLicense, onSubmit, onCancel}: Props) {\n\tconst {t} = useTranslation();\n\tconst {\n\t\thandleSubmit,\n\t\tcontrol,\n\t\tformState: {isSubmitting, isDirty},\n\t\tsetError,\n\t} = useForm<License>({\n\t\tdefaultValues: editedLicense ?? {name: '', displayName: '', description: ''},\n\t});\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst [isFetchingLicenses, setFetchingLicenses] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetFetchingLicenses(true);\n\t\tfetchLicenses()\n\t\t\t.then(setLicenses)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(<Trans i18nKey=\"licenses.form.fetchingError\">Fetching licenses failed</Trans>);\n\t\t\t})\n\t\t\t.finally(() => setFetchingLicenses(false));\n\t}, []);\n\n\tfunction validateLicenseName(value: string): string | undefined {\n\t\tif (editedLicense) return; // license name is disabled in edit mode, so we don't validate it.\n\t\tconst isDuplicate = licenses.some(license => license.name === value);\n\n\t\treturn isDuplicate\n\t\t\t? t('licenses.form.validation.nameInUse', {\n\t\t\t\t\tdefaultValue: 'A license with the same technical name already exists',\n\t\t\t\t})\n\t\t\t: undefined;\n\t}\n\n\tfunction submit(): Promise<void> {\n\t\tconst submitFunction = async (license: License) => {\n\t\t\ttry {\n\t\t\t\tawait onSubmit(license);\n\t\t\t} catch (error: any) {\n\t\t\t\tif (error && error.response && error.response.status === 409 && error.response.data?.message) {\n\t\t\t\t\tsetError('name', {\n\t\t\t\t\t\tmessage: t('licenses.form.validation.nameInUse', {\n\t\t\t\t\t\t\tdefaultValue: error.response.data?.message,\n\t\t\t\t\t\t}),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\treturn handleSubmit(submitFunction, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\treturn (\n\t\t<SpinnerContainer show={isSubmitting || isFetchingLicenses} className=\"di license-form\">\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"name\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: t('licenses.form.validation.nameRequired', {\n\t\t\t\t\t\tdefaultValue: 'Please enter the technical name',\n\t\t\t\t\t}),\n\t\t\t\t\tvalidate: validateLicenseName,\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tdisabled={!!editedLicense}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"displayName\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: t('licenses.form.validation.displayNameRequired', {\n\t\t\t\t\t\tdefaultValue: 'Please enter the display name',\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.displayName\">Name</Trans>}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"description\"\n\t\t\t\trender={({field}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<ButtonRow dividing>\n\t\t\t\t<Button primary onClick={submit} disabled={isSubmitting}>\n\t\t\t\t\t<Trans i18nKey=\"general.actions.save\">Save</Trans>\n\t\t\t\t</Button>\n\t\t\t\t<Button disabled={isSubmitting} onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t</Button>\n\t\t\t</ButtonRow>\n\t\t\t<Prompt message={''} when={isDirty && !isSubmitting} />\n\t\t</SpinnerContainer>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {useHistory, useLocation, useParams} from 'react-router-dom';\n\nimport {createLicense, fetchLicenseByName, type License, updateLicense} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, messageBoxSuccess} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport PageNotFound from '../../components/page/misc/PageNotFound';\nimport LicenseForm from './LicenseForm';\n\nexport default function LicensesEditPage() {\n\tconst history = useHistory();\n\tconst {pathname} = useLocation();\n\tconst {licenseName: editedLicenseName} = useParams<{licenseName: string | undefined}>();\n\tconst [editedLicense, setEditedLicense] = useState<License | undefined>();\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [notFound, setNotFound] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (editedLicenseName) {\n\t\t\tsetLoading(true);\n\t\t\tfetchLicenseByName(editedLicenseName)\n\t\t\t\t.then(setEditedLicense)\n\t\t\t\t.catch(() => {\n\t\t\t\t\tmessageBoxError(<Trans i18nKey=\"licenses.editPage.fetchingError\">Fetching license failed</Trans>);\n\t\t\t\t\tsetNotFound(true);\n\t\t\t\t})\n\t\t\t\t.finally(() => setLoading(false));\n\t\t}\n\t}, [editedLicenseName]);\n\n\tif (notFound) {\n\t\treturn <PageNotFound />;\n\t}\n\n\tif (loading) {\n\t\treturn <Spinner center />;\n\t}\n\n\tconst handleSubmit = async (license: License) => {\n\t\tif (editedLicenseName) {\n\t\t\tawait updateLicense(license);\n\t\t\tmessageBoxSuccess(<Trans i18nKey=\"licenses.updateSuccess\">License updated</Trans>);\n\t\t} else {\n\t\t\tawait createLicense(license);\n\t\t\tmessageBoxSuccess(<Trans i18nKey=\"licenses.createSuccess\">License created</Trans>);\n\t\t}\n\t\tgoToParentPage();\n\t};\n\n\tconst goToParentPage = () => {\n\t\thistory.push(pathname.substring(0, pathname.lastIndexOf('/')));\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ContentHeader\n\t\t\t\ttitle={\n\t\t\t\t\t!editedLicense\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tid: 'licenses.create.title',\n\t\t\t\t\t\t\t\tdefaultValue: 'Create License',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tid: 'licenses.edit.title',\n\t\t\t\t\t\t\t\tdefaultValue: 'Edit License',\n\t\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tparentPageLink\n\t\t\t/>\n\t\t\t<LicenseForm editedLicense={editedLicense} onSubmit={handleSubmit} onCancel={goToParentPage} />\n\t\t</>\n\t);\n}\n"],"names":["LicenseForm","editedLicense","onSubmit","onCancel","useTranslation","handleSubmit","control","isSubmitting","isDirty","setError","useForm","licenses","setLicenses","useState","isFetchingLicenses","setFetchingLicenses","useEffect","fetchLicenses","messageBoxError","jsx","Trans","validateLicenseName","value","license","submit","error","errors","SpinnerContainer","Controller","field","TextInput","jsxs","ButtonRow","Button","Prompt","LicensesEditPage","history","useHistory","pathname","useLocation","editedLicenseName","useParams","setEditedLicense","loading","setLoading","notFound","setNotFound","fetchLicenseByName","PageNotFound","Spinner","updateLicense","messageBoxSuccess","createLicense","goToParentPage","Fragment","ContentHeader"],"mappings":"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"}
1
+ {"version":3,"file":"LicensesEditPage-wa-EEvag.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseForm.tsx","../ng-ui-scale/src/modules/licenses/LicensesEditPage.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Controller, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport {fetchLicenses, type License} from '@deviceinsight/ng-ui-api-client';\nimport {Button, ButtonRow, SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport {Trans, useTranslation} from 'i18n';\nimport TextInput from '../../components/inputs/textInput/TextInput';\n\ntype Props = {\n\teditedLicense: License | undefined;\n\tonSubmit: (license: License) => Promise<void>;\n\tonCancel: () => void;\n};\n\nexport default function LicenseForm({editedLicense, onSubmit, onCancel}: Props) {\n\tconst {t} = useTranslation();\n\tconst {\n\t\thandleSubmit,\n\t\tcontrol,\n\t\tformState: {isSubmitting, isDirty},\n\t\tsetError,\n\t} = useForm<License>({\n\t\tdefaultValues: editedLicense ?? {name: '', displayName: '', description: ''},\n\t});\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst [isFetchingLicenses, setFetchingLicenses] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetFetchingLicenses(true);\n\t\tfetchLicenses()\n\t\t\t.then(setLicenses)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(<Trans i18nKey=\"licenses.form.fetchingError\">Fetching licenses failed</Trans>);\n\t\t\t})\n\t\t\t.finally(() => setFetchingLicenses(false));\n\t}, []);\n\n\tfunction validateLicenseName(value: string): string | undefined {\n\t\tif (editedLicense) return; // license name is disabled in edit mode, so we don't validate it.\n\t\tconst isDuplicate = licenses.some(license => license.name === value);\n\n\t\treturn isDuplicate\n\t\t\t? t('licenses.form.validation.nameInUse', {\n\t\t\t\t\tdefaultValue: 'A license with the same technical name already exists',\n\t\t\t\t})\n\t\t\t: undefined;\n\t}\n\n\tfunction submit(): Promise<void> {\n\t\tconst submitFunction = async (license: License) => {\n\t\t\ttry {\n\t\t\t\tawait onSubmit(license);\n\t\t\t} catch (error: any) {\n\t\t\t\tif (error && error.response && error.response.status === 409 && error.response.data?.message) {\n\t\t\t\t\tsetError('name', {\n\t\t\t\t\t\tmessage: t('licenses.form.validation.nameInUse', {\n\t\t\t\t\t\t\tdefaultValue: error.response.data?.message,\n\t\t\t\t\t\t}),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\treturn handleSubmit(submitFunction, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\treturn (\n\t\t<SpinnerContainer show={isSubmitting || isFetchingLicenses} className=\"di license-form\">\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"name\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: t('licenses.form.validation.nameRequired', {\n\t\t\t\t\t\tdefaultValue: 'Please enter the technical name',\n\t\t\t\t\t}),\n\t\t\t\t\tvalidate: validateLicenseName,\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tdisabled={!!editedLicense}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"displayName\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: t('licenses.form.validation.displayNameRequired', {\n\t\t\t\t\t\tdefaultValue: 'Please enter the display name',\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.displayName\">Name</Trans>}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"description\"\n\t\t\t\trender={({field}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<ButtonRow dividing>\n\t\t\t\t<Button primary onClick={submit} disabled={isSubmitting}>\n\t\t\t\t\t<Trans i18nKey=\"general.actions.save\">Save</Trans>\n\t\t\t\t</Button>\n\t\t\t\t<Button disabled={isSubmitting} onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t</Button>\n\t\t\t</ButtonRow>\n\t\t\t<Prompt message={''} when={isDirty && !isSubmitting} />\n\t\t</SpinnerContainer>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {useHistory, useLocation, useParams} from 'react-router-dom';\n\nimport {createLicense, fetchLicenseByName, type License, updateLicense} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, messageBoxSuccess} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport PageNotFound from '../../components/page/misc/PageNotFound';\nimport LicenseForm from './LicenseForm';\n\nexport default function LicensesEditPage() {\n\tconst history = useHistory();\n\tconst {pathname} = useLocation();\n\tconst {licenseName: editedLicenseName} = useParams<{licenseName: string | undefined}>();\n\tconst [editedLicense, setEditedLicense] = useState<License | undefined>();\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [notFound, setNotFound] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (editedLicenseName) {\n\t\t\tsetLoading(true);\n\t\t\tfetchLicenseByName(editedLicenseName)\n\t\t\t\t.then(setEditedLicense)\n\t\t\t\t.catch(() => {\n\t\t\t\t\tmessageBoxError(<Trans i18nKey=\"licenses.editPage.fetchingError\">Fetching license failed</Trans>);\n\t\t\t\t\tsetNotFound(true);\n\t\t\t\t})\n\t\t\t\t.finally(() => setLoading(false));\n\t\t}\n\t}, [editedLicenseName]);\n\n\tif (notFound) {\n\t\treturn <PageNotFound />;\n\t}\n\n\tif (loading) {\n\t\treturn <Spinner center />;\n\t}\n\n\tconst handleSubmit = async (license: License) => {\n\t\tif (editedLicenseName) {\n\t\t\tawait updateLicense(license);\n\t\t\tmessageBoxSuccess(<Trans i18nKey=\"licenses.updateSuccess\">License updated</Trans>);\n\t\t} else {\n\t\t\tawait createLicense(license);\n\t\t\tmessageBoxSuccess(<Trans i18nKey=\"licenses.createSuccess\">License created</Trans>);\n\t\t}\n\t\tgoToParentPage();\n\t};\n\n\tconst goToParentPage = () => {\n\t\thistory.push(pathname.substring(0, pathname.lastIndexOf('/')));\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ContentHeader\n\t\t\t\ttitle={\n\t\t\t\t\t!editedLicense\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tid: 'licenses.create.title',\n\t\t\t\t\t\t\t\tdefaultValue: 'Create License',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tid: 'licenses.edit.title',\n\t\t\t\t\t\t\t\tdefaultValue: 'Edit License',\n\t\t\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tparentPageLink\n\t\t\t/>\n\t\t\t<LicenseForm editedLicense={editedLicense} onSubmit={handleSubmit} onCancel={goToParentPage} />\n\t\t</>\n\t);\n}\n"],"names":["LicenseForm","editedLicense","onSubmit","onCancel","useTranslation","handleSubmit","control","isSubmitting","isDirty","setError","useForm","licenses","setLicenses","useState","isFetchingLicenses","setFetchingLicenses","useEffect","fetchLicenses","messageBoxError","jsx","Trans","validateLicenseName","value","license","submit","error","errors","SpinnerContainer","Controller","field","TextInput","jsxs","ButtonRow","Button","Prompt","LicensesEditPage","history","useHistory","pathname","useLocation","editedLicenseName","useParams","setEditedLicense","loading","setLoading","notFound","setNotFound","fetchLicenseByName","PageNotFound","Spinner","updateLicense","messageBoxSuccess","createLicense","goToParentPage","Fragment","ContentHeader"],"mappings":"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"}
@@ -4,7 +4,7 @@ import { Link as h } from "react-router-dom";
4
4
  import { fetchRolesForLicense as g, fetchLicenses as N, deleteLicense as C } from "@deviceinsight/ng-ui-api-client";
5
5
  import { useConfirm as S, Button as E, Icon as w } from "@deviceinsight/ng-ui-basic-components";
6
6
  import { messageBoxError as p, ContentHeader as D } from "@deviceinsight/ng-ui-components";
7
- import { a, u as I, bM as T, bN as A, am as x } from "./setTitle-CjnK8p-J.js";
7
+ import { a, u as I, bN as T, bO as A, an as x } from "./setTitle-Dij-z9p9.js";
8
8
  import "react-i18next";
9
9
  function K({ license: n }) {
10
10
  const [e, i] = c([]), [r, o] = c(!1);
@@ -146,4 +146,4 @@ function j() {
146
146
  export {
147
147
  j as default
148
148
  };
149
- //# sourceMappingURL=LicensesList-DWQlVNdR.js.map
149
+ //# sourceMappingURL=LicensesList-ihwXeJ0k.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LicensesList-DWQlVNdR.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseRoles.tsx","../ng-ui-scale/src/modules/licenses/LicensesList.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {fetchRolesForLicense, type Role} from '@deviceinsight/ng-ui-api-client';\n\nimport {Trans} from '../../i18n';\nimport './LicenseRoles.scss';\n\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\ntype Props = {\n\tlicense: string;\n};\n\nexport default function LicenseRoles({license}: Props) {\n\tconst [roles, setRoles] = useState<Role[]>([]);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetLoading(true);\n\t\tfetchRolesForLicense(license)\n\t\t\t.then(setRoles)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"license.roles.fetchingError\">\n\t\t\t\t\t\tCan't fetch the roles of the following license: {{license}}\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t})\n\t\t\t.finally(() => setLoading(false));\n\t}, [license]);\n\n\tif (loading) {\n\t\treturn <Trans i18nKey=\"general.actions.loading\">Loading...</Trans>;\n\t}\n\n\treturn (\n\t\t<span className=\"di license-roles\">\n\t\t\t{roles.map(role => (\n\t\t\t\t<Link key={role.id} to={`/roles/${role.id}`} className=\"role-link\">\n\t\t\t\t\t{role.name}\n\t\t\t\t</Link>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {deleteLicense, fetchLicenses, type License, type PaginationSettings} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, type ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {Trans, useTranslation} from 'i18n';\nimport {HasAuthorities} from '../../components/auth/HasAuthorities';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport LicenseRoles from './LicenseRoles';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'name',\n\t\tdirection: 'ASC',\n\t},\n};\n\nfunction getColumnDefs(onDelete: (license: License) => Promise<void>): Array<ReactableColumnDef<License>> {\n\treturn [\n\t\t{\n\t\t\tname: 'name',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) => item.name.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => <Link to={`licenses/${item.name}`}>{item.name}</Link>,\n\t\t},\n\t\t{\n\t\t\tname: 'displayName',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.displayName\">Display Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) =>\n\t\t\t\t\titem.displayName.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => item.displayName,\n\t\t},\n\t\t{\n\t\t\tname: 'description',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>,\n\t\t\trender: item => item.description,\n\t\t},\n\t\t{\n\t\t\tname: 'roles',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.roles\">Roles</Trans>,\n\t\t\trender: item => <LicenseRoles license={item.name} />,\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => (\n\t\t\t\t<HasAuthorities authorities={['MANAGE_LICENSES']}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tnaked\n\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\tid: 'licenses.tableHeaders.deleteLicense',\n\t\t\t\t\t\t\tdefaultValue: 'Delete this License',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onDelete(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t</Button>\n\t\t\t\t</HasAuthorities>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport default function LicensesList() {\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst confirm = useConfirm();\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.licenses.create\">Create new license</Trans>;\n\n\tuseEffect(() => {\n\t\tconst doFetch = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst licenses = await fetchLicenses();\n\t\t\t\tsetLicenses(licenses);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t};\n\t\tdoFetch();\n\t}, []);\n\n\tasync function handleDeleteLicense(license: License) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('licenses.confirmDeleteLicenseTitle', {defaultValue: 'Delete License'}),\n\t\t\tmessage: t('licenses.confirmDeleteLicenseMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this License?',\n\t\t\t}),\n\t\t});\n\t\tif (confirmed) {\n\t\t\tsetLoading(true);\n\t\t\ttry {\n\t\t\t\tawait deleteLicense(license.name);\n\t\t\t\tsetLicenses(licenses => licenses.filter(l => l.name !== license.name));\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error('Delete license error', e);\n\t\t\t\tmessageBoxError(\n\t\t\t\t\tt('licenses.deleteFailure', {defaultValue: `Can't delete license because it is in use`}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div data-testid=\"licenses-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.licenses.name',\n\t\t\t\t\tdefaultValue: 'Licenses',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"MANAGE_LICENSES\"\n\t\t\t\tpath=\"licenses/create\"\n\t\t\t\tdataTestId=\"create-license-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(handleDeleteLicense)}\n\t\t\t\titems={licenses}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.name}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"licenses-table\"\n\t\t\t\ttableName={'licenses'}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["LicenseRoles","license","roles","setRoles","useState","loading","setLoading","useEffect","fetchRolesForLicense","messageBoxError","jsxs","Trans","jsx","role","Link","INITIAL_PAGINATION_SETTINGS","getColumnDefs","onDelete","item","value","HasAuthorities","Button","Icon","LicensesList","licenses","setLicenses","confirm","useConfirm","t","useTranslation","tooltip","fetchLicenses","handleDeleteLicense","deleteLicense","l","e","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave"],"mappings":"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"}
1
+ {"version":3,"file":"LicensesList-ihwXeJ0k.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseRoles.tsx","../ng-ui-scale/src/modules/licenses/LicensesList.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {fetchRolesForLicense, type Role} from '@deviceinsight/ng-ui-api-client';\n\nimport {Trans} from '../../i18n';\nimport './LicenseRoles.scss';\n\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\ntype Props = {\n\tlicense: string;\n};\n\nexport default function LicenseRoles({license}: Props) {\n\tconst [roles, setRoles] = useState<Role[]>([]);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetLoading(true);\n\t\tfetchRolesForLicense(license)\n\t\t\t.then(setRoles)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"license.roles.fetchingError\">\n\t\t\t\t\t\tCan't fetch the roles of the following license: {{license}}\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t})\n\t\t\t.finally(() => setLoading(false));\n\t}, [license]);\n\n\tif (loading) {\n\t\treturn <Trans i18nKey=\"general.actions.loading\">Loading...</Trans>;\n\t}\n\n\treturn (\n\t\t<span className=\"di license-roles\">\n\t\t\t{roles.map(role => (\n\t\t\t\t<Link key={role.id} to={`/roles/${role.id}`} className=\"role-link\">\n\t\t\t\t\t{role.name}\n\t\t\t\t</Link>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {deleteLicense, fetchLicenses, type License, type PaginationSettings} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, type ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {Trans, useTranslation} from 'i18n';\nimport {HasAuthorities} from '../../components/auth/HasAuthorities';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport LicenseRoles from './LicenseRoles';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'name',\n\t\tdirection: 'ASC',\n\t},\n};\n\nfunction getColumnDefs(onDelete: (license: License) => Promise<void>): Array<ReactableColumnDef<License>> {\n\treturn [\n\t\t{\n\t\t\tname: 'name',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) => item.name.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => <Link to={`licenses/${item.name}`}>{item.name}</Link>,\n\t\t},\n\t\t{\n\t\t\tname: 'displayName',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.displayName\">Display Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) =>\n\t\t\t\t\titem.displayName.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => item.displayName,\n\t\t},\n\t\t{\n\t\t\tname: 'description',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>,\n\t\t\trender: item => item.description,\n\t\t},\n\t\t{\n\t\t\tname: 'roles',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.roles\">Roles</Trans>,\n\t\t\trender: item => <LicenseRoles license={item.name} />,\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => (\n\t\t\t\t<HasAuthorities authorities={['MANAGE_LICENSES']}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tnaked\n\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\tid: 'licenses.tableHeaders.deleteLicense',\n\t\t\t\t\t\t\tdefaultValue: 'Delete this License',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onDelete(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t</Button>\n\t\t\t\t</HasAuthorities>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport default function LicensesList() {\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst confirm = useConfirm();\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.licenses.create\">Create new license</Trans>;\n\n\tuseEffect(() => {\n\t\tconst doFetch = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst licenses = await fetchLicenses();\n\t\t\t\tsetLicenses(licenses);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t};\n\t\tdoFetch();\n\t}, []);\n\n\tasync function handleDeleteLicense(license: License) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('licenses.confirmDeleteLicenseTitle', {defaultValue: 'Delete License'}),\n\t\t\tmessage: t('licenses.confirmDeleteLicenseMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this License?',\n\t\t\t}),\n\t\t});\n\t\tif (confirmed) {\n\t\t\tsetLoading(true);\n\t\t\ttry {\n\t\t\t\tawait deleteLicense(license.name);\n\t\t\t\tsetLicenses(licenses => licenses.filter(l => l.name !== license.name));\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error('Delete license error', e);\n\t\t\t\tmessageBoxError(\n\t\t\t\t\tt('licenses.deleteFailure', {defaultValue: `Can't delete license because it is in use`}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div data-testid=\"licenses-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.licenses.name',\n\t\t\t\t\tdefaultValue: 'Licenses',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"MANAGE_LICENSES\"\n\t\t\t\tpath=\"licenses/create\"\n\t\t\t\tdataTestId=\"create-license-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(handleDeleteLicense)}\n\t\t\t\titems={licenses}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.name}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"licenses-table\"\n\t\t\t\ttableName={'licenses'}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["LicenseRoles","license","roles","setRoles","useState","loading","setLoading","useEffect","fetchRolesForLicense","messageBoxError","jsxs","Trans","jsx","role","Link","INITIAL_PAGINATION_SETTINGS","getColumnDefs","onDelete","item","value","HasAuthorities","Button","Icon","LicensesList","licenses","setLicenses","confirm","useConfirm","t","useTranslation","tooltip","fetchLicenses","handleDeleteLicense","deleteLicense","l","e","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave"],"mappings":"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"}