@solidstarters/solid-core-ui 1.0.1 → 1.1.0

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

@@ -1,12 +1,12 @@
 'use client';
-import { Button } from "primereact/button"
+import { Button } from "primereact/button";
 import { Calendar } from "primereact/calendar";
 import { InputNumber } from "primereact/inputnumber";
-import { InputText } from "primereact/inputtext"
+import { InputText } from "primereact/inputtext";
 import { useEffect, useState } from "react";
 import { SolidManyToOneFilterElement } from "./SolidManyToOneFilterElement";
-import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
 import { SolidSelectionDynamicFilterElement } from "./SolidSelectionDynamicFilterElement";
+import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterElement";
 
 export enum InputTypes {
     Date = 'Date',

package/src/components/core/list/columns/SolidBooleanColumn.tsx

@@ -1,12 +1,7 @@
 'use client';
-import React from 'react';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
-import { classNames } from 'primereact/utils';
 import { Dropdown } from 'primereact/dropdown';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
 
 const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.attrs.filterable;
@@ -50,7 +45,7 @@ const SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: So
             header={header}
             className="text-sm"
             sortable={column.attrs.sortable}
-            filter={filterable}
+            // filter={filterable}
             dataType={columnDataType}
             showFilterOperator={showFilterOperator}
             // filterMatchModeOptions={filterMatchModeOptions}

package/src/components/core/list/columns/SolidComputedColumn.tsx

@@ -1,9 +1,9 @@
 'use client';
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
-import SolidShortTextColumn from './SolidShortTextColumn';
-import SolidIntColumn from './SolidIntColumn';
 import SolidDateColumn from './SolidDateColumn';
 import SolidDatetimeColumn from './SolidDatetimeColumn';
+import SolidIntColumn from './SolidIntColumn';
+import SolidShortTextColumn from './SolidShortTextColumn';
 
 const SolidComputedColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     if (['text', 'string'].includes(fieldMetadata.computedFieldValueType)) {

package/src/components/core/list/columns/SolidDateColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 export const dateFilterMatchModeOptions = [
     { label: 'Equals', value: FilterMatchMode.EQUALS },

package/src/components/core/list/columns/SolidDatetimeColumn.tsx

@@ -1,9 +1,8 @@
 'use client';
-import React from 'react';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
+import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { dateFilterMatchModeOptions } from './SolidDateColumn';
 
 const SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {

package/src/components/core/list/columns/SolidIdColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 const SolidIdColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.filterable;

package/src/components/core/list/columns/SolidIntColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 const SolidIntColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.attrs.filterable;

package/src/components/core/list/columns/SolidSelectionDynamicColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 const SolidSelectionDynamicColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.attrs.filterable;

package/src/components/core/list/columns/SolidSelectionStaticColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 
 const SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
@@ -40,7 +39,7 @@ const SolidSelectionStaticColumn = ({ solidListViewMetaData, fieldMetadata, colu
             header={header}
             className="text-sm"
             sortable={column.attrs.sortable}
-            filter={filterable}
+            // filter={filterable}
             dataType={columnDataType}
             showFilterOperator={showFilterOperator}
             filterMatchModeOptions={filterMatchModeOptions}

package/src/components/core/list/columns/SolidShortTextColumn.tsx

@@ -1,12 +1,11 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
-const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
+const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {    
     const filterable = column.attrs.filterable;
     const showFilterOperator = false;
     const columnDataType = 'text';
@@ -44,9 +43,9 @@ const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column }:
             key={fieldMetadata.name}
             field={fieldMetadata.name}
             header={header}
-            className="text-sm"
+            // className="text-sm"
             sortable={column.attrs.sortable}
-            filter={filterable}
+            // filter={filterable}
             dataType={columnDataType}
             showFilterOperator={showFilterOperator}
             filterMatchModeOptions={filterMatchModeOptions}
@@ -54,6 +53,11 @@ const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column }:
             filterPlaceholder={`Search by ${fieldMetadata.displayName}`}
             style={{ minWidth: "12rem" }}
             headerClassName="table-header-fs"
+            // body={(data)=>{
+            //     console.log("DAta", data);
+                
+            //     return <div className="solid-table-row">{data.name}</div>
+            // }}
         ></Column>
     );
 

package/src/components/core/list/columns/SolidTimeColumn.tsx

@@ -1,10 +1,8 @@
 'use client';
-import React from 'react';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { getNumberOfInputs, SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 import { dateFilterMatchModeOptions } from './SolidDateColumn';
 
 const SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
@@ -38,7 +36,7 @@ const SolidTimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: Solid
             header={header}
             className="text-sm"
             sortable={column.attrs.sortable}
-            filter={filterable}
+            // filter={filterable}
             dataType={columnDataType}
             showFilterOperator={showFilterOperator}
             filterMatchModeOptions={dateFilterMatchModeOptions}

package/src/components/core/list/columns/SolidUuidColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { SolidListViewColumnParams } from '../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../SolidVarInputsFilterElement";
 
 const SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.attrs.filterable;
@@ -37,7 +36,7 @@ const SolidUuidColumn = ({ solidListViewMetaData, fieldMetadata, column }: Solid
             header={header}
             className="text-sm"
             sortable={column.attrs.sortable}
-            filter={filterable}
+            // filter={filterable}
             dataType={columnDataType}
             showFilterOperator={showFilterOperator}
             filterMatchModeOptions={filterMatchModeOptions}

package/src/components/core/list/columns/relations/SolidRelationManyToOneColumn.tsx

@@ -1,10 +1,9 @@
 'use client';
-import React from 'react';
+import { FilterMatchMode } from 'primereact/api';
 import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { InputTypes, SolidVarInputsFilterElement } from "../../SolidVarInputsFilterElement";
-import { SolidListViewColumnParams } from '../../SolidListViewColumn';
 import { FormEvent } from "primereact/ts-helpers";
-import { FilterMatchMode } from 'primereact/api';
+import { SolidListViewColumnParams } from '../../SolidListViewColumn';
+import { InputTypes, SolidVarInputsFilterElement } from "../../SolidVarInputsFilterElement";
 
 const SolidRelationManyToOneColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {
     const filterable = column.attrs.filterable;

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

@@ -1,18 +1,18 @@
 "use client"
 
-import React, { useEffect, useRef, useState } from "react";
-import { TabView, TabPanel } from "primereact/tabview";
+import { CancelButton } from "@/components/common/CancelButton";
+import { handleError } from "@/helpers/ToastContainer";
+import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { useCreatemodelMutation, useDeletemodelMutation, useLazyGetModelsQuery, useUpdatemodelMutation } from "@/redux/api/modelApi";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
 import { usePathname, useRouter } from "next/navigation";
 import { Button } from "primereact/button";
-import ModelMetaData from "./ModelMetaData";
-import { useCreatemodelMutation, useDeletemodelMutation, useLazyGetModelsQuery, useUpdatemodelMutation } from "@/redux/api/modelApi";
-import FieldMetaData from "./FieldMetaData";
-import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { TabPanel, TabView } from "primereact/tabview";
 import { Toast } from "primereact/toast";
-import { CancelButton } from "@/components/common/CancelButton";
 import qs from "qs";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
-import { handleError } from "@/helpers/ToastContainer";
+import { useEffect, useRef, useState } from "react";
+import FieldMetaData from "./FieldMetaData";
+import ModelMetaData from "./ModelMetaData";
 
 
 interface ErrorResponseData {

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

@@ -1,16 +1,14 @@
 'use client';
-import React, { useEffect, useRef, useState } from "react";
+import { usePathname } from "next/navigation";
 import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
-import { useDispatch, useSelector } from "react-redux";
-import { hideFieldsPopup } from "@/redux/features/popupSlice";
-import { DataTable } from "primereact/datatable";
 import { Column } from "primereact/column";
-import FieldMetaDataForm from "./FieldMetaDataForm";
-import { Toast } from "primereact/toast";
-import { Messages } from "primereact/messages";
+import { DataTable } from "primereact/datatable";
+import { Dialog } from "primereact/dialog";
 import { useMountEffect } from "primereact/hooks";
-import { usePathname } from "next/navigation";
+import { Messages } from "primereact/messages";
+import { Toast } from "primereact/toast";
+import { useRef, useState } from "react";
+import FieldMetaDataForm from "./FieldMetaDataForm";
 
 
 const FieldMetaData = ({ modelMetaData, fieldMetaData, setFieldMetaData, deleteModelFunction, nextTab, formikFieldsMetadataRef }: any) => {

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

@@ -1,34 +1,34 @@
 'use client';
-import React, { useEffect, useRef, useState } from "react";
+import CodeEditor from "@/components/common/CodeEditor";
+import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
+import { getSingularAndPlural } from "@/helpers/helpers";
+import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { useLazyGetMediaStorageProvidersQuery } from "@/redux/api/mediaStorageProviderApi";
+import { useLazyGetModelsQuery } from "@/redux/api/modelApi";
+import { useLazyGetmodulesQuery } from "@/redux/api/moduleApi";
 import { useFormik } from "formik";
-import * as Yup from "yup";
-import { InputText } from "primereact/inputtext";
-import { Dropdown, DropdownChangeEvent } from "primereact/dropdown";
-import { Button } from "primereact/button";
-import { classNames } from "primereact/utils";
-import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
+import { capitalize } from "lodash";
 import { usePathname } from "next/navigation";
-import { SelectButton } from "primereact/selectbutton";
-import { InputTextarea } from "primereact/inputtextarea";
-import { TabPanel, TabView } from "primereact/tabview";
 import { AutoComplete } from "primereact/autocomplete";
+import { Button } from "primereact/button";
+import { Calendar } from "primereact/calendar";
 import { Checkbox } from "primereact/checkbox";
-import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { Dialog } from "primereact/dialog";
+import { Dropdown, DropdownChangeEvent } from "primereact/dropdown";
 import { InputNumber } from "primereact/inputnumber";
-import { Calendar } from "primereact/calendar";
-import CodeEditor from "@/components/common/CodeEditor";
+import { InputText } from "primereact/inputtext";
+import { InputTextarea } from "primereact/inputtextarea";
+import { Message } from "primereact/message";
+import { MultiSelect } from "primereact/multiselect";
+import { RadioButton } from "primereact/radiobutton";
+import { SelectButton } from "primereact/selectbutton";
+import { TabPanel, TabView } from "primereact/tabview";
+import { Toast } from "primereact/toast";
+import { classNames } from "primereact/utils";
 import qs from "qs";
-import { useLazyGetMediaStorageProvidersQuery } from "@/redux/api/mediaStorageProviderApi";
+import React, { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
 import FieldSelector from "./FieldSelector";
-import { capitalize } from "lodash";
-import { getSingularAndPlural } from "@/helpers/helpers";
-import { RadioButton } from "primereact/radiobutton";
-import { useLazyGetModelsQuery } from "@/redux/api/modelApi";
-import { useLazyGetmodulesQuery } from "@/redux/api/moduleApi";
-import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
-import { MultiSelect } from "primereact/multiselect";
-import { Dialog } from "primereact/dialog";
 
 
 

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

@@ -1,7 +1,5 @@
 'use client';
-import React, { useState } from 'react';
-import { Card } from 'primereact/card';
-import { TabView, TabPanel } from 'primereact/tabview';
+import { useState } from 'react';
 
 const FieldSelector = ({ handleTypeSelect, modelMetaData }: any) => {
 

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

@@ -1,27 +1,22 @@
 "use client";
-import React, { useState, useEffect } from "react";
-import {
-  DataTable,
-  DataTableFilterMeta,
-  DataTableStateEvent,
-} from "primereact/datatable";
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { FilterMatchMode, FilterOperator } from "primereact/api";
-import { Dropdown, DropdownChangeEvent } from "primereact/dropdown";
-import { Calendar } from "primereact/calendar";
-import { InputNumber, InputNumberChangeEvent } from "primereact/inputnumber";
-import Link from "next/link";
-import { FilterIcon } from "@/components/modelsComponents/filterIcon";
-import { CustomTag } from "@/components/Tag/CustomTag";
+import { CreateButton } from "@/components/common/CreateButton";
 import {
   useDeleteMultipleModelsMutation,
   useGenerateCodeForModelMutation,
   useLazyGetModelsQuery,
 } from "@/redux/api/modelApi";
-import { CreateButton } from "@/components/common/CreateButton";
-import qs from "qs";
+import Link from "next/link";
+import { FilterMatchMode } from "primereact/api";
 import { Button } from "primereact/button";
+import { Column } from "primereact/column";
+import {
+  DataTable,
+  DataTableFilterMeta,
+  DataTableStateEvent,
+} from "primereact/datatable";
 import { Dialog } from "primereact/dialog";
+import qs from "qs";
+import { useEffect, useState } from "react";
 
 export interface ModelMetaData {
   id: string;

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

@@ -1,23 +1,19 @@
 'use client';
-import React, { useEffect, useRef, useState } from "react";
+import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
+import { getSingularAndPlural } from "@/helpers/helpers";
+import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
 import { useLazyGetmodulesQuery } from "@/redux/api/moduleApi";
 import { useFormik } from "formik";
-import * as Yup from "yup";
+import { usePathname, useRouter } from "next/navigation";
+import { Checkbox } from "primereact/checkbox";
 import { InputText } from "primereact/inputtext";
-import { Button } from "primereact/button";
-import { classNames } from "primereact/utils";
+import { InputTextarea } from "primereact/inputtextarea";
 import { Message } from "primereact/message";
 import { Toast } from "primereact/toast";
-import { usePathname, useRouter } from "next/navigation";
+import { classNames } from "primereact/utils";
 import qs from "qs";
-import { getSingularAndPlural } from "@/helpers/helpers";
-import { InputTextarea } from "primereact/inputtextarea";
-import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
-import { Checkbox } from "primereact/checkbox";
-import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
-import { Messages } from "primereact/messages";
-import { useMountEffect } from "primereact/hooks";
-import { useGetModelsQuery } from "@/redux/api/modelApi";
+import React, { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
 
 const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allModelsNames, deleteModelFunction, nextTab, formikModelMetadataRef,params }: any, ref) => {
 

package/src/components/core/module/CreateModule.tsx

@@ -1,29 +1,27 @@
 "use client"
-import { useFormik } from "formik";
-import React, { useEffect, useRef, useState } from "react";
-import * as Yup from "yup";
-import { InputText } from "primereact/inputtext";
-import { Button } from "primereact/button";
-import { classNames } from "primereact/utils";
-import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
-import { Divider } from "primereact/divider";
-import { usePathname, useRouter } from "next/navigation";
 import { CancelButton } from "@/components/common/CancelButton";
-import { useSelector } from "react-redux";
-import { useCreatemoduleMutation, useDeletemoduleMutation, useUpdatemoduleMutation } from "@/redux/api/moduleApi";
-import { InputTextarea } from "primereact/inputtextarea";
-import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { DropzonePlaceholder } from "@/components/common/DropzonePlaceholder";
+import { DropzoneUpload } from "@/components/common/DropzoneUpload";
 import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
 import { getSingularAndPlural } from "@/helpers/helpers";
+import { handleError } from "@/helpers/ToastContainer";
+import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { useDeleteMediaMutation } from "@/redux/api/mediaApi";
+import { useCreatemoduleMutation, useDeletemoduleMutation, useUpdatemoduleMutation } from "@/redux/api/moduleApi";
+import { useFormik } from "formik";
+import { usePathname, useRouter } from "next/navigation";
+import { Button } from "primereact/button";
 import { Checkbox } from "primereact/checkbox";
-import { InputNumber } from "primereact/inputnumber";
-import { ProgressSpinner } from "primereact/progressspinner";
-import { DropzonePlaceholder } from "@/components/common/DropzonePlaceholder";
-import { DropzoneUpload } from "@/components/common/DropzoneUpload";
+import { Divider } from "primereact/divider";
+import { InputText } from "primereact/inputtext";
+import { InputTextarea } from "primereact/inputtextarea";
+import { Message } from "primereact/message";
+import { Toast } from "primereact/toast";
+import { classNames } from "primereact/utils";
+import React, { useEffect, useRef, useState } from "react";
 import { useDropzone } from "react-dropzone";
-import { useDeleteMediaMutation } from "@/redux/api/mediaApi";
-import { handleError } from "@/helpers/ToastContainer";
+import { useSelector } from "react-redux";
+import * as Yup from "yup";
 
 const footer = (
   <>

package/src/components/core/module/ModuleListViewData.tsx

@@ -1,30 +1,21 @@
 "use client";
-import React, { useState, useEffect, useRef } from "react";
+import { CreateButton } from "@/components/common/CreateButton";
+import { handleError, handleSuccess } from "@/helpers/ToastContainer";
+import { useDeleteMultiplemodulesMutation, useGenerateCodeFormoduleMutation, useLazyGetmodulesQuery, useRefreshPermissionsMutation } from "@/redux/api/moduleApi";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import Link from "next/link";
+import { FilterMatchMode } from "primereact/api";
+import { Button } from "primereact/button";
+import { Column } from "primereact/column";
 import {
   DataTable,
   DataTableFilterMeta,
   DataTableStateEvent,
 } from "primereact/datatable";
-import { Column, ColumnFilterElementTemplateOptions } from "primereact/column";
-import { FilterMatchMode, FilterOperator } from "primereact/api";
-import { Dropdown, DropdownChangeEvent } from "primereact/dropdown";
-import { Calendar } from "primereact/calendar";
-import { InputNumber, InputNumberChangeEvent } from "primereact/inputnumber";
-import Link from "next/link";
-import { FilterIcon } from "@/components/modelsComponents/filterIcon";
-import { CustomTag } from "@/components/Tag/CustomTag";
-import {
-  useDeleteMultipleModelsMutation,
-  useLazyGetModelsQuery,
-} from "@/redux/api/modelApi";
-import { CreateButton } from "@/components/common/CreateButton";
-import qs from "qs";
-import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
-import { useDeleteMultiplemodulesMutation, useGenerateCodeFormoduleMutation, useLazyGetmodulesQuery, useRefreshPermissionsMutation } from "@/redux/api/moduleApi";
 import { Toast } from "primereact/toast";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
-import { handleError, handleSuccess } from "@/helpers/ToastContainer";
+import qs from "qs";
+import { useEffect, useRef, useState } from "react";
 
 export interface ModelMetaData {
   id: string;

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

@@ -1,21 +1,21 @@
 'use client';
-import { useEffect, useRef, useState } from "react";
-import { InputText } from "primereact/inputtext";
-import { useFormik } from "formik";
-import { classNames } from "primereact/utils";
-import { Button } from "primereact/button";
-import { useGetrolesQuery } from "@/redux/api/roleApi";
 import { CancelButton } from "@/components/common/CancelButton";
-import * as Yup from "yup";
-import { usePathname, useRouter } from "next/navigation";
 import { useRegisterPrivateMutation, useUpdateUserMutation } from "@/redux/api/authApi";
-import { Panel } from "primereact/panel";
+import { useGetrolesQuery } from "@/redux/api/roleApi";
+import { useDeleteUserMutation } from "@/redux/api/userApi";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import { useFormik } from "formik";
+import { usePathname, useRouter } from "next/navigation";
+import { Button } from "primereact/button";
 import { Checkbox } from "primereact/checkbox";
-import { Password } from "primereact/password";
+import { InputText } from "primereact/inputtext";
 import { Message } from "primereact/message";
+import { Panel } from "primereact/panel";
+import { Password } from "primereact/password";
 import { Toast } from "primereact/toast";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
-import { useDeleteUserMutation } from "@/redux/api/userApi";
+import { classNames } from "primereact/utils";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
 
 
 interface ErrorResponseData {

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

@@ -1,23 +1,18 @@
 'use client';
+import { AutoCompleteField } from "@/components/common/AutoCompleteField";
+import { CancelButton } from "@/components/common/CancelButton";
+import { useLazyGetrolesQuery } from "@/redux/api/roleApi";
+import { useCreateuserroleMutation } from "@/redux/api/userApi";
 import { useFormik } from "formik";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Form, Formik } from "formik";
-import * as Yup from "yup";
-import { InputText } from "primereact/inputtext";
-import { Dropdown } from "primereact/dropdown";
+import { usePathname, useRouter } from "next/navigation";
 import { Button } from "primereact/button";
-import { classNames } from "primereact/utils";
+import { InputText } from "primereact/inputtext";
 import { Message } from "primereact/message";
-import { AutoComplete } from "primereact/autocomplete";
 import { Toast } from "primereact/toast";
-import { Password } from "primereact/password";
-import { Divider } from "primereact/divider";
-import { usePathname, useRouter } from "next/navigation";
-import { CancelButton } from "@/components/common/CancelButton";
-import { AutoCompleteField } from "@/components/common/AutoCompleteField";
+import { classNames } from "primereact/utils";
 import qs from "qs";
-import { useGetrolesQuery, useLazyGetrolesQuery } from "@/redux/api/roleApi";
-import { useCreateuserroleMutation } from "@/redux/api/userApi";
+import { useEffect, useRef } from "react";
+import * as Yup from "yup";
 
 const CreateUserRole = ({ data }: any) => {
   const toast = useRef<Toast>(null);