@milaboratories/uikit 2.14.25 → 2.15.1

package/src/components/PlDropdownMultiRef/__tests__/PlDropdownMultiRef.spec.ts

@@ -63,4 +63,46 @@ describe("PlDropdownMultiRef", () => {
 
     expect(getOptions().length).toBe(2); // options are not closed after click
   });
+
+  it("renders the ref-specific missingValueLabel default for a stale ref", async () => {
+    const wrapper = mount(PlDropdownMultiRef, {
+      props: {
+        modelValue: [
+          { __isRef: true as const, blockId: "1", name: "Ref to block 1" },
+          { __isRef: true as const, blockId: "deleted", name: "Ref to deleted block" },
+        ],
+        options: [
+          {
+            label: "Ref 1",
+            ref: { __isRef: true as const, blockId: "1", name: "Ref to block 1" },
+          },
+        ],
+      },
+    });
+
+    await flushPromises();
+
+    const missing = wrapper.findAll(".pl-dropdown-multi__chip--missing");
+    expect(missing.length).toBe(1);
+    expect(missing[0].text()).toContain("Upstream value removed");
+  });
+
+  it("forwards a caller-supplied missingValueLabel that overrides the Ref default", async () => {
+    const wrapper = mount(PlDropdownMultiRef, {
+      props: {
+        modelValue: [{ __isRef: true as const, blockId: "deleted", name: "Ref to deleted block" }],
+        missingValueLabel: "Caller override",
+        options: [
+          {
+            label: "Ref 1",
+            ref: { __isRef: true as const, blockId: "1", name: "Ref to block 1" },
+          },
+        ],
+      },
+    });
+    await flushPromises();
+    const missing = wrapper.findAll(".pl-dropdown-multi__chip--missing");
+    expect(missing.length).toBe(1);
+    expect(missing[0].text()).toContain("Caller override");
+  });
 });

package/src/components/PlDropdownRef/PlDropdownRef.vue

@@ -52,6 +52,11 @@ const props = withDefaults(
      * Placeholder text shown when no value is selected.
      */
     placeholder?: string;
+    /**
+     * Text shown in the field when the referenced upstream block / output no longer
+     * exists. Defaults to "Upstream value removed".
+     */
+    missingValueLabel?: string;
     /**
      * Enables a button to clear the selected value (default: false)
      */
@@ -75,6 +80,7 @@ const props = withDefaults(
     loadingOptionsHelper: undefined,
     error: undefined,
     placeholder: "...",
+    missingValueLabel: "Upstream value removed",
     clearable: false,
     required: false,
     disabled: false,

package/src/components/PlDropdownRef/__tests__/PlDropdownRef.spec.ts

@@ -51,4 +51,57 @@ describe("PlDropdownRef", () => {
 
     expect(await wrapper.findAll(".dropdown-list-item").length).toBe(0); // options are closed after click
   });
+
+  it("renders the ref-specific missingValueLabel default when ref is not in options", async () => {
+    const wrapper = mount(PlDropdownRef, {
+      props: {
+        modelValue: {
+          __isRef: true as const,
+          blockId: "deleted-block",
+          name: "Ref to deleted block",
+        },
+        options: [
+          {
+            label: "Ref 1",
+            ref: {
+              __isRef: true as const,
+              blockId: "1",
+              name: "Ref to block 1",
+            },
+          },
+        ],
+      },
+    });
+
+    await flushPromises();
+
+    const missing = wrapper.find(".input-value--missing");
+    expect(missing.exists()).toBe(true);
+    expect(missing.text()).toBe("Upstream value removed");
+  });
+
+  it("forwards a caller-supplied missingValueLabel that overrides the Ref default", async () => {
+    const wrapper = mount(PlDropdownRef, {
+      props: {
+        modelValue: {
+          __isRef: true as const,
+          blockId: "deleted-block",
+          name: "Ref to deleted block",
+        },
+        missingValueLabel: "Caller override",
+        options: [
+          {
+            label: "Ref 1",
+            ref: {
+              __isRef: true as const,
+              blockId: "1",
+              name: "Ref to block 1",
+            },
+          },
+        ],
+      },
+    });
+    await flushPromises();
+    expect(wrapper.find(".input-value--missing").text()).toBe("Caller override");
+  });
 });