abrplus-ui-kit 0.2.9

package/dist/types/configs/locales/i18nextTFunction.d.ts

@@ -0,0 +1,5 @@
+type TranslationKeys<T extends Record<string, any>> = {
+    [K in keyof T]: K extends string ? T[K] extends Record<string, any> ? `${K}.${TranslationKeys<T[K]>}` : K : never;
+}[keyof T];
+export type I18nextTFunction<T extends Record<string, any>> = <K extends TranslationKeys<T>>(key: K, ...params: any) => string;
+export {};

package/dist/types/configs/locales/index.d.ts

@@ -0,0 +1,10 @@
+import { default as i18n } from 'i18next';
+declare const languageNames: {
+    fa: string;
+    en: string;
+};
+export type Language = keyof typeof languageNames;
+export type Resources = Record<Language, Record<string, string>>;
+declare const initializeI18n: (lang?: Language, resources?: Resources) => void;
+declare const getLanguageName: () => string;
+export { getLanguageName, i18n, initializeI18n };

package/dist/types/configs/providers/AbrplusUIKitProvider.d.ts

@@ -0,0 +1,11 @@
+import { AbrplusUIKitType } from '../constructors';
+import { APP_NAME } from '../types';
+import { ConfigProviderProps } from 'antd';
+import { ReactNode } from 'react';
+export interface AbrplusUIKitProviderProps extends ConfigProviderProps {
+    children: ReactNode;
+    locales: AbrplusUIKitType['locales'];
+    antdConfigs?: Partial<ConfigProviderProps>;
+    appName?: APP_NAME;
+}
+export declare const AbrplusUIKitProvider: ({ children, locales, appName, antdConfigs, }: AbrplusUIKitProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/configs/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './AbrplusUIKitProvider';

package/dist/types/configs/tailwindcss/index.d.ts

@@ -0,0 +1,103 @@
+declare const config: {
+    content: {
+        files: string[];
+    };
+    theme: {
+        fontFamily: {
+            'yekan-normal': string;
+            'yekan-medium': string;
+            'yekan-light': string;
+            'yekan-bold': string;
+            'roboto-normal': string;
+            'roboto-light': string;
+            'roboto-medium': string;
+            'roboto-bold': string;
+        };
+        colors: {
+            'white-ff': string;
+            'white-ff-10': string;
+            'white-ff-15': string;
+            'white-ff-20': string;
+            'white-ff-35': string;
+            'light-1': string;
+            'light-2': string;
+            'light-3': string;
+            'light-4': string;
+            'light-5': string;
+            'light-6': string;
+            'light-7': string;
+            primary: string;
+            'primary-dark-1': string;
+            'primary-dark-2': string;
+            'primary-light-1': string;
+            'primary-light-2': string;
+            'primary-light-3': string;
+            secondary: string;
+            'secondary-dark-1': string;
+            'secondary-light-1': string;
+            'secondary-light-2': string;
+            tertiary: string;
+            'tertiary-dark-1': string;
+            negative: string;
+            'negative-dark-1': string;
+            'negative-light-1': string;
+            'negative-light-2': string;
+            'negative-light-3': string;
+            'negative-light-4': string;
+            'negative-light-5': string;
+            positive: string;
+            'positive-dark-1': string;
+            'positive-dark-2': string;
+            'positive-light-2': string;
+            'positive-light-3': string;
+            'sales-action': string;
+            black: string;
+            transparent: string;
+            'sales-action-dark-1': string;
+            'sales-action-light-1': string;
+            'sales-action-light-2': string;
+            'sales-action-light-3': string;
+            'call-action': string;
+            'call-action-dark-1': string;
+            'call-action-light-1': string;
+            'call-action-light-2': string;
+            'call-action-light-3': string;
+            'marketing-action': string;
+            'marketing-action-dark-1': string;
+            'marketing-action-light-1': string;
+            'marketing-action-light-2': string;
+            'marketing-action-light-3': string;
+            'club-action': string;
+            'club-action-dark-1': string;
+            'club-action-light-1': string;
+            'club-action-light-2': string;
+            'club-action-light-3': string;
+            'team-action': string;
+            'team-action-dark-1': string;
+            'team-action-light-1': string;
+            'team-action-light-2': string;
+            'team-action-light-3': string;
+            'desk-action': string;
+            'desk-action-dark-1': string;
+            'desk-action-light-1': string;
+            'desk-action-light-2': string;
+            'desk-action-light-3': string;
+            'form-action': string;
+            'form-action-dark-1': string;
+            'form-action-light-1': string;
+            'form-action-light-2': string;
+            'form-action-light-3': string;
+            'task-action': string;
+            'task-action-dark-1': string;
+            'task-action-light-1': string;
+            'task-action-light-2': string;
+            'task-action-light-3': string;
+            'rayan-action': string;
+            'rayan-action-dark-1': string;
+            'rayan-action-light-1': string;
+            'rayan-action-light-2': string;
+            'rayan-action-light-3': string;
+        };
+    };
+};
+export default config;

package/dist/types/configs/theme/colors.d.ts

@@ -0,0 +1,114 @@
+declare const colors: {
+    readonly white_ff: "#ffffff";
+    readonly white_ff_10: "#ffffff10";
+    readonly white_ff_15: "#ffffff15";
+    readonly white_ff_20: "#ffffff20";
+    readonly white_ff_35: "#ffffff35";
+    readonly light_1: "#f8f9fb";
+    readonly light_2: "#f1f3f8";
+    readonly light_3: "#f9fbff";
+    readonly light_4: "#f7fafe";
+    readonly light_5: "#ebf3ff";
+    readonly light_6: "#eaeff5";
+    readonly light_7: "#d9e1ea";
+    readonly primary: "#435879";
+    readonly primary_dark_1: "#2b4063";
+    readonly primary_dark_2: "#192540";
+    readonly primary_light_1: "#516b93";
+    readonly primary_light_2: "#91a8c3";
+    readonly primary_light_3: "#b8c7d8";
+    readonly secondary: "#1e51c1";
+    readonly secondary_dark_1: "#163b8e";
+    readonly secondary_light_1: "#2159d4";
+    readonly secondary_light_2: "#386de0";
+    readonly tertiary: "#1ba9c7";
+    readonly tertiary_dark_1: "#489fb5";
+    readonly negative: "#c9252d";
+    readonly negative_dark_1: "#bb121a";
+    readonly negative_light_1: "#d7373f";
+    readonly negative_light_2: "#e34850";
+    readonly negative_light_3: "#f6d8da";
+    readonly negative_light_4: "#f9e3e4";
+    readonly negative_light_5: "#fdf3f3";
+    readonly positive: "#268e6c";
+    readonly positive_dark_1: "#12805c";
+    readonly positive_dark_2: "#107154";
+    readonly positive_light_2: "#2d9d78";
+    readonly positive_light_3: "#eefaf6";
+    readonly sales_action: "#ec6c2c";
+    readonly black: "#000000";
+    readonly transparent: "transparent";
+    readonly sales: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly call: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly marketing: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly club: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly team: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly desk: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly form: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly task: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+    readonly rayan: {
+        action: string;
+        action_dark_1: string;
+        action_light_1: string;
+        action_light_2: string;
+        action_light_3: string;
+    };
+};
+type ColorScheme = typeof colors;
+type AppColorSchema = {
+    action: string;
+    action_dark_1: string;
+    action_light_1: string;
+    action_light_2: string;
+    action_light_3: string;
+};
+export { colors };
+export type { AppColorSchema, ColorScheme };

package/dist/types/configs/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './colors';

package/dist/types/configs/types/index.d.ts

@@ -0,0 +1,98 @@
+export type APP_NAME = 'home' | 'sales' | 'call' | 'marketing' | 'club' | 'sandbox' | 'bi' | 'team' | 'storybook' | 'desk' | 'form' | 'task' | 'rayan';
+export type InputFieldError = {
+    message?: string;
+} | null;
+export type AppDirection = 'rtl' | 'ltr';
+export interface ITreeOption {
+    label: string;
+    value: string;
+    children?: ITreeOption[];
+    hasChildren: boolean;
+    checkable?: boolean;
+    [prop: string]: any;
+}
+export type ErrorLike = {
+    message?: string;
+};
+export interface AxiosResponse<T = any> {
+    data: T;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    config: unknown;
+    request?: unknown;
+}
+export declare class InternalRequestError extends Error {
+    message: string;
+    status?: number | undefined;
+    response?: AxiosResponse | undefined;
+    constructor(message: string, status?: number | undefined, response?: AxiosResponse | undefined);
+    isApiException: boolean;
+    static isRequestError(error: any): error is InternalRequestError;
+}
+export type ClientError = Error | InternalRequestError | null;
+type Params<Key extends string = string> = {
+    readonly [key in Key]: string;
+};
+/**
+ * @ignore
+ */
+export type QueryParamDefault = Record<string, string | Array<string | Array<any> | Record<string, any> | null> | Record<string, any> | null | undefined>;
+export interface Options<Q extends QueryParamDefault> {
+    query?: Q;
+    title?: string;
+}
+export interface Route<Parts extends string, QueryParams extends QueryParamDefault> {
+    title?: string;
+    template(): string;
+    create: CreateFun<Parts, QueryParams>;
+    route: <Parts1 extends string, QueryParams1 extends QueryParamDefault>(arg: Parts1 | Parts1[], option?: Options<QueryParams1>) => Route<Parts1 | Parts, QueryParams & QueryParams1>;
+    useQueryParams(): Partial<QueryParameterAssignString<QueryParams>>;
+    useParams(): Required<Params<PathParam<Parts>>>;
+    /**
+     * This is useFull for where you have a dynamic param
+     * @param createParams the params which will fill from current route
+     */
+    useCreate<T1 extends PathParam<Parts>>(createParams: T1[]): CreateFun<Exclude<Parts, `:${T1}`>, QueryParams>;
+    /**
+     * This is useful for create breadcrumbs
+     */
+    useMap(): {
+        path: string | string[];
+        title?: string;
+        create(): string;
+    }[];
+    createNestedRoutes: <C>(generator: (parent: Route<Parts, QueryParams>) => C) => {
+        root: Route<Parts, QueryParams>;
+    } & C;
+}
+type QueryParameterAssignString<T> = {
+    [P in keyof T]: T[P] | string;
+};
+/**
+ * @ignore
+ */
+export type PathParam<T extends string> = T extends `:${infer A}` ? A : never;
+/**
+ * @ignore
+ */
+export type PathPart<T extends string> = string | PathParam<T>;
+/**
+ * @ignore
+ */
+export type CreateFun<Parts extends string, QueryParams extends QueryParamDefault> = Parts extends `:${any}` ? (params: Record<PathParam<Parts>, string> & {
+    query?: Partial<QueryParameterAssignString<QueryParams>>;
+}) => string : (params?: {
+    query?: Partial<QueryParameterAssignString<QueryParams>>;
+}) => string;
+export declare enum LogoIconNameType {
+    User = "User",
+    SecurityGroup = "SecurityGroup",
+    Department = "Department",
+    Office = "Office",
+    Position = "Position",
+    SecurityCustomer = "SecurityCustomer",
+    SecurityAgent = "SecurityAgent",
+    SecurityOperator = "SecurityOperator"
+}
+export {};

package/dist/types/constants/chartColors.d.ts

@@ -0,0 +1 @@
+export declare const chartColors: string[];

package/dist/types/constants/datepickerColors.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchema } from 'jalaali-react-date-picker/lib/core';
+export declare const datePickerColors: ColorSchema;

package/dist/types/constants/dimantions.d.ts

@@ -0,0 +1,12 @@
+export declare const SCREEN_SIZE: {
+    WIDTH: number;
+    HEIGHT: number;
+};
+export declare const MIN_RESPONSIVE_HEIGHT: {
+    TABLET: number;
+};
+export declare const HEADER_HEIGHT = 56;
+export declare const MENU: {
+    WIDTH: number;
+    ITEM_SIZE: number;
+};

package/dist/types/constants/enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum RenderPopup {
+    user_info = "user_info",
+    user_lang = "user_lang",
+    user_status = "user_status"
+}

package/dist/types/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chartColors';
+export * from './datepickerColors';
+export * from './variables';

package/dist/types/constants/variables.d.ts

@@ -0,0 +1,2 @@
+declare const PAGINATION_SIZE = "PAGINATION_SIZE";
+export { PAGINATION_SIZE };

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useAntConfig';
+export * from './useDebounce';
+export * from './useInteractions';
+export * from './useLocalStorageState';
+export * from './useObserveWindow';
+export * from './useWindowDimensions';

package/dist/types/hooks/useAntConfig.d.ts

@@ -0,0 +1,24 @@
+import { AppDirection, Language } from '../configs';
+export declare const useAntConfig: (language: Language) => {
+    theme: {
+        token: {
+            fontFamily: string;
+            colorPrimary: "#435879";
+            colorSuccess: "#268e6c";
+            colorError: "#c9252d";
+            borderRadius: number;
+        };
+        components: {
+            Input: {
+                colorBorder: "#b8c7d8";
+                hoverBorderColor: "#2b4063";
+                colorBgContainerDisabled: "#eaeff5";
+            };
+            Collapse: {
+                headerBg: "#f1f3f8";
+            };
+        };
+    };
+    direction: AppDirection;
+    locale: import('antd/lib/locale').Locale;
+};

package/dist/types/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T extends (...args: Parameters<T>) => ReturnType<T>>(fn: T, delay: number) => (...args: Parameters<T>) => void;

package/dist/types/hooks/useInteractions.d.ts

@@ -0,0 +1,15 @@
+import { AnyHandlerEventTypes, GestureHandlers } from '@use-gesture/react';
+/**
+ * @example
+ *   const { isTabFocused, eventHandlers } = useInteractions();
+ *
+ *   return <button {...eventHandlers()} />;
+ */
+declare function useInteractions<HandlerTypes extends AnyHandlerEventTypes>({ onHover, onBlur, onFocus, onMouseDown, onMouseUp, onMouseLeave, onKeyUp, ...handlers }?: GestureHandlers<HandlerTypes>): {
+    eventHandlers: (...args: any[]) => import('@use-gesture/react/dist/declarations/src/types').ReactDOMAttributes;
+    isFocused: boolean;
+    isHovered: boolean;
+    isActive: boolean;
+    isTabFocused: boolean;
+};
+export { useInteractions };

package/dist/types/hooks/useLocalStorageState.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+declare function useLocalStorageState<T extends string | number>(key: string, initialValue: T): [T, Dispatch<SetStateAction<T>>];
+export { useLocalStorageState };

package/dist/types/hooks/useObserveWindow.d.ts

@@ -0,0 +1,9 @@
+export declare function useObserveWindow(): {
+    getIsWidthSmallerThan: (query: number) => boolean | undefined;
+    getIsWidthLargerThan: (query: number) => boolean | undefined;
+    getIsWidthBetween: (queries: [number, number]) => boolean | undefined;
+    isSmallerThanExtraLarge: boolean | undefined;
+    isSmallerThanMedium: boolean | undefined;
+    isSmallerThanSmall: boolean | undefined;
+    isSmallerThenLarge: boolean | undefined;
+};

package/dist/types/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,16 @@
+export type Size = {
+    width: number;
+    height: number;
+};
+declare function getWindowDimensions(): {
+    width: number;
+    height: number;
+};
+/**
+ * This was implemented with proxy because of perf, so destructor response
+ *
+ * @example
+ *   const { width, height } = useWindowDimensions();
+ */
+declare function useWindowDimensions(): Size;
+export { getWindowDimensions, useWindowDimensions };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './main'
+export {}

package/dist/types/main.d.ts

@@ -0,0 +1,3 @@
+import { default as tailwindConfig } from './configs/tailwindcss/index';
+export { AbrplusUIKit, colors, type AbrplusUIKitType, type ColorScheme } from './configs';
+export { tailwindConfig };

package/dist/types/molecules.d.ts

@@ -0,0 +1,2 @@
+export * from './components/molecules/index'
+export {}

package/dist/types/organisms.d.ts

@@ -0,0 +1,2 @@
+export * from './components/organisms/index'
+export {}

package/dist/types/provider.d.ts

@@ -0,0 +1,2 @@
+export * from './configs/providers/index'
+export {}

package/dist/types/theme.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/types/utilities/batch.d.ts

@@ -0,0 +1,9 @@
+type BatchFunction = (...props: any[]) => React.ReactNode;
+type BatchRecord = {
+    [K in string]: BatchRecord | BatchFunction;
+};
+type BatchResult<T extends BatchRecord> = {
+    readonly [K in Capitalize<keyof T & string>]: T[K];
+};
+declare function batch<T extends BatchRecord>(components: T): BatchResult<T>;
+export { batch };

package/dist/types/utilities/createIcomoonIconSet.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+type IcomoonProps = {
+    size?: number;
+    name?: string;
+    color?: string | string[];
+    style?: CSSProperties;
+};
+export declare function createIcomoonIconSet(): (props: IcomoonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/utilities/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends object>(target: T, source: Partial<T>): T;

package/dist/types/utilities/getErrorMessage.d.ts

@@ -0,0 +1 @@
+export declare function getErrorMessage(error?: unknown | false | null): string;

package/dist/types/utilities/index.d.ts

@@ -0,0 +1,7 @@
+export * from './batch';
+export * from './createIcomoonIconSet';
+export * from './deepMerge';
+export * from './getErrorMessage';
+export * from './isPersian';
+export * from './mmss';
+export * from './testUtils';

package/dist/types/utilities/isPersian.d.ts

@@ -0,0 +1 @@
+export declare const isPersianOrArabic: (value: string) => boolean;

package/dist/types/utilities/mmss.d.ts

@@ -0,0 +1 @@
+export declare const mmss: (secs: number) => string;

package/dist/types/utilities/testUtils/index.d.ts

@@ -0,0 +1,3 @@
+import { withReactQuery } from './withReactQuery';
+import { withReactRouter } from './withReactRouter';
+export { withReactQuery, withReactRouter };

package/dist/types/utilities/testUtils/withReactQuery.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const withReactQuery: (children: ReactNode) => import("react/jsx-runtime").JSX.Element;

package/dist/types/utilities/testUtils/withReactRouter.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const withReactRouter: (children: ReactNode) => import("react/jsx-runtime").JSX.Element;