rez-table-listing-mui 1.2.12 → 1.2.14

package/src/kanban/types/types.ts

@@ -0,0 +1,132 @@
+export interface LeadCardProps {
+  key: string | number;
+  lead: LeadData;
+}
+
+export interface LeadData {
+  id: string | number;
+  entity_type: string;
+  name: string | null;
+  status: string;
+  parent_type: string | null;
+  parent_id: string | null;
+  primary_email: string | null;
+  primary_mobile: string | null;
+  code: string;
+  created_by: string;
+  created_date: string;
+  modified_by: string | null;
+  modified_date: string | null;
+  enterprise_id: number;
+  organization_id: number;
+  appcode: string | null;
+  level_id: string;
+  level_type: string;
+  campus: string | null;
+  first_name: string | null;
+  last_name: string | null;
+  relationship_student: string | null;
+  phone_number: string | null;
+  email: string | null;
+  pin_code: string | null;
+  first_name_std: string | null;
+  last_name_std: string | null;
+  gender: string | null;
+  academic_year: string | null;
+  curr_grade: string | null;
+  source: string | null;
+  stage: string | null;
+  lead_owner: string | null;
+  lead_owner_name: string | null;
+  profile: {
+    signedUrl: string;
+    fileName: string;
+    id: string | number;
+  };
+  lead_source: string | null;
+  school_code: string | null;
+  source_details: string | null;
+  lead_status: string;
+  assigned_counselor: string | null;
+  lead_priority: string | null;
+  lead_score: string | null;
+  conversion_probability: string | null;
+  expected_admission_year: string | null;
+  budget_range: string | null;
+  enrollment_timeline: string | null;
+  lead_temperature: string | null;
+  utm_source: string | null;
+  student_first_name: string;
+  student_middle_name: string;
+  student_last_name: string;
+  student_gender: string;
+  student_age: string | null;
+  current_grade: string;
+  admission_grade: string;
+  current_school: string | null;
+  number_input: string | null;
+  current_board: string | null;
+  special_needs: string | null;
+  special_needs_details: string | null;
+  previous_school_reason: string | null;
+  academic_performance: string | null;
+  interested_academic_year: string | null;
+  father_salutation: string | null;
+  father_first_name: string | null;
+  father_last_name: string | null;
+  father_mobile: string | null;
+  father_email: string | null;
+  father_qualification: string | null;
+  father_occupation: string | null;
+  father_designation: string | null;
+  father_company: string | null;
+  father_annual_income: string | null;
+  father_office_address: string | null;
+  mother_salutation: string | null;
+  mother_first_name: string | null;
+  mother_last_name: string | null;
+  mother_email: string | null;
+  mother_mobile: string | null;
+  mother_qualification: string | null;
+  mother_designation: string | null;
+  mother_company: string | null;
+  mother_annual_income: string | null;
+  mother_office_address: string | null;
+  mother_occupation: string | null;
+  how_did_you_hear: string | null;
+  specific_requirements: string | null;
+  parent_questions: string | null;
+  special_requirements: string | null;
+  comments: string | null;
+  lead_reasons: string | null;
+  referral_source: string | null;
+  campaign_code: string | null;
+  DOB: string | null;
+  date: string | null;
+  enquiry_date: string;
+  student_dob: string | null;
+  date_input: string | null;
+  sub_lane_id: number;
+}
+
+export interface Lane {
+  id: string;
+  name: string;
+  color: string | null;
+  darkColor: string | null;
+}
+
+export interface SwimLane {
+  id: string;
+  name: string;
+  sub_lanes: SubLane[];
+  count: number | string;
+}
+
+export interface SubLane {
+  id: number;
+  name: string;
+  color: string;
+  lane_id: number | string;
+  expanded: boolean;
+}

package/src/{components → listing/components}/column-visibility-modal/column-list-item.tsx

@@ -4,7 +4,7 @@ import {
   DragandDrogIcon,
   VisibilityIcon,
   VisibilityOffIcon,
-} from "../../assets/svg";
+} from "../../../assets/svg";
 import { CSS } from "@dnd-kit/utilities";
 import { camelCaseToTitle } from "../../types/common";
 

package/src/{components → listing/components}/column-visibility-modal/index.tsx

@@ -18,7 +18,7 @@ import { Popover, IconButton, Typography, Box } from "@mui/material";
 import { Table } from "@tanstack/react-table";
 import DraggableColumn from "./column-list-item";
 import "./index.scss";
-import { CloseIcon } from "../../assets/svg";
+import { CloseIcon } from "../../../assets/svg";
 
 interface ColumnToggleProps<T> {
   anchorEl: HTMLElement | null;

package/src/{components → listing/components}/common/index.scss

@@ -6,6 +6,7 @@
   h3 {
     color: var(--grey-900);
     font-size: 2rem;
-    font-family: var(--fira-700);
+    font-family: "Satoshi", sans-serif;
+    font-weight: 700;
   }
 }

package/src/{components → listing/components}/filter/components/forms/components/Filter-criteria.tsx

@@ -8,7 +8,7 @@ import {
   ListItemText,
 } from "@mui/material";
 import { useRef } from "react";
-import { AddIcon } from "../../../../../assets/svg";
+import { AddIcon } from "../../../../../../assets/svg";
 import {
   FilterColumnsDataProps,
   FilterColumnsListProps,

package/src/{components → listing/components}/filter/components/forms/index.tsx

@@ -6,7 +6,7 @@ import {
   TextField,
   Typography,
 } from "@mui/material";
-import { CloseIcon, DeleteIcon } from "../../../../assets/svg";
+import { CloseIcon, DeleteIcon } from "../../../../../assets/svg";
 import {
   FilterColumnsDataProps,
   FilterDropdownDataProps,

package/src/{components → listing/components}/filter/components/saved-filter.tsx

@@ -13,10 +13,10 @@ import {
   Typography,
 } from "@mui/material";
 import CustomSearch from "./search";
-import { DeleteIcon, EditIcon } from "../../../assets/svg";
+import { DeleteIcon, EditIcon } from "../../../../assets/svg";
 import SavedFilterEditComponent from "./saved-edit-filter";
 import { filterStyles } from "../style";
-import { CheckBox } from "../../../assets/svg";
+import { CheckBox } from "../../../../assets/svg";
 
 const SavedFilter = ({
   columnsData,

package/src/{components → listing/components}/filter/components/search/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { TextField, InputAdornment, IconButton } from "@mui/material";
 import SearchIcon from "@mui/icons-material/Search";
-import { CloseIcon } from "../../../../assets/svg";
+import { CloseIcon } from "../../../../../assets/svg";
 
 interface SearchInputProps {
   value: string;

package/src/{components → listing/components}/filter/components/tabs/index.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Tabs, Tab, TabsProps, Box } from "@mui/material";
-import { CheckBox, CrossBox } from "../../../../assets/svg";
+import { CheckBox, CrossBox } from "../../../../../assets/svg";
 
 export interface TabItem {
   label: string;

package/src/{components → listing/components}/index-table.tsx

@@ -15,7 +15,7 @@ import {
   TopbarOptionsProps,
 } from "../types/table";
 import { CraftTableFeatureProps } from "../types/table-options";
-import { LoaderAnimation } from "../assets/svg";
+import { LoaderAnimation } from "../../assets/svg";
 import Topbar from "./topbar";
 import DefaultPagination from "./pagination/default";
 import TableDND from "./table-dnd";

package/src/{components → listing/components}/index.scss

@@ -10,8 +10,7 @@
   --grey-900: #414042;
   --filter-width: 24rem;
 
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: "Satoshi", sans-serif;
 
   // set default styles for all elements
   & * {

package/src/{components → listing/components}/pagination/default/index.tsx

@@ -4,7 +4,7 @@ import {
   TableLastPageIcon,
   // TableNextPageIcon,
   // TablePreviousPageIcon,
-} from "../../../assets/svg";
+} from "../../../../assets/svg";
 import TablePreviousPageIcon from "@mui/icons-material/NavigateBeforeRounded";
 import TableNextPageIcon from "@mui/icons-material/NavigateNextRounded";
 import "./index.scss";

package/src/{components → listing/components}/search/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from "react";
-import { SearchIcon } from "../../assets/svg";
+import { SearchIcon } from "../../../assets/svg";
 import useOutsideClick from "../../libs/hooks/useOutsideClick";
 import { customDebounce } from "../../libs/utils/debounce";
 import { Box, IconButton, InputAdornment, TextField } from "@mui/material";

package/src/{components → listing/components}/sorting-modal.tsx/index.tsx

@@ -23,7 +23,7 @@ import {
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
 import SortableItem from "./sorting-item";
-import { AddIcon, CloseIcon } from "../../assets/svg";
+import { AddIcon, CloseIcon } from "../../../assets/svg";
 
 interface SortItem {
   id: string;

package/src/{components → listing/components}/sorting-modal.tsx/sorting-item.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { DragHandleIcon } from "../../assets/svg";
+import { DragHandleIcon } from "../../../assets/svg";
 
 const SortableItem = ({
   id,

package/src/{components → listing/components}/table-change-layout.tsx

@@ -7,7 +7,7 @@ import {
   ListIcon,
   TableIcon,
   TimeLineIcon,
-} from "../assets/svg";
+} from "../../assets/svg";
 import { Box, Typography, ButtonBase, Grid, IconButton } from "@mui/material";
 
 interface LayoutSelectorProps {

package/src/{components → listing/components}/table-head-dnd-cell.tsx

@@ -2,7 +2,7 @@ import { flexRender } from "@tanstack/react-table";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSSProperties, useState } from "react";
 import { CSS } from "@dnd-kit/utilities";
-import { DownArrow, DragHandleIcon, UpArrow } from "../assets/svg";
+import { DownArrow, DragHandleIcon, UpArrow } from "../../assets/svg";
 import {
   getColumnAlignment,
   getColumnPinningStyles,

package/src/{components → listing/components}/table-head-pin.tsx

@@ -1,4 +1,4 @@
-import { IconPinOffOutline } from "../assets/svg";
+import { IconPinOffOutline } from "../../assets/svg";
 import { TableHeaderProps } from "../types/table";
 
 function TableHeadPin<T>({ header }: TableHeaderProps<T>) {

package/src/{components → listing/components}/table-head-popover.tsx

@@ -13,7 +13,7 @@ import {
   HideIcon,
   IconPinOffOutline,
   IconPinOutline,
-} from "../assets/svg";
+} from "../../assets/svg";
 import { CraftTableOptionsProps } from "../types/table-options";
 
 type Props<T> = {

package/src/{components → listing/components}/table-head.tsx

@@ -3,7 +3,7 @@ import {
   CraftTableFeatureProps,
   CraftTableOptionsProps,
 } from "../types/table-options";
-import { DownArrow, UpArrow } from "../assets/svg";
+import { DownArrow, UpArrow } from "../../assets/svg";
 import { CSSProperties, useState } from "react";
 import {
   getColumnAlignment,

package/src/{components → listing/components}/table-settings/common/listing-values.tsx

@@ -15,7 +15,7 @@ import { useDroppable } from "@dnd-kit/core";
 import DraggableListItem from "./draggable-listitem.tsx";
 import { listingValuesStyles } from "../style.ts";
 import Loader from "../../common/loader/loader.tsx";
-import { ClosedEyeIcon, EyeIcon } from "../../../assets/svg.tsx";
+import { ClosedEyeIcon, EyeIcon } from "../../../../assets/svg.tsx";
 import InfoAlert from "./info-alert.tsx";
 import React from "react";
 ``;

package/src/{components → listing/components}/table-settings/components/sorting.tsx

@@ -28,7 +28,7 @@ import {
   SortableContext,
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
-import { AddIcon, CloseIcon } from "../../../assets/svg";
+import { AddIcon, CloseIcon } from "../../../../assets/svg";
 
 const Sorting = ({
   filterSettingStates,

package/src/{components → listing/components}/tabs/index.scss

@@ -19,7 +19,8 @@
       cursor: pointer;
       color: var(--grey-900);
       font-size: 0.875rem;
-      font-family: var(--fira-700);
+      font-family: "Satoshi", sans-serif;
+      font-weight: 700;
 
       .tab__label {
         font-family: inherit;

package/src/{components → listing/components}/tabs/index.tsx

@@ -5,7 +5,7 @@ import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
 import { settingsOptionsProps } from "../../types/table";
 import { tableTabsStyles } from "./styles";
 import { useMemo } from "react";
-import { SettingIcon } from "../../assets/svg";
+import { SettingIcon } from "../../../assets/svg";
 
 interface TabDataProps {
   tab_value: string | null;

package/src/{components → listing/components}/topbar/index.tsx

@@ -4,16 +4,16 @@ import {
   SortingIcon,
   FilterationIcon,
   HideColumnIcon,
-} from "../../assets/svg";
+} from "../../../assets/svg.tsx";
 import { Popover } from "@mui/material";
-import LayoutSelector from "../table-change-layout";
-import useOutsideClick from "../../libs/hooks/useOutsideClick";
+import LayoutSelector from "../table-change-layout.tsx";
+import useOutsideClick from "../../libs/hooks/useOutsideClick.tsx";
 import { Table } from "@tanstack/react-table";
-import { TopbarOptionsProps } from "../../types/table";
+import { TopbarOptionsProps } from "../../types/table.ts";
 import "./index.scss";
-import ViewMore from "../viewmore";
-import { useFullscreenPopoverContainer } from "../../libs/hooks/useFullScreen";
-import SortPopover from "../sorting-modal.tsx";
+import ViewMore from "../viewmore/index.tsx";
+import { useFullscreenPopoverContainer } from "../../libs/hooks/useFullScreen.tsx";
+import SortPopover from "../sorting-modal.tsx/index.tsx";
 import ColumnToggle from "../column-visibility-modal/index.tsx";
 import { CraftTableOptionsProps } from "../../types/table-options.ts";
 import { TableSearch } from "../search/index.tsx";

package/src/{components → listing/components}/viewmore/index.tsx

@@ -8,7 +8,7 @@ import {
   IconButton,
   Switch as MUISwitch,
 } from "@mui/material";
-import { CloseIcon, ViewMoreIcon } from "../../assets/svg";
+import { CloseIcon, ViewMoreIcon } from "../../../assets/svg";
 import { useFullscreenPopoverContainer } from "../../libs/hooks/useFullScreen";
 import { CraftTableOptionsProps } from "../../types/table-options";
 

package/src/{libs → listing/libs}/utils/common.ts

@@ -77,8 +77,8 @@ export function customDebounce<T extends (...args: any[]) => any>(
 }
 
 //ENTITY TYPE
-const ENVIRONMENT = "uat";
-export const ENTITY_TYPE = "ROL";
+const ENVIRONMENT = "crm_dev";
+export const ENTITY_TYPE = "UPR";
 
 const environments = {
   adm_dev: "http://localhost:4010/api",

package/src/main.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import "./assets/global.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <QueryClientProvider

package/src/view/KanbanView.tsx

@@ -0,0 +1,16 @@
+import Kanban from "../kanban";
+import LeadCard from "../kanban/components/LeadCard";
+import { useGetKanbanData } from "../kanban/hooks/hooks";
+
+const KanbanView = () => {
+  const { rawData, isLoading } = useGetKanbanData("LEAD");
+  return (
+    <Kanban
+      rawData={rawData}
+      isLoading={isLoading}
+      KanbanCardComponent={LeadCard}
+    />
+  );
+};
+
+export default KanbanView;