@rebasepro/core 0.0.1-canary.0

package/src/core/field_configs.tsx

@@ -0,0 +1,443 @@
+import { ArrayProperty, DefaultFieldConfig, NumberProperty, Property, PropertyConfig, StringProperty } from "@rebasepro/types";
+import {
+    ArrayCustomShapedFieldBinding,
+    ArrayOfReferencesFieldBinding,
+    BlockFieldBinding,
+    DateTimeFieldBinding,
+    KeyValueFieldBinding,
+    MapFieldBinding,
+    MarkdownEditorFieldBinding,
+    MultiSelectFieldBinding,
+    ReferenceAsStringFieldBinding,
+    ReferenceFieldBinding,
+    RepeatFieldBinding,
+    SelectFieldBinding,
+    StorageUploadFieldBinding,
+    SwitchFieldBinding,
+    TextFieldBinding
+} from "../form";
+import { isPropertyBuilder, mergeDeep } from "@rebasepro/common";
+
+import {
+    AddLinkIcon,
+    BallotIcon,
+    DriveFolderUploadIcon,
+    FlagIcon,
+    FormatListNumberedIcon,
+    FormatQuoteIcon,
+    HttpIcon,
+    LinkIcon,
+    ListAltIcon,
+    ListIcon,
+    MailIcon,
+    NumbersIcon, PersonIcon,
+    RepeatIcon,
+    ScheduleIcon,
+    ShortTextIcon,
+    SubjectIcon,
+    UploadFileIcon,
+    VerifiedUserIcon,
+    ViewStreamIcon
+} from "@rebasepro/ui";
+import { RelationFieldBinding } from "../form/field_bindings/RelationFieldBinding";
+import { UserSelectFieldBinding } from "../form/field_bindings/UserSelectFieldBinding";
+
+
+export const DEFAULT_FIELD_CONFIGS: Record<DefaultFieldConfig, PropertyConfig> = {
+    text_field: {
+        key: "text_field",
+        name: "Text field",
+        description: "Simple short text",
+        Icon: ShortTextIcon,
+        color: "#2d7ff9",
+        property: {
+            type: "string",
+            Field: TextFieldBinding
+        }
+    },
+    multiline: {
+        key: "multiline",
+        name: "Multiline",
+        description: "Text with multiple lines",
+        Icon: SubjectIcon,
+        color: "#2d7ff9",
+        property: {
+            type: "string",
+            multiline: true,
+            Field: TextFieldBinding
+        }
+    },
+    markdown: {
+        key: "markdown",
+        name: "Markdown",
+        description: "Text with advanced markdown syntax",
+        Icon: FormatQuoteIcon,
+        color: "#2d7ff9",
+        property: {
+            type: "string",
+            markdown: true,
+            Field: MarkdownEditorFieldBinding
+        }
+    },
+    url: {
+        key: "url",
+        name: "Url",
+        description: "Text with URL validation",
+        Icon: HttpIcon,
+        color: "#154fb3",
+        property: {
+            type: "string",
+            url: true,
+            Field: TextFieldBinding
+        }
+    },
+    email: {
+        key: "email",
+        name: "Email",
+        description: "Text with email validation",
+        Icon: MailIcon,
+        color: "#154fb3",
+        property: {
+            type: "string",
+            email: true,
+            Field: TextFieldBinding
+        }
+    },
+    switch: {
+        key: "switch",
+        name: "Switch",
+        description: "Boolean true or false field (or yes or no, 0 or 1...)",
+        Icon: FlagIcon,
+        color: "#20d9d2",
+        property: {
+            type: "boolean",
+            Field: SwitchFieldBinding
+        }
+    },
+    select: {
+        key: "select",
+        name: "Select/enum",
+        description: "Select one text value from within an enumeration",
+        Icon: ListIcon,
+        color: "#4223c9",
+        property: {
+            type: "string",
+            enum: [],
+            Field: SelectFieldBinding
+        }
+    },
+    multi_select: {
+        key: "multi_select",
+        name: "Multi select (enum)",
+        description: "Select multiple text values from within an enumeration",
+        Icon: ListAltIcon,
+        color: "#4223c9",
+        property: {
+            type: "array",
+            of: {
+                type: "string",
+                enum: [],
+            },
+            Field: MultiSelectFieldBinding
+        }
+    },
+    user_select: {
+        key: "user_select",
+        name: "User select",
+        description: "Select a user from the user management system. Store the user ID.",
+        Icon: PersonIcon,
+        property: {
+            type: "string",
+            Field: UserSelectFieldBinding
+        }
+    },
+    number_input: {
+        key: "number_input",
+        name: "Number input",
+        description: "Simple number field with validation",
+        Icon: NumbersIcon,
+        color: "#bec920",
+        property: {
+            type: "number",
+            Field: TextFieldBinding
+        }
+    },
+    number_select: {
+        key: "number_select",
+        name: "Number select",
+        description: "Select a number value from within an enumeration",
+        Icon: FormatListNumberedIcon,
+        color: "#bec920",
+        property: {
+            type: "number",
+            enum: [],
+            Field: SelectFieldBinding
+        }
+    },
+    multi_number_select: {
+        key: "multi_number_select",
+        name: "Multiple number select",
+        description: "Select multiple number values from within an enumeration",
+        Icon: FormatListNumberedIcon,
+        color: "#bec920",
+        property: {
+            type: "array",
+            of: {
+                type: "number",
+                enum: [],
+            },
+            Field: MultiSelectFieldBinding
+        }
+    },
+    file_upload: {
+        key: "file_upload",
+        name: "File upload",
+        description: "Input for uploading single files",
+        Icon: UploadFileIcon,
+        color: "#f92d9a",
+        property: {
+            type: "string",
+            storage: {
+                storagePath: "{path}"
+            },
+            Field: StorageUploadFieldBinding
+        }
+    },
+    multi_file_upload: {
+        key: "multi_file_upload",
+        name: "Multiple file upload",
+        description: "Input for uploading multiple files",
+        Icon: DriveFolderUploadIcon,
+        color: "#f92d9a",
+        property: {
+            type: "array",
+            of: {
+                type: "string",
+                storage: {
+                    storagePath: "{path}"
+                }
+            },
+            Field: StorageUploadFieldBinding
+        }
+    },
+    reference_as_string: {
+        key: "reference_as_string",
+        name: "Reference (as string)",
+        description: "The value refers to a different collection (it is saved as a string)",
+        Icon: LinkIcon,
+        color: "#154fb3",
+        property: {
+            type: "string",
+            Field: ReferenceAsStringFieldBinding
+        }
+    },
+    reference: {
+        key: "reference",
+        name: "Reference",
+        description: "The value refers to a different collection (it is saved as a reference)",
+        Icon: LinkIcon,
+        color: "#ff0042",
+        property: {
+            type: "reference",
+            Field: ReferenceFieldBinding
+        }
+    },
+    multi_references: {
+        key: "multi_references",
+        name: "Multiple references",
+        description: "Multiple values that refer to a different collection",
+        Icon: AddLinkIcon,
+        color: "#ff0042",
+        property: {
+            type: "array",
+            of: {
+                type: "reference",
+            },
+            Field: ArrayOfReferencesFieldBinding
+        }
+    },
+    relation: {
+        key: "relation",
+        name: "Relation",
+        description: "Multiple values that refer to a different collection",
+        Icon: AddLinkIcon,
+        color: "#ff0042",
+        property: {
+            relationName: "",
+            type: "relation",
+            Field: RelationFieldBinding
+        }
+    },
+    date_time: {
+        key: "date_time",
+        name: "Date/time",
+        description: "A date time select field",
+        Icon: ScheduleIcon,
+        color: "#8b46ff",
+        property: {
+            type: "date",
+            Field: DateTimeFieldBinding
+        }
+    },
+    group: {
+        key: "group",
+        name: "Group",
+        description: "Group of multiple fields",
+        Icon: BallotIcon,
+        color: "#ff9408",
+        property: {
+            type: "map",
+            properties: {},
+            Field: MapFieldBinding
+        }
+    },
+    key_value: {
+        key: "key_value",
+        name: "Key-value",
+        description: "Flexible field that allows the user to add multiple key-value pairs",
+        Icon: BallotIcon,
+        color: "#ff9408",
+        property: {
+            type: "map",
+            keyValue: true,
+            Field: KeyValueFieldBinding
+        }
+    },
+    repeat: {
+        key: "repeat",
+        name: "Repeat/list",
+        description: "A field that gets repeated multiple times (e.g. multiple text fields)",
+        Icon: RepeatIcon,
+        color: "#ff9408",
+        property: {
+            type: "array",
+            of: {
+                type: "string",
+            },
+            Field: RepeatFieldBinding
+        }
+    },
+    custom_array: {
+        key: "custom_array",
+        name: "Custom array",
+        description: "A field that saved its value as an array of custom objects",
+        Icon: RepeatIcon,
+        color: "#ff9408",
+        property: {
+            type: "array",
+            Field: ArrayCustomShapedFieldBinding
+        }
+    },
+    block: {
+        key: "block",
+        name: "Block",
+        description: "A complex field that allows the user to compose different fields together, with a key/value format",
+        Icon: ViewStreamIcon,
+        color: "#ff9408",
+        property: {
+            type: "array",
+            oneOf: {
+                properties: {},
+            },
+            Field: BlockFieldBinding
+        }
+    }
+};
+
+export function getDefaultFieldConfig(property: Property): PropertyConfig | undefined {
+    const fieldId = getDefaultFieldId(property);
+    if (!fieldId) {
+        console.error("No field id found for property", property);
+        return undefined;
+    }
+    return DEFAULT_FIELD_CONFIGS[fieldId];
+}
+
+export function getFieldConfig(property: Property, propertyConfigs: Record<string, PropertyConfig>): PropertyConfig | undefined {
+    const fieldId = getFieldId(property);
+    const defaultFieldId = getDefaultFieldId(property);
+    if (!defaultFieldId) {
+        console.error("No field id found for property", property);
+        return undefined;
+    }
+    const defaultFieldConfig = DEFAULT_FIELD_CONFIGS[defaultFieldId];
+    const customField = fieldId ? propertyConfigs[fieldId] : undefined;
+    return mergeDeep(defaultFieldConfig ?? {}, customField ?? {} as PropertyConfig);
+}
+
+export function getDefaultFieldId(property: Property) {
+    if (property.type === "string") {
+        if (property.multiline) {
+            return "multiline";
+        } else if (property.markdown) {
+            return "markdown";
+        } else if (property.storage) {
+            return "file_upload";
+        } else if (property.url) {
+            return "url";
+        } else if (property.email) {
+            return "email";
+        } else if (property.enum) {
+            return "select";
+        } else if (property.userSelect) {
+            return "user_select";
+        } else if (property.reference) {
+            return "reference_as_string";
+        } else {
+            return "text_field";
+        }
+    } else if (property.type === "number") {
+        if (property.enum) {
+            return "number_select";
+        }
+        return "number_input";
+    } else if (property.type === "map") {
+        if (property.keyValue)
+            return "key_value";
+        return "group";
+    } else if (property.type === "array") {
+        const of = (property as ArrayProperty).of;
+        const oneOf = (property as ArrayProperty).oneOf;
+        if (oneOf) {
+            return "block";
+        } else if (Array.isArray(of)) {
+            return "custom_array";
+        } else if (isPropertyBuilder(of)) {
+            return "repeat";
+        } else if (of) {
+            const ofProperty = of as Property;
+            if (ofProperty.type === "string" && (ofProperty as StringProperty).enum) {
+                return "multi_select";
+            } else if (ofProperty.type === "number" && (ofProperty as NumberProperty).enum) {
+                return "multi_number_select";
+            } else if (ofProperty.type === "string" && (ofProperty as StringProperty).storage) {
+                return "multi_file_upload";
+            } else if (ofProperty.type === "reference") {
+                return "multi_references";
+            } else if (of?.type === "relation") {
+                throw new Error("The 'relation' type is not supported inside arrays. Use 'reference' instead.");
+            } else {
+                return "repeat";
+            }
+        } else {
+            return "repeat";
+        }
+    } else if (property.type === "boolean") {
+        return "switch";
+    } else if (property.type === "date") {
+        return "date_time";
+    } else if (property.type === "relation") {
+        return "relation";
+    } else if (property.type === "reference") {
+        return "reference";
+    }
+
+    console.error("Unsupported field config mapping", property);
+    return undefined;
+}
+
+export function getFieldId(property: Property): string | undefined {
+    if (property.propertyConfig)
+        return property.propertyConfig;
+    return getDefaultFieldId(property);
+}

package/src/core/index.tsx

@@ -0,0 +1,14 @@
+export * from "./Rebase";
+
+export * from "./DefaultDrawer";
+export * from "./DrawerNavigationItem";
+export * from "./DrawerNavigationGroup";
+
+export * from "./field_configs";
+
+export * from "./SideDialogs";
+
+export * from "./RebaseRouter";
+export * from "./RebaseRoutes";
+
+export * from "../app";