@deviceinsight/ng-ui-scale-lib 9.14.0

package/dist/UserGroupTheme-0d0d7d48.js

@@ -0,0 +1,280 @@
+import { at as s, d0 as f, d1 as v, ag as c, d2 as g, aj as C, au as x, d3 as l, ae as r, d4 as w, d5 as P } from "./ContextBarContext-f745a63a.js";
+import * as d from "react";
+import { useContext as S } from "react";
+import { P as T } from "./react-router-f15627c1.js";
+import { Button as p, ButtonRow as j, SpinnerContainer as U } from "@deviceinsight/ng-ui-basic-components";
+import { GradientColorPicker as y, ContentHeader as D } from "@deviceinsight/ng-ui-components";
+import "react-router-dom";
+import "@deviceinsight/ng-ui-api-client";
+import "react-dom";
+import "./extends-0a3e0827.js";
+const u = (o) => ("0" + parseInt(o).toString(16)).slice(-2), b = (o) => {
+  if (o.includes("#"))
+    return o;
+  const e = o.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+  return e && e.length === 4 ? `#${u(e[1])}${u(e[2])}${u(e[3])}` : "";
+}, I = "#0077bb";
+class L extends d.PureComponent {
+  constructor() {
+    super(...arguments), this.state = {
+      isOpen: !1
+    }, this.toggleIsOpen = () => {
+      const { value: e } = this.props, { isOpen: t } = this.state;
+      e || this.handleChange(I), this.setState({
+        isOpen: !t
+      });
+    }, this.handleChange = (e) => {
+      const { onChange: t } = this.props, n = b(e);
+      t(n);
+    }, this.handleUnset = (e) => {
+      e.stopPropagation();
+      const { onChange: t } = this.props;
+      t(), this.setState({
+        isOpen: !1
+      });
+    };
+  }
+  render() {
+    const { isOpen: e } = this.state, { value: t, title: n, description: a } = this.props;
+    return /* @__PURE__ */ s.jsx("div", { className: "di with-bottom-margin", children: /* @__PURE__ */ s.jsx(f, { title: n, description: a, children: /* @__PURE__ */ s.jsxs(v, { content: t, onClick: this.toggleIsOpen, children: [
+      /* @__PURE__ */ s.jsx(
+        y,
+        {
+          popperAlignment: "right",
+          inline: !1,
+          isOpen: e,
+          allowTextInput: !0,
+          value: t || "",
+          style: {
+            float: "left"
+          },
+          onPick: this.handleChange
+        }
+      ),
+      t && /* @__PURE__ */ s.jsx(
+        p,
+        {
+          onClick: this.handleUnset,
+          style: {
+            marginLeft: 10,
+            marginTop: 3,
+            float: "left"
+          },
+          children: /* @__PURE__ */ s.jsx(c, { i18nKey: "usergroups.detail.theme.resetColor", children: "Reset Color" })
+        }
+      )
+    ] }) }) });
+  }
+}
+class O extends d.PureComponent {
+  constructor() {
+    super(...arguments), this.state = {
+      isPreview: !1
+    }, this.changeConfig = (e) => (t) => {
+      const { config: n, onChangeConfig: a } = this.props, i = { ...n };
+      t ? i[e] = t : delete i[e], a(i);
+    }, this.handleSubmit = () => {
+      const { onSubmit: e } = this.props;
+      e();
+    }, this.stopPreview = () => {
+      const { onStopPreview: e } = this.props;
+      this.setState({
+        isPreview: !1
+      }), e();
+    }, this.startPreview = () => {
+      const { onStartPreview: e } = this.props;
+      this.setState({
+        isPreview: !0
+      }), e();
+    }, this.togglePreview = () => {
+      const { isPreview: e } = this.state;
+      e ? this.stopPreview() : this.startPreview();
+    };
+  }
+  componentDidUpdate(e) {
+    const { isPreview: t } = this.state;
+    t && e.config !== this.props.config && this.startPreview(), this.props.hasUnsavedChanges || this.stopPreview();
+  }
+  render() {
+    const { isPreview: e } = this.state, { config: t, hasUnsavedChanges: n } = this.props;
+    return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(
+        g,
+        {
+          title: {
+            id: "usergroups.detail.theme.logo",
+            defaultValue: "Logo"
+          },
+          description: {
+            id: "usergroups.detail.theme.logoDescription",
+            defaultValue: "Change the header logo (max height: 40px)"
+          },
+          value: t.logo,
+          onChange: this.changeConfig("logo"),
+          children: /* @__PURE__ */ s.jsx(
+            "img",
+            {
+              style: {
+                maxHeight: 40
+              },
+              src: t.logo,
+              alt: "Logo"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        g,
+        {
+          title: {
+            id: "usergroups.detail.theme.favicon",
+            defaultValue: "Favicon"
+          },
+          description: {
+            id: "usergroups.detail.theme.faviconDescription",
+            defaultValue: "Change the favicon"
+          },
+          value: t.favicon,
+          onChange: this.changeConfig("favicon"),
+          children: /* @__PURE__ */ s.jsx(
+            "img",
+            {
+              style: {
+                maxHeight: 16,
+                maxWidth: 16
+              },
+              src: t.favicon,
+              alt: "Favicon"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        L,
+        {
+          title: {
+            id: "usergroups.detail.theme.primaryColor",
+            defaultValue: "Primary Color"
+          },
+          description: {
+            id: "usergroups.detail.theme.primaryColorDescription",
+            defaultValue: "Change the main color (will be used with white text)"
+          },
+          value: t.primaryColor,
+          onChange: this.changeConfig("primaryColor")
+        }
+      ),
+      /* @__PURE__ */ s.jsxs(j, { dividing: !0, children: [
+        /* @__PURE__ */ s.jsx(p, { primary: !0, disabled: !n, onClick: this.handleSubmit, children: /* @__PURE__ */ s.jsx(c, { i18nKey: "usergroups.detail.theme.save", children: "Save" }) }),
+        /* @__PURE__ */ s.jsx(p, { disabled: !n, onClick: this.togglePreview, children: e ? /* @__PURE__ */ s.jsx(c, { i18nKey: "usergroups.detail.theme.preview", children: "Stop Preview" }) : /* @__PURE__ */ s.jsx(c, { i18nKey: "usergroups.detail.theme.preview", children: "Preview" }) })
+      ] })
+    ] });
+  }
+}
+class F extends d.PureComponent {
+  constructor() {
+    super(...arguments), this.state = {
+      isLoading: !0,
+      config: {},
+      savedConfig: {}
+    }, this.saveTheme = () => {
+      const { onSave: e, onDelete: t } = this.props, { config: n } = this.state;
+      Object.values(n).some(Boolean) ? this.handleRequestStatus(e(n)) : this.handleRequestStatus(t());
+    }, this.handleChangeConfig = (e) => {
+      this.setState({
+        config: e
+      });
+    }, this.handleStartPreview = () => {
+      const { setTheme: e } = this.props, { config: t } = this.state;
+      e(t);
+    }, this.handleStopPreview = () => {
+      const { unsetTheme: e } = this.props;
+      e();
+    }, this.hasUnsavedChanges = () => {
+      const { config: e, savedConfig: t } = this.state;
+      return !C.isEqual(e, t);
+    };
+  }
+  componentDidMount() {
+    this.fetchTheme();
+  }
+  componentWillUnmount() {
+    this.hasUnsavedChanges() && this.handleStopPreview();
+  }
+  fetchTheme() {
+    const { onFetch: e } = this.props;
+    this.handleRequestStatus(e());
+  }
+  handleRequestStatus(e) {
+    return this.setState({
+      isLoading: !0
+    }), e.then((t) => {
+      this.setState({
+        config: t,
+        savedConfig: t,
+        isLoading: !1
+      });
+    }).catch((t) => {
+      console.error(t), this.setState({
+        isLoading: !1
+      });
+    });
+  }
+  render() {
+    const { isLoading: e, config: t } = this.state;
+    return /* @__PURE__ */ s.jsxs("div", { children: [
+      /* @__PURE__ */ s.jsx(
+        D,
+        {
+          title: {
+            id: "usergroups.detail.theme.title",
+            defaultValue: "Custom Design Options"
+          }
+        }
+      ),
+      /* @__PURE__ */ s.jsx(U, { show: e, children: /* @__PURE__ */ s.jsx(
+        O,
+        {
+          config: t,
+          onChangeConfig: this.handleChangeConfig,
+          onSubmit: this.saveTheme,
+          onStartPreview: this.handleStartPreview,
+          onStopPreview: this.handleStopPreview,
+          hasUnsavedChanges: this.hasUnsavedChanges()
+        }
+      ) }),
+      /* @__PURE__ */ s.jsx(T, { when: this.hasUnsavedChanges(), message: "" })
+    ] });
+  }
+}
+const B = ({ usergroup: { id: o } }) => {
+  const { user: e } = S(x), t = (i) => {
+    if (e)
+      return e.accountGroupIds.includes(i);
+  }, n = async (i) => {
+    try {
+      return await w(i), t(i) && r.setUserTheme(r.getDefaultTheme()), {};
+    } catch (h) {
+      return console.error(h), await l(i);
+    }
+  }, a = async (i, h) => {
+    try {
+      return await P(i, h), t(i) ? (r.setUserTheme(h), r.setTheme(r.getUserTheme()), h) : await l(i);
+    } catch (m) {
+      return console.error(m), await l(i);
+    }
+  };
+  return /* @__PURE__ */ s.jsx(
+    F,
+    {
+      onSave: (i) => a(o, i),
+      onFetch: () => l(o),
+      onDelete: () => n(o),
+      setTheme: (i) => r.setTheme(i),
+      unsetTheme: () => r.setTheme(r.getUserTheme())
+    }
+  );
+};
+export {
+  B as default
+};

package/dist/api.js

@@ -0,0 +1,84 @@
+import { ai as a, au as n, at as i, aK as r, bB as c, cC as u, cD as m, cl as f, co as C, bm as d, cE as l } from "./ContextBarContext-f745a63a.js";
+import { aN as F, br as G, af as L, ae as O, ag as V, cG as H, ad as K, cH as M, cF as Z, cU as $, aG as j, aU as k, cK as w, cL as J, cR as W, cS as X, cP as q, cW as Q, cO as Y, cQ as z, cJ as ee, cM as se, cN as te, cI as oe, cT as ae, cx as ne, cV as ie, cX as re, ac as ce, b$ as ue, ah as me, bV as fe } from "./ContextBarContext-f745a63a.js";
+import { m as de, a as le } from "./useCanDeleteBundleVersion-64f35949.js";
+import { getAxios as p } from "@deviceinsight/ng-ui-api-client";
+import { s as Ae } from "./customFileCategories-1b64ed45.js";
+import { useContext as t, useEffect as A } from "react";
+import "react-router-dom";
+import "@deviceinsight/ng-ui-basic-components";
+import "@deviceinsight/ng-ui-components";
+import "react-dom";
+const h = (e) => a({
+  REACT_APP_TENANT_LOCIZE_PROJECT_ID: e.projectId,
+  REACT_APP_TENANT_LOCIZE_API_KEY: e.apiKey,
+  REACT_APP_TENANT_LOCIZE_VERSION: e.version
+}), _ = () => p();
+function D() {
+  const { user: e } = t(n);
+  return e;
+}
+function N({ className: e, icon: s, ...o }) {
+  return /* @__PURE__ */ i.jsx("button", { className: r(e, "tool"), ...o, children: s });
+}
+function R({ children: e }) {
+  const { addItem: s } = t(c);
+  return A(() => s(e), [s, e]), null;
+}
+function b(e) {
+  return console.warn("Don't use setFavicon. This function is deprecated"), u(e, !0);
+}
+function U(e) {
+  return console.warn("Don't use setPrimaryColor. This function is deprecated"), m(e, !0);
+}
+const v = {
+  onSignin: f,
+  onSignout: C,
+  onThemeChange: d,
+  onUserProfileChange: l
+};
+export {
+  N as ContextBarAction,
+  R as ContextBarActionContainer,
+  F as HasAuthorities,
+  G as RouteApi,
+  L as StyleApi,
+  O as ThemeApi,
+  V as Trans,
+  H as TranslationApi,
+  K as UiConfigurationApi,
+  M as addCustomHeaderElement,
+  Z as addI18nextXHRBackend,
+  v as eventBus,
+  $ as generateAssetUrn,
+  _ as getNguiAxios,
+  j as getStartPage,
+  k as hasAuthorities,
+  w as modifyAssetColumnDefinitions,
+  J as modifyAssetGroupColumnDefinitions,
+  de as modifyCanDeleteBundle,
+  le as modifyCanDeleteBundleVersion,
+  W as modifyChildAssetGroupsInitialSort,
+  X as modifyCustomSearchProperties,
+  q as modifyDashboardWidgets,
+  Q as modifyIsDashboardVisible,
+  Y as modifyMapMarkerIcon,
+  z as modifyPropertyVisibility,
+  ee as modifyRoutes,
+  se as modifyUserColumnDefinitions,
+  te as modifyUserGroupColumnDefinitions,
+  oe as removeCustomHeaderElement,
+  ae as replaceComponent,
+  ne as retrieveAuthInfo,
+  ie as setContextInfo,
+  Ae as setCustomFilesCategories,
+  re as setCustomLoginPageElement,
+  a as setEnvironment,
+  b as setFavicon,
+  h as setLocizeProject,
+  U as setPrimaryColor,
+  ce as setTitle,
+  ue as useAssetTimezone,
+  me as useTranslation,
+  D as useUserAccountInfo,
+  fe as ux4iotGrantRequestFunction
+};

package/dist/consts-012135e5.js

@@ -0,0 +1,33 @@
+const e = "Bundle Management", E = "bundleId", _ = "bundleVersionId", n = {
+  ACCORDION_ITEM: "bundle-accordion-item",
+  CREATE_BUNDLE_DIALOG: "create-bundle-dialog-content",
+  CREATE_BUNDLE_BUTTON: "create-bundle-button",
+  CREATE_BUNDLE_COMPONENT: "create-bundle-component",
+  DELETE_BUNDLE_BUTTON: "delete-bundle-button",
+  DELETE_BUNDLE_DIALOG: "delete-bundle-dialog-content",
+  DELETE_VERSION_DIALOG: "delete-version-dialog-content",
+  BUNDLE_VERSION_VIEW: "bundle-version-view",
+  CANCEL_SAVE_BUNDLE_BUTTON: "cancel-save-bundle",
+  SAVE_BUNDLE_BUTTON: "save-bundle",
+  BUNDLE_NAME_INPUT: "input-bundle-name",
+  CREATE_VERSION_BUTTON: "create-version-button",
+  CANCEL_SAVE_VERSION_BUTTON: "cancel-save-version-button",
+  SAVE_VERSION_BUTTON: "save-version-button",
+  CREATE_VERSION_DIALOG: "create-version-dialog",
+  VERSION_NAME_INPUT: "input-version-name",
+  VERSION_DESCRIPTION_INPUT: "input-version-desc",
+  DELETE_FILE_ICON: "icon-delete-file",
+  DOWNLOAD_FILE_ICON: "icon-download-file",
+  DELETE_VERSION_ICON: "icon-delete-version",
+  VERSION_FILE_UPLOAD_AREA: "version-file-upload",
+  LABEL_VERSION_COUNT: "label-version-count",
+  VERSION_DETAILS_DIALOG: "version-details-dialog",
+  VERSION_FILES_DIALOG: "version-files-dialog",
+  MODAL_CLOSE_BUTTON: "modal-close-button"
+};
+export {
+  n as B,
+  e as M,
+  E as Q,
+  _ as a
+};

package/dist/customFileCategories-1b64ed45.js

@@ -0,0 +1,11 @@
+const e = [];
+function s(t) {
+  e.splice(0, e.length, ...t);
+}
+function o() {
+  return e;
+}
+export {
+  o as g,
+  s
+};

package/dist/extends-0a3e0827.js

@@ -0,0 +1,13 @@
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var a in r)
+        ({}).hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, e.apply(null, arguments);
+}
+export {
+  e as _
+};