@openremote/or-attribute-input 1.8.0-snapshot.20250725074716 → 1.8.0-snapshot.20250725120001

package/lib/agent-link-json-forms-renderer.js

@@ -1,12 +1,88 @@
-let agents,loadingPromise;import{rankWith as e,and as t,mapStateToControlProps as r,mapDispatchToControlProps as o,uiTypeIs as n,formatIs as s}from"@jsonforms/core";import i,{OREvent as a}from"@openremote/core";import{getTemplateWrapper as d}from"@openremote/or-json-forms";import{InputType as m}from"@openremote/or-mwc-components/or-mwc-input";import{html as p}from"lit";import"@openremote/or-mwc-components/or-mwc-input";import{i18next as c}from"@openremote/or-translate";import{until as l}from"lit/directives/until.js";let subscribed=!1,timeout=2e3;export function loadAgents(){return agents?Promise.resolve(agents):loadingPromise||(subscribed||(i.addListener(e=>{e===a.DISPLAY_REALM_CHANGED&&(agents=void 0,loadingPromise=void 0)}),i.events.subscribeAssetEvents(void 0,!1,e=>{e.asset&&e.asset.type.endsWith("Agent")&&(agents=void 0,loadingPromise=void 0)}),subscribed=!0),loadingPromise=i.rest.api.AssetResource.queryAssets({realm:{name:i.displayRealm},types:["Agent"],select:{attributes:[]}}).then(e=>e.data).then(e=>(agents=e,e)))}let agentIdTester=e(6,t(n("Control"),s("or-agent-id"))),agentIdRenderer=(e,t)=>{t=Object.assign(Object.assign(Object.assign({},t),r({jsonforms:Object.assign({},e)},t)),o(e.dispatch));let n=loadAgents().then(e=>{let r=e.map(e=>[e.id,e.name+" ("+e.id+")"]);return p`
-            <or-mwc-input .label="${c.t("agentId")}" required class="agent-id-picker" @or-mwc-input-changed="${r=>(e=>{t.handleChange(t.path,e?e.id:void 0)})(e.find(e=>e.id===r.detail.value))}" type="${m.SELECT}" .value="${t.data}" .placeholder="${c.t("selectAgent")}" .options="${r}"></or-mwc-input>
-        `});return d(p`
-        <style>
-            .agent-id-picker {
-                min-width: 300px;
-                max-width: 600px;
-                width: 100%;
+import { rankWith, and, mapStateToControlProps, mapDispatchToControlProps, uiTypeIs, formatIs } from "@jsonforms/core";
+import manager, { OREvent } from "@openremote/core";
+import { getTemplateWrapper } from "@openremote/or-json-forms";
+import { InputType } from "@openremote/or-mwc-components/or-mwc-input";
+import { html } from "lit";
+import "@openremote/or-mwc-components/or-mwc-input";
+import { i18next } from "@openremote/or-translate";
+import { until } from "lit/directives/until.js";
+/**
+ * This function creates a short lived cache for loading the list of agents; this is useful when multiple instances
+ * of this control are used in a single UI
+ */
+let agents;
+let loadingPromise;
+let subscribed = false;
+const timeout = 2000;
+export function loadAgents() {
+    if (agents) {
+        return Promise.resolve(agents);
+    }
+    if (loadingPromise) {
+        return loadingPromise;
+    }
+    if (!subscribed) {
+        manager.addListener((ev) => {
+            switch (ev) {
+                case OREvent.DISPLAY_REALM_CHANGED:
+                    agents = undefined;
+                    loadingPromise = undefined;
+                    break;
             }
-        </style>
-        ${l(n,p`<or-mwc-input class="agent-id-picker" .type="${m.SELECT}"></or-mwc-input>`)}
-        `,void 0)};export const agentIdRendererRegistryEntry={tester:agentIdTester,renderer:agentIdRenderer};
+        });
+        manager.events.subscribeAssetEvents(undefined, false, (assetEvent) => {
+            if (assetEvent.asset && assetEvent.asset.type.endsWith("Agent")) {
+                agents = undefined;
+                loadingPromise = undefined;
+            }
+        });
+        subscribed = true;
+    }
+    loadingPromise = manager.rest.api.AssetResource.queryAssets({
+        realm: {
+            name: manager.displayRealm
+        },
+        types: [
+            "Agent"
+        ],
+        select: {
+            attributes: []
+        }
+    })
+        .then(response => response.data)
+        .then(agnts => {
+        agents = agnts;
+        return agnts;
+    });
+    return loadingPromise;
+}
+const agentIdTester = rankWith(6, and(uiTypeIs("Control"), formatIs("or-agent-id")));
+const agentIdRenderer = (state, props) => {
+    props = Object.assign(Object.assign(Object.assign({}, props), mapStateToControlProps({ jsonforms: Object.assign({}, state) }, props)), mapDispatchToControlProps(state.dispatch));
+    const onAgentChanged = (agent) => {
+        props.handleChange(props.path, agent ? agent.id : undefined);
+        return;
+    };
+    const loadedTemplatePromise = loadAgents().then(agents => {
+        const options = agents.map(agent => [agent.id, agent.name + " (" + agent.id + ")"]);
+        return html `
+            <or-mwc-input .label="${i18next.t("agentId")}" required class="agent-id-picker" @or-mwc-input-changed="${(ev) => onAgentChanged(agents.find((agent) => agent.id === ev.detail.value))}" type="${InputType.SELECT}" .value="${props.data}" .placeholder="${i18next.t("selectAgent")}" .options="${options}"></or-mwc-input>
+        `;
+    });
+    const template = html `
+        <style>
+            .agent-id-picker {
+                min-width: 300px;
+                max-width: 600px;
+                width: 100%;
+            }
+        </style>
+        ${until(loadedTemplatePromise, html `<or-mwc-input class="agent-id-picker" .type="${InputType.SELECT}"></or-mwc-input>`)}
+        `;
+    return getTemplateWrapper(template, undefined);
+};
+export const agentIdRendererRegistryEntry = {
+    tester: agentIdTester,
+    renderer: agentIdRenderer
+};
+//# sourceMappingURL=agent-link-json-forms-renderer.js.map