@solidstarters/solid-core-ui 0.1.26 → 1.0.1

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

@@ -1,28 +1,29 @@
 "use client"
-import { CancelButton } from "@/components/common/CancelButton";
-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 { RootState } from "@/redux/store";
 import { useFormik } from "formik";
-import { usePathname, useRouter } from "next/navigation";
-import { Button } from "primereact/button";
-import { Checkbox } from "primereact/checkbox";
-import { Divider } from "primereact/divider";
+import React, { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
 import { InputText } from "primereact/inputtext";
-import { InputTextarea } from "primereact/inputtextarea";
+import { Button } from "primereact/button";
+import { classNames } from "primereact/utils";
 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 { Divider } from "primereact/divider";
+import { usePathname, useRouter } from "next/navigation";
+import { CancelButton } from "@/components/common/CancelButton";
 import { useSelector } from "react-redux";
-import * as Yup from "yup";
+import { useCreatemoduleMutation, useDeletemoduleMutation, useUpdatemoduleMutation } from "@/redux/api/moduleApi";
+import { InputTextarea } from "primereact/inputtextarea";
+import { useGetFieldDefaultMetaDataQuery } from "@/redux/api/fieldApi";
+import { SingleSelectAutoCompleteField } from "@/components/common/SingleSelectAutoCompleteField";
+import { getSingularAndPlural } from "@/helpers/helpers";
+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 { useDropzone } from "react-dropzone";
+import { useDeleteMediaMutation } from "@/redux/api/mediaApi";
+import { handleError } from "@/helpers/ToastContainer";
 
 const footer = (
   <>

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

@@ -1,21 +1,30 @@
 "use client";
-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 React, { useState, useEffect, useRef } 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 {
+  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 qs from "qs";
-import { useEffect, useRef, useState } from "react";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+import { handleError, handleSuccess } from "@/helpers/ToastContainer";
 
 export interface ModelMetaData {
   id: string;

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

@@ -1,3 +1,4 @@
+'use client';
 import { useEffect, useRef, useState } from "react";
 import { InputText } from "primereact/inputtext";
 import { useFormik } from "formik";

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

@@ -1,17 +1,23 @@
-import { AutoCompleteField } from "@/components/common/AutoCompleteField";
-import { CancelButton } from "@/components/common/CancelButton";
-import { useLazyGetrolesQuery } from "@/redux/api/roleApi";
-import { useCreateuserroleMutation } from "@/redux/api/userApi";
+'use client';
 import { useFormik } from "formik";
-import { usePathname, useRouter } from "next/navigation";
-import { Button } from "primereact/button";
+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 { Button } from "primereact/button";
+import { classNames } from "primereact/utils";
 import { Message } from "primereact/message";
+import { AutoComplete } from "primereact/autocomplete";
 import { Toast } from "primereact/toast";
-import { classNames } from "primereact/utils";
+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 qs from "qs";
-import { useEffect, useRef } from "react";
-import * as Yup from "yup";
+import { useGetrolesQuery, useLazyGetrolesQuery } from "@/redux/api/roleApi";
+import { useCreateuserroleMutation } from "@/redux/api/userApi";
 
 const CreateUserRole = ({ data }: any) => {
   const toast = useRef<Toast>(null);

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

@@ -1,21 +1,22 @@
 "use client";
-import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from '@/redux/api/userApi';
-import Link from "next/link";
-import { FilterMatchMode } from "primereact/api";
-import { Button } from "primereact/button";
-import { Column } from "primereact/column";
+import React, { useState, useEffect, useRef } from "react";
 import {
     DataTable,
     DataTableFilterMeta,
     DataTableStateEvent,
 } from "primereact/datatable";
-import { useEffect, useRef, useState } from "react";
+import { Column } from "primereact/column";
+import Link from "next/link";
+import { Button } from "primereact/button";
+import { FilterMatchMode, FilterOperator } from "primereact/api";
+import { useDeleteMultipleCategorysMutation, useLazyGetcategorysQuery } from "@/redux/api/categoryApi";
+import { useDeleteMultipleUsersMutation, useGetusersQuery, useLazyGetusersQuery } from '@/redux/api/userApi';
 
-import { CreateButton } from "@/components/common/CreateButton";
-import { FetchBaseQueryError } from "@reduxjs/toolkit/query";
+import qs from "qs";
 import { Dialog } from "primereact/dialog";
 import { Toast } from "primereact/toast";
-import qs from "qs";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/query";
+import { CreateButton } from "@/components/common/CreateButton";
 
 interface Users {
     id: string;

package/src/components/layout/ButtonLoader.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 
 const ButtonLoader = () => {

package/src/components/layout/DashboardHeader.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "primereact/button";
 import { Menu } from "primereact/menu";
 import { useRef } from "react";

package/src/components/layout/FilterMenu.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
 import { OverlayPanel } from "primereact/overlaypanel";

package/src/components/layout/Footer.tsx

@@ -1,3 +1,4 @@
+"use client";
 
 const Footer = () => {
   return (

package/src/components/layout/GlobalSearch.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { usePathname } from 'next/navigation'
 import { IconField } from 'primereact/iconfield'
 import { InputIcon } from 'primereact/inputicon'

package/src/components/layout/ListingHeader.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React, { useRef, useState } from "react";
 import { Menu } from "primereact/menu";
 import { useDispatch, useSelector } from "react-redux";

package/src/components/layout/Loader.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 
 const Loader = () => {

package/src/components/layout/navbar-one.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { ToastContainer } from "@/helpers/ToastContainer";
 import { useGetSolidMenuBasedOnRoleQuery } from "@/redux/api/solidMenuApi";
 import { showNavbar, toggleNavbar } from "@/redux/features/navbarSlice";

package/src/components/layout/navbar-two-menu.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { useState } from "react";
 import { PanelMenu } from "primereact/panelmenu";
 import Link from "next/link";

package/src/components/layout/navbar-two.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { useState } from "react";
 import { usePathname, useRouter } from "next/navigation";
 

package/src/components/layout/user-profile-menu.tsx

@@ -1,3 +1,4 @@
+"use client";
 // import { useAppSelector } from "@/redux/hooks";
 import { signOut } from "next-auth/react";
 import { OverlayPanel } from "primereact/overlaypanel";

package/src/components/layout/user-profile.tsx

@@ -1,3 +1,4 @@
+"use client";
 const UserProfile = () => {
   // const subMenu = ["Add Module sub menu", "Edit sub menu"];
   return <div className="UserProfile">vsfvs</div>;

package/src/components/modelsComponents/filterIcon.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from 'react'
 
 export const FilterIcon = () => {

package/src/components/tables/DemoData.tsx

@@ -1,3 +1,4 @@
+"use client";
 export const DemoService = {
     getDemosData() {
         return [

package/src/helpers/ToastContainer.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { FetchBaseQueryError } from '@reduxjs/toolkit/dist/query';
 import { Toast } from 'primereact/toast';
 import React, { useRef } from 'react';

package/src/helpers/authHeader.ts

@@ -1,3 +1,4 @@
+"use client";
 import { cookies } from "next/headers";
 
 export const getAuthCookieName = () =>

package/src/helpers/countries.tsx

@@ -1,3 +1,4 @@
+"use client";
 const countries = [
     { name: "+93 Afghanistan", code: "AF", numberCode: "+93" },
     { name: "Albania", code: "AL", numberCode: "+355" },

package/src/helpers/helpers.ts

@@ -1,3 +1,4 @@
+"use client";
 import { camelCase, kebabCase, snakeCase } from "lodash";
 import moment from "moment";
 import pluralize from "pluralize";

package/src/helpers/permissions.ts

@@ -1,3 +1,4 @@
+"use client";
 import { pascalCase } from "change-case";
 
 

package/src/helpers/revalidate.ts

@@ -1,3 +1,4 @@
+"use client";
 export const revalidateTag = async (tag: string) => {
   await fetch(
     `${process.env.API_URL}/api/revalidate?tag=${tag}&secret=${process.env.REVALIDATE_TOKEN}`,

package/src/index.ts

@@ -250,19 +250,11 @@ export {SolidRelationOneToManyField} from '@/components/core/form/fields/relatio
 // export * from '@/components/core/kanban/KanbanBoard';
 // export * from '@/components/core/kanban/KanbanCard';
 // export * from '@/components/core/kanban/KanbanColumn';
-export {SolidKanbanFilter} from '@/components/core/kanban/SolidKanbanFilter';
 export {SolidKanbanView} from '@/components/core/kanban/SolidKanbanView';
-export type {SolidKanbanViewColumnParams} from '@/components/core/kanban/SolidKanbanViewSearchColumn';
-export {getSolidKanbanViewNumberOfInputs, SolidKanbanViewSearchColumn} from '@/components/core/kanban/SolidKanbanViewSearchColumn';
-export {SolidKanbanManyToOneFilterElement} from '@/components/core/kanban/SolidManyToOneFilterElement';
-export {SolidKanbanSelectionDynamicFilterElement} from '@/components/core/kanban/SolidSelectionDynamicFilterElement';
-export {SolidKanbanSelectionStaticFilterElement} from '@/components/core/kanban/SolidSelectionStaticFilterElement';
-export {SolidKanbanVarInputsFilterElement, KanbanInputTypes} from '@/components/core/kanban/SolidVarInputsFilterElement';
 
 // export * from '@/components/core/kanban/columns/SolidBigintColumn';
 // export * from '@/components/core/kanban/columns/SolidBooleanColumn';
 // export * from '@/components/core/kanban/columns/SolidComputedColumn';
-export {kanbanDateFilterMatchModeOptions} from '@/components/core/kanban/columns/SolidDateColumn';
 // export * from '@/components/core/kanban/columns/SolidDatetimeColumn';
 // export * from '@/components/core/kanban/columns/SolidDecimalColumn';
 // export * from '@/components/core/kanban/columns/SolidExternalIdColumn';
@@ -486,48 +478,6 @@ export { default as KanbanBoard } from '@/components/core/kanban/KanbanBoard';
 export { default as KanbanCard } from '@/components/core/kanban/KanbanCard';
 //KanbanColumn.tsx
 export { default as KanbanColumn } from '@/components/core/kanban/KanbanColumn';
-//SolidBigintColumn.tsx
-export { default as SolidBigintKanbanColumn } from '@/components/core/kanban/columns/SolidBigintColumn';
-//SolidBooleanColumn.tsx
-export { default as SolidBooleanKanbanColumn } from '@/components/core/kanban/columns/SolidBooleanColumn';
-//SolidComputedColumn.tsx
-export { default as SolidComputedKanbanColumn } from '@/components/core/kanban/columns/SolidComputedColumn';
-//SoliDateColumn.tsx
-export { default as SolidDateKanbanColumn } from '@/components/core/kanban/columns/SolidDateColumn';
-//SolidDatetimeColumn.tsx
-export { default as SolidDatetimeKanbanColumn } from '@/components/core/kanban/columns/SolidDatetimeColumn';
-//SolidDecimalColumn.tsx
-export { default as SolidDecimalKanbanColumn } from '@/components/core/kanban/columns/SolidDecimalColumn';
-//SolidExternalIdColumn.tsx
-export { default as SolidExternalIdKanbanColumn } from '@/components/core/kanban/columns/SolidExternalIdColumn';
-//SolidFloatColumn.tsx
-export { default as SolidFloatKanbanColumn } from '@/components/core/kanban/columns/SolidFloatColumn';
-//SolidIdColumn.tsx
-export { default as SolidIdKanbanColumn } from '@/components/core/kanban/columns/SolidIdColumn';
-//SolidIntColumn.tsx
-export { default as SolidIntKanbanColumn } from '@/components/core/kanban/columns/SolidIntColumn';
-//SolidLongTextColumn.tsx
-export { default as SolidLongTextKanbanColumn } from '@/components/core/kanban/columns/SolidLongTextColumn';
-//SolidMediaMultipleColumn.tsx
-export { default as SolidMediaMultipleKanbanColumn } from '@/components/core/kanban/columns/SolidMediaMultipleColumn';
-//SolidMediaSingleColumn.tsx
-export { default as SolidMediaSingleKanbanColumn } from '@/components/core/kanban/columns/SolidMediaSingleColumn';
-//SolidRelationColumn.tsx
-export { default as SolidRelationKanbanColumn } from '@/components/core/kanban/columns/SolidRelationColumn';
-//SolidRichTextColumn.tsx
-export { default as SolidRichTextKanbanColumn } from '@/components/core/kanban/columns/SolidRichTextColumn';
-//SolidSelectionDynamicColumn.tsx
-export { default as SolidSelectionDynamicKanbanColumn } from '@/components/core/kanban/columns/SolidSelectionDynamicColumn';
-//SolidSelectionStaticColumn.tsx
-export { default as SolidSelectionStaticKanbanColumn } from '@/components/core/kanban/columns/SolidSelectionStaticColumn';
-//SolidShortTextColumn.tsx
-export { default as SolidShortTextKanbanColumn } from '@/components/core/kanban/columns/SolidShortTextColumn';
-//SolidTimeColumn.tsx
-export {default as SolidTimeKanbanColumn} from '@/components/core/kanban/columns/SolidTimeColumn';
-//SolidUuidColumn.tsx
-export {default as SolidUuidKanbanColumn} from '@/components/core/kanban/columns/SolidUuidColumn';
-//SolidRelationManyToOneColumn.tsx
-export {default as SolidRelationManyToOneKanbanColumn} from '@/components/core/kanban/columns/relations/SolidRelationManyToOneColumn';
 //SolidListingHeader.tsx
 export {default as SolidListingHeader} from '@/components/core/list/SolidListingHeader';
 //SolidBigintColumn.tsx

package/rollup.config.mjs

@@ -1,45 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import typescript from 'rollup-plugin-typescript2';
-import pkg from './package.json' assert { type: 'json' };;
-import postcss from 'rollup-plugin-postcss';
-import { terser } from 'rollup-plugin-terser';
-import json from '@rollup/plugin-json';
-
-export default {
-  input: 'src/index.ts', // The entry point of your package
-  output: [
-    {
-      dir: 'dist', // Specify the output directory
-      format: 'cjs',
-      sourcemap: true,
-      exports: 'named', // Ensure named exports are supported
-      inlineDynamicImports: true, // Ensures dynamic imports are inlined
-    },
-    {
-      dir: 'dist', // Specify the output directory
-      format: 'esm',
-      sourcemap: true,
-      exports: 'named', // Ensure named exports are supported
-      inlineDynamicImports: true, // Ensures dynamic imports are inlined
-    },
-  ],
-  plugins: [
-    peerDepsExternal(), // Exclude peer dependencies from the bundle
-    resolve(), // Resolve third-party modules
-    commonjs(), // Convert CommonJS modules to ESModules
-    typescript({ 
-      tsconfig: './tsconfig.json',
-      // useTsconfigDeclarationDir: true, // This is key to respect the declaration dir
-      clean: true,                         // Clean cache
-     }), // Use TypeScript
-    postcss(),  // Handle CSS imports
-    json(),     // Support for JSON files
-    // terser(),   // Minify the output
-  ],
-  external: [
-    ...Object.keys(pkg.dependencies || {}),
-    ...Object.keys(pkg.peerDependencies || {}),
-  ], // Mark peerDependencies and dependencies as external
-};

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

@@ -1,104 +0,0 @@
-import { useEffect, useState } from "react";
-import { Button } from "primereact/button";
-import { Dropdown } from "primereact/dropdown";
-import { SolidKanbanViewSearchColumn } from "./SolidKanbanViewSearchColumn";
-
-
-export const SolidKanbanFilter = ({ solidKanbanViewMetaData, handleApplyFilter, filterValues, setFilterValues }: any) => {
-
-    const [fieldsList, setFieldsList] = useState<any[]>([]);
-
-
-    useEffect(() => {
-        if (solidKanbanViewMetaData) {
-            const arrayOfFields = Object.entries(solidKanbanViewMetaData.data.solidFieldsMetadata).map(([key, value]) => {
-                return { label: key, value: key }
-            })
-            setFieldsList(arrayOfFields);
-        }
-    }, [solidKanbanViewMetaData])
-
-    const addEnumValue = () => {
-        setFilterValues([...filterValues, { field: '', operator: '', value: '' }]);
-    };
-
-    const updateEnumValues = (index: number, field: keyof { field: string; operator: string; value: string }, value: string) => {
-        const updatedSpecification = filterValues.map((filterValue: any, i: number) =>
-            i === index ? { ...filterValue, [field]: value } : filterValue
-        );
-        setFilterValues(updatedSpecification);
-    };
-
-
-    const deleteEnumValue = (index: number) => {
-        if (filterValues.length > 1) {
-            const updatedRows = filterValues.filter((_: any, rowIndex: number) => rowIndex !== index);
-            setFilterValues(updatedRows)
-        } else {
-        }
-    };
-
-
-    return (
-        <div className="grid formgrid">
-            <div className="col-12">
-                <div className="flex flex-column gap-2">
-                    {filterValues && filterValues.map((filterValue: any, index: number) => (
-                        <div key={index} className="flex align-items-center gap-2">
-                            {/* <InputText
-                                value={filterValue.field}
-                                onChange={(e) => updateEnumValues(index, 'field', e.target.value)}
-                                placeholder="Enter Display"
-                                className="p-inputtext-sm small-input w-full"
-                            // onBlur={(e: any) => handleBlurAndUpdateState(e, formik.setFieldValue, formik.values, formik)}
-                            /> */}
-                            <Dropdown
-                                value={filterValue.field}
-                                onChange={e => {
-                                    console.log("e.value", e.value);
-
-                                    // setFieldName({ name: e.value.name, type: e.value.type })
-                                    // onChange(rule.id, 'fieldName', e.value.name)
-                                    updateEnumValues(index, 'field', e.value)
-                                }}
-                                options={fieldsList}
-                                optionLabel='label'
-                                optionValue='value'
-                                placeholder="Select Field" className="w-full md:w-14rem" />
-                            {/* <InputText
-                                value={filterValue.value}
-                                onChange={(e) => updateEnumValues(index, 'value', e.target.value)}
-                                placeholder="Enter Value"
-                                className="p-inputtext-sm small-input w-full"
-                            // onBlur={(e: any) => handleBlurAndUpdateState(e, formik.setFieldValue, formik.values, formik)}
-                            /> */}
-                            <SolidKanbanViewSearchColumn solidKanbanViewMetaData={solidKanbanViewMetaData} fieldMetadata={solidKanbanViewMetaData.data.solidFieldsMetadata[filterValue.field]} updateEnumValues={updateEnumValues} index={index} enumValue={filterValue}></SolidKanbanViewSearchColumn>
-                            <Button
-                                icon="pi pi-plus"
-                                size="small"
-                                className="small-button"
-                                onClick={addEnumValue}
-                                type="button"
-                            />
-                            {/* Trash Button to delete the row */}
-                            <Button
-                                icon="pi pi-trash"
-                                size="small"
-                                className="small-button"
-                                onClick={() => deleteEnumValue(index)}
-                                outlined
-                                severity="danger"
-                                type="button"
-                            />
-                        </div>
-                    ))}
-
-                    <Button onClick={() => handleApplyFilter(filterValues)}>Apply</Button>
-
-                </div>
-
-            </div>
-        </div>
-    )
-
-}