@react-fabric/core 1.0.0-beta.0

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

@@ -0,0 +1,4 @@
+export declare const useDebounce: (callback: undefined | ((...rest: AnyObject) => AnyObject), deps: AnyObject[], delay?: number) => {
+    (...args: AnyObject): void;
+    cancel(): void;
+};

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

@@ -0,0 +1,4 @@
+import { type DependencyList, type EffectCallback } from "react";
+export declare const useMemoDebugger: <T>(func: () => T, inputs: DependencyList, prefix: string) => T;
+export declare const useEffectDebugger: (func: EffectCallback, inputs: DependencyList, prefix: string) => void;
+export declare const useLayoutEffectDebugger: (func: EffectCallback, inputs: DependencyList, prefix: string) => void;

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

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

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useNavigator: (totalCount?: number, defaultIndex?: number) => {
+    headLabel: import("react/jsx-runtime").JSX.Element;
+    onNavigate: (dir: 1 | -1) => void;
+    currentIndex: number;
+    setCurrentIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+};

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

@@ -0,0 +1,10 @@
+import { type FC, type ReactNode } from "react";
+type OverlayComponent = FC<{
+    onClose: (args?: AnyObject) => void;
+    [key: string]: AnyObject;
+}>;
+export declare const useOverlayService: (ModalOrFlyout: OverlayComponent) => [
+    Overlay: ReactNode | null,
+    openOverlay: (props?: KeyValue) => Promise<AnyObject>
+];
+export {};

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

@@ -0,0 +1,9 @@
+import { type RefObject } from "react";
+/**
+ * hook to control boolean props
+ * @param isOn (is prop true)
+ * @param callback (optional callback)
+ * @param key (optional key to pass to callback)
+ * @returns
+ */
+export declare const usePropToggle: (isOn?: boolean, onToggle?: (is: boolean, key?: string) => unknown, key?: string) => [boolean, () => void, RefObject<boolean>];

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

@@ -0,0 +1,27 @@
+import { type RefObject } from "react";
+interface Options {
+    /**
+     * is vertical resize
+     */
+    isReverse?: boolean;
+    /**
+     * is vertical resize
+     */
+    isVertical?: boolean;
+    /**
+     * callback on drag start
+     */
+    onStart?: () => void;
+    /**
+     * callback on drag end
+     */
+    onEnd?: () => void;
+}
+export declare const useResize: <T extends HTMLElement = HTMLDivElement>(onResize: (diff: {
+    x: number;
+    y: number;
+}) => void, { isReverse, isVertical, onStart, onEnd }: Options) => {
+    ref: RefObject<T>;
+    onMouseDown: React.MouseEventHandler;
+};
+export {};

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

@@ -0,0 +1,3 @@
+import { type RefObject } from "react";
+import { type SizeObject } from "../types";
+export declare const useResizeObserver: <T extends HTMLElement = HTMLDivElement>(onResize?: (size: SizeObject) => void) => RefObject<T>;

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

@@ -0,0 +1,2 @@
+export declare const useLocalStorage: <T>(key: string, defaultValue: T) => [T, (value: T) => void];
+export declare const useSessionStorage: <T>(key: string, defaultValue: T) => [T, (value: T) => void];

package/dist/types/hotkeys/HotKey.d.ts

@@ -0,0 +1,2 @@
+import { type HotKeyProps } from "./commons";
+export declare const HotKey: ({ keyCombo, global, handler }: HotKeyProps) => null;

package/dist/types/hotkeys/HotKeyLabel.d.ts

@@ -0,0 +1,2 @@
+import { type HotKeyProps } from "./commons";
+export declare const HotKeyLabel: ({ keyCombo, }: Omit<HotKeyProps, "global" | "handler">) => import("react/jsx-runtime").JSX.Element;

package/dist/types/hotkeys/HotKeyWrapper.d.ts

@@ -0,0 +1,11 @@
+import { type FC, type PropsWithChildren } from "react";
+/** @internal */
+export declare const HotKeysContext: import("react").Context<{
+    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
+    removeHotKey: (key: string) => void;
+}>;
+export declare const useHotKeys: () => {
+    addHotKey: (key: string, handler: () => void, global?: boolean) => void;
+    removeHotKey: (key: string) => void;
+};
+export declare const HotKeyWrapper: FC<PropsWithChildren>;

package/dist/types/hotkeys/commons.d.ts

@@ -0,0 +1,28 @@
+export interface HotKeyProps {
+    /**
+     * Hot key combination
+     *
+     * ctrl, shift, alt, meta
+     * enter, space, escape, tab, backspace, delete
+     * left, right, up, down
+     */
+    keyCombo: string;
+    /**
+     * Global hot key
+     */
+    global?: boolean;
+    /**
+     * Callback handler
+     */
+    handler?: () => void;
+}
+export declare const reduceHotKey: ({ keyCombo, global, handler }: HotKeyProps) => {
+    key: string;
+    meta: boolean;
+    shift: boolean;
+    ctrl: boolean;
+    alt: boolean;
+    _key: string;
+    handler: (() => void) | undefined;
+    global: boolean | undefined;
+};

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

@@ -0,0 +1,6 @@
+/**
+ * add language bundles using bundle keys as namespaces
+ * @param key
+ * @param languageBundles: {en: {}, ar: {}}
+ */
+export declare const addTranslationBundle: (key: string, languageBundles: KeyValue) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+export * from "./components";
+export * from "./core";
+export { addTranslationBundle } from "./i18n";
+export { Flyout, Modal, Tooltip } from "./overlays";
+export * from "./typography";
+export * from "./hooks/useClientService";
+export * from "./hooks/useDebounce";
+export * from "./hooks/useEffectDebugger";
+export * from "./hooks/useIsDark";
+export * from "./hooks/useIsRtl";
+export * from "./hooks/useNavigator";
+export * from "./hooks/useOverlayService";
+export * from "./hooks/useResize";
+export * from "./hooks/useResizeObserver";
+export * from "./hooks/useStorage";
+export { HotKey } from "./hotkeys/HotKey";
+export { HotKeyLabel } from "./hotkeys/HotKeyLabel";
+export { CoreIcons } from "./types/icons";
+export { ApplicationProvider, useApplicationContext, useGlobals, useNotificationService, } from "./context/Global";

package/dist/types/overlays/alert/Alert.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { type ColorType, type Elements, type IconProps } from "../../types";
+export interface AlertProps extends Omit<IconProps, "iconBg" | "iconColor"> {
+    /**
+     * toast type
+     */
+    type?: "alert" | "confirm" | "prompt";
+    /**
+     * toast title
+     */
+    title?: string;
+    /**
+     * toast text
+     */
+    message: string | JSX.Element;
+    /**
+     * theme color
+     */
+    color?: ColorType;
+    /**
+     * extra action button
+     */
+    actions?: Elements<JSX.Element>;
+    /**
+     * ok label
+     */
+    okLabel?: string;
+    /**
+     * cancel label
+     */
+    cancelLabel?: string;
+}
+export declare const Alert: ({ title, message, color, icon, rtlFlip, actions, onClose, type, okLabel, cancelLabel, }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/overlays/flyout/Flyout.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { type AriaProps, type CallbackReturn, type ChildrenProp, type Elements, type IconProps, type TestProps } from "../../types";
+export interface FlyoutProps extends AriaProps, TestProps, IconProps, ChildrenProp {
+    /**
+     * flyout alignment
+     */
+    align?: "start" | "end";
+    /**
+     * header className
+     */
+    headerClassName?: string;
+    /**
+     * icon className
+     */
+    iconClassName?: string;
+    /**
+     * show loading indicator
+     */
+    loading?: boolean;
+    /**
+     * modal title
+     */
+    title?: JSX.Element | string | false;
+    /**
+     * header actions
+     */
+    actions?: Elements<JSX.Element>;
+    /**
+     * modal size
+     */
+    size?: "sm" | "md" | "lg" | "xl" | "screen";
+    /**
+     * width
+     */
+    width?: string | number;
+    /**
+     * minimum width
+     */
+    minWidth?: string | number;
+    /**
+     * hide backdrop mask
+     */
+    hideMask?: boolean;
+    /**
+     * close flyout on any click
+     */
+    closeOnClick?: boolean;
+    /**
+     * close handler
+     */
+    onClose: (...args: AnyObject) => void;
+    /**
+     * before close handler, return false to prevent close
+     */
+    onBeforeClose?: (...args: AnyObject) => CallbackReturn;
+}
+export declare const Flyout: ({ icon, iconBg, iconColor, iconClassName, rtlFlip, title, actions, closeOnClick, headerClassName, onClose, onBeforeClose, children, loading, size, width, minWidth, hideMask, align, ...aria }: FlyoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export { Alert } from "./alert/Alert";
+export { Flyout } from "./flyout/Flyout";
+export { Message } from "./message/Message";
+export { Modal } from "./modal/Modal";
+export { Toast } from "./toast/Toast";
+export { Tooltip } from "./tooltip/Tooltip";

package/dist/types/overlays/message/Message.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { type ColorType, type Elements, type IconProps } from "../../types";
+export interface MessageProps extends Omit<IconProps, "iconBg" | "iconColor"> {
+    /**
+     * message title
+     */
+    title?: string;
+    /**
+     * message text
+     */
+    message: string | JSX.Element;
+    /**
+     * theme color
+     */
+    color?: ColorType;
+    /**
+     * extra action button
+     */
+    actions?: Elements<JSX.Element>;
+}
+export declare const Message: ({ title, message, color, icon, rtlFlip, actions, onClose, }: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/overlays/modal/Modal.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import { type AriaProps, type CallbackReturn, type ChildrenProp, type Elements, type IconProps, type TestProps } from "../../types";
+export interface ModalProps extends AriaProps, TestProps, IconProps, ChildrenProp {
+    /**
+     * header className
+     */
+    headerClassName?: string;
+    /**
+     * icon className
+     */
+    iconClassName?: string;
+    /**
+     * show loading indicator
+     */
+    loading?: boolean;
+    /**
+     * modal title
+     */
+    title?: JSX.Element | string | false;
+    /**
+     * header actions
+     */
+    actions?: Elements<JSX.Element>;
+    /**
+     * modal size
+     */
+    size?: "sm" | "md" | "lg" | "xl" | "screen";
+    /**
+     * height
+     */
+    height?: string | number;
+    /**
+     * width
+     */
+    width?: string | number;
+    /**
+     * minimum height
+     */
+    minHeight?: string | number;
+    /**
+     * minimum width
+     */
+    minWidth?: string | number;
+    /**
+     * close handler
+     */
+    onClose: (...args: AnyObject) => void;
+    /**
+     * before close handler, return false to prevent close
+     */
+    onBeforeClose?: (...args: AnyObject) => CallbackReturn;
+}
+export declare const Modal: ({ icon, iconBg, iconColor, iconClassName, rtlFlip, title, actions, headerClassName, onClose, onBeforeClose, children, loading, size, width, height, minHeight, minWidth, ...aria }: ModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/overlays/toast/Toast.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { type ColorType, type Elements, type IconProps } from "../../types";
+export interface ToastProps extends Omit<IconProps, "iconBg" | "iconColor"> {
+    /**
+     * toast type
+     */
+    type?: "alert" | "confirm";
+    /**
+     * toast title
+     */
+    title?: string;
+    /**
+     * toast text
+     */
+    message: string | JSX.Element;
+    /**
+     * theme color
+     */
+    color?: ColorType;
+    /**
+     * extra action button
+     */
+    actions?: Elements<JSX.Element>;
+    /**
+     * ok label
+     */
+    okLabel?: string;
+    /**
+     * cancel label
+     */
+    cancelLabel?: string;
+}
+export declare const Toast: ({ title, message, color, icon, rtlFlip, actions, onClose, onCloseAll, type, okLabel, cancelLabel, }: ToastProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/overlays/tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement } from "react";
+import { type RefProp, type TooltipType } from "../../types";
+export interface TooltipProps extends TooltipType, RefProp {
+    /**
+     * force open
+     */
+    open?: boolean;
+    /**
+     * show copy action, pass string as copy content
+     */
+    copyContent?: boolean | string;
+    disabled?: boolean;
+    children: ReactElement;
+}
+export declare const getTooltipProps: (tooltip?: string | TooltipType, innerRef?: AnyObject) => (TooltipType & {
+    ref: AnyObject;
+}) | undefined;
+export declare const Tooltip: ({ ref, children, color, content, open, copyContent, disabled, placement: _placement, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;