identity-admin-ui 1.0.0

package/lib/index.d.ts

@@ -0,0 +1,408 @@
+/// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactElement, ReactNode } from 'react';
+import * as axios from 'axios';
+import { AxiosRequestConfig } from 'axios';
+
+type TLink = {
+    href?: string;
+    name: string;
+    icon?: ReactElement;
+};
+
+interface IdentityPageProps {
+    variant: PageVariant;
+    loading: boolean;
+    data: any;
+    taptitle: string;
+    headingTitle: string;
+    enableDefaultActions?: boolean;
+    breadCrumbLinks: TLink[];
+    themeStretch?: boolean;
+    Component?: (props: any) => JSX.Element;
+    DefaultActions: (props: any) => JSX.Element;
+    LoadingSkelton: () => JSX.Element;
+    Actions: (props: any) => JSX.Element;
+    HeadingView: (props: any) => JSX.Element;
+    BreadcrumbsChildren?: (props: any) => JSX.Element;
+}
+declare enum PageVariant {
+    LIST = "List",
+    SHOW = "Show",
+    FORM = "Form",
+    CUSTOM = "Custom"
+}
+
+declare const IdentityPage: (props: IdentityPageProps) => react_jsx_runtime.JSX.Element;
+
+interface IListProps {
+    apiRoute: string;
+    key?: string;
+    path: string;
+    modelName: string;
+}
+interface IListRecordsProps extends IListProps {
+    urlFilters?: string;
+    defaultFilterValues: {
+        [key: string]: any;
+    };
+    Actions?: (props: any) => JSX.Element;
+}
+
+declare function ListRecords(props: IListRecordsProps): react_jsx_runtime.JSX.Element;
+
+interface ShowRecordProps {
+    key?: string;
+    path: string;
+    modelRoute: string;
+    Component?: (props: any) => JSX.Element;
+    HeadingView?: (props: any) => JSX.Element;
+    Actions?: (props: any) => JSX.Element;
+    BreadcrumbsChildren?: (props: any) => JSX.Element;
+    disableDefaultActions?: boolean;
+}
+
+declare function ShowRecord(props: ShowRecordProps): react_jsx_runtime.JSX.Element;
+
+interface ICreateEdit {
+    isEdit: boolean;
+    modelRoute: string;
+    key?: string;
+    path: string;
+    removeHeaderBreadcrumbs?: boolean;
+    onSubmitForm?: () => void;
+    Component?: (props: any) => JSX.Element;
+    Actions?: (props: any) => JSX.Element;
+    HeadingView?: (props: any) => JSX.Element;
+    BreadcrumbsChildren?: (props: any) => JSX.Element;
+    redirectPath?: (record: any) => string;
+}
+declare function CreateEdit(props: ICreateEdit): react_jsx_runtime.JSX.Element;
+
+declare enum RequestState {
+    IDLE = "idle",
+    LOADING = "loading",
+    SUCCEEDED = "succeeded",
+    FAILED = "failed"
+}
+interface IState<T> {
+    data: T | undefined;
+    state: RequestState;
+    error?: any | null;
+}
+declare class State<T> {
+    data: T | undefined;
+    state: RequestState;
+    error?: any;
+    private constructor();
+    static idle<T>(data?: T): IState<T>;
+    static loading<T>(data?: T): IState<T>;
+    static succeeded<T>(data: T): IState<T>;
+    static error<T>(error: any, data?: T): IState<T>;
+}
+
+interface RequestConfig {
+    url: string;
+    body?: any;
+    axiosRequestConfig?: AxiosRequestConfig;
+    query?: any;
+}
+declare function useApi<T>(): {
+    requestState: IState<T>;
+    get: (requstConfig: RequestConfig) => void;
+    post: (requstConfig: RequestConfig) => void;
+    patch: (requstConfig: RequestConfig) => void;
+    remove: (requstConfig: RequestConfig) => void;
+};
+
+declare function useNavData(): {
+    subheader: string;
+    items: any;
+}[];
+
+declare const ApiContext: react.Context<ApiContextProps>;
+interface ApiContextProps {
+    statusCode: number | null;
+    dashbaordUrlPrefix?: string;
+}
+interface ApiContextConfig {
+    language: string;
+    baseUrl: string;
+    onLogout: () => void;
+    sleepTime?: number;
+    children: any;
+    dashbaordUrlPrefix?: string;
+}
+declare const ApiContextProvider: (props: ApiContextConfig) => react_jsx_runtime.JSX.Element;
+
+declare enum ActionTypes {
+    RECORD = "RECORD",
+    Resource = "RESOUCRE"
+}
+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",
+    LOCALIZEDString = "localizedString",
+    PHONENUMBER = "phoneNumber",
+    COLOR = "color",
+    TIMEPICKER = "timePicker",
+    FILE = "File",
+    LOCATION = "LOCATION"
+}
+
+type SizeType = 'small' | 'medium' | undefined;
+declare enum FileTypes {
+    ALL = "ALL",
+    IMAGE = "IMAGE",
+    _3D = "3D",
+    PDF = "PDF",
+    EXCEL = "EXCEL",
+    WORD = "WORD",
+    VIDEO = "VIDEO",
+    TEXT = "TEXT",
+    ZIP = "ZIP",
+    POWER_POINT = "POWER_POINT",
+    AUDIO = "AUDIO"
+}
+
+interface IResource {
+    filterProperties: string[];
+    quickFilterProperties: string[];
+    formProperties: string[];
+    listProperties: IProperty[];
+    showProperties: IProperty[];
+    properties: IMainProperty;
+}
+interface IProperty {
+    key: string;
+    value: string;
+    path?: string;
+}
+interface IMainProperty {
+    title: string;
+    path: string;
+    name: string;
+    modelName: string;
+    parent: IParent;
+    defaultOrder: orderTypes;
+    defaultOrderBy: string;
+    defaultrowsPerPage: number;
+    filters: IFilter;
+    actions: IAction;
+    model: {
+        [key: string]: ISchemaObject;
+    };
+}
+interface IParent {
+    icon: string;
+    name: string;
+    value: string;
+}
+interface IFilter {
+    scopes: {
+        isAccessible: boolean;
+        options?: {
+            key: string;
+            value: string;
+        }[];
+        manual?: {
+            options: string[];
+        };
+        auto?: {
+            key: string;
+            options: string[];
+        };
+    };
+    searchBar: {
+        isAccessible: boolean;
+    };
+}
+interface IAction {
+    bulkDelete: {
+        cancelDeleteOption: string;
+        confirmDeleteOption: string;
+        confirmationMessageBody: string;
+        confirmationMessageTitle: string;
+        isAccessible: boolean;
+        value: string;
+    };
+    delete: {
+        cancelDeleteOption: string;
+        confirmDeleteOption: string;
+        confirmationMessageBody: string;
+        confirmationMessageTitle: string;
+        isAccessible: boolean;
+        value: string;
+    };
+    edit: IActionMin;
+    new: IActionMin;
+    show: IActionMin;
+    extras?: IExtras;
+}
+interface IExtras {
+    record: {
+        [key: string]: IExtarAction;
+    };
+    resource: {
+        [key: string]: IExtarAction;
+    };
+}
+interface IExtarAction {
+    actionType: ActionTypes;
+    guard?: string;
+    icon: string;
+    key: string;
+    keys?: string[];
+    name: string;
+    severity?: Severity;
+    message?: string;
+}
+interface IActionMin {
+    isAccessible: boolean;
+    value: string;
+}
+type orderTypes = 'asc' | 'desc';
+type Severity = 'success' | 'info' | 'warning' | 'error';
+interface ISchemaObject {
+    required?: boolean;
+    isEditable?: boolean;
+    type?: FieldTypes;
+    enumValues?: string[];
+    countryCodes?: string[];
+    arrayType?: FieldTypes;
+    isDraggable?: boolean;
+    value?: string;
+    mediaUploader?: boolean;
+    fileType?: FileTypes;
+    withTime?: boolean;
+    apiRoute?: string;
+    defaultValue: string;
+    valuePath?: string;
+    path?: string;
+    keys?: string[];
+    schema?: {
+        [key: string]: ISchemaObject;
+    };
+}
+
+type ResourceResponse = {
+    [key: string]: IResource | {
+        [key: string]: string[];
+    };
+} | {
+    [key: string]: any;
+} | null | undefined;
+declare const ResourcesContext: react.Context<{
+    resources: ResourceResponse;
+    getResources: () => void;
+}>;
+interface ResourcesContextConfig {
+    resourcesUrl: string;
+    Logo?: (props: any) => JSX.Element;
+    children: any;
+}
+declare const ResourcesContextProvider: (props: ResourcesContextConfig) => react_jsx_runtime.JSX.Element;
+
+interface ResourcePaths {
+    root: string;
+    list: string;
+    edit: (id: string) => string;
+    show: (id: string) => string;
+    new: string;
+}
+interface PathsContextConfig {
+    root: string;
+    home: string;
+    children: any;
+}
+declare const PathsContext: react.Context<{
+    paths: {
+        [key: string]: ResourcePaths;
+    };
+    root: string;
+    home: string;
+}>;
+declare const PathsContextProvider: (props: PathsContextConfig) => react_jsx_runtime.JSX.Element;
+declare function path(root: string, sublink: string): string;
+
+interface AppConfigurations {
+    textFieldSize: SizeType;
+    themeLayout?: 'vertical' | 'horizontal' | 'mini';
+    defaultRowsPerPage: number;
+    themeStretch: boolean;
+    setThemeLayout?: React.Dispatch<React.SetStateAction<'horizontal' | 'vertical' | 'mini'>>;
+}
+declare const AppConfigurationsContext: react.Context<AppConfigurations>;
+declare const AppConfigurationsContextProvider: (props: any) => react_jsx_runtime.JSX.Element;
+
+interface CredentialKeys {
+    identityPoolId: string;
+    region: string;
+    userPoolId: string;
+    userPoolWebClientId: string;
+    bucket: string;
+    googleApiKey: string;
+    bucketUrl: string;
+}
+declare const CredentialsContext: react.Context<CredentialKeys>;
+interface CredentialProps extends CredentialKeys {
+    children: ReactNode;
+}
+declare const CredentialsContextProvider: (props: CredentialProps) => react_jsx_runtime.JSX.Element;
+
+declare const IdentityClient: axios.AxiosInstance;
+declare module 'axios' {
+    interface AxiosRequestConfig {
+        _retry?: boolean;
+        _auth?: boolean;
+    }
+}
+
+type Props = {
+    children: React.ReactNode;
+    Logo?: (props: any) => JSX.Element;
+};
+declare function DashboardLayout({ children, Logo }: Props): react_jsx_runtime.JSX.Element;
+
+interface PresetsColor {
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+}
+
+interface SettingsValueProps {
+    themeStretch?: boolean;
+    themeMode?: 'light' | 'dark';
+    themeDirection?: 'rtl' | 'ltr';
+    themeContrast?: 'default' | 'bold';
+    themeColorPresets?: 'default' | 'cyan' | 'purple' | 'blue' | 'orange' | 'red';
+    customColorPresets?: PresetsColor;
+}
+interface ThemeProps extends SettingsValueProps {
+    children: React.ReactNode;
+}
+declare function ThemeProvider({ children, themeColorPresets, themeContrast, themeDirection, themeMode, customColorPresets }: ThemeProps): react_jsx_runtime.JSX.Element;
+
+declare function DashBoardRouter(props: any): {
+    path: string;
+    children: {
+        path: string;
+        element: react_jsx_runtime.JSX.Element;
+        children: any[];
+    }[];
+};
+
+export { ApiContext, ApiContextConfig, ApiContextProps, ApiContextProvider, AppConfigurationsContext, AppConfigurationsContextProvider, CredentialKeys, CredentialsContext, CredentialsContextProvider, DashboardLayout, IAction, IActionMin, IExtarAction, IExtras, IFilter, IMainProperty, IParent, IProperty, ISchemaObject, IState, IdentityClient, CreateEdit as IdentityEdit, ListRecords as IdentityList, IdentityPage, IdentityPageProps, DashBoardRouter as IdentityRouter, ShowRecord as IdentityShow, PageVariant, PathsContext, PathsContextConfig, PathsContextProvider, RequestConfig, RequestState, ResourcePaths, ResourceResponse, ResourcesContext, ResourcesContextConfig, ResourcesContextProvider, SettingsValueProps, Severity, State, ThemeProps, ThemeProvider, orderTypes, path, useApi, useNavData };

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "identity-admin-ui",
+  "version": "1.0.0",
+  "description": "Identity solutions UI package using for identity-admin dashboard",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "files": [
+    "lib/**/*"
+  ],
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "build": "rollup -c --bundleConfigAsCjs",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.2.0",
+    "@iconify/react": "^4.1.0",
+    "@mui/icons-material": "^5.14.3",
+    "@mui/lab": "^5.0.0-alpha.139",
+    "@mui/material": "^5.14.3",
+    "@mui/x-data-grid": "^6.11.1",
+    "@mui/x-date-pickers": "^6.11.1",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@types/autosuggest-highlight": "^3.2.0",
+    "@types/axios": "^0.14.0",
+    "@types/nprogress": "^0.2.0",
+    "@types/numeral": "^2.0.2",
+    "@types/react": "^18.2.20",
+    "@types/react-beautiful-dnd": "^13.1.4",
+    "@types/react-helmet-async": "^1.0.3",
+    "@types/react-lazy-load-image-component": "^1.5.3",
+    "@types/stylis": "^4.2.0",
+    "autosuggest-highlight": "^3.3.4",
+    "aws-amplify": "^5.3.7",
+    "axios": "^1.4.0",
+    "compressorjs": "^1.2.1",
+    "date-fns": "^2.30.0",
+    "dayjs": "^1.11.9",
+    "framer-motion": "^10.15.0",
+    "highlight.js": "^11.8.0",
+    "material-ui-phone-number": "^3.0.0",
+    "nprogress": "^0.2.0",
+    "numeral": "^2.0.6",
+    "pluralize": "^8.0.0",
+    "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-dropzone": "^14.2.3",
+    "react-helmet-async": "^1.3.0",
+    "react-hook-form": "^7.45.4",
+    "react-lazy-load-image-component": "^1.6.0",
+    "react-router-dom": "^6.14.2",
+    "rollup": "^3.27.0",
+    "rollup-plugin-css-bundle": "^1.0.4",
+    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-postcss-modules": "^2.1.1",
+    "rollup-plugin-preserve-directives": "^0.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "simplebar-react": "^3.2.4",
+    "stylis": "^4.3.0",
+    "stylis-plugin-rtl": "^2.1.1",
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6",
+    "yup": "^1.2.0"
+  },
+  "dependencies": {
+    "react-quill": "^2.0.0"
+  }
+}