@solidstarters/solid-core-ui 1.1.31 → 1.1.32

package/src/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts

@@ -0,0 +1,64 @@
+import { useState } from "react";
+import qs from "qs";
+import { createSolidEntityApi } from "@/redux/api/solidEntityApi";
+
+export const useRelationEntityHandler = ({ fieldContext, formik, autoCompleteLimit = 1000 }: any) => {
+  const fieldMetadata = fieldContext.fieldMetadata;
+  const fieldLayoutInfo = fieldContext.field;
+
+  const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+  const { useLazyGetSolidEntitiesQuery } = entityApi;
+  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+
+  const [autoCompleteItems, setAutoCompleteItems] = useState([]);
+
+  const fetchRelationEntities = async (query = "", limit = autoCompleteLimit) => {
+    const queryData = {
+      offset: 0,
+      limit: limit,
+      filters: {
+        [fieldMetadata?.relationModel?.userKeyField?.name]: {
+          '$containsi': query
+        }
+      }
+    };
+
+    const autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
+
+    const response = await triggerGetSolidEntities(autocompleteQs);
+    const data = response.data;
+
+    if (data) {
+      const mappedItems = data.records.map((item: any) => ({
+        label: item[fieldMetadata?.relationModel?.userKeyField?.name],
+        value: item['id'],
+        original: item
+      }));
+      setAutoCompleteItems(mappedItems);
+    }
+  };
+
+  const addNewRelation = (values: any) => {
+    const currentData = formik.values[fieldLayoutInfo.attrs.name] || [];
+    const jsonValues = Object.fromEntries(values.entries());
+    const newItem = {
+      label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],
+      value: "new",
+      original: jsonValues,
+    };
+
+    formik.setFieldValue(fieldLayoutInfo.attrs.name, [...currentData, newItem]);
+
+    // Optionally add to autocomplete list
+    setAutoCompleteItems((prev: any) => {
+      const exists = prev.some((item: any) => item.label === newItem.label);
+      return exists ? prev : [...prev, newItem];
+    });
+  };
+
+  return {
+    autoCompleteItems,
+    fetchRelationEntities,
+    addNewRelation
+  };
+};

package/src/helpers/registry.ts

@@ -1,3 +1,8 @@
+import hanldeEmailFormTypeChange from "@/components/core/extension/solid-core/emailTemplate/emailFormTypeChangeHandler";
+import hanldeEmailFormTypeLoad from "@/components/core/extension/solid-core/emailTemplate/emailFormTypeLoad";
+import { RolePermissionsManyToManyFieldWidget } from "@/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget";
+import { SolidRelationManyToManyAutocompleteWidget } from "@/components/core/form/fields/relations/widgets/SolidRelationManyToManyAutocompleteWidget";
+import { SolidRelationManyToManyCheckboxWidget } from "@/components/core/form/fields/relations/widgets/SolidRelationManyToManyCheckboxWidget";
 import { CustomHtml } from "@/components/core/form/widgets/CustomHtml";
 import React from "react";
 
@@ -11,9 +16,13 @@ const extensionRegistry: ExtensionRegistry = {
     functions: {},
 };
 
-export const registerExtensionComponent = (name: string, component: React.ComponentType<any>) => {
+export const registerExtensionComponent = (name: string, component: React.ComponentType<any>, aliases: string[] = []) => {
     // console.log(`registerExtensionComponent invoked... ${name}`);
     extensionRegistry.components[name] = component;
+    for (let i = 0; i < aliases.length; i++) {
+        const alias = aliases[i];
+        extensionRegistry.components[alias] = component;
+    }
 };
 
 export const registerExtensionFunction = (name: string, fn: (...args: any[]) => any) => {
@@ -55,10 +64,20 @@ export const getExtensionFunction = (name: string) => {
 
 // Register all the dynamic widget & functions from inside solid-core-ui
 // Common
-registerExtensionComponent("CustomHtml", CustomHtml);
+registerExtensionComponent("CustomHtml", CustomHtml, []);
+registerExtensionComponent("SolidRelationManyToManyCheckboxWidget", SolidRelationManyToManyCheckboxWidget, ["checkbox"]);
+registerExtensionComponent("SolidRelationManyToManyAutocompleteWidget", SolidRelationManyToManyAutocompleteWidget, ["autocomplete"]);
 
 
 // ModuleMetadata
 
 
 // ModelMetadata
+
+
+// Email Template
+registerExtensionFunction("emailFormTypeChangeHandler", hanldeEmailFormTypeChange);
+registerExtensionFunction("emailFormTypeLoad", hanldeEmailFormTypeLoad);
+
+// RoleMetadata
+registerExtensionComponent("RolePermissionsManyToManyFieldWidget", RolePermissionsManyToManyFieldWidget, ["inputSwitch"]);

package/src/types/solid-core.d.ts

@@ -67,6 +67,7 @@ export type LayoutAttribute = {
     label?: string;
     className?: string;
     inlineCreate?: string;
+    renderMode?: string;
 };
 
 // Generic representation of any node in our layout 
@@ -78,7 +79,7 @@ export type LayoutNode = {
 };
 
 // Event type
-export type SolidUiEvents = "onFieldChange" | "onFieldBlur" | "onCustomWidgetRender";
+export type SolidUiEvents = "onFieldChange" | "onFieldBlur" | "onCustomWidgetRender" | "onFormDataLoad" | "onFormLayoutLoad";
 export type SolidUiEvent = {
     type: SolidUiEvents;
     modifiedField?: string;
@@ -89,6 +90,13 @@ export type SolidUiEvent = {
     fieldsMetadata: FieldsMetadata;
 };
 
+export type SolidLoadForm = {
+    type: SolidUiEvents;
+    formData: Record<string, any>;
+    viewMetadata: SolidView;
+    fieldsMetadata: FieldsMetadata;
+}
+
 export type SolidFormWidgetProps = {
     field: any;
     // This comes from Formik...
@@ -96,3 +104,8 @@ export type SolidFormWidgetProps = {
     viewMetadata: SolidView;
     fieldsMetadata: FieldsMetadata;
 };
+
+export type SolidRelationManyToManyFieldWidgetProps = {
+    formik: any;
+    fieldContext?: SolidFieldProps;
+};