@ws-ui/shared 0.0.1

package/dist/assets/index.d.ts

@@ -0,0 +1,3 @@
+import Qodly from "./Qodly.svg?react";
+export { Qodly };
+export * from './4DIcons';

package/dist/components/Dialog.d.ts

@@ -0,0 +1,21 @@
+import { Placement, VirtualElement } from '@popperjs/core';
+import React, { CSSProperties, FC } from 'react';
+interface IOverlayProps {
+    onClick: (ev: React.MouseEvent) => void;
+}
+export declare const Overlay: FC<IOverlayProps>;
+interface IDialogBodyProps {
+    style?: CSSProperties;
+    attributes?: {
+        [key: string]: string;
+    };
+}
+export declare const DialogBody: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement> & IDialogBodyProps, "ref"> & React.RefAttributes<any>>;
+interface IDialogProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    referenceElement: Element | VirtualElement | null | undefined;
+    placement?: Placement;
+}
+export declare const Dialog: FC<IDialogProps>;
+export {};

package/dist/components/Portal.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Portal: FC;

package/dist/components/Toast.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type ToastKind = 'warning' | 'info' | 'danger' | 'message' | 'error' | 'multi';
+interface IToastProps {
+    kind: ToastKind;
+    message: string | IMultilineMessage[];
+    id?: number | string;
+    onClose(): void;
+}
+export interface IMultilineMessage {
+    title: string;
+    messages: string[];
+}
+export declare const Toast: React.FC<IToastProps>;
+export {};

package/dist/components/Tree/components/IndentLines.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+declare const IndentLines: FC<{
+    showLines?: boolean;
+    depth: number;
+    height?: number;
+    width?: number;
+}>;
+export default IndentLines;

package/dist/components/Tree/components/Switcher.d.ts

@@ -0,0 +1,8 @@
+import { FC, MouseEventHandler } from 'react';
+declare const Switcher: FC<{
+    show: boolean;
+    expanded: boolean;
+    variant?: 'arrow' | 'caret';
+    onClick?: MouseEventHandler;
+}>;
+export default Switcher;

package/dist/components/Tree/components/Tree.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITreeProps } from '../interfaces';
+declare const Tree: FC<ITreeProps>;
+export default Tree;

package/dist/components/Tree/components/TreeNode.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TreeNodeProps } from '../interfaces';
+declare const TreeNode: FC<TreeNodeProps>;
+export default TreeNode;

package/dist/components/Tree/index.d.ts

@@ -0,0 +1,7 @@
+import Tree from './components/Tree';
+import TreeNode from './components/TreeNode';
+import IndentLines from './components/IndentLines';
+import Switcher from './components/Switcher';
+export { TreeNode, Tree, IndentLines, Switcher };
+export * from './interfaces';
+export * from './styled';

package/dist/components/Tree/interfaces.d.ts

@@ -0,0 +1,87 @@
+import { MouseEvent, ReactElement } from 'react';
+export type RenderNodeHandler<T = any> = (node: ITreeNodeData<T>, depth: number, state: NodeState, actions: TreeActions, searchQuery: string) => JSX.Element;
+export type NodeHandler = (node?: ITreeNodeData) => void;
+export type NodeState = {
+    expanded: boolean;
+    selected: boolean;
+};
+export type TreeActions = {
+    expand: NodeHandler;
+    select: NodeHandler;
+    selectSingle: NodeHandler;
+    deselect: NodeHandler;
+};
+export type TreeState = {
+    expandedKeys: string[];
+    selectedKeys: string[];
+};
+export interface ITreeProps {
+    /**
+     * Nested Tree Data.
+     */
+    treeData: ITreeNodeData[];
+    /**
+     * A function to customize the structure of the node.
+     */
+    renderNode?: RenderNodeHandler;
+    /**
+     * an event listener when a node is expanded inside the tree
+     */
+    onExpandNode?: (expandedKeys: string[]) => void;
+    /**
+     * expanded keys of the tree.
+     */
+    expandedKeys?: string[];
+    /**
+     * node search query
+     */
+    searchQuery?: string;
+    /**
+     * expand condition
+     */
+    expandCondition?: 'always' | 'when-collapsed';
+    /**
+     * Hanlder for node click event.
+     */
+    onNodeClick?: NodeHandler;
+    /**
+     * Renders the encapsolated view
+     */
+    encapsulated?: boolean;
+}
+export interface ITreeNodeData<T = any> {
+    key: string;
+    title: string;
+    index?: number;
+    subtitle?: string;
+    options?: {
+        selectable?: boolean;
+        draggable?: boolean;
+        focusable?: boolean;
+        deletable?: boolean;
+        filterable?: boolean;
+    };
+    icon?: ReactElement | JSX.Element | string;
+    children?: ITreeNodeData[];
+    invalid?: boolean;
+    data?: T;
+}
+export interface TreeNodeProps {
+    node: ITreeNodeData;
+    expandedKeys: string[];
+    selectedKeys: string[];
+    actions: TreeActions;
+    depth: number;
+    searchQuery: string;
+    renderNode?: RenderNodeHandler;
+    onNodeClick?: NodeHandler;
+}
+export interface ITreeAction {
+    name: string;
+    icon: ReactElement;
+}
+export interface ITreeIcon {
+    size?: number;
+    className?: string;
+    onClick?: (ev: MouseEvent) => void;
+}

package/dist/components/Tree/styled.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ITreeIcon } from './interfaces';
+export declare const TreeIcon: FC<ITreeIcon>;

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Dialog';
+export * from './Portal';
+export * from './Toast';
+export * from './Tree';

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './use-didmounteffect';
+export * from './use-hotkeys';
+export * from './use-outside-click';
+export * from './use-previous';
+export * from './use-state-ref';

package/dist/hooks/use-didmounteffect.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback, DependencyList } from 'react';
+export declare function useDidMountEffect(effect: EffectCallback, deps?: DependencyList): void;

package/dist/hooks/use-hotkeys.d.ts

@@ -0,0 +1,14 @@
+import { DependencyList } from 'react';
+import { KeyHandler } from 'hotkeys-js';
+type Options = {
+    scope?: string;
+    element?: HTMLElement | null;
+    keyup?: boolean | null;
+    keydown?: boolean | null;
+    splitKey?: string;
+    preventDefault?: boolean;
+};
+export declare function useHotkeys(keys: string, callback: KeyHandler, options?: Options): void;
+export declare function useHotkeys(keys: string, callback: KeyHandler, deps?: DependencyList): void;
+export declare function useHotkeys(keys: string, callback: KeyHandler, options?: Options, deps?: DependencyList): void;
+export {};

package/dist/hooks/use-outside-click.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useOutsideClick: <T extends HTMLElement, R = void>(callback: (event: MouseEvent) => R) => import("react").MutableRefObject<T | null>;

package/dist/hooks/use-previous.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious<T = any>(value: T): T | undefined;

package/dist/hooks/use-state-ref.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useStateRef<T>(state: T): import("react").MutableRefObject<T>;