swoop-common 1.0.13 → 1.0.15

package/README.md

@@ -1,4 +1,4 @@
-# Custom Form Library
+# Swoop Template Library
 
 This library is used for rendering **Swoop itinerary templates**. It provides tools for defining **custom field types**, registering **custom components**, and rendering templates from a **MasterSchema**. It supports both input mode (for creating templates) and presentation mode (for rendering them for end users). The schema system is stage-aware, enabling precise control over what data is editable or displayed at which stage.
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "swoop-common",
-    "version": "1.0.13",
+    "version": "1.0.15",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [

package/dist/api/consts.d.ts

@@ -1 +0,0 @@
-export declare const BASE_API_URL = "https://data-api-dev.swoop-adventures.com";

package/dist/api/consts.js

@@ -1,2 +0,0 @@
-// temp
-export const BASE_API_URL = "https://data-api-dev.swoop-adventures.com";

package/dist/components/SchemaValidator.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ErrorRenderer: () => React.JSX.Element;
-export default ErrorRenderer;

package/dist/components/SchemaValidator.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Typography } from '@mui/material';
-const ErrorRenderer = () => {
-    return (React.createElement(Typography, { variant: 'h3' }, "Error loading"));
-};
-export default ErrorRenderer;

package/dist/components/StyledFormView.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import "../prebuild/generated/import_generated";
-import { ComponentPool } from '../registry/types';
-import { FormSchema, Stage } from '../schema/formSchemaTypes';
-interface Props {
-    /**
-     * This should only be used for the initial values, as this is not truly a controlled component.
-     * Frequent updates of this can cause significant perfomance dips.
-     */
-    initialData: any;
-    schema: FormSchema;
-    /**
-     * This should not be fed back into the form.
-     * Instead store it as a ref.
-     */
-    onChange?: (value: any) => void;
-    /**
-     * Dictates which mode the form will display in.
-     * Each mode has a different pool of renderers.
-     */
-    pool: ComponentPool;
-    /**
-     * Whether this form should be readonly.
-     * Has little to no effect if using the presentation pool of components
-     */
-    readonly?: boolean;
-    /**
-     * Whether to also include mui default renderers
-     */
-    useMui?: boolean;
-    stage: Stage;
-}
-export declare const StyledFormView: React.FC<Props>;
-export {};

package/dist/components/StyledFormView.js

@@ -1,12 +0,0 @@
-import { JsonForms } from '@jsonforms/react';
-import React from 'react';
-import { materialCells, materialRenderers } from '@jsonforms/material-renderers';
-import "../prebuild/generated/import_generated";
-import { getComponents } from '../registry/components';
-import { generateJsonSchema } from '../schema/generate/jsonSchemaGeneratewip';
-import { generateUiSchema } from '../schema/generate/uiSchemaGenerate';
-export const StyledFormView = ({ initialData, schema, onChange, stage, pool, readonly, useMui }) => {
-    const json = generateJsonSchema(schema, stage);
-    const ui = generateUiSchema(schema, stage);
-    return (React.createElement(JsonForms, { onChange: onChange, data: initialData, schema: json, uischema: ui, renderers: [...(useMui ? materialRenderers : []), ...getComponents(pool)], readonly: readonly, cells: materialCells }));
-};

package/dist/default_registration/fields_base.d.ts

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

package/dist/default_registration/fields_base.js

@@ -1,129 +0,0 @@
-import { registerType } from "../registry/fields";
-registerType("string", "Text", { type: "string" }, {
-    type: "object",
-    title: "Text Options",
-    properties: {
-        minLength: { type: "integer", minimum: 0 },
-        maxLength: { type: "integer", minimum: 1 },
-        pattern: { type: "string" },
-        format: {
-            type: "string",
-            enum: ["", "email", "uri", "date-time", "date", "time"],
-        },
-    },
-}, false);
-registerType("number", "Number", { type: "number" }, {
-    type: "object",
-    properties: {
-        minimum: { type: "number" },
-        maximum: { type: "number" },
-        multipleOf: { type: "number", exclusiveMinimum: 0 },
-    },
-}, false);
-registerType("integer", "Integer", { type: "integer" }, {
-    type: "object",
-    properties: {
-        minimum: { type: "number" },
-        maximum: { type: "number" },
-        multipleOf: { type: "number", exclusiveMinimum: 0 },
-    },
-}, false);
-registerType("boolean", "Checkbox", { type: "boolean" }, {}, false);
-registerType("enum", "Dropdown", { type: "array" }, {
-    type: "object",
-    title: "Dropdown Options",
-    properties: {
-        enumValues: {
-            title: "Dropdown Values",
-            type: "array",
-            items: { type: "string" },
-        },
-    },
-}, true);
-registerType("array", "List", { type: "array" }, {
-    type: "object",
-    title: "List Options",
-    properties: {
-        minItems: { type: "integer", minimum: 0 },
-        maxItems: { type: "integer", minimum: 1 },
-        uniqueItems: { type: "boolean", default: false },
-        itemDefinition: { $ref: "#/$defs/arrayItemDefinition" },
-    },
-}, true);
-registerType("object", "Group", { type: "object" }, {
-    type: "object",
-    title: "Group",
-    properties: {
-        properties: {
-            type: "array",
-            title: "Group Fields",
-            items: { $ref: "#/$defs/fieldDefinition" },
-        },
-    },
-}, true);
-registerType("stagedText", "Staged Text", {}, {}, false);
-registerType("liveData", "Live Data", {}, {}, false);
-registerType("component", "Component Reference", {}, {
-    "x-type": "componentOptions",
-    type: "object",
-    title: "Component Options",
-    properties: {
-        templateIds: {
-            type: "array",
-            title: "Select Templates",
-            items: {
-                type: "string",
-            },
-        },
-    },
-}, false);
-registerType("example", "Example Field", { type: "string" }, {
-    type: "object",
-    title: "Example Options",
-    properties: {
-        exampleTextInput: { type: "string" },
-    },
-}, false);
-registerType("address", "Address", {
-    title: "your address",
-    description: "your address",
-    type: "object",
-    properties: {
-        line1: {
-            type: "string",
-            title: "Address Line 1"
-        },
-        line2: {
-            type: "string",
-            title: "Address Line 2"
-        },
-        city: {
-            type: "string",
-            title: "City"
-        },
-        county: {
-            type: "string",
-            title: "County"
-        },
-        postcode: {
-            type: "string",
-            title: "Postcode",
-            pattern: "^[A-Z]{1,2}[0-9][0-9A-Z]? ?[0-9][A-Z]{2}$"
-        },
-        number: {
-            type: "number",
-            title: "Number"
-        }
-    },
-    required: ["line1", "city", "postcode"]
-}, {}, false);
-registerType("subset", "Subset", {
-    title: "your address",
-    description: "your address",
-    type: "array",
-    items: {
-        type: "string"
-    }
-}, {}, false);
-registerType("image", "Image", { type: "string" }, {}, false);
-registerType("multiline", "Multiline", { type: "string" }, {}, false);

package/dist/hooks/errors.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns a function which can be used to retrieve errors.
- * For objects field is the field name.
- * For primitives field is the x-type.
- */
-export declare const useLocalErrors: (path: string) => (field: string) => import("ajv").ErrorObject<string, Record<string, any>, unknown> | undefined;

package/dist/hooks/errors.js

@@ -1,17 +0,0 @@
-import { useJsonForms } from "@jsonforms/react";
-import React from "react";
-/**
- * Returns a function which can be used to retrieve errors.
- * For objects field is the field name.
- * For primitives field is the x-type.
- */
-export const useLocalErrors = (path) => {
-    const { core } = useJsonForms();
-    console.log(core);
-    // Filters out errors for the current scope
-    const local = React.useMemo(() => {
-        var _a;
-        return ((_a = core === null || core === void 0 ? void 0 : core.errors) === null || _a === void 0 ? void 0 : _a.filter(e => e.instancePath.startsWith("/" + path.replace(/\./g, "/")))) || [];
-    }, [core === null || core === void 0 ? void 0 : core.errors, path]);
-    return React.useCallback((field) => local.find(e => e.instancePath.endsWith("/" + field)), [local]);
-};

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-export { getComponents } from "./registry/components";
-export { JSONSchemaObject } from "./schema/schema";
-export { generateUiSchema } from "./schema/generate/uiSchemaGenerate";
-export { generateJsonSchema } from "./schema/generate/jsonSchemaGeneratewip";
-export * from "./test";
-export * from "./components/StyledFormView";
-export * from "./registry/types";
-export { FormSchema, Stage } from "./schema/formSchemaTypes";
-export { FORM_BUILDER_JSON_SCHEMA } from "./schema/formBuilders/formBuilderJsonSchema";
-export { FORM_BUILDER_UI_SCHEMA } from "./schema/formBuilders/formBuilderUiSchema";

package/dist/index.js

@@ -1,9 +0,0 @@
-export { getComponents } from "./registry/components";
-export { generateUiSchema } from "./schema/generate/uiSchemaGenerate";
-export { generateJsonSchema } from "./schema/generate/jsonSchemaGeneratewip";
-export * from "./test";
-export * from "./components/StyledFormView";
-export * from "./registry/types";
-export { Stage } from "./schema/formSchemaTypes";
-export { FORM_BUILDER_JSON_SCHEMA } from "./schema/formBuilders/formBuilderJsonSchema";
-export { FORM_BUILDER_UI_SCHEMA } from "./schema/formBuilders/formBuilderUiSchema";

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

@@ -1,15 +0,0 @@
-import "../../default_registration/fields_base";
-import "../../renderers/address/AddressForm";
-import "../../renderers/address/AddressPresentation";
-import "../../renderers/Address";
-import "../../renderers/ComponentPicker";
-import "../../renderers/Debug";
-import "../../renderers/Example";
-import "../../renderers/Image/ImageForm";
-import "../../renderers/Image/ImagePresentation";
-import "../../renderers/StagedText";
-import "../../renderers/TemplatePicker";
-import "../../renderers/textfield/MultilineForm";
-import "../../renderers/textfield/MultilinePresentation";
-import "../../schema/formBuilders/formBuilderJsonSchema";
-import "../../schema/formBuilders/formBuilderUiSchema";

package/dist/prebuild/generated/import_generated.js

@@ -1,18 +0,0 @@
-// Base field types
-import "../../default_registration/fields_base";
-// Custom component renderers
-import "../../renderers/address/AddressForm";
-import "../../renderers/address/AddressPresentation";
-import "../../renderers/Address";
-import "../../renderers/ComponentPicker";
-import "../../renderers/Debug";
-import "../../renderers/Example";
-import "../../renderers/Image/ImageForm";
-import "../../renderers/Image/ImagePresentation";
-import "../../renderers/StagedText";
-import "../../renderers/TemplatePicker";
-import "../../renderers/textfield/MultilineForm";
-import "../../renderers/textfield/MultilinePresentation";
-// Build template from schema last
-import "../../schema/formBuilders/formBuilderJsonSchema";
-import "../../schema/formBuilders/formBuilderUiSchema";

package/dist/prebuild/import.d.ts

@@ -1 +0,0 @@
-export declare function getFilesRec(dir: string): string[];

package/dist/prebuild/import.js

@@ -1,32 +0,0 @@
-import fs from "fs";
-import path from "path";
-// Using codegen here as it reduces the number of files required to edit to add a new component.
-// It also ensures import order, which is important as types must be registered before any form schema is generated (this is generated at load, once)
-export function getFilesRec(dir) {
-    const entries = fs.readdirSync(dir, { withFileTypes: true });
-    return entries.flatMap((entry) => {
-        const fullPath = path.join(dir, entry.name);
-        if (entry.isDirectory())
-            return getFilesRec(fullPath);
-        else
-            return fullPath;
-    });
-}
-const getImports = (base) => {
-    const files = getFilesRec(base).filter(f => f.endsWith(".tsx"));
-    const renderers = files.map((file) => {
-        const relativePath = path.relative(base, file);
-        const noExt = relativePath.replace(/\.[^/.]+$/, '');
-        const normalized = noExt.split(path.sep).join('/');
-        return `import "../../renderers/${normalized}"`;
-    });
-    const templateFormSchemas = [`import "../../schema/formBuilders/formBuilderJsonSchema"`, `import "../../schema/formBuilders/formBuilderUiSchema"`];
-    const baseFieldTypes = `import "../../default_registration/fields_base"`;
-    return [
-        "// Base field types", baseFieldTypes, "",
-        "// Custom component renderers",
-        ...renderers, "",
-        "// Build template from schema last", ...templateFormSchemas
-    ];
-};
-fs.writeFileSync("./src/prebuild/generated/import_generated.ts", getImports("./src/renderers").join("\n"));

package/dist/registry/components.d.ts

@@ -1,13 +0,0 @@
-import { ControlProps, OwnPropsOfControl, RankedTester } from "@jsonforms/core";
-import { ComponentType } from "react";
-import { ComponentPool } from "./types";
-export interface CustomTypeData extends CustomTypeComponent {
-}
-interface CustomTypeComponent {
-    tester: RankedTester;
-    renderer: ComponentType<OwnPropsOfControl>;
-}
-export declare const registerComponent: (xType: string, Renderer: ComponentType<ControlProps>, mode: ComponentPool, overrideTester?: RankedTester) => void;
-export declare const getComponents: (mode: ComponentPool) => Readonly<Array<CustomTypeComponent>>;
-export declare const getComponent: (mode: ComponentPool, xType: string) => CustomTypeComponent | undefined;
-export {};

package/dist/registry/components.js

@@ -1,49 +0,0 @@
-import { withJsonFormsControlProps } from "@jsonforms/react";
-import { isXType } from "../util/xtype";
-import { ComponentPool } from "./types";
-import React from "react";
-// Stored seperately to avoid more expensive lookups
-const componentRegistry = {
-    [ComponentPool.FORM]: new Map(),
-    [ComponentPool.PRESENTATION]: new Map()
-};
-export const registerComponent = (xType, Renderer, mode, overrideTester) => {
-    if (overrideTester) {
-        componentRegistry[mode].set(xType, {
-            tester: overrideTester,
-            renderer: withJsonFormsControlProps(Renderer)
-        });
-        return;
-    }
-    if (componentRegistry[mode].has(xType)) {
-        console.error("Tried to register duplicate component name:", xType);
-        return;
-    }
-    // Wrap the component in a visibility checker
-    const wrapped = (props) => {
-        if (!props.visible)
-            return null;
-        return React.createElement(Renderer, Object.assign({}, props));
-    };
-    componentRegistry[mode].set(xType, {
-        tester: isXType(xType),
-        renderer: withJsonFormsControlProps(wrapped)
-    });
-};
-export const getComponents = (mode) => {
-    const list = [...componentRegistry[mode].values()];
-    return (list.map(c => ({ renderer: c.renderer, tester: c.tester })));
-};
-export const getComponent = (mode, xType) => {
-    const comp = componentRegistry[mode].get(xType);
-    if (!comp)
-        return undefined;
-    return ({ tester: comp.tester, renderer: comp.renderer });
-};
-/*
-export const genComponentSchema = (mode: ComponentPool, xType: string): ComponentDataSchema | undefined =>
-{
-    const comp = componentRegistry[mode].get(xType)
-    if (!comp) return undefined;
-    return structuredClone(comp.schema);
-}*/ 

package/dist/registry/fields.d.ts

@@ -1,10 +0,0 @@
-import { JsonSchema } from "@jsonforms/core";
-import { TemplateField } from "../schema/formBuilders/formBuilderJsonSchema";
-import { JsonSchemaWithXType } from "../types/jsonSchema";
-/**
- * If type is not a default json schema type, it is treated as x-type.
- * E.g. "number" will define the default number field, whereas "address" will define a custom field
- */
-export declare const registerType: (name: string, title: string, schema: JsonSchema, options: JsonSchemaWithXType, optionsRequired: boolean) => void;
-export declare const getAllTypes: () => Array<TemplateField>;
-export declare const getType: (xType: string) => TemplateField | undefined;

package/dist/registry/fields.js

@@ -1,19 +0,0 @@
-const typeRegistry = new Map();
-/**
- * If type is not a default json schema type, it is treated as x-type.
- * E.g. "number" will define the default number field, whereas "address" will define a custom field
- */
-export const registerType = (name, title, schema, options, optionsRequired) => {
-    if (typeRegistry.has(name)) {
-        console.error("Tried to register duplicate name:", name);
-        return;
-    }
-    const withXType = Object.assign({ "x-type": name }, schema);
-    typeRegistry.set(name, { name, title, options, optionsRequired, schema: withXType });
-};
-export const getAllTypes = () => {
-    return structuredClone([...typeRegistry.values()]);
-};
-export const getType = (xType) => {
-    return structuredClone(typeRegistry.get(xType));
-};

package/dist/registry/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum ComponentPool {
-    PRESENTATION = 0,
-    FORM = 1
-}
-export type ComponentDataSchema = object;

package/dist/registry/types.js

@@ -1,5 +0,0 @@
-export var ComponentPool;
-(function (ComponentPool) {
-    ComponentPool[ComponentPool["PRESENTATION"] = 0] = "PRESENTATION";
-    ComponentPool[ComponentPool["FORM"] = 1] = "FORM";
-})(ComponentPool || (ComponentPool = {}));

package/dist/renderers/Address.d.ts

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

package/dist/renderers/Address.js

@@ -1,67 +0,0 @@
-'use client';
-import React, { useEffect, useMemo, useState } from 'react';
-import { Paper, Typography, TextField, Grid, Divider } from '@mui/material';
-import { registerComponent } from '../registry/components';
-import { ComponentPool } from '../registry/types';
-const FormAddress = ({ data, onChange, enabled, label, postcodePattern }) => {
-    var _a;
-    const [postcodeInvalid, setPostcodeInvalid] = useState(false);
-    const [postcodeHelperText, setPostcodeHelperText] = useState('');
-    const validatePostcode = (value) => {
-        if (!value)
-            return true;
-        const regex = new RegExp(postcodePattern || '^[A-Z]{1,2}[0-9][0-9A-Z]? ?[0-9][A-Z]{2}$', 'i');
-        return regex.test(value);
-    };
-    const handlePostcodeChange = (value) => {
-        const valid = validatePostcode(value);
-        setPostcodeInvalid(!valid);
-        setPostcodeHelperText(valid ? '' : 'Please enter a valid postcode (e.g., SW1A 1AA)');
-        onChange('postcode', value);
-    };
-    const hasAddress = useMemo(() => !!(data.line1 || data.line2 || data.city || data.county || data.postcode), [data]);
-    useEffect(() => {
-        if (hasAddress) {
-            console.log('Address updated:', data);
-        }
-    }, [hasAddress, data]);
-    return (React.createElement(Paper, { sx: { display: 'flex', flexDirection: 'column', gap: 2, p: 2, mb: 1 }, component: "form", noValidate: true, autoComplete: "off" },
-        React.createElement(Typography, { variant: "h6" }, label),
-        React.createElement(Grid, { container: true, spacing: 2 },
-            React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(TextField, { fullWidth: true, label: "Address Line 1", value: data.line1 || '', onChange: (e) => onChange('line1', e.target.value), disabled: !enabled, required: true })),
-            React.createElement(Grid, { item: true, xs: 12 },
-                React.createElement(TextField, { fullWidth: true, label: "Address Line 2", value: data.line2 || '', onChange: (e) => onChange('line2', e.target.value), disabled: !enabled })),
-            React.createElement(Grid, { item: true, xs: 12, sm: 6 },
-                React.createElement(TextField, { fullWidth: true, label: "City", value: data.city || '', onChange: (e) => onChange('city', e.target.value), disabled: !enabled, required: true })),
-            React.createElement(Grid, { item: true, xs: 12, sm: 6 },
-                React.createElement(TextField, { fullWidth: true, label: "County", value: data.county || '', onChange: (e) => onChange('county', e.target.value), disabled: !enabled })),
-            React.createElement(Grid, { item: true, xs: 12, sm: 6 },
-                React.createElement(TextField, { fullWidth: true, label: "Postcode", value: data.postcode || '', onChange: (e) => handlePostcodeChange(e.target.value), error: postcodeInvalid, helperText: postcodeHelperText, disabled: !enabled, required: true })),
-            React.createElement(Grid, { item: true, xs: 12, sm: 6 },
-                React.createElement(TextField, { fullWidth: true, label: "Number", type: "number", value: (_a = data.number) !== null && _a !== void 0 ? _a : '', onChange: (e) => onChange('number', e.target.value === '' ? '' : Number(e.target.value)), disabled: !enabled }))),
-        React.createElement(Divider, null),
-        React.createElement(Typography, { variant: "subtitle1" }, "Location Preview"),
-        React.createElement("div", { style: {
-                height: '250px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                border: '1px solid #ccc',
-                borderRadius: '8px',
-                fontSize: '0.9rem',
-                color: '#777'
-            } }, "[Map Placeholder]")));
-};
-const FormRendererAddress = ({ data, handleChange, path, enabled, label, schema }) => {
-    var _a, _b;
-    const safeData = data || {
-        line1: '', line2: '', city: '', county: '', postcode: '', number: undefined
-    };
-    const postcodePattern = ((_b = (_a = schema === null || schema === void 0 ? void 0 : schema.properties) === null || _a === void 0 ? void 0 : _a.postcode) === null || _b === void 0 ? void 0 : _b.pattern) || undefined;
-    const handleFieldChange = (key, value) => {
-        handleChange(`${path}.${key}`, value);
-    };
-    return (React.createElement(FormAddress, { data: safeData, onChange: handleFieldChange, enabled: enabled, label: label, postcodePattern: postcodePattern }));
-};
-registerComponent("address", FormRendererAddress, ComponentPool.FORM);

package/dist/renderers/ComponentPicker.d.ts

@@ -1,19 +0,0 @@
-interface Component {
-    id: string;
-    name: string;
-    templateId: string;
-    revisionGroupId: string;
-    revision: number;
-    [key: string]: any;
-}
-export declare const fetchComponents: () => Promise<{
-    data: {
-        revisions: Component[];
-        id: string;
-        name: string;
-        templateId: string;
-        revisionGroupId: string;
-        revision: number;
-    }[];
-}>;
-export {};

package/dist/renderers/ComponentPicker.js

@@ -1,68 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React, { useEffect, useMemo, useState } from 'react';
-import { Paper, Typography, Box, TextField, Autocomplete } from '@mui/material';
-import { useLocalErrors } from '../hooks/errors';
-import { ComponentPool } from '../registry/types';
-import { registerComponent } from '../registry/components';
-import { BASE_API_URL } from '../api/consts';
-const FormComponentPicker = ({ components, selectedComponent, onChange, templateIds, getError, label, enabled }) => {
-    const selected = components.find(c => c.id === selectedComponent) || null;
-    return (React.createElement(Paper, { component: "form", sx: { display: 'flex', flexDirection: 'column', gap: 1, p: 2, mb: 1 }, noValidate: true, autoComplete: "off" },
-        React.createElement(Typography, { variant: 'h6' }, label),
-        React.createElement(Autocomplete, { options: components, getOptionLabel: (option) => option.name, value: selected, onChange: (_, newValue) => onChange(newValue ? newValue.id : null), renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { variant: "outlined", placeholder: "Search and select a component", disabled: !enabled }))), renderOption: (props, option) => (React.createElement("li", Object.assign({}, props),
-                React.createElement(Box, null,
-                    React.createElement(Typography, { variant: "body1" }, option.name),
-                    React.createElement(Typography, { variant: "caption", color: "text.secondary" },
-                        "Version: v",
-                        option.revision)))), isOptionEqualToValue: (option, value) => option.id === value.id })));
-};
-const FormRendererComponentPicker = ({ data, handleChange, path, label, enabled, schema }) => {
-    const [components, setComponents] = useState([]);
-    const getError = useLocalErrors(path);
-    const templateIds = useMemo(() => 
-    // @ts-ignore
-    schema['x-templateIds'] || [], [schema]);
-    useEffect(() => {
-        const load = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                const fetched = yield fetchComponents();
-                let filtered = fetched.data;
-                if (templateIds.length > 0) {
-                    filtered = filtered.filter(c => templateIds.includes(c.templateId));
-                }
-                setComponents(filtered);
-            }
-            catch (err) {
-                console.error('Error loading components:', err);
-            }
-        });
-        load();
-    }, [templateIds]);
-    return (React.createElement(FormComponentPicker, { components: components, selectedComponent: data || null, onChange: (id) => handleChange(path, id), templateIds: templateIds, getError: getError, label: label, enabled: enabled }));
-};
-registerComponent("component", FormRendererComponentPicker, ComponentPool.FORM);
-export const fetchComponents = () => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(`${BASE_API_URL}/core-data-service/v1/components?limit=200`);
-    const data = yield response.json();
-    const componentsByGroup = new Map();
-    (data.data || []).forEach((component) => {
-        const groupId = component.revisionGroupId;
-        if (!componentsByGroup.has(groupId)) {
-            componentsByGroup.set(groupId, []);
-        }
-        componentsByGroup.get(groupId).push(component);
-    });
-    const latestComponents = Array.from(componentsByGroup.values()).map((components) => {
-        const sortedComponents = components.sort((a, b) => b.revision - a.revision);
-        return Object.assign(Object.assign({}, sortedComponents[0]), { revisions: sortedComponents });
-    });
-    return { data: latestComponents };
-});

package/dist/renderers/Debug.d.ts

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

package/dist/renderers/Debug.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Paper, TextField, Typography } from '@mui/material';
-const FormDebug = ({ path, label }) => {
-    return (React.createElement(Paper, { component: "form", sx: { display: 'flex', flexDirection: 'column', gap: 1, p: 2, background: "#CBC3E3", mb: 1 }, noValidate: true, autoComplete: "off" },
-        React.createElement(Typography, { variant: 'h6' }, label),
-        React.createElement(TextField, { label: "Path", value: path })));
-};
-const FormRendererDebug = ({ path, label }) => {
-    return React.createElement(FormDebug, { label: label, path: path });
-};
-// Will render any components if they do not have a renderer, for testing
-//registerComponent("", FormRendererDebug, ComponentPool.FORM, () => 1)
-//registerComponent("", FormRendererDebug, ComponentPool.PRESENTATION, () => 1)

package/dist/renderers/Example.d.ts

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