mario-core 2.9.157-level → 2.9.158-level

package/dist/containers/User/components/FilterPopover.d.ts

@@ -0,0 +1,20 @@
+import { FC } from "react";
+import { PopoverProps } from "reactstrap";
+import { FilterOption, SearchBy, UserFilter, UserOrder } from "../constants/types";
+interface Props extends PopoverProps {
+    filters?: UserFilter;
+    sortBy: UserOrder;
+    searchBy?: SearchBy;
+    searchString?: string;
+    users: any[];
+    defaultOptions?: FilterOption[];
+    selectedOptions?: string[];
+    onOptionsChange?: (value?: string[], searchBy?: SearchBy) => void;
+    onSearch?: (search: string, searchBy: SearchBy) => void;
+    onClose?: () => void;
+    onFilter?: () => void;
+    onChangeFilters?: (filter: UserFilter) => void;
+    getOption?: (user: any, t?: any) => FilterOption;
+}
+declare const FilterPopover: FC<Props>;
+export default FilterPopover;

package/dist/containers/User/components/HeaderCell.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+import { SearchBy, UserColumn, UserFilter } from "../constants/types";
+interface Props {
+    data: UserColumn;
+    popoverId?: string;
+    filters?: UserFilter;
+    searchString?: string;
+    users: any[];
+    selectedOptions?: string[];
+    onOptionsChange?: (value?: string[], searchBy?: SearchBy) => void;
+    onSearch?: (search: string, searchBy: SearchBy) => void;
+    onOpenFilter?: (id: string) => void;
+    onClose?: () => void;
+    onChangeFilters?: (filter: UserFilter) => void;
+}
+declare const HeaderCell: FC<Props>;
+export default HeaderCell;

package/dist/containers/User/components/TableHeader.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { UserColumn, UserFilter } from "../constants/types";
+interface Props {
+    headers: UserColumn[];
+    filters: UserFilter;
+    fullName?: string;
+    onChangeFilters?: (filter: UserFilter) => void;
+}
+declare const TableHeader: FC<Props>;
+export default TableHeader;

package/dist/containers/User/constants/constants.d.ts

@@ -0,0 +1,19 @@
+import { UserColumn, UserFilter, UserOrder } from "./types";
+export declare const userOrders: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+export declare const UserColumns: UserColumn[];
+export declare const DEFAULT_PAGE_SIZE: {
+    label: string;
+    value: number;
+};
+export declare const DEFAULT_FILTER: UserFilter;
+export declare const DEFAULT_FILTER_POPOVER: UserFilter;
+export declare const CSV_PREFIX = "data:text/csv;charset=utf-8,";

package/dist/containers/User/constants/types.d.ts

@@ -1,5 +1,23 @@
+export declare type User = {
+    id: string;
+    firstName: string;
+    lastName: string;
+    firstInitial: string;
+    email: string;
+    phoneNumber: string;
+    roles: string[];
+    dateOfBirth: string;
+    createTime: string;
+    isActive: boolean;
+    profileImageFileName: string;
+    fullName: string;
+    sourcedId: string;
+    rosterUser: RosterStudent;
+};
 export declare type RosterStudent = {
     sourcedId: string;
+    username: string;
+    status: string;
     givenName: string;
     middleName: string;
     familyName: string;
@@ -11,3 +29,43 @@ export declare type Option = {
     label: string;
     value: string;
 };
+export declare type UserFilter = {
+    currentPage?: number;
+    pageSize?: number;
+    searchString?: string;
+    isDescending?: boolean;
+    sortBy?: UserOrder;
+    searchBy?: SearchBy;
+    searchStringBy?: string;
+    searchByStrings?: string[];
+};
+export declare type UserColumn = {
+    name: string;
+    sortBy?: UserOrder;
+    className?: string;
+    searchBy?: SearchBy;
+    getOption?: (user: any, t?: any) => FilterOption;
+    options?: FilterOption[];
+};
+export declare type FilterOption = {
+    label: string;
+    value: string;
+};
+export declare enum UserOrder {
+    Id = 0,
+    Name = 1,
+    Email = 2,
+    Age = 3,
+    Role = 4,
+    Status = 5,
+    CreatedAt = 6,
+    RosterUser = 7
+}
+export declare enum SearchBy {
+    Id = 0,
+    Name = 1,
+    Email = 2,
+    Role = 3,
+    RosterUser = 4,
+    Status = 5
+}

package/dist/containers/User/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (wrapperRef: any, onClickOutside?: (() => void) | undefined) => void;
+export default useClickOutside;

package/dist/containers/User/hooks/useExportUsersCsv.d.ts

@@ -0,0 +1,5 @@
+import { UserFilter } from "../constants/types";
+declare const useExportUsersCsv: () => {
+    exportUsers: (filters: UserFilter) => Promise<void>;
+};
+export default useExportUsersCsv;

package/dist/containers/User/hooks/useFilterPopover.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { FilterOption, SearchBy, UserFilter, UserOrder } from "../constants/types";
+interface Props {
+    filters?: UserFilter;
+    sortBy: UserOrder;
+    searchBy?: SearchBy;
+    users: any[];
+    defaultOptions?: FilterOption[];
+    selectedOptions?: string[];
+    onOptionsChange?: (value?: string[], searchBy?: SearchBy) => void;
+    onSearch?: (search: string, searchBy: SearchBy) => void;
+    onClose?: () => void;
+    onFilter?: () => void;
+    onChangeFilters?: (filter: UserFilter) => void;
+    getOption?: (user: any, t?: any) => FilterOption;
+}
+declare const useFilterPopover: (props: Props) => {
+    ref: import("react").RefObject<HTMLDivElement>;
+    options: any;
+    sOptions: string[] | undefined;
+    isAscending: boolean;
+    isDescending: boolean;
+    filteredOptions: FilterOption[];
+    handleSearch: (e: any) => void;
+    handleApplyFilter: () => void;
+    handleOptionSelected: (e?: any) => void;
+    handleOptionSelectedAll: (e?: any) => void;
+    handleSortDesc: () => void;
+    handleSortAsc: () => void;
+};
+export default useFilterPopover;

package/dist/containers/User/hooks/useTableHeader.d.ts

@@ -0,0 +1,15 @@
+import { SearchBy, UserFilter } from "../constants/types";
+interface Props {
+    filters: UserFilter;
+    onChangeFilters?: (filter: UserFilter) => void;
+}
+declare const useTableHeader: (props: Props) => {
+    popoverFilters: UserFilter;
+    popoverId: string | undefined;
+    users: any[];
+    handleFilterIcon: (id: string) => void;
+    handleCloseFilter: () => void;
+    handleSearch: (search: string, searchBy: SearchBy) => void;
+    handleChangeFilters: (value?: string[] | undefined, searchBy?: SearchBy | undefined) => void;
+};
+export default useTableHeader;

package/dist/containers/User/hooks/useUserList.d.ts

@@ -1,9 +1,10 @@
 declare const useUserList: () => {
     userList: any;
     totalItems: any;
-    filters: import("../../..").Filter;
+    filters: import("../constants/types").UserFilter;
     queryName: string | null;
-    getData: (fullName?: string | undefined) => Promise<void>;
+    fullName: string;
+    getData: () => Promise<void>;
     removeData: (id: string) => void;
     changeFilters: (updatedFilters: any) => void;
     reDirectDetailPage: (id?: number | undefined) => void;

package/dist/containers/User/hooks/userFilters.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { UserFilter } from "../constants/types";
+declare const useFilters: () => {
+    filters: UserFilter;
+    setFilters: import("react").Dispatch<import("react").SetStateAction<UserFilter>>;
+    changeFilters: (updatedFilters: any) => void;
+};
+export default useFilters;

package/dist/index.css

@@ -535,6 +535,44 @@
   background-color: #f1faff;
   color: #009ef7; }
 
+._1ocBa {
+  cursor: pointer;
+  font-weight: 500; }
+  ._18NhM, ._1ocBa:hover {
+    color: #316cd9; }
+  ._1ocBa svg {
+    width: 16px;
+    height: 16px; }
+
+._2bquW {
+  top: 50%;
+  transform: translateY(-50%);
+  left: 12px;
+  font-size: 14px; }
+
+._3A4G4 {
+  padding-left: 28px !important; }
+
+._1MsEW {
+  max-height: 200px;
+  overflow-y: auto;
+  border-radius: 8px; }
+  ._1MsEW input {
+    margin-bottom: 5px; }
+
+._2rTzM {
+  border-radius: 4px;
+  background: #ffff; }
+
+._18y0w {
+  padding: 6px 12px 6px 0px;
+  border-radius: 0 4px 4px 0;
+  color: #fff; }
+
+._3cZAT {
+  padding: 5px 8px 7px 6px;
+  border-radius: 4px 0 0 4px; }
+
 @media (max-width: 575px) {
   ._1INnO {
     display: none; }