@solidstarters/solid-core-ui 1.1.13 → 1.1.15

package/src/components/core/filter/fields/SolidIntField.tsx

@@ -27,7 +27,6 @@ const SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFiel
                     <Dropdown
                         value={rule.matchMode}
                         onChange={(e: any) => {
-                            console.log("e", e);
                             // updateEnumValues(index, 'operator', e.value)
                             onChange(rule.id, 'matchMode', e.value)
                         }}
@@ -38,7 +37,6 @@ const SolidIntField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFiel
                     <SolidVarInputsFilterElement
                         values={rule.value}
                         onChange={(e: any) => {
-                            console.log("e", e);
                             // updateEnumValues(index, 'value', e)
                             onChange(rule.id, 'value', e)
                         }}

package/src/components/core/filter/fields/SolidMediaMultipleField.tsx

@@ -27,7 +27,6 @@ const SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: Solid
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}
@@ -37,7 +36,6 @@ const SolidMediaMultipleField = ({ fieldMetadata, onChange, index, rule }: Solid
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'value', e)
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/filter/fields/SolidMediaSingleField.tsx

@@ -29,7 +29,6 @@ const SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFi
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}
@@ -39,7 +38,6 @@ const SolidMediaSingleField = ({ fieldMetadata, onChange, index, rule }: SolidFi
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'value', e)
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/filter/fields/SolidSelectionDynamicField.tsx

@@ -18,7 +18,6 @@ const SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: So
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}
@@ -28,7 +27,6 @@ const SolidSelectionDynamicField = ({ fieldMetadata, onChange, index, rule }: So
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'value', e)  
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/filter/fields/SolidSelectionStaticField.tsx

@@ -21,7 +21,6 @@ const SolidSelectionStaticField = ({ fieldMetadata, onChange, index, rule }: Sol
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}

package/src/components/core/filter/fields/SolidShortTextField.tsx

@@ -26,7 +26,6 @@ const SolidShortTextField = ({ fieldMetadata, onChange, index, rule }: SolidFilt
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}

package/src/components/core/filter/fields/SolidTimeField.tsx

@@ -17,7 +17,6 @@ const SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={dateFilterMatchModeOptions}
@@ -27,7 +26,6 @@ const SolidTimeField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'value', e)
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/filter/fields/SolidUuidField.tsx

@@ -17,7 +17,6 @@ const SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}
@@ -27,7 +26,6 @@ const SolidUuidField = ({ fieldMetadata, onChange, index, rule }: SolidFilterFie
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'value', e)
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/filter/fields/relations/SolidRelationManyToOneField.tsx

@@ -52,7 +52,6 @@ const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: S
             <Dropdown
                 value={rule.matchMode}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(rule.id, 'matchMode', e.value)
                 }}
                 options={filterMatchModeOptions}
@@ -62,7 +61,6 @@ const SolidRelationManyToOneField = ({ fieldMetadata, onChange, index, rule }: S
             <SolidVarInputsFilterElement
                 values={rule.value}
                 onChange={(e: any) => {
-                    console.log("e", e);
                     onChange(index, 'value', e)
                 }}
                 numberOfInputs={numberOfInputs}

package/src/components/core/form/SolidFormView.tsx

@@ -362,7 +362,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
     useEffect(() => {
         if (solidFormViewMetaData) {
-            console.log(`METADATA: `, solidFormViewMetaData);
             setFormViewMetaData(solidFormViewMetaData);
             if (params.customLayout) {
                 setFormViewLayout(params.customLayout);
@@ -447,11 +446,9 @@ const SolidFormView = (params: SolidFormViewProps) => {
         // Trigger validation and get the updated errors
         const errors = await formik.validateForm();
         const errorMessages = Object.values(errors);
-        console.log(`Error message is: `, errorMessages);
     };
 
     const onFormikSubmit = async (values: any) => {
-        console.log(`Form being submitted with: `, values);
         const solidView = solidFormViewMetaData.data.solidView;
         const solidFieldsMetadata = solidFormViewMetaData.data.solidFieldsMetadata;
         const layoutFieldsObj = getLayoutFieldsAsObject([formViewLayout]);
@@ -546,7 +543,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
     } = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, { skip: !solidFormViewMetaData || params.id === 'new' });
     useEffect(() => {
         if (solidFormViewData) {
-            console.log(`DATA: `, solidFormViewData);
             setInitialEntityData(solidFormViewData.data);
         }
     }, [solidFormViewData]);
@@ -600,8 +596,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
             }
         }
-        console.log("solidFormViewMetaData", solidFormViewMetaData);
-        console.log("layoutFields", layoutFields);
 
         formik = useFormik({
             initialValues: initialValues,
@@ -631,7 +625,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
                 case "field": {
                     // const fieldMetadata = solidFieldsMetadata[attrs.name];
                     const fieldMetadata = solidFormViewMetaData.data.solidFieldsMetadata[attrs.name];
-                    console.log("initialEntityData", initialEntityData);
 
                     return <SolidField key={key} field={element} formik={formik} fieldMetadata={fieldMetadata} initialEntityData={solidFormViewData ? solidFormViewData.data : null} solidFormViewMetaData={solidFormViewMetaData} modelName={params.modelName} />;
                 }
@@ -685,19 +678,16 @@ const SolidFormView = (params: SolidFormViewProps) => {
             setDeleteDialogVisible(false);
         }
 
-        console.log(`Rendering with formViewLayout:`, formViewLayout);
-        console.log("params.embeded", params.embeded);
-
         return (
             <div className="solid-form-wrapper">
                 <Toast ref={toast} />
 
-                <form style={{ width: '77.5%', borderRight: '1px solid var(--primary-light-color' }} onSubmit={formik.handleSubmit}>
+                <form style={{ width: params.embeded !== true ? '77.5%' : '100%', borderRight: params.embeded !== true ? '1px solid var(--primary-light-color' : '' }} onSubmit={formik.handleSubmit}>
                     <div className="solid-form-header">
                         {params.id === "new" ? (
                             <>
                                 <div className="flex align-items-center gap-3">
-                                    <BackButton />
+                                    {params.embeded !== true && <BackButton />}
                                     <div className="form-wrapper-title"> {createHeaderTitle}</div>
                                 </div>
                                 <div className="gap-3 flex">
@@ -747,7 +737,7 @@ const SolidFormView = (params: SolidFormViewProps) => {
                                         </div>
                                     }
                                     {params.embeded == true &&
-                                        <Button outlined size="small" type="button" label="Cancel" severity="danger" onClick={() => params.handlePopupClose()} />
+                                        <Button outlined size="small" type="button" label="Cancel" onClick={() => params.handlePopupClose()} className='bg-primary-reverse' />
 
                                     }
                                     {params.embeded !== true &&
@@ -759,7 +749,7 @@ const SolidFormView = (params: SolidFormViewProps) => {
                         ) : (
                             <>
                                 <div className="flex align-items-center gap-3">
-                                    <BackButton />
+                                    {params.embeded !== true && <BackButton />}
                                     <div className="form-wrapper-title"> {editHeaderTitle}</div>
                                 </div>
                                 <div className="gap-3 flex">
@@ -851,8 +841,10 @@ const SolidFormView = (params: SolidFormViewProps) => {
                         {renderFormDynamically(formViewMetaData)}
                     </div>
                 </form>
-                <div style={{ width: '22.5%' }}>
-                </div>
+                {params.embeded !== true &&
+                    <div style={{ width: '22.5%' }}>
+                    </div>
+                }
                 <Dialog
                     visible={isDeleteDialogVisible}
                     header="Confirm Delete"

package/src/components/core/form/fields/SolidSelectionDynamicField.tsx

@@ -108,7 +108,9 @@ export class SolidSelectionDynamicField implements ISolidField {
                         suggestions={selectionDynamicItems}
                         completeMethod={selectionDynamicSearch}
                         // onChange={(e) => updateInputs(index, e.value)} />
-                        onChange={formik.handleChange} />
+                        onChange={formik.handleChange}
+                        className="solid-standard-autocomplete"
+                    />
                 </div>
                 {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
                     <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />

package/src/components/core/form/fields/SolidSelectionStaticField.tsx

@@ -113,7 +113,9 @@ export class SolidSelectionStaticField implements ISolidField {
                         suggestions={selectionStaticItems}
                         completeMethod={selectionStaticSearch}
                         // onChange={(e) => updateInputs(index, e.value)} />
-                        onChange={formik.handleChange} />
+                        onChange={formik.handleChange}
+                        className="solid-standard-autocomplete"
+                    />
                 </div>
                 {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
                     <Message severity="error" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />

package/src/components/core/form/fields/relations/SolidRelationManyToManyField.tsx

@@ -361,21 +361,25 @@ export class SolidRelationManyToManyField implements ISolidField {
                 <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
 
                 </label>
-                <AutoComplete
-                    readOnly={readOnly}
-                    disabled={disabled}
-                    multiple
-                    {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
-                    id={fieldLayoutInfo.attrs.name}
-                    field="label"
-                    value={formik.values[fieldLayoutInfo.attrs.name] || ''}
-                    dropdown
-                    suggestions={autoCompleteItems}
-                    completeMethod={autoCompleteSearch}
-                    onChange={formik.handleChange} />
-                {fieldLayoutInfo.attrs.inlineCreate === "true" &&
-                    this.renderSolidFormEmbededView(formik, customCreateHandler, visibleCreateRelationEntity, setvisibleCreateRelationEntity)
-                }
+                <div className="flex align-items-center gap-3">
+                    <AutoComplete
+                        readOnly={readOnly}
+                        disabled={disabled}
+                        multiple
+                        {...formik.getFieldProps(fieldLayoutInfo.attrs.name)}
+                        id={fieldLayoutInfo.attrs.name}
+                        field="label"
+                        value={formik.values[fieldLayoutInfo.attrs.name] || ''}
+                        dropdown
+                        suggestions={autoCompleteItems}
+                        completeMethod={autoCompleteSearch}
+                        onChange={formik.handleChange}
+                        className="solid-standard-autocomplete w-full"
+                    />
+                    {fieldLayoutInfo.attrs.inlineCreate === "true" &&
+                        this.renderSolidFormEmbededView(formik, customCreateHandler, visibleCreateRelationEntity, setvisibleCreateRelationEntity)
+                    }
+                </div>
             </div>
         );
     }
@@ -402,7 +406,6 @@ export class SolidRelationManyToManyField implements ISolidField {
             }),
             modelName: camelCase(this.fieldContext.fieldMetadata.relationModelSingularName)
         }
-        // console.log("fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ", fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width);
 
         return (
             <div >
@@ -425,6 +428,7 @@ export class SolidRelationManyToManyField implements ISolidField {
                         if (!visibleCreateRelationEntity) return;
                         setvisibleCreateRelationEntity(false);
                     }}
+                    className="solid-dialog"
                 >
                     <SolidFormView {...params} />
 

package/src/components/core/form/fields/relations/SolidRelationManyToOneField.tsx

@@ -103,7 +103,6 @@ export class SolidRelationManyToOneField implements ISolidField {
                 setAutoCompleteItems(autoCompleteItems);
             }
         }
-        console.log("formik", formik.values);
 
         const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
 
@@ -123,6 +122,7 @@ export class SolidRelationManyToOneField implements ISolidField {
                         suggestions={autoCompleteItems}
                         completeMethod={autoCompleteSearch}
                         onChange={formik.handleChange}
+                        className="solid-standard-autocomplete"
                     />
                 </div>
                 {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (

package/src/components/core/form/fields/relations/SolidRelationOneToManyField.tsx

@@ -168,7 +168,7 @@ export class SolidRelationOneToManyField implements ISolidField {
                     header=""
                     showHeader={false}
                     visible={visibleCreateRelationEntity}
-                    className="many-to-many-creat-form-dialog"
+                    className="solid-dialog"
                     style={{ width: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? "40vw" }}
                     onHide={() => {
                         if (!visibleCreateRelationEntity) return;

package/src/components/core/kanban/SolidKanbanView.tsx

@@ -317,7 +317,6 @@ export const SolidKanbanView = (params: SolidKanbanViewParams) => {
     selectedRecords.forEach((element: any) => {
       deleteList.push(element.id);
     });
-    console.log(deleteList);
     deleteManySolidEntities(deleteList);
     setDialogVisible(false);
   };

package/src/components/core/list/ListViewRowActionPopup.tsx

@@ -11,7 +11,6 @@ export const ListViewRowActionPopup = ({ context }: any) => {
 
     const triggerServerAction = () => {
 
-        console.log("api  called");
     }
 
     return (

package/src/components/core/list/SolidListView.tsx

@@ -445,8 +445,7 @@ export const SolidListView = (params: SolidListViewParams) => {
     solidGlobalSearchElementRef.current.clearFilter()
   };
 
-  const [solidsolidViewDataId, setSolidViewDataId] = useState<number | null>();
-  const [solidFieldName, setSolidFieldName] = useState<string>("")
+  const [selectedSolidViewData, setSelectedSolidViewData] = useState<any>()
 
   const op = useRef(null)
   const [deleteEntity, setDeleteEntity] = useState(false);
@@ -464,8 +463,7 @@ export const SolidListView = (params: SolidListViewParams) => {
           // @ts-ignore 
           {
             op.current.toggle(e);
-            setSolidViewDataId(solidViewData.id);
-            setSolidFieldName(solidViewData?.singularName)
+            setSelectedSolidViewData(solidViewData)
           }
           }
 
@@ -616,7 +614,6 @@ export const SolidListView = (params: SolidListViewParams) => {
     selectedRecords.forEach((element: any) => {
       deleteList.push(element.id);
     });
-    console.log(deleteList);
     deleteManySolidEntities(deleteList);
     setDialogVisible(false);
   };
@@ -719,16 +716,26 @@ export const SolidListView = (params: SolidListViewParams) => {
           {showArchived && <Button type="button" icon="pi pi-refresh" label="Recover" size='small' severity="secondary"
             onClick={() => setRecoverDialogVisible(true)}
           ></Button>}
-          <SolidLayoutViews
+          {/* <SolidLayoutViews
             sizeOptions={sizeOptions}
             setSize={setSize}
             size={size}
             viewModes={viewModes}
             setView={setView}
             view={view}
-          />
+          /> */}
           {params.embeded === false &&
-            <SolidConfigureLayoutElement setShowArchived={setShowArchived} showArchived={showArchived} viewData={solidListViewMetaData}></SolidConfigureLayoutElement>
+            <SolidConfigureLayoutElement
+              setShowArchived={setShowArchived}
+              showArchived={showArchived}
+              viewData={solidListViewMetaData}
+              sizeOptions={sizeOptions}
+              setSize={setSize}
+              size={size}
+              viewModes={viewModes}
+              setView={setView}
+              view={view}
+            ></SolidConfigureLayoutElement>
           }
           {/* {params.embeded === false &&
             <SolidListViewOptions></SolidListViewOptions>
@@ -783,7 +790,63 @@ export const SolidListView = (params: SolidListViewParams) => {
                   <i className="pi pi-refresh" style={{ fontSize: "1rem" }} />
                 </a>
               ) :
-                detailsBodyTemplate(rowData)
+                <>
+                  {detailsBodyTemplate(rowData)}
+                  <OverlayPanel ref={op} className="solid-custom-overlay" style={{ top: 10 }}>
+                    <div className="flex flex-column gap-1 p-1">
+                      <Button
+                        className="w-8rem text-left gap-2"
+                        label="Edit"
+                        size="small"
+                        iconPos="left"
+                        icon={<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M3.33333 12.6667H4.28333L10.8 6.15L9.85 5.2L3.33333 11.7167V12.6667ZM2 14V11.1667L10.8 2.38333C10.9333 2.26111 11.0806 2.16667 11.2417 2.1C11.4028 2.03333 11.5722 2 11.75 2C11.9278 2 12.1 2.03333 12.2667 2.1C12.4333 2.16667 12.5778 2.26667 12.7 2.4L13.6167 3.33333C13.75 3.45556 13.8472 3.6 13.9083 3.76667C13.9694 3.93333 14 4.1 14 4.26667C14 4.44444 13.9694 4.61389 13.9083 4.775C13.8472 4.93611 13.75 5.08333 13.6167 5.21667L4.83333 14H2ZM10.3167 5.68333L9.85 5.2L10.8 6.15L10.3167 5.68333Z" fill="#F9F0FF" />
+                        </svg>}
+                        onClick={() => {
+                          if (params.embeded == true) {
+                            params.handlePopUpOpen(selectedSolidViewData?.id);
+                          } else {
+                            router.push(`${editButtonUrl}/${selectedSolidViewData?.id}`)
+                          }
+                        }}
+                      />
+                      <Button
+                        text
+                        className="w-8rem text-left gap-2"
+                        label="Delete"
+                        size="small"
+                        iconPos="left"
+                        severity="secondary"
+                        icon={<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M4.66666 14C4.29999 14 3.9861 13.8694 3.72499 13.6083C3.46388 13.3472 3.33332 13.0333 3.33332 12.6667V4H2.66666V2.66667H5.99999V2H9.99999V2.66667H13.3333V4H12.6667V12.6667C12.6667 13.0333 12.5361 13.3472 12.275 13.6083C12.0139 13.8694 11.7 14 11.3333 14H4.66666ZM11.3333 4H4.66666V12.6667H11.3333V4ZM5.99999 11.3333H7.33332V5.33333H5.99999V11.3333ZM8.66666 11.3333H9.99999V5.33333H8.66666V11.3333Z" fill="#4B4D52" />
+                        </svg>}
+                        onClick={() => setDeleteEntity(true)}
+                      />
+                      {solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons &&
+                        solidListViewMetaData?.data?.solidView?.layout?.attrs?.rowButtons.map((rowAction: any) => {
+                          return (
+                            <Button
+                              text
+                              size="small"
+                              icon={rowAction?.attrs?.className ? rowAction?.attrs?.className : "pi pi-pencil"}
+                              onClick={() => {
+                                setListRowActionData({
+                                  modelName: params.modelName,
+                                  moduleName: params.moduleName,
+                                  rowAction: rowAction,
+                                  rowData: selectedSolidViewData,
+                                  closeListViewRowActionPopup: closeListViewRowActionPopup
+
+                                });
+                                setListViewRowActionPopupState(true)
+                              }
+                              }
+                            />
+                          );
+                        })}
+                    </div>
+                  </OverlayPanel>
+                </>
             )}></Column>
           }
         </DataTable>
@@ -833,7 +896,7 @@ export const SolidListView = (params: SolidListViewParams) => {
           <p className="m-0 solid-primary-title" style={{ fontSize: 16 }}>
             Are you sure you want to delete this Field ?
           </p>
-          <p className="" style={{ color: 'var{--solid-grey-500}' }}>{solidFieldName}</p>
+          <p className="" style={{ color: 'var{--solid-grey-500}' }}>{selectedSolidViewData?.singularName}</p>
           <div className="flex align-items-center gap-2 mt-3">
             <Button label="Delete" size="small" onClick={() => { deleteSolidSingleEntiry(solidsolidViewDataId); setDeleteEntity(false); }} />
             <Button label="Cancel" size="small" onClick={() => setDeleteEntity(false)} outlined />

package/src/components/core/list/SolidListViewColumn.tsx

@@ -59,7 +59,6 @@ export const getNumberOfInputs = (matchMode: any): number | null => {
 // const loadComponentByType = async (type: string) => {
 //     try {
 //         const componentName = `./columns/Solid${type.charAt(0).toUpperCase() + type.slice(1)}Column.tsx`;
-//         console.log(`Loading component: ${componentName}`);
 
 //         // Dynamically import the component based on type
 //         const componentModule = await import(componentName);

package/src/components/core/list/SolidManyToOneFilterElement.tsx

@@ -52,6 +52,8 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
             value={value}
             suggestions={autoCompleteItems}
             completeMethod={autoCompleteSearch}
-            onChange={(e) => updateInputs(index, e.value)} />
+            onChange={(e) => updateInputs(index, e.value)}
+            className="solid-standard-autocomplete"
+        />
     )
 }

package/src/components/core/list/SolidSelectionDynamicFilterElement.tsx

@@ -42,7 +42,7 @@ export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index,
             field="label"
             value={value}
             dropdown
-            className="w-full small-input"
+            className="w-full solid-standard-autocomplete"
             suggestions={selectionDynamicItems}
             completeMethod={selectionDynamicSearch}
             onChange={(e) => updateInputs(index, e.value)} />

package/src/components/core/list/SolidSelectionStaticFilterElement.tsx

@@ -24,7 +24,7 @@ export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index,
             field="label"
             value={value}
             dropdown
-            className="w-full small-input"
+            className="w-full solid-standard-autocomplete"
             suggestions={selectionStaticItems}
             completeMethod={selectionStaticSearch}
             onChange={(e) => updateInputs(index, e.value)} />

package/src/components/core/model/FieldMetaDataForm.tsx

@@ -2128,7 +2128,7 @@ const FieldMetaDataForm = ({ modelMetaData, fieldMetaData, setFieldMetaData, all
                                 virtualScrollerOptions={{ itemSize: 38 }}
                                 field="label"
                                 dropdown
-                                className="small-input"
+                                className="solid-standard-autocomplete"
                                 onChange={(e) => {
                                   setSelectedComputedFieldValueType(e.value);
                                   formik.setFieldValue("computedFieldValueType", e.value.value);

package/src/components/core/model/FieldSelector.tsx

@@ -34,7 +34,6 @@ const FieldSelector = ({ handleTypeSelect, modelMetaData }: any) => {
 
     const handleFieldSelect = (fieldValue: any) => {
         setSelectedField(fieldValue);
-        console.log('Selected Field:', fieldValue); // You can replace this with any action you want
     };
 
     return (

package/src/components/core/model/ModelMetaData.tsx

@@ -249,7 +249,6 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
 
   useEffect(() => {
     renderCount.current += 1; // Increment count on every render
-    console.log(`Component rendered ${renderCount.current} times`);
   });
 
 

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

@@ -46,9 +46,6 @@ const CreateUser = ({ data, params }: any) => {
     },
   ] = useUpdateUserMutation();
 
-  console.log("isUpdateuserSuceess", isUpdateuserSuceess);
-
-
   const [deleteUser, {
     isLoading: isUserDeleted,
     isSuccess: isDeleteUserSuceess,

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

@@ -191,6 +191,7 @@ const CreateUserRole = ({ data }: any) => {
                         existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}
                         existingDataTitle={data?.parentCategory?.title}
                         existingDataId={data?.parentCategory?.id}
+                        className="solid-standard-autocomplete"
                     ></AutoCompleteField>
                     {isFormFieldValid(formik, "roleName") && (
                         <Message severity="error" text={formik?.errors?.roleName?.toString()} />

package/src/components/tables/DynamicTable.tsx

@@ -37,7 +37,7 @@ export const DynamicTable = (props: Root) => {
             <Link href={product.id} rel="noopener noreferrer" className="text-sm font-bold p-0" style={{ color: '#12415D' }}>
                 <svg className='opacity-50' xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" fill="none" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="#212134" fill-rule="evenodd" d="M23.604 3.514c.528.528.528 1.36 0 1.887l-2.622 2.607-4.99-4.99L18.6.396a1.322 1.322 0 0 1 1.887 0l3.118 3.118ZM0 24v-4.99l14.2-14.2 4.99 4.99L4.99 24H0Z" clip-rule="evenodd"></path></svg>
             </Link>
-            <Button link onClick={() => console.log(product.id)} rel="noopener noreferrer" className="text-sm font-bold p-0" style={{ color: '#12415D' }}>
+            <Button link rel="noopener noreferrer" className="text-sm font-bold p-0" style={{ color: '#12415D' }}>
                 <svg className='opacity-50' xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" fill="none" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill="#32324D" d="M3.236 6.149a.2.2 0 0 0-.197.233L6 24h12l2.96-17.618a.2.2 0 0 0-.196-.233H3.236ZM21.8 1.983c.11 0 .2.09.2.2v1.584a.2.2 0 0 1-.2.2H2.2a.2.2 0 0 1-.2-.2V2.183c0-.11.09-.2.2-.2h5.511c.9 0 1.631-1.09 1.631-1.983h5.316c0 .894.73 1.983 1.631 1.983H21.8Z"></path></svg>
             </Button>
         </div >