@solidstarters/solid-core-ui 1.1.12 → 1.1.14

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)
           }
           }
 
@@ -518,7 +516,7 @@ export const SolidListView = (params: SolidListViewParams) => {
                         modelName: params.modelName,
                         moduleName: params.moduleName,
                         rowAction: rowAction,
-                        rowData: rowData,
+                        rowData: solidViewData,
                         closeListViewRowActionPopup: closeListViewRowActionPopup
 
                       });
@@ -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>
@@ -778,12 +785,68 @@ export const SolidListView = (params: SolidListViewParams) => {
           {renderColumnsDynamically(listViewMetaData)}
           {actionsAllowed.includes(`${updatePermission(params.modelName)}`) && solidListViewMetaData?.data?.solidView?.layout?.attrs?.edit !== false &&
             <Column frozen alignFrozen="right" body={(rowData) => (
-              rowData.deletedAt ? (
+              rowData?.deletedAt ? (
                 <a onClick={() => recoverById(rowData.id)} className="retrieve-button">
                   <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>

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 >