@npm-questionpro/wick-ui-lib 1.21.1 → 1.24.0

package/dist/src/components/appHeader/components/WuAppHeaderDropdownWrapper.d.ts

@@ -5,6 +5,7 @@ interface IWuAppHeaderAccountProps {
     Trigger?: React.ReactElement;
     triggerClassName?: string;
     DropdownContent?: React.ReactElement;
+    isAllowActiveStyle?: boolean;
 }
 export declare const WuAppHeaderDropdownWrapper: React.FC<IWuAppHeaderAccountProps>;
 export {};

package/dist/src/components/card/index.d.ts

@@ -1,2 +1,2 @@
-export { WuCard } from './WuCard';
+export { WuCard, WuCardFooter, WuCardHeader } from './WuCard';
 export type { IWuCardProps } from './WuCard';

package/dist/src/components/contentEditor/WuContentEditor.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { IToolbarExtensionKey } from './ui/Toolbar';
+export interface IWuContentEditorProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: string;
+    onUpdate?: (content: string) => void;
+    customFonts?: string[];
+    readonly?: boolean;
+    toolbarPosition?: 'top' | 'bottom';
+    classNames?: Record<string, string>;
+    customToolbarChildren?: React.ReactNode;
+    toolbarItems?: IToolbarExtensionKey[];
+}
+export declare const WuContentEditor: React.FC<IWuContentEditorProps>;

package/dist/src/components/contentEditor/extentions/Alignment.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Alignment: React.FC;

package/dist/src/components/contentEditor/extentions/BgColor.d.ts

@@ -0,0 +1 @@
+export declare const BgColor: React.FC;

package/dist/src/components/contentEditor/extentions/Block.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Block: React.FC;

package/dist/src/components/contentEditor/extentions/Blockquote.d.ts

@@ -0,0 +1 @@
+export declare const Blockquote: React.FC;

package/dist/src/components/contentEditor/extentions/Bold.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Bold: React.FC;

package/dist/src/components/contentEditor/extentions/ClearFormat.d.ts

@@ -0,0 +1 @@
+export declare const ClearFormat: React.FC;

package/dist/src/components/contentEditor/extentions/CodeLine.d.ts

@@ -0,0 +1 @@
+export declare const CodeLine: React.FC;

package/dist/src/components/contentEditor/extentions/EmbedImage.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Image: React.FC;

package/dist/src/components/contentEditor/extentions/EmbedLink.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Link: React.FC;

package/dist/src/components/contentEditor/extentions/EmbedTable.d.ts

@@ -0,0 +1 @@
+export declare const Table: React.FC;

package/dist/src/components/contentEditor/extentions/Family.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FontFamily: React.FC;

package/dist/src/components/contentEditor/extentions/Italic.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Italic: React.FC;

package/dist/src/components/contentEditor/extentions/List.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const List: React.FC;

package/dist/src/components/contentEditor/extentions/Size.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FontSize: React.FC;

package/dist/src/components/contentEditor/extentions/Strikethrough.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Strikethrough: React.FC;

package/dist/src/components/contentEditor/extentions/Subscript.d.ts

@@ -0,0 +1 @@
+export declare const Subscript: React.FC;

package/dist/src/components/contentEditor/extentions/Superscript.d.ts

@@ -0,0 +1 @@
+export declare const Superscript: React.FC;

package/dist/src/components/contentEditor/extentions/TextColor.d.ts

@@ -0,0 +1 @@
+export declare const TextColor: React.FC;

package/dist/src/components/contentEditor/extentions/Underline.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Underline: React.FC;

package/dist/src/components/contentEditor/extentions/config.d.ts

@@ -0,0 +1,2 @@
+import { Extensions } from '@tiptap/react';
+export declare const extensionConfig: Extensions;

package/dist/src/components/contentEditor/hooks/useToolbar.d.ts

@@ -0,0 +1,15 @@
+import { Editor } from '@tiptap/react';
+import { default as React } from 'react';
+export interface IToolbarContextProps {
+    editor: Editor;
+    customFonts?: string[];
+}
+export declare const ToolbarContext: React.Context<IToolbarContextProps | null>;
+interface IToolbarProviderProps {
+    editor: Editor;
+    children: React.ReactNode;
+    customFonts?: string[];
+}
+export declare const ToolbarProvider: ({ editor, children, customFonts, }: IToolbarProviderProps) => React.JSX.Element;
+export declare const useToolbar: () => IToolbarContextProps;
+export {};

package/dist/src/components/contentEditor/index.d.ts

@@ -0,0 +1,2 @@
+export { WuContentEditor } from './WuContentEditor';
+export type { IWuContentEditorProps } from './WuContentEditor';

package/dist/src/components/contentEditor/ui/InlineDropdown.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type IInlineDropdownItemProps = {
+    id: string;
+    icon: string;
+    event: () => boolean;
+    active?: boolean;
+    tooltip?: string;
+};
+export type IInlineDropdownProps = {
+    id: string;
+    icon: string;
+    tooltip?: string;
+    className?: string;
+    active?: boolean;
+    items: IInlineDropdownItemProps[];
+};
+export declare const InlineDropdown: React.FC<{
+    action: IInlineDropdownProps;
+    defaultValue?: IInlineDropdownItemProps;
+}>;

package/dist/src/components/contentEditor/ui/Toolbar.d.ts

@@ -0,0 +1,30 @@
+import { Editor } from '@tiptap/react';
+declare const TOOLBAR_EXTENSIONS: {
+    block: import("react/jsx-runtime").JSX.Element;
+    fontFamily: import("react/jsx-runtime").JSX.Element;
+    fontSize: import("react/jsx-runtime").JSX.Element;
+    bold: import("react/jsx-runtime").JSX.Element;
+    italic: import("react/jsx-runtime").JSX.Element;
+    underline: import("react/jsx-runtime").JSX.Element;
+    strike: import("react/jsx-runtime").JSX.Element;
+    color: import("react/jsx-runtime").JSX.Element;
+    list: import("react/jsx-runtime").JSX.Element;
+    alignment: import("react/jsx-runtime").JSX.Element;
+    image: import("react/jsx-runtime").JSX.Element;
+    link: import("react/jsx-runtime").JSX.Element;
+    table: import("react/jsx-runtime").JSX.Element;
+    blockquote: import("react/jsx-runtime").JSX.Element;
+    superscript: import("react/jsx-runtime").JSX.Element;
+    subscript: import("react/jsx-runtime").JSX.Element;
+    codeline: import("react/jsx-runtime").JSX.Element;
+    clear: import("react/jsx-runtime").JSX.Element;
+    '|': import("react/jsx-runtime").JSX.Element;
+};
+export type IToolbarExtensionKey = keyof typeof TOOLBAR_EXTENSIONS;
+export interface IToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    editor: Editor;
+    customFonts?: string[];
+    items?: IToolbarExtensionKey[];
+}
+export declare const Toolbar: React.FC<IToolbarProps>;
+export {};

package/dist/src/components/drilldown/WuDrilldown.d.ts

@@ -1,13 +1,23 @@
 import { default as React } from 'react';
-export interface IWuDrilldownProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    header?: (ref: React.RefObject<HTMLDivElement | null>) => React.JSX.Element;
-    isOpen?: boolean;
-    contentOffset?: number | string;
-    contentOffsetFactor?: number;
-    titles?: string[];
-    contentAnimation?: 'wu-fade-zoom' | 'wu-scale-left' | 'wu-slide-up-down' | 'wu-slide-left-right' | 'wu-scale-fade';
-    headerAnimation?: 'wu-scale-left' | 'wu-slide-up-down' | 'wu-slide-left-right';
-    dir?: 'ltr' | 'rtl';
-}
-export declare const WuDrilldown: React.ForwardRefExoticComponent<IWuDrilldownProps & React.RefAttributes<HTMLDivElement>>;
+export interface IWuDrilldownTitle {
+    id: `LEVEL_${number}`;
+    title: string;
+}
+export interface IWuDrilldownContext {
+    goNext: (id: `LEVEL_${number}`, data?: IWuDrilldownTitle) => void;
+    goBack: (id: `LEVEL_${number}`, data?: IWuDrilldownTitle) => void;
+}
+export interface IWuDrilldownItem {
+    component: React.ReactNode | ((ctx: IWuDrilldownContext) => React.ReactNode);
+}
+export type IWuDrilldownAnimationVariant = 'default' | 'slideRight' | 'slideLeft' | 'fadeZoom';
+export interface IWuDrilldownProps {
+    items: Record<`LEVEL_${number}`, IWuDrilldownItem>;
+    initial: `LEVEL_${number}`;
+    baseTitle?: IWuDrilldownTitle;
+    mode?: 'popLayout' | 'wait' | undefined;
+    headerClasses?: string;
+    offsetHeight?: number;
+    variant?: IWuDrilldownAnimationVariant;
+}
+export declare const WuDrilldown: React.FC<IWuDrilldownProps>;

package/dist/src/components/drilldown/WuDrilldownTitles.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { IWuDrilldownTitle } from './WuDrilldown';
+interface IProps {
+    titles: IWuDrilldownTitle[];
+    currentLevel: `LEVEL_${number}`;
+    initial: `LEVEL_${number}`;
+    handleTitleClick: (e: React.MouseEvent<HTMLHeadingElement, MouseEvent>, levelId?: `LEVEL_${number}`) => void;
+    headerClasses?: string;
+    offsetHeight?: number;
+}
+export declare const WuDrilldownTitles: React.FC<IProps>;
+export {};

package/dist/src/index.d.ts

@@ -46,5 +46,5 @@ export * from './components/useTranslation';
 export * from './components/virtualScroll';
 export * from './docs/ui/colorSystem.ts';
 export * from './components/drilldown';
-export * from './components/editor';
 export * from './components/stackedCard';
+export * from './components/contentEditor';