@deviceinsight/ng-ui-scale-lib 9.26.0 → 10.0.0

package/README.md

@@ -1,4 +1,4 @@
-# ng-ui-scale library
+# ng-ui-scale-lib: Use Scale UI as a library in a custom project
 
 ## CI/CD configuration
 

package/dist/AccessEditModal-x6TMxYkb.js

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { useState as f, useContext as U } from "react";
+import { searchUserGroups as I } from "@deviceinsight/ng-ui-api-client";
+import { Modal as x, Button as G, SpinnerContainer as b } from "@deviceinsight/ng-ui-basic-components";
+import { InfoBox as O } from "@deviceinsight/ng-ui-components";
+import { y as _, u as k, r as E, a as r, b6 as F, c1 as K, bU as M, c2 as W, k as L, c3 as S } from "./setTitle-Ck-71vC0.js";
+const N = "usergroupsWithoutAccessToTemplate";
+function v(t) {
+  return {
+    fields: L,
+    search: (o, s) => I(t(o), s)
+  };
+}
+function z(t, o) {
+  return o ? S(
+    o.filter((s) => !t.includes(s)),
+    !1
+  ) : S(t, !0);
+}
+function D({ onSave: t, onCancel: o, loading: s, template: n }) {
+  const [i, T] = f([]), [c, C] = f(!0), { user: l } = U(_), u = n && n.accountGroupsWithAccess || [], y = c ? l.accountGroupIds ?? [] : null, { t: p } = k(), h = E(["ACCESS_TO_ALL_NOTIFICATION_TEMPLATES"]), A = n?.accountGroupsWithAccess ?? [], d = [...i, ...A].some(
+    (a) => l.accountGroupIds.includes(a)
+  ), g = !h && !d || s;
+  return /* @__PURE__ */ e(
+    x,
+    {
+      onOutsideClick: o,
+      header: /* @__PURE__ */ e(r, { i18nKey: "notificationTemplate.access.modal.title", children: "Authorize User Groups to access this template" }),
+      content: /* @__PURE__ */ m(b, { show: s, children: [
+        /* @__PURE__ */ e("h2", { children: /* @__PURE__ */ e(r, { i18nKey: "notificationTemplate.access.modal.headline", children: "Add User Groups" }) }),
+        !h && !d && /* @__PURE__ */ e(
+          O,
+          {
+            type: "warning",
+            icon: F,
+            message: p("notificationTemplate.access.modal.ownUserGroupRequired", {
+              defaultValue: "You have to at least select one of your own groups, to not lose access to the notification template."
+            })
+          }
+        ),
+        /* @__PURE__ */ e(
+          K,
+          {
+            searchContext: N,
+            searchConfig: v(z(u, y)),
+            columnDefinitions: W(!0),
+            uniqueItemKey: (a) => a.id,
+            pageSize: 5,
+            onSelectSome: T,
+            extraHeaderComponent: () => /* @__PURE__ */ e(
+              M,
+              {
+                style: {
+                  flexGrow: 1,
+                  marginLeft: "50px"
+                },
+                value: c,
+                onChange: C,
+                label: p("notificationTemplate.access.modal.showOnlyMyGroups", {
+                  defaultValue: "Show only my groups"
+                }),
+                horizontal: !0
+              }
+            ),
+            searchInputScope: "notification-template-access-modal",
+            tableName: "notification-template-access-modal-table"
+          },
+          c ? "withUserGroupFilter" : "withoutUserGroupFilter"
+        ),
+        /* @__PURE__ */ e(r, { i18nKey: "notificationTemplate.access.modal.note", children: "Please select User Groups to authorise them to access and work with this template." })
+      ] }),
+      footer: /* @__PURE__ */ m(w, { children: [
+        /* @__PURE__ */ e(
+          G,
+          {
+            primary: !0,
+            disabled: g,
+            onClick: () => t([...u, ...i], n),
+            children: /* @__PURE__ */ e(r, { i18nKey: "general.actions.save", children: "Save" })
+          }
+        ),
+        /* @__PURE__ */ e(G, { onClick: () => o(), children: /* @__PURE__ */ e(r, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+      ] })
+    }
+  );
+}
+export {
+  D as A
+};
+//# sourceMappingURL=AccessEditModal-x6TMxYkb.js.map

package/dist/AccessEditModal-x6TMxYkb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessEditModal-x6TMxYkb.js","sources":["../ng-ui-scale/src/modules/templates/templateForm/AccessEditModal.tsx"],"sourcesContent":["import {useContext, useState} from 'react';\n\nimport {type NotificationTemplate, searchUserGroups, type UserGroup} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Modal, SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {InfoBox} from '@deviceinsight/ng-ui-components';\n\nimport warning_icon from 'assets/svg/icon_warning_triangle.svg';\nimport BulkSelectFilterTable from 'components/filtertable/BulkSelectFilterTable';\nimport Checkbox from 'components/inputs/checkbox/Checkbox';\nimport {getColumnDefs} from 'components/reactable/commonColumnDefs/usergroups';\nimport {UserContext} from 'contexts/user/UserContext';\nimport {Trans, useTranslation} from 'i18n';\nimport {userGroupFields} from 'modules/contextSearch/fields';\nimport {buildIdSearchClosure} from 'modules/contextSearch/searchExpressionHelper';\n// import {userGroupFields} from 'modules/search/fields';\n// import {SearchConfig} from 'modules/search/types';\nimport type {SearchConfig} from 'modules/contextSearch/types';\n// import {buildIdSearchClosure} from 'modules/search/searchExpressionHelper';\nimport {hasAuthorities} from 'utils/hasAuthorities';\n\nconst SEARCH_CONTEXT_GROUPS_WITHOUT_ACCESS = 'usergroupsWithoutAccessToTemplate';\n\ntype Props = {\n\tonSave: (accountGroupIds: number[], template?: NotificationTemplate) => Promise<void> | void;\n\tonCancel: () => void;\n\tloading: boolean;\n\ttemplate?: NotificationTemplate;\n};\n\nfunction getSearchConfig(queryModifier: (arg0: string) => string): SearchConfig<UserGroup> {\n\treturn {\n\t\tfields: userGroupFields,\n\t\tsearch: (query, paginationSettings) => searchUserGroups(queryModifier(query), paginationSettings),\n\t};\n}\n\nfunction buildSearchQuery(excludedIds: number[], availableIds: number[] | null) {\n\tif (!availableIds) {\n\t\treturn buildIdSearchClosure(excludedIds, true);\n\t}\n\n\treturn buildIdSearchClosure(\n\t\tavailableIds.filter(id => !excludedIds.includes(id)),\n\t\tfalse,\n\t);\n}\n\nfunction AccessEditModal({onSave, onCancel, loading, template}: Props) {\n\tconst [selectedUserGroupIds, setSelectedUserGroupIds] = useState<number[]>([]);\n\tconst [showMyGroups, setShowMyGroups] = useState(true);\n\tconst {user} = useContext(UserContext);\n\tconst accountGroupsWithAccess = (template && template.accountGroupsWithAccess) || [];\n\tconst userGroupIdsFilter = showMyGroups ? (user.accountGroupIds ?? []) : null;\n\n\tconst {t} = useTranslation();\n\tconst hasAccessToAllTemplates = hasAuthorities(['ACCESS_TO_ALL_NOTIFICATION_TEMPLATES'] as string[]);\n\tconst currentTemplateUserGroupIds = template?.accountGroupsWithAccess ?? [];\n\tconst isOwnUserGroupSelected = [...selectedUserGroupIds, ...currentTemplateUserGroupIds].some(id =>\n\t\tuser.accountGroupIds.includes(id),\n\t);\n\n\tconst disabled = (!hasAccessToAllTemplates && !isOwnUserGroupSelected) || loading;\n\treturn (\n\t\t<Modal\n\t\t\tonOutsideClick={onCancel}\n\t\t\theader={\n\t\t\t\t<Trans i18nKey=\"notificationTemplate.access.modal.title\">\n\t\t\t\t\tAuthorize User Groups to access this template\n\t\t\t\t</Trans>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<SpinnerContainer show={loading}>\n\t\t\t\t\t<h2>{<Trans i18nKey=\"notificationTemplate.access.modal.headline\">Add User Groups</Trans>}</h2>\n\t\t\t\t\t{!hasAccessToAllTemplates && !isOwnUserGroupSelected && (\n\t\t\t\t\t\t<InfoBox\n\t\t\t\t\t\t\ttype=\"warning\"\n\t\t\t\t\t\t\ticon={warning_icon}\n\t\t\t\t\t\t\tmessage={t('notificationTemplate.access.modal.ownUserGroupRequired', {\n\t\t\t\t\t\t\t\tdefaultValue:\n\t\t\t\t\t\t\t\t\t'You have to at least select one of your own groups, to not lose access to the notification template.',\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\t<BulkSelectFilterTable\n\t\t\t\t\t\tkey={showMyGroups ? 'withUserGroupFilter' : 'withoutUserGroupFilter'}\n\t\t\t\t\t\tsearchContext={SEARCH_CONTEXT_GROUPS_WITHOUT_ACCESS}\n\t\t\t\t\t\tsearchConfig={getSearchConfig(buildSearchQuery(accountGroupsWithAccess, userGroupIdsFilter))}\n\t\t\t\t\t\tcolumnDefinitions={getColumnDefs(true)}\n\t\t\t\t\t\tuniqueItemKey={accountGroup => accountGroup.id}\n\t\t\t\t\t\tpageSize={5}\n\t\t\t\t\t\tonSelectSome={setSelectedUserGroupIds}\n\t\t\t\t\t\textraHeaderComponent={() => (\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\tmarginLeft: '50px',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={showMyGroups}\n\t\t\t\t\t\t\t\tonChange={setShowMyGroups}\n\t\t\t\t\t\t\t\tlabel={t('notificationTemplate.access.modal.showOnlyMyGroups', {\n\t\t\t\t\t\t\t\t\tdefaultValue: 'Show only my groups',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\thorizontal\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tsearchInputScope=\"notification-template-access-modal\"\n\t\t\t\t\t\ttableName=\"notification-template-access-modal-table\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.access.modal.note\">\n\t\t\t\t\t\tPlease select User Groups to authorise them to access and work with this template.\n\t\t\t\t\t</Trans>\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\tprimary\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={() => onSave([...accountGroupsWithAccess, ...selectedUserGroupIds], template)}\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={() => onCancel()}>\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\nexport default AccessEditModal;\n"],"names":["SEARCH_CONTEXT_GROUPS_WITHOUT_ACCESS","getSearchConfig","queryModifier","userGroupFields","query","paginationSettings","searchUserGroups","buildSearchQuery","excludedIds","availableIds","buildIdSearchClosure","id","AccessEditModal","onSave","onCancel","loading","template","selectedUserGroupIds","setSelectedUserGroupIds","useState","showMyGroups","setShowMyGroups","user","useContext","UserContext","accountGroupsWithAccess","userGroupIdsFilter","t","useTranslation","hasAccessToAllTemplates","hasAuthorities","currentTemplateUserGroupIds","isOwnUserGroupSelected","disabled","jsx","Modal","Trans","jsxs","SpinnerContainer","InfoBox","warning_icon","BulkSelectFilterTable","getColumnDefs","accountGroup","Checkbox","Fragment","Button"],"mappings":"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"}

package/dist/BundleManagementContainer-B49bT5K-.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as r, useEffect as m } from "react";
+import { useLocation as s } from "react-router-dom";
+import { messageBoxDismissGroup as a } from "@deviceinsight/ng-ui-components";
+import { aC as f } from "./setTitle-Ck-71vC0.js";
+import { M as i } from "./consts-CZ_QkIyI.js";
+function D({ children: t }) {
+  const { setContextInfo: o } = r(f), { pathname: e } = s();
+  return m(() => (o(), () => {
+    a(i), o();
+  }), [e, o]), /* @__PURE__ */ n("div", { children: t });
+}
+export {
+  D as default
+};
+//# sourceMappingURL=BundleManagementContainer-B49bT5K-.js.map

package/dist/BundleManagementContainer-B49bT5K-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleManagementContainer-B49bT5K-.js","sources":["../ng-ui-scale/src/modules/bundleManagement/BundleManagementContainer.tsx"],"sourcesContent":["import {type ReactNode, useContext, useEffect} from 'react';\nimport {useLocation} from 'react-router-dom';\n\nimport {messageBoxDismissGroup} from '@deviceinsight/ng-ui-components';\n\nimport {ContextInfoContext} from 'contexts/contextInfo/ContextInfoContext';\nimport './bundleManagement.scss';\n\nimport {MODULE_ID} from './consts';\n\ntype Props = {\n\tchildren: ReactNode;\n};\nexport default function BundleManagementContainer({children}: Props) {\n\tconst {setContextInfo} = useContext(ContextInfoContext);\n\tconst {pathname} = useLocation();\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: TODO\n\tuseEffect(() => {\n\t\tsetContextInfo();\n\t\treturn () => {\n\t\t\tmessageBoxDismissGroup(MODULE_ID);\n\t\t\tsetContextInfo();\n\t\t};\n\t}, [pathname, setContextInfo]);\n\treturn <div>{children}</div>;\n}\n"],"names":["BundleManagementContainer","children","setContextInfo","useContext","ContextInfoContext","pathname","useLocation","useEffect","messageBoxDismissGroup","MODULE_ID","jsx"],"mappings":";;;;;;AAaA,SAAwBA,EAA0B,EAAC,UAAAC,KAAkB;AACpE,QAAM,EAAC,gBAAAC,EAAA,IAAkBC,EAAWC,CAAkB,GAChD,EAAC,UAAAC,EAAA,IAAYC,EAAA;AAEnB,SAAAC,EAAU,OACTL,EAAA,GACO,MAAM;AACZ,IAAAM,EAAuBC,CAAS,GAChCP,EAAA;AAAA,EACD,IACE,CAACG,GAAUH,CAAc,CAAC,GACtB,gBAAAQ,EAAC,SAAK,UAAAT,GAAS;AACvB;"}