identity-admin-ui 1.0.0

package/lib/cjs/types/components/animate/variants/scale.d.ts

@@ -0,0 +1,75 @@
+import { VariantsType } from '../types';
+export declare const varScale: (props?: VariantsType) => {
+    inX: {
+        initial: {
+            scaleX: number;
+            opacity: number;
+        };
+        animate: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inY: {
+        initial: {
+            scaleY: number;
+            opacity: number;
+        };
+        animate: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outX: {
+        initial: {
+            scaleX: number;
+            opacity: number;
+        };
+        animate: {
+            scaleX: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outY: {
+        initial: {
+            scaleY: number;
+            opacity: number;
+        };
+        animate: {
+            scaleY: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/cjs/types/components/animate/variants/slide.d.ts

@@ -0,0 +1,155 @@
+import { VariantsType } from '../types';
+export declare const varSlide: (props?: VariantsType) => {
+    inUp: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outUp: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outDown: {
+        initial: {
+            y: number;
+        };
+        animate: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            y: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outLeft: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outRight: {
+        initial: {
+            x: number;
+        };
+        animate: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            x: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/cjs/types/components/animate/variants/transition.d.ts

@@ -0,0 +1,13 @@
+import { TranHoverType, TranEnterType, TranExitType } from '../types';
+export declare const varTranHover: (props?: TranHoverType) => {
+    duration: number;
+    ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};
+export declare const varTranEnter: (props?: TranEnterType) => {
+    duration: number;
+    ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};
+export declare const varTranExit: (props?: TranExitType) => {
+    duration: number;
+    ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+};

package/lib/cjs/types/components/animate/variants/zoom.d.ts

@@ -0,0 +1,199 @@
+import { VariantsType } from '../types';
+export declare const varZoom: (props?: VariantsType) => {
+    in: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inUp: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inDown: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inLeft: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    inRight: {
+        initial: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+        exit: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    out: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outUp: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outDown: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateY: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outLeft: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+    outRight: {
+        initial: {
+            scale: number;
+            opacity: number;
+        };
+        animate: {
+            scale: number;
+            opacity: number;
+            translateX: number;
+            transition: {
+                duration: number;
+                ease: "linear" | number[] | "easeIn" | "easeOut" | "easeInOut" | "circIn" | "circOut" | "circInOut" | "backIn" | "backOut" | "backInOut" | "anticipate";
+            };
+        };
+    };
+};

package/lib/cjs/types/components/custom-popover/custom-popover.d.ts

@@ -0,0 +1,2 @@
+import { MenuPopoverProps } from './types';
+export default function CustomPopover({ open, children, arrow, hiddenArrow, sx, ...other }: MenuPopoverProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/types/components/custom-popover/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { default as usePopover } from './use-popover';
+export { default } from './custom-popover';

package/lib/cjs/types/components/custom-popover/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuPopoverArrowValue } from './types';
+export declare const StyledArrow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    arrow: MenuPopoverArrowValue;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/lib/cjs/types/components/custom-popover/types.d.ts

@@ -0,0 +1,7 @@
+import { PopoverProps } from '@mui/material/Popover';
+export type MenuPopoverArrowValue = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
+export interface MenuPopoverProps extends Omit<PopoverProps, 'open'> {
+    open: HTMLElement | null;
+    arrow?: MenuPopoverArrowValue;
+    hiddenArrow?: boolean;
+}

package/lib/cjs/types/components/custom-popover/use-popover.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type ReturnType = {
+    onClose: VoidFunction;
+    open: HTMLElement | null;
+    onOpen: (event: React.MouseEvent<HTMLElement>) => void;
+    setOpen: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+};
+export default function usePopover(): ReturnType;
+export {};

package/lib/cjs/types/components/custom-popover/utils.d.ts

@@ -0,0 +1,50 @@
+export declare function getPosition(arrow: string): {
+    style: {
+        ml: number;
+        mt?: undefined;
+    };
+    anchorOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+    transformOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+} | {
+    style: {
+        ml?: undefined;
+        mt?: undefined;
+    };
+    anchorOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+    transformOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+} | {
+    style: {
+        mt: number;
+        ml?: undefined;
+    };
+    anchorOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+    transformOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+} | {
+    anchorOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+    transformOrigin: {
+        vertical: string;
+        horizontal: string;
+    };
+    style?: undefined;
+};

package/lib/cjs/types/components/dataGrid/CustomNoRowsOverlay.d.ts

@@ -0,0 +1 @@
+export default function CustomNoRowsOverlay(): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/types/components/dataGrid/DataGridd.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ParamsState } from './GridTypes';
+import { IBulkActionsDialogState } from '../BulkActions/BulkActionDialogs';
+export interface GridProps {
+    resources: any;
+    resourceName: string;
+    paramsState: ParamsState;
+    bulkActionsDialogState: {
+        [key: string]: IBulkActionsDialogState;
+    } | undefined;
+    setBulkActionsDialogState: React.Dispatch<React.SetStateAction<{
+        [key: string]: IBulkActionsDialogState;
+    } | undefined>>;
+}
+export default function DataGridd({ resources, resourceName, paramsState, bulkActionsDialogState, setBulkActionsDialogState }: GridProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/types/components/dataGrid/FieldFormatter.d.ts

@@ -0,0 +1,3 @@
+import { GridRenderCellParams } from "@mui/x-data-grid";
+import { ListProps } from "./GridTypes";
+export declare function FieldFormatting(model: string, property: ListProps, cellParams: GridRenderCellParams, resources: any): string;

package/lib/cjs/types/components/dataGrid/GridDialog.d.ts

@@ -0,0 +1,2 @@
+import { GridDialogProps } from './GridTypes';
+export default function GridDialog(props: GridDialogProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/types/components/dataGrid/GridSelectionActions.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/material';
+type Props = {
+    action?: React.ReactNode;
+    numSelected: number;
+    rowCount: number;
+    selected?: string[];
+    onSelectAllItems?: (checked: boolean) => void;
+    sx?: SxProps<Theme>;
+};
+export default function GridSelectionAction({ action, selected, rowCount, numSelected, onSelectAllItems, sx, ...other }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/cjs/types/components/dataGrid/GridTypes.d.ts

@@ -0,0 +1,56 @@
+import { GridSortDirection } from "@mui/x-data-grid";
+import { Dispatch, SetStateAction } from "react";
+export interface ListProps {
+    value: string;
+    key: string;
+    path: string;
+}
+export declare enum FieldTypes {
+    STRING = "String",
+    NUMBER = "Number",
+    ENUM = "enum",
+    REFERENCE = "ref",
+    DATE = "Date",
+    PASSWORD = "password",
+    BOOLEAN = "Boolean",
+    OBJECTID = "ObjectID",
+    NESTEDSCHEMA = "nestedSchema",
+    ARRAY = "Array",
+    IMAGE = "image"
+}
+export interface Action {
+    onClick: (row: any, actionKey?: string) => void;
+    title: string;
+    icon: JSX.Element;
+    key: string;
+    color: string;
+}
+export interface PageInfo {
+    currentPage: number;
+    pagesCount?: number;
+    nextPage?: number;
+    perPage: number;
+    recordsCount?: number;
+}
+export interface ListParams {
+    page: number;
+    perPage: number;
+    order?: GridSortDirection;
+    orderBy?: string;
+    filter?: string;
+    scope?: string;
+    filters?: string;
+}
+export type ParamsState = [ListParams, Dispatch<SetStateAction<ListParams>>];
+export type PageState = Dispatch<SetStateAction<any[]>>;
+export type PageInfoState = [PageInfo, Dispatch<SetStateAction<PageInfo>>];
+export type GridMode = 'server' | 'client';
+export type DialogState = [GridDialogProps, React.Dispatch<React.SetStateAction<GridDialogProps>>];
+export interface GridDialogProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: string;
+    onConfirm?: (data?: any) => void;
+    message?: string;
+    action?: () => Promise<any>;
+}

package/lib/cjs/types/components/dataGrid/GridUIUtils.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { GridRenderCellParams, GridRowSelectionModel } from '@mui/x-data-grid';
+import { DialogState, ListProps, ParamsState } from './GridTypes';
+import { IBulkActionsDialogState } from '../BulkActions/BulkActionDialogs';
+export declare function handleExtraActionNavigation(data: any, userPath: {
+    [key: string]: any;
+}): any;
+export declare function ActionKababMenu(resources: any, params: GridRenderCellParams, resourceName: string, dialogState: DialogState, [gridParams, setParams]: ParamsState): import("react/jsx-runtime").JSX.Element;
+export declare function getFieldType(model: string, property: ListProps, cellParams: GridRenderCellParams, resources: any, userPath: {
+    [key: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BulkActionKababMenu(props: {
+    resources: any;
+    resourceName: any;
+    dialogState: DialogState;
+    gridState: ParamsState;
+    selected: GridRowSelectionModel;
+    setSelected: (value: React.SetStateAction<GridRowSelectionModel>) => void;
+    bulkActionsDialogState: {
+        [key: string]: IBulkActionsDialogState;
+    } | undefined;
+    setBulkActionsDialogState: React.Dispatch<React.SetStateAction<{
+        [key: string]: IBulkActionsDialogState;
+    } | undefined>>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function getSchemaOfNestedProperty(nestedProperty: string, model: any): any;
+export declare function getRowOfNestedProperty(nestedProperty: string, row: any): any;