@narrative.io/jsonforms-provider-protocols 1.0.3 → 1.1.0-beta.1

package/src/vue/primevue/index.ts

@@ -0,0 +1,99 @@
+import JfText from "./JfText.vue";
+import JfTextArea from "./JfTextArea.vue";
+import JfNumber from "./JfNumber.vue";
+import JfEnum from "./JfEnum.vue";
+import JfEnumArray from "./JfEnumArray.vue";
+import JfBoolean from "./JfBoolean.vue";
+
+// Auto-inject layout styles
+const injectLayoutStyles = () => {
+  if (typeof window !== "undefined" && typeof document !== "undefined") {
+    if (!document.getElementById("jsonforms-primevue-styles")) {
+      const style = document.createElement("style");
+      style.id = "jsonforms-primevue-styles";
+      style.textContent = `
+/* JSONForms PrimeVue Provider Protocols Layout Styles */
+.vertical-layout {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1rem;
+  width: 100%;
+}
+
+.vertical-layout-item {
+  width: 100%;
+}
+      `;
+      document.head.appendChild(style);
+    }
+  }
+};
+
+// Inject styles when this module is imported
+injectLayoutStyles();
+
+import {
+  rankWith,
+  isStringControl,
+  or,
+  isNumberControl,
+  isIntegerControl,
+  and,
+  isControl,
+  schemaMatches,
+  isBooleanControl,
+} from "@jsonforms/core";
+
+// helpers for enum detection
+const isScalarEnum = (s?: object) => {
+  const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };
+  return (
+    schema &&
+    schema.type !== "array" &&
+    (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))
+  );
+};
+
+const isEnumArray = (s?: object) => {
+  const schema = s as {
+    type?: string;
+    items?: { enum?: unknown[]; oneOf?: unknown[] };
+  };
+  return (
+    schema?.type === "array" &&
+    (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))
+  );
+};
+
+// helper for multiline detection
+const isMultilineString = (uischema: unknown, schema: unknown) => {
+  return (
+    isStringControl(uischema as never, schema as never, {} as never) &&
+    (uischema as { options?: { multi?: boolean } })?.options?.multi === true
+  );
+};
+
+// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)
+const PRIME = 100;
+
+export const primevueRenderers = [
+  // Multiline text has higher priority than regular text
+  { tester: rankWith(PRIME + 4, isMultilineString), renderer: JfTextArea },
+  { tester: rankWith(PRIME + 3, isStringControl), renderer: JfText },
+  {
+    tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),
+    renderer: JfNumber,
+  },
+  {
+    tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),
+    renderer: JfEnum,
+  },
+  {
+    tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),
+    renderer: JfEnumArray,
+  },
+  { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },
+];
+
+export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };

package/src/vue/styles.css

@@ -0,0 +1,15 @@
+/* JSONForms PrimeVue Provider Protocols Layout Styles */
+
+/* Style the vanilla VerticalLayout to be centered with gaps */
+.vertical-layout {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1rem;
+  width: 100%;
+}
+
+/* Style individual vertical layout items */
+.vertical-layout-item {
+  width: 100%;
+}