@solidstarters/solid-core-ui 1.1.70 → 1.1.72

package/src/components/core/users/CreateUser.tsx

@@ -239,193 +239,195 @@ const CreateUser = ({ data, params }: any) => {
   return (
     <div className="solid-form-wrapper">
       <Toast ref={toast} />
-      <form onSubmit={formik.handleSubmit}>
-        <div className="solid-form-header">
-          {params.id === "new" ? (
-            <>
-              <div className="flex align-items-center gap-3">
-                <BackButton />
-                <div className="form-wrapper-title">Create User</div>
-              </div>
-              <div className="gap-3 flex">
-                {formik.dirty &&
-                  <Button label="Save" size="small" type="submit" />
-                }
-                <CancelButton />
-              </div>
-            </>
-          ) : (
-            <>
-              <div className="flex align-items-center gap-3">
-                <BackButton />
-                <div className="form-wrapper-title">Update User</div>
-              </div>
-              <div>
+      <div className="solid-form-section" >
+        <form onSubmit={formik.handleSubmit}>
+          <div className="solid-form-header">
+            {params.id === "new" ? (
+              <>
+                <div className="flex align-items-center gap-3">
+                  <BackButton />
+                  <div className="form-wrapper-title">Create User</div>
+                </div>
                 <div className="gap-3 flex">
                   {formik.dirty &&
                     <Button label="Save" size="small" type="submit" />
                   }
-                  {data &&
-                    <Button outlined label="Delete" size="small" severity="danger" type="button" onClick={() => deleteUser(data.id)} />
-                  }
                   <CancelButton />
                 </div>
-              </div>
-            </>
-          )}
-        </div>
-        <SolidFormHeader />
-        {/* <div className="solid-form-stepper">
+              </>
+            ) : (
+              <>
+                <div className="flex align-items-center gap-3">
+                  <BackButton />
+                  <div className="form-wrapper-title">Update User</div>
+                </div>
+                <div>
+                  <div className="gap-3 flex">
+                    {formik.dirty &&
+                      <Button label="Save" size="small" type="submit" />
+                    }
+                    {data &&
+                      <Button outlined label="Delete" size="small" severity="danger" type="button" onClick={() => deleteUser(data.id)} />
+                    }
+                    <CancelButton />
+                  </div>
+                </div>
+              </>
+            )}
+          </div>
+          <SolidFormHeader />
+          {/* <div className="solid-form-stepper">
           <SolidFormStepper />
         </div> */}
-        <div className="p-4 solid-form-content">
-          <div className="grid">
-            <div className="col-8 mx-auto">
-              {/* <p className="form-wrapper-heading text-base">Basic Info</p> */}
-              <Panel header="Basic Info" className="solid-column-panel">
-                <div className="grid formgrid mt-3">
-                  <div className="field col-6 flex flex-column gap-2">
-                    <label htmlFor="fullName" className="form-field-label">
-                      Full Name
-                    </label>
-                    <InputText
-                      type="text"
-                      id="fullName"
-                      name="fullName"
-                      autoComplete={"off"}
-                      onChange={formik.handleChange}
-                      value={formik.values.fullName}
-                      className={classNames("", {
-                        "p-invalid": formik.touched.fullName && formik.errors.fullName,
-                      })}
-                    />
-                    {isFormFieldValid(formik, "fullName") && (
-                      <Message
-                        severity="error"
-                        text={formik?.errors?.fullName?.toString()}
+          <div className="p-4 solid-form-content">
+            <div className="grid">
+              <div className="col-8 mx-auto">
+                {/* <p className="form-wrapper-heading text-base">Basic Info</p> */}
+                <Panel header="Basic Info" className="solid-column-panel">
+                  <div className="grid formgrid mt-3">
+                    <div className="field col-6 flex flex-column gap-2">
+                      <label htmlFor="fullName" className="form-field-label">
+                        Full Name
+                      </label>
+                      <InputText
+                        type="text"
+                        id="fullName"
+                        name="fullName"
+                        autoComplete={"off"}
+                        onChange={formik.handleChange}
+                        value={formik.values.fullName}
+                        className={classNames("", {
+                          "p-invalid": formik.touched.fullName && formik.errors.fullName,
+                        })}
                       />
-                    )}
-                  </div>
-                  <div className="field col-6 flex flex-column gap-2">
-                    <label htmlFor="username" className="form-field-label">
-                      Username
-                    </label>
-                    <InputText
-                      type="text"
-                      id="username"
-                      name="username"
-                      autoComplete={"off"}
-                      disabled={data ? true : false}
-                      onChange={formik.handleChange}
-                      value={formik.values.username}
-                      className={classNames("", {
-                        "p-invalid": formik.touched.username && formik.errors.username,
-                      })}
-                    />
-                    {isFormFieldValid(formik, "username") && (
-                      <Message
-                        severity="error"
-                        text={formik?.errors?.username?.toString()}
-                      />
-                    )}
-                  </div>
-                  <div className="field col-6 flex flex-column gap-1 mt-4">
-                    <label htmlFor="email" className="form-field-label">
-                      Email
-                    </label>
-                    <InputText
-                      type="text"
-                      id="email"
-                      name="email"
-                      autoComplete={"off"}
-                      disabled={data ? true : false}
-                      onChange={formik.handleChange}
-                      value={formik.values.email}
-                      className={classNames("", {
-                        "p-invalid": formik.touched.email && formik.errors.email,
-                      })}
-                    />
-                    {isFormFieldValid(formik, "email") && (
-                      <Message
-                        severity="error"
-                        text={formik?.errors?.email?.toString()}
+                      {isFormFieldValid(formik, "fullName") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.fullName?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-6 flex flex-column gap-2">
+                      <label htmlFor="username" className="form-field-label">
+                        Username
+                      </label>
+                      <InputText
+                        type="text"
+                        id="username"
+                        name="username"
+                        autoComplete={"off"}
+                        disabled={data ? true : false}
+                        onChange={formik.handleChange}
+                        value={formik.values.username}
+                        className={classNames("", {
+                          "p-invalid": formik.touched.username && formik.errors.username,
+                        })}
                       />
-                    )}
-                  </div>
-                  <div className="field col-6 flex flex-column gap-1 mt-4">
-                    <label htmlFor="mobile" className="form-field-label">
-                      Mobile
-                    </label>
-                    <InputText
-                      type="text"
-                      id="mobile"
-                      name="mobile"
-                      autoComplete={"off"}
-                      onChange={formik.handleChange}
-                      value={formik.values.mobile}
-                      className={classNames("", {
-                        "p-invalid": formik.touched.mobile && formik.errors.mobile,
-                      })}
-                    />
-                    {isFormFieldValid(formik, "mobile ") && (
-                      <Message
-                        severity="error"
-                        text={formik?.errors?.mobile?.toString()}
+                      {isFormFieldValid(formik, "username") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.username?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-6 flex flex-column gap-1 mt-4">
+                      <label htmlFor="email" className="form-field-label">
+                        Email
+                      </label>
+                      <InputText
+                        type="text"
+                        id="email"
+                        name="email"
+                        autoComplete={"off"}
+                        disabled={data ? true : false}
+                        onChange={formik.handleChange}
+                        value={formik.values.email}
+                        className={classNames("", {
+                          "p-invalid": formik.touched.email && formik.errors.email,
+                        })}
                       />
-                    )}
-                  </div>
-                  <div className="field col-6 flex flex-column gap-2 my-4">
-                    <label htmlFor="Password" className="form-field-label">
-                      Password
-                    </label>
-                    <Password
-                      id="password"
-                      autoComplete="off"
-                      aria-autocomplete="none"
-                      value={formik.values.password}
-                      onChange={(e) => {
-                        formik.setFieldValue("password", e.target.value);
-                      }}
-                      toggleMask
-                      className={classNames("", {
-                        "p-invalid": isFormFieldValid(formik, "name"),
-                      })}
-
-                      inputClassName="w-full"
-                      feedback={false}
-                    />
-                    {isFormFieldValid(formik, "password") && (
-                      <Message
-                        severity="error"
-                        text={formik?.errors?.password?.toString()}
+                      {isFormFieldValid(formik, "email") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.email?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-6 flex flex-column gap-1 mt-4">
+                      <label htmlFor="mobile" className="form-field-label">
+                        Mobile
+                      </label>
+                      <InputText
+                        type="text"
+                        id="mobile"
+                        name="mobile"
+                        autoComplete={"off"}
+                        onChange={formik.handleChange}
+                        value={formik.values.mobile}
+                        className={classNames("", {
+                          "p-invalid": formik.touched.mobile && formik.errors.mobile,
+                        })}
                       />
-                    )}
-                  </div>
-
-                </div>
-              </Panel>
-
-              {/* <Divider /> */}
-              {/* <p className="form-wrapper-heading text-base" style={{ fontSize: 16 }}>Roles</p> */}
-
-              <Panel toggleable header="Roles" className="solid-column-panel mt-5">
-                <div className="formgrid grid mt-4">
-                  {rolesData?.data?.records && rolesData?.data?.records.map((role: any, i: number) => (
-                    <div key={role.name} className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}>
-                      <Checkbox
-                        inputId={role.name}
-                        checked={selectedRoles.includes(role.name)}
-                        onChange={() => handleCheckboxChange(role.name)}
+                      {isFormFieldValid(formik, "mobile ") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.mobile?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-6 flex flex-column gap-2 my-4">
+                      <label htmlFor="Password" className="form-field-label">
+                        Password
+                      </label>
+                      <Password
+                        id="password"
+                        autoComplete="off"
+                        aria-autocomplete="none"
+                        value={formik.values.password}
+                        onChange={(e) => {
+                          formik.setFieldValue("password", e.target.value);
+                        }}
+                        toggleMask
+                        className={classNames("", {
+                          "p-invalid": isFormFieldValid(formik, "name"),
+                        })}
+
+                        inputClassName="w-full"
+                        feedback={false}
                       />
-                      <label htmlFor={role.name}> {role.name}</label>
+                      {isFormFieldValid(formik, "password") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.password?.toString()}
+                        />
+                      )}
                     </div>
-                  ))}
-                </div>
-              </Panel>
+
+                  </div>
+                </Panel>
+
+                {/* <Divider /> */}
+                {/* <p className="form-wrapper-heading text-base" style={{ fontSize: 16 }}>Roles</p> */}
+
+                <Panel toggleable header="Roles" className="solid-column-panel mt-5">
+                  <div className="formgrid grid mt-4">
+                    {rolesData?.data?.records && rolesData?.data?.records.map((role: any, i: number) => (
+                      <div key={role.name} className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}>
+                        <Checkbox
+                          inputId={role.name}
+                          checked={selectedRoles.includes(role.name)}
+                          onChange={() => handleCheckboxChange(role.name)}
+                        />
+                        <label htmlFor={role.name}> {role.name}</label>
+                      </div>
+                    ))}
+                  </div>
+                </Panel>
+              </div>
             </div>
           </div>
-        </div>
-      </form>
+        </form>
+      </div>
     </div>
   );
 };

package/src/helpers/getRandomColors.tsx

@@ -0,0 +1,68 @@
+// export function getTextColor(bgColor: string) {
+//     // Convert hex to RGB using slice instead of deprecated substr
+//     const r = parseInt(bgColor.slice(1, 3), 16)
+//     const g = parseInt(bgColor.slice(3, 5), 16)
+//     const b = parseInt(bgColor.slice(5, 7), 16)
+
+//     // Brightness formula (standard luminance)
+//     const brightness = (r * 299 + g * 587 + b * 114) / 1000
+//     return brightness > 128 ? '#000000' : '#FFFFFF'
+// }
+
+export function getRandomHexColor() {
+    const letters = '0123456789ABCDEF'
+    let color = '#'
+    for (let i = 0; i < 6; i++) {
+        color += letters[Math.floor(Math.random() * 16)]
+    }
+    return color
+}
+
+export const stringToColor = (str: string) => {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    
+    // Convert hash to a color
+    const hue = hash % 360;
+    const saturation = 70 + (hash % 20); // 70-90% saturation
+    const lightness = 40 + (hash % 20); // 40-60% lightness
+    
+    return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+};
+
+export const getTextColor = (bgColor: string) => {
+    const hsl = bgColor.match(/\d+/g);
+    if (!hsl) return '#000000';
+    
+    const h = parseInt(hsl[0]) / 360;
+    const s = parseInt(hsl[1]) / 100;
+    const l = parseInt(hsl[2]) / 100;
+    
+    let r, g, b;
+    
+    if (s === 0) {
+        r = g = b = l;
+    } else {
+        const hue2rgb = (p: number, q: number, t: number) => {
+            if (t < 0) t += 1;
+            if (t > 1) t -= 1;
+            if (t < 1/6) return p + (q - p) * 6 * t;
+            if (t < 1/2) return q;
+            if (t < 2/3) return p + (q - p) * (2/3 - t) * 6;
+            return p;
+        };
+        
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+        
+        r = hue2rgb(p, q, h + 1/3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1/3);
+    }
+    
+    const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    
+    return luminance > 0.5 ? '#000000' : '#FFFFFF';
+}; 

package/src/helpers/registry.ts

@@ -1,27 +1,39 @@
 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";
-import { SolidBooleanFieldCheckboxWidget } from "@/components/core/form/fields/widgets/SolidBooleanCheckboxFieldWidget";
-import { SolidBooleanFieldSelectWidget } from "@/components/core/form/fields/widgets/SolidBooleanSelectFieldWidget";
-import { SolidSelectionStaticAutocompleteWidget } from "@/components/core/form/fields/widgets/SolidSelectionStaticAutocompleteFieldWidget";
-import { SolidSelectionStaticRadioWidget } from "@/components/core/form/fields/widgets/SolidSelectionStaticRadioFieldWidget";
-import { SolidShortTextFieldTextRenderModeWidget } from "@/components/core/list/widgets/SolidShortTextFieldTextRenderModeWidget";
-import { SolidShortTextFieldImageRenderModeWidget } from "@/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget";
-import { SolidFormFieldViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewModeWidget";
-import { SolidFormFieldJsonViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldJsonViewModeWidget";
-import { SolidFormFieldPasswordViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldPasswordViewModeWidget";
-import { SolidFormFieldRichTextViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldRichTextViewModeWidget";
-import { SolidFormFieldMediaViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldMediaViewModeWidget";
-import { SolidFormFieldRelationViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldRelationViewModeWidget";
-import { SolidFormFieldViewMediaSingleWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewMediaSingleWidget";
-import { SolidFormFieldViewMediaMultipleWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewMediaMultipleWidget";
-import { SolidUserNameAvatarWidget } from "@/components/core/list/widgets/SolidUserNameAvatarWidget";
+import { SolidShortTextFieldImageListWidget } from "@/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget";
+import { SolidShortTextAvatarWidget } from "@/components/core/list/widgets/SolidShortTextAvatarWidget";
 import GenerateModelCodeRowAction from "@/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction";
 import GenerateModuleCodeRowAction from "@/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction";
+import { DefaultBooleanFormEditWidget, SolidBooleanCheckboxStyleFormEditWidget } from "@/components/core/form/fields/SolidBooleanField";
+import { DefaultDateFormEditWidget } from "@/components/core/form/fields/SolidDateField";
+import { DefaultDateTimeFormEditWidget } from "@/components/core/form/fields/SolidDateTimeField";
+import { DefaultDecimalFormEditWidget } from "@/components/core/form/fields/SolidDecimalField";
+import { DefaultEmailFormEditWidget } from "@/components/core/form/fields/SolidEmailField";
+import { DefaultIntegerFormEditWidget } from "@/components/core/form/fields/SolidIntegerField";
+import { DefaultJsonFormEditWidget, DefaultJsonFormViewWidget } from "@/components/core/form/fields/SolidJsonField";
+import { DefaultLongTextFormEditWidget } from "@/components/core/form/fields/SolidLongTextField";
+import { DefaultMediaMultipleFormEditWidget, DefaultMediaMultipleFormViewWidget } from "@/components/core/form/fields/SolidMediaMultipleField";
+import { DefaultMediaSingleFormEditWidget, DefaultMediaSingleFormViewWidget } from "@/components/core/form/fields/SolidMediaSingleField";
+import { DefaultPasswordFormEditWidget, DefaultPasswordFormViewWidget } from "@/components/core/form/fields/SolidPasswordField";
+import { DefaultRichTextFormEditWidget, DefaultRichTextFormViewWidget } from "@/components/core/form/fields/SolidRichTextField";
+import { DefaultSelectionStaticAutocompleteFormEditWidget, DefaultSelectionStaticFormViewWidget, SolidSelectionStaticRadioFormEditWidget } from "@/components/core/form/fields/SolidSelectionStaticField";
+import { DefaultShortTextFormEditWidget, DefaultShortTextFormViewWidget } from "@/components/core/form/fields/SolidShortTextField";
+import { DefaultRelationManyToOneFormEditWidget, DefaultRelationManyToOneFormViewWidget } from "@/components/core/form/fields/relations/SolidRelationManyToOneField";
+import { DefaultRelationOneToManyFormViewWidget } from "@/components/core/form/fields/relations/SolidRelationOneToManyField";
+import { DefaultRelationManyToManyAutoCompleteFormEditWidget, DefaultRelationManyToManyCheckBoxFormEditWidget } from "@/components/core/form/fields/relations/SolidRelationManyToManyField";
+import { DefaultBooleanListWidget } from "@/components/core/list/columns/SolidBooleanColumn";
+import { DefaultTextListWidget } from "@/components/core/list/columns/SolidShortTextColumn";
+import { DefaultMediaSingleListWidget } from "@/components/core/list/columns/SolidMediaSingleColumn";
+import { DefaultMediaMultipleListWidget } from "@/components/core/list/columns/SolidMediaMultipleColumn";
+import { DefaultRelationManyToManyListWidget } from "@/components/core/list/columns/relations/SolidRelationManyToManyColumn";
+import { DefaultRelationManyToOneListWidget } from "@/components/core/list/columns/relations/SolidRelationManyToOneColumn";
+import { DefaultRelationOneToManyListWidget } from "@/components/core/list/columns/relations/SolidRelationOneToManyColumn";
+import { SolidRelationAvatarWidget } from "@/components/core/list/widgets/SolidRelationAvatarWidget";
+import { SolidRelationFieldAvatarFormWidget } from "@/components/core/form/fields/widgets/SolidRelationFieldAvatarFormWidget";
+import { DefaultSelectionDynamicFormEditWidget, DefaultSelectionDynamicFormViewWidget } from "@/components/core/form/fields/SolidSelectionDynamicField";
 
 type ExtensionRegistry = {
     components: Record<string, React.ComponentType<any>>;
@@ -82,29 +94,69 @@ export const getExtensionFunction = (name: string) => {
 // Register all the dynamic widget & functions from inside solid-core-ui
 // Common
 registerExtensionComponent("CustomHtml", CustomHtml, []);
-
-
-
 registerExtensionComponent("GenerateModelCodeRowAction", GenerateModelCodeRowAction, []);
 registerExtensionComponent("GenerateModuleCodeRowAction", GenerateModuleCodeRowAction, []);
-registerExtensionComponent("SolidRelationManyToManyCheckboxWidget", SolidRelationManyToManyCheckboxWidget, ["checkbox"]);
-registerExtensionComponent("SolidRelationManyToManyAutocompleteWidget", SolidRelationManyToManyAutocompleteWidget, ["autocomplete"]);
-registerExtensionComponent("SolidBooleanFieldCheckboxWidget", SolidBooleanFieldCheckboxWidget, ["field-checkbox"]);
-registerExtensionComponent("SolidBooleanFieldSelectWidget", SolidBooleanFieldSelectWidget, ["field-selectbox"]);
-registerExtensionComponent("SolidSelectionStaticAutocompleteWidget", SolidSelectionStaticAutocompleteWidget, ["field-autocomplete"]);
-registerExtensionComponent("SolidSelectionStaticRadioWidget", SolidSelectionStaticRadioWidget, ["field-radio"]);
-registerExtensionComponent("SolidShortTextFieldTextRenderModeWidget", SolidShortTextFieldTextRenderModeWidget, []);
-registerExtensionComponent("SolidShortTextFieldImageRenderModeWidget", SolidShortTextFieldImageRenderModeWidget, []);
-registerExtensionComponent("SolidFormFieldViewModeWidget", SolidFormFieldViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldJsonViewModeWidget", SolidFormFieldJsonViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldPasswordViewModeWidget", SolidFormFieldPasswordViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldRichTextViewModeWidget", SolidFormFieldRichTextViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldMediaViewModeWidget", SolidFormFieldMediaViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldRelationViewModeWidget", SolidFormFieldRelationViewModeWidget, []);
-registerExtensionComponent("SolidFormFieldViewMediaSingleWidget", SolidFormFieldViewMediaSingleWidget, []);
-registerExtensionComponent("SolidFormFieldViewMediaMultipleWidget", SolidFormFieldViewMediaMultipleWidget, []);
-registerExtensionComponent("SolidFormFieldViewMediaMultipleWidget", SolidFormFieldViewMediaMultipleWidget, []);
-registerExtensionComponent("SolidUserNameAvatarWidget", SolidUserNameAvatarWidget, []);
+
+
+// Formview Default Edit widgets
+registerExtensionComponent("DefaultDateFormEditWidget", DefaultDateFormEditWidget, []);
+registerExtensionComponent("DefaultBooleanFormEditWidget", DefaultBooleanFormEditWidget, ["booleanSelectbox"]);
+registerExtensionComponent("SolidBooleanCheckboxStyleFormEditWidget", SolidBooleanCheckboxStyleFormEditWidget, ["booleanCheckbox"]);
+registerExtensionComponent("DefaultDateTimeFormEditWidget", DefaultDateTimeFormEditWidget, []);
+registerExtensionComponent("DefaultDecimalFormEditWidget", DefaultDecimalFormEditWidget, []);
+registerExtensionComponent("DefaultEmailFormEditWidget", DefaultEmailFormEditWidget, []);
+registerExtensionComponent("DefaultIntegerFormEditWidget", DefaultIntegerFormEditWidget, []);
+registerExtensionComponent("DefaultJsonFormEditWidget", DefaultJsonFormEditWidget, []);
+registerExtensionComponent("DefaultLongTextFormEditWidget", DefaultLongTextFormEditWidget, []);
+registerExtensionComponent("DefaultMediaMultipleFormEditWidget", DefaultMediaMultipleFormEditWidget, []);
+registerExtensionComponent("DefaultMediaSingleFormEditWidget", DefaultMediaSingleFormEditWidget, []);
+registerExtensionComponent("DefaultPasswordFormEditWidget", DefaultPasswordFormEditWidget, []);
+registerExtensionComponent("DefaultRichTextFormEditWidget", DefaultRichTextFormEditWidget, []);
+registerExtensionComponent("DefaultSelectionStaticAutocompleteFormEditWidget", DefaultSelectionStaticAutocompleteFormEditWidget, []);
+registerExtensionComponent("DefaultShortTextFormEditWidget", DefaultShortTextFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormEditWidget", DefaultRelationManyToOneFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormEditWidget", DefaultRelationManyToOneFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyAutoCompleteFormEditWidget", DefaultRelationManyToManyAutoCompleteFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyCheckBoxFormEditWidget", DefaultRelationManyToManyCheckBoxFormEditWidget, []);
+registerExtensionComponent("SolidSelectionStaticRadioFormEditWidget", SolidSelectionStaticRadioFormEditWidget, []);
+registerExtensionComponent("DefaultSelectionDynamicFormEditWidget", DefaultSelectionDynamicFormEditWidget, []);
+
+// Formview Edit Custom  widgets
+
+
+// Formview Default View widgets
+registerExtensionComponent("DefaultMediaMultipleFormViewWidget", DefaultMediaMultipleFormViewWidget, []);
+registerExtensionComponent("DefaultMediaSingleFormViewWidget", DefaultMediaSingleFormViewWidget, []);
+registerExtensionComponent("DefaultPasswordFormViewWidget", DefaultPasswordFormViewWidget, []);
+registerExtensionComponent("DefaultRichTextFormViewWidget", DefaultRichTextFormViewWidget, []);
+registerExtensionComponent("DefaultShortTextFormViewWidget", DefaultShortTextFormViewWidget, []);
+registerExtensionComponent("DefaultRelationOneToManyFormViewWidget", DefaultRelationOneToManyFormViewWidget, []);
+registerExtensionComponent("DefaultJsonFormViewWidget", DefaultJsonFormViewWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormViewWidget", DefaultRelationManyToOneFormViewWidget, []);
+registerExtensionComponent("DefaultSelectionStaticFormViewWidget", DefaultSelectionStaticFormViewWidget, []);
+registerExtensionComponent("DefaultSelectionDynamicFormViewWidget", DefaultSelectionDynamicFormViewWidget, []);
+
+// Form View Custom Widgets
+registerExtensionComponent("SolidRelationFieldAvatarFormWidget", SolidRelationFieldAvatarFormWidget, []);
+
+
+
+// list view render modes   
+registerExtensionComponent("DefaultTextListWidget", DefaultTextListWidget, []);
+registerExtensionComponent("DefaultBooleanListWidget", DefaultBooleanListWidget, []);
+registerExtensionComponent("DefaultMediaSingleListWidget", DefaultMediaSingleListWidget, []);
+registerExtensionComponent("DefaultMediaMultipleListWidget", DefaultMediaMultipleListWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneListWidget", DefaultRelationManyToOneListWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyListWidget", DefaultRelationManyToManyListWidget, []);
+registerExtensionComponent("DefaultRelationOneToManyListWidget", DefaultRelationOneToManyListWidget, []);
+registerExtensionComponent("SolidShortTextFieldImageListWidget", SolidShortTextFieldImageListWidget, []);
+
+
+// List View Custom Widgets
+
+
+registerExtensionComponent("SolidShortTextAvatarWidget", SolidShortTextAvatarWidget, []);
+registerExtensionComponent("SolidRelationAvatarWidget", SolidRelationAvatarWidget, []);
 
 
 // ModuleMetadata

package/src/index.ts

@@ -441,6 +441,7 @@ export { mediaStorageProviderApi, useCreateMediaStorageProivderMutation, useDele
 export { modelsApi, useCreatemodelMutation, useDeleteMultipleModelsMutation, useDeletemodelMutation, useGenerateCodeForModelMutation, useGetModelsQuery, useGetmodelByIdQuery, useLazyGetModelsQuery, useLazyGetmodelByIdQuery, useUpdatemodelMutation } from '@/redux/api/modelApi';
 export { modulesApi, useCreatemoduleMutation, useDeleteMultiplemodulesMutation, useDeletemoduleMutation, useGenerateCodeFormoduleMutation, useGetDefaultDataSourceQuery, useGetmoduleByIdQuery, useGetmodulesQuery, useLazyGetDefaultDataSourceQuery, useLazyGetmoduleByIdQuery, useLazyGetmodulesQuery, useRefreshPermissionsMutation, useUpdatemoduleMutation } from '@/redux/api/moduleApi';
 export { testApi, useSeederMutation } from '@/redux/api/testApi';
+export { solidChatterMessageApi, useGetchatterMessageQuery, useLazyGetchatterMessageQuery } from '@/redux/api/solidChatterMessageApi';
 // export * from '@/redux/api/orderAttributeApi';
 // export * from '@/redux/api/permissionApi';
 // export * from '@/redux/api/pincodeApi';

package/src/redux/api/solidChatterMessageApi.ts

@@ -0,0 +1,30 @@
+import { createApi } from '@reduxjs/toolkit/query/react';
+import { baseQueryWithAuth } from './fetchBaseQuery';
+
+export const solidChatterMessageApi = createApi({
+    reducerPath: 'solidChatterMessageApi',
+    baseQuery: baseQueryWithAuth,
+    endpoints: (builder) => ({
+        getchatterMessage: builder.query({
+            query: (qs) => {
+                return `/chatter-message?populate[0]=user&populateMedia[1]=messageAttachments&${qs}`
+            },
+        }),
+        getchatterMessageDetail: builder.query({
+            query: (qs) => {
+                return `/chatter-message-details?${qs}`
+            },
+        }),
+        createChatterMessage: builder.mutation({
+            query: (data) => {
+                return {
+                    url: '/chatter-message',
+                    method: 'POST',
+                    body: data
+                }
+            }
+        })
+    })
+});
+
+export const { useGetchatterMessageQuery, useLazyGetchatterMessageQuery, useCreateChatterMessageMutation, useGetchatterMessageDetailQuery, useLazyGetchatterMessageDetailQuery } = solidChatterMessageApi;