swoop-common 2.2.152 → 2.2.153

package/dist/rendering/prebuild/generated/import_generated.d.ts

@@ -1,6 +1,7 @@
 import "../../type_registration/register";
 import "../../renderers/Address";
 import "../../renderers/ComponentPicker";
+import "../../renderers/ComponentPickerArray";
 import "../../renderers/Debug";
 import "../../renderers/Example";
 import "../../renderers/Image/ImageForm";

package/dist/rendering/prebuild/generated/import_generated.js

@@ -3,6 +3,7 @@ import "../../type_registration/register";
 // Custom component renderers
 import "../../renderers/Address";
 import "../../renderers/ComponentPicker";
+import "../../renderers/ComponentPickerArray";
 import "../../renderers/Debug";
 import "../../renderers/Example";
 import "../../renderers/Image/ImageForm";

package/dist/rendering/renderers/ComponentPicker.d.ts

@@ -1,4 +1,13 @@
+import React from "react";
 import { DTOComponentRead } from "../../api/generated/core/exports";
+export declare const FormComponentPicker: React.FC<{
+    selectedComponent: string | null;
+    onChange: (componentId: string | null) => void;
+    templateIds: string[];
+    getError?: (field: string) => any;
+    label: string;
+    enabled: boolean;
+}>;
 export declare const fetchComponents: () => Promise<{
     data: {
         revisions: DTOComponentRead[];

package/dist/rendering/renderers/ComponentPicker.js

@@ -15,7 +15,7 @@ import { registerComponent } from "../registry/components";
 import { CoreService } from "../../api/generated/core";
 import { useComponentPicker } from "../contexts/ComponentPickerContext";
 import { InternalServices } from "../../api/init";
-const FormComponentPicker = ({ selectedComponent, onChange, templateIds, getError, label, enabled, }) => {
+export const FormComponentPicker = ({ selectedComponent, onChange, templateIds, getError, label, enabled, }) => {
     const [selected, setSelected] = useState();
     const { get } = useComponentPicker();
     useEffect(() => {

package/dist/rendering/renderers/ComponentPickerArray.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/rendering/renderers/ComponentPickerArray.js

@@ -0,0 +1,42 @@
+import { resolveSchema } from "@jsonforms/core";
+import React from "react";
+import { Box, Button, IconButton } from "@mui/material";
+import DeleteIcon from "@mui/icons-material/Delete";
+import { ComponentPool } from "../registry/types";
+import { registerComponent } from "../registry/components";
+import { getXType } from "../util/xtype";
+import { FormComponentPicker } from "./ComponentPicker";
+// Matches arrays whose items have x-type: "component"
+// Rank 11 — beats isXType (10) and material array controls
+const componentPickerArrayTester = (uischema, schema) => {
+    const ui = uischema;
+    if (!ui.scope)
+        return -1;
+    const scoped = resolveSchema(schema, ui.scope, schema);
+    if (!scoped || scoped.type !== "array")
+        return -1;
+    const items = scoped.items;
+    if (!items || getXType(items) !== "component")
+        return -1;
+    return 11;
+};
+const FormRendererComponentPickerArray = ({ data, handleChange, path, schema, label, enabled, }) => {
+    var _a, _b;
+    const items = (Array.isArray(data) ? data : []);
+    const templateIds = (_b = (_a = schema.items) === null || _a === void 0 ? void 0 : _a["x-templateIds"]) !== null && _b !== void 0 ? _b : [];
+    const handleItemChange = (index, value) => {
+        const next = [...items];
+        next[index] = value;
+        handleChange(path, next);
+    };
+    const addItem = () => handleChange(path, [...items, null]);
+    const removeItem = (index) => handleChange(path, items.filter((_, i) => i !== index));
+    return (React.createElement(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } },
+        items.map((item, index) => (React.createElement(Box, { key: index, sx: { display: "flex", alignItems: "flex-start", gap: 1 } },
+            React.createElement(Box, { sx: { flex: 1 } },
+                React.createElement(FormComponentPicker, { selectedComponent: typeof item === "string" ? item : null, onChange: (id) => handleItemChange(index, id), templateIds: templateIds, label: label !== null && label !== void 0 ? label : "Component", enabled: enabled !== null && enabled !== void 0 ? enabled : true })),
+            React.createElement(IconButton, { onClick: () => removeItem(index), disabled: !(enabled !== null && enabled !== void 0 ? enabled : true) },
+                React.createElement(DeleteIcon, null))))),
+        React.createElement(Button, { onClick: addItem, disabled: !(enabled !== null && enabled !== void 0 ? enabled : true), variant: "outlined" }, "Add Component")));
+};
+registerComponent("component-array", FormRendererComponentPickerArray, ComponentPool.FORM, componentPickerArrayTester);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "swoop-common",
-    "version": "2.2.152",
+    "version": "2.2.153",
     "main": "dist/api/index.js",
     "types": "dist/api/index.d.ts",
     "exports": {