@solidstarters/solid-core-ui 1.1.69 → 1.1.71

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 { DefaultSelectionDynamicFormViewWidget } from "@/components/core/form/fields/SolidSelectionDynamicField";
 
 type ExtensionRegistry = {
     components: Record<string, React.ComponentType<any>>;
@@ -82,29 +94,68 @@ 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, []);
+
+// 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;

package/src/resources/globals.css

@@ -1673,6 +1673,44 @@ li.header-li-px {
   overflow-y: auto;
 }
 
+
+.chatter-collapse-btn {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: -18px;
+  z-index: 10;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  background-color: #fff;
+}
+
+.chatter-section {
+  width: 380px;
+  flex-shrink: 0;
+  transition: width 0.3s ease, padding 0.3s ease;
+  overflow: hidden;
+  min-height: 100%;
+  transition: width 0.3s ease, padding 0.3s ease;
+}
+
+.chatter-section.collapsed {
+  width: 45px !important;
+}
+
+.chatter-collapsed-content {
+  font-size: 0.875rem;
+  background-color: #eff1f4;
+  color: var(--secondary-dark-color);
+  white-space: nowrap;
+  padding: 0.75rem 0.5rem;
+  border-radius: 4px;
+  border: 1px solid var(--primary-light-color);
+  display: inline-block;
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  width: 30px;
+}
+
 .solid-form-header {
   padding: 15px 14px 15px 24px;
   display: flex;
@@ -2810,6 +2848,10 @@ li.header-li-px {
     left: 71% !important;
     top: 17% !important;
   }
+
+  .chatter-section {
+    width: 360px;
+  }
 }
 
 /* 1500px - 1599px */
@@ -2832,6 +2874,10 @@ li.header-li-px {
     left: 69% !important;
     top: 17.3% !important;
   }
+
+  .chatter-section {
+    width: 345px;
+  }
 }
 
 /* 1400px - 1499px */
@@ -2854,6 +2900,11 @@ li.header-li-px {
     left: 67% !important;
     top: 17.5% !important;
   }
+
+
+  .chatter-section {
+    width: 330px;
+  }
 }
 
 /* 1300px - 1399px */
@@ -2876,6 +2927,10 @@ li.header-li-px {
     left: 63.5% !important;
     top: 15% !important;
   }
+
+  .chatter-section {
+    width: 310px;
+  }
 }
 
 /* 1200px - 1299px */
@@ -2898,6 +2953,10 @@ li.header-li-px {
     left: 61% !important;
     top: 15% !important;
   }
+
+  .chatter-section {
+    width: 300px;
+  }
 }
 
 /* 1024px - 1199px */

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

@@ -68,6 +68,7 @@ export type LayoutAttribute = {
     className?: string;
     inlineCreate?: string;
     renderMode?: string;
+    widget?: string;
 };
 
 // Generic representation of any node in our layout 
@@ -105,27 +106,34 @@ export type SolidFormWidgetProps = {
     fieldsMetadata: FieldsMetadata;
 };
 
-export type SolidRelationManyToManyFieldWidgetProps = {
+export type SolidFormFieldWidgetProps = {
     formik: any;
     fieldContext?: SolidFieldProps;
-};
+}
+export type SolidListFieldWidgetProps = {
+    rowData: any;
+    solidListViewMetaData: any
+    fieldMetadata: FieldMetadata;
+    column: any;
+}
 
-export type SolidBooleanFieldWidgetProps = {
-    formik: any;
-    fieldContext?: SolidFieldProps;
-};
-export type SolidSelectionStaticFieldWidgetProps = {
-    formik: any;
-    fieldContext?: SolidFieldProps;
-};
 
-export type SolidShortTextImageRenderModeWidgetProps = {
-    data: string;
+
+export type SolidMediaListFieldWidgetProps = SolidListFieldWidgetProps & {
+    setLightboxUrls?: any,
+    setOpenLightbox?: any
 }
 
-export type SolidMediaSingleFieldWidgetProps = {
-    formik: any;
-    fieldContext?: SolidFieldProps;
+
+
+
+export type SolidMediaFormFieldWidgetProps = SolidFormFieldWidgetProps & {
     setLightboxUrls?: any,
     setOpenLightbox?: any
-};
+}
+
+
+
+export type SolidShortTextImageRenderModeWidgetProps = {
+    data: string;
+}

package/src/components/core/form/fields/relations/widgets/SolidRelationManyToManyAutocompleteWidget.tsx

@@ -1,74 +0,0 @@
-"use client";
-import { SolidRelationManyToManyFieldWidgetProps } from "@/types/solid-core";
-import { AutoComplete } from "primereact/autocomplete";
-import { useState } from "react";
-import { Button } from "primereact/button";
-import { useRelationEntityHandler } from "./helpers/useRelationEntityHandler";
-import { InlineRelationEntityDialog } from "./helpers/InlineRelationEntityDialog";
-
-export const SolidRelationManyToManyAutocompleteWidget = ({ formik, fieldContext }: SolidRelationManyToManyFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || 'field col-12';
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly;
-    const disabled = fieldLayoutInfo.attrs?.disabled;
-    const readOnly = fieldLayoutInfo.attrs?.readOnly;
-
-    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);
-    const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });
-  
-    const onChange = (e: any) => {
-      formik.setFieldValue(fieldContext.field.attrs.name, e.value);
-    };
-
-    return (
-        <div className={className}>
-            <div className="mt-4">
-                {showFieldLabel != false &&
-                    <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">
-                        {fieldLabel}
-                        {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                    </label>
-                }
-                <div className="flex align-items-center gap-3 mt-2">
-                    <AutoComplete
-                        readOnly={readOnly || readOnlyPermission}
-                        disabled={disabled || readOnlyPermission}
-                        multiple
-                        {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
-                        id={fieldLayoutInfo.attrs.name}
-                        field="label"
-                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                        dropdown={!readOnlyPermission}
-                        suggestions={autoCompleteItems}
-                        completeMethod={(e) => fetchRelationEntities(e.query)}
-                        onChange={onChange}
-                        className="solid-standard-autocomplete w-full"
-                    />
-                    {fieldContext.field.attrs.inlineCreate && (
-                        <>
-                         <Button
-                            icon="pi pi-plus"
-                            rounded
-                            outlined
-                            aria-label="Filter"
-                            type="button"
-                            size="small"
-                            onClick={() => setVisibleCreateDialog(true)}
-                            className="custom-add-button"
-                        />
-                        <InlineRelationEntityDialog
-                            visible={visibleCreateDialog}
-                            setVisible={setVisibleCreateDialog}
-                            fieldContext={fieldContext}
-                            onCreate={addNewRelation}
-                        />
-                        </>
-                    )}
-                </div>
-            </div>
-        </div>
-    );
-}

package/src/components/core/form/fields/relations/widgets/SolidRelationManyToManyCheckboxWidget.tsx

@@ -1,103 +0,0 @@
-"use client";
-import { SolidRelationManyToManyFieldWidgetProps } from "@/types/solid-core";
-import { capitalize } from "lodash";
-import { Checkbox } from "primereact/checkbox";
-import { Panel } from "primereact/panel";
-import { useEffect, useState } from "react";
-import { Button } from "primereact/button";
-import { useRelationEntityHandler } from "./helpers/useRelationEntityHandler";
-import { InlineRelationEntityDialog } from "./helpers/InlineRelationEntityDialog";
-
-export const SolidRelationManyToManyCheckboxWidget = ({formik, fieldContext }: SolidRelationManyToManyFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-
-    const readOnlyPermission = fieldContext.readOnly;
-    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);
-    const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });
-  
-    useEffect(() => {
-      fetchRelationEntities();
-    }, []);
-
-    const handleCheckboxChange = (e: any) => {
-        if (formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === e.value)) {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter((s: any) => s.value !== e.value));
-        } else {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, [...formik.values[fieldLayoutInfo.attrs.name], e]);
-        }
-    };
-
-    const headerTemplate = (options: any) => {
-        const className = `${options.className} justify-content-space-between`;
-
-        return (
-            <div className={className}>
-                <div className="flex align-items-center gap-3">
-                    {showFieldLabel != false &&
-                        <label className="form-field-label">
-                            {capitalize(fieldLayoutInfo.attrs.name)}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                        </label>
-                    }
-                    {fieldContext.field.attrs.inlineCreate && (
-                        <>
-                        <Button
-                            icon="pi pi-plus"
-                            rounded
-                            outlined
-                            aria-label="Filter"
-                            type="button"
-                            size="small"
-                            onClick={() => setVisibleCreateDialog(true)}
-                            className="custom-add-button"
-                        />
-                        <InlineRelationEntityDialog
-                            visible={visibleCreateDialog}
-                            setVisible={setVisibleCreateDialog}
-                            fieldContext={fieldContext}
-                            onCreate={addNewRelation}
-                        />
-                        </>
-                    )}
-                    {/* <div className="many-to-many-add" >
-                        <Button icon="pi pi-plus"
-                            rounded
-                            outlined
-                            aria-label="Filter"
-                            type="button"
-                            onClick={() => autoCompleteSearch()}
-                        />
-                    </div> */}
-                </div>
-                <div>
-                    {options.togglerElement}
-                </div>
-            </div>
-        );
-    };
-    return (
-        <div>
-
-            <Panel toggleable headerTemplate={headerTemplate}>
-                <div className="formgrid grid">
-                    {autoCompleteItems && autoCompleteItems.map((a: any, i: number) => {
-                        return (
-                            <div key={a.label} className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}>
-                                <Checkbox
-                                    readOnly={readOnlyPermission}
-                                    inputId={a.label}
-                                    checked={formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.label === a.label)}
-                                    onChange={() => handleCheckboxChange(a)}
-                                />
-                                <label htmlFor={a.label} className="form-field-label m-0"> {a.label}</label>
-                            </div>
-                        )
-                    })}
-                </div>
-            </Panel>
-        </div>
-    )
-        
-}

package/src/components/core/form/fields/widgets/SolidBooleanCheckboxFieldWidget.tsx

@@ -1,79 +0,0 @@
-"use client";
-import { SolidBooleanFieldWidgetProps } from "@/types/solid-core";
-import { useEffect, useState } from "react";
-import { Checkbox, CheckboxChangeEvent } from "primereact/checkbox";
-import { Message } from "primereact/message";
-import { classNames } from "primereact/utils";
-
-export const SolidBooleanFieldCheckboxWidget = ({ formik, fieldContext }: SolidBooleanFieldWidgetProps) => {
-    const fieldMetadata = fieldContext.fieldMetadata;
-    const fieldLayoutInfo = fieldContext.field;
-    const className = fieldLayoutInfo.attrs?.className || "field col-12";
-    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
-    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
-    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly;
-
-    // Set default value to false on mount
-    useEffect(() => {
-        if (formik.values[fieldLayoutInfo.attrs.name] === undefined) {
-            console.log("Setting default value:", false);
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, false);
-        }
-    }, []);
-
-    const handleChange = (e: CheckboxChangeEvent) => {
-        const newValue = e.checked; // This returns `true` or `false`
-        console.log(`${fieldLayoutInfo.attrs.name}, new value:`, newValue);
-        
-        formik.setFieldValue(fieldLayoutInfo.attrs.name, newValue === true ? 'true' : 'false');
-        formik.setTouched({ ...formik.touched, [fieldLayoutInfo.attrs.name]: true }); // Ensure Formik registers the change
-        // ✅ Check if Formik updated the value correctly
-    setTimeout(() => {
-        console.log("Formik values after update:", formik.values);
-    }, 0);
-    };
-
-    const isFormFieldValid = (formik:any, fieldName:any) => 
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
-    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
-    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
-    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
-
-    return (
-        <div className={className}>
-            <div className="relative">
-                <div className="flex flex-column gap-2 mt-4">
-                    {showFieldLabel !== false && (
-                        <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label font-medium">
-                            {fieldLabel}
-                            {fieldMetadata.required && <span className="text-red-500"> *</span>}
-                        </label>
-                    )}
-
-                    <div className="flex align-items-center">
-                        <Checkbox
-                            id={fieldLayoutInfo.attrs.name}
-                            checked={formik.values[fieldLayoutInfo.attrs.name] === 'true' || formik.initialValues[fieldLayoutInfo.attrs.name] === 'true'}
-                            onChange={handleChange}
-                            disabled={formDisabled || fieldDisabled}
-                            readOnly={formReadonly || fieldReadonly || readOnlyPermission}
-                            className={classNames("", {
-                                "p-invalid": isFormFieldValid(formik, fieldLayoutInfo.attrs.name),
-                            })}
-                        />
-                        <span className="ml-2">{fieldLabel || "Yes"}</span>
-                    </div>
-                </div>
-
-                {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
-                    <div className="absolute mt-1">
-                        <Message severity="error" text={formik.errors[fieldLayoutInfo.attrs.name]?.toString()} />
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}