@antscorp/antsomi-ui 1.3.2-beta.8 → 1.3.2-beta.9

package/dist/types/src/components/molecules/CaptureScreen/constants.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties } from 'react';
+import { BoxDimensionProps } from './components/CommentBox/types';
+import { DrawItemProps } from './types';
+export declare const OFFSET_CENTER = 20;
+export declare const SIZE_ADJUST = 1;
+export declare enum IGNORE_DRAW_ID_LIST {
+    ICON_CLOSE = "antsomi-package-close-draw-icon",
+    BORDER_OVERLAY = "antsomi-package-border-overlay",
+    DRAW_ACTIONS = "antsomi-package-draw-action-options",
+    CLASS_PREVENT_HOVER = "antsomi-package-ignore-hovering-draw"
+}
+export declare const COMMENT_BOX_DIMENSION_FIXED: BoxDimensionProps;
+export declare const styleDrawItem: {
+    MEDIUM: number;
+    SMALL: number;
+    LARGE: number;
+};
+export declare const styleRecordItem: CSSProperties;
+export declare const styleContainer: CSSProperties;
+export declare enum DRAW_KEYS {
+    NULL = "null",
+    HIGHLIGHT = "highlight",
+    COMMENT = "comment",
+    PEN = "pen",
+    ARROW = "arrow",
+    HIDE = "hide",
+    DONE = "done",
+    CANCEL = "cancel"
+}
+export declare enum RECORD_KEYS {
+    DRAGGABLE = "draggable",
+    NULL = "null",
+    START = "start_recorder",
+    STOP = "stop_recorder",
+    PAUSE = "pause_recorder",
+    RESUME = "resume_recorder",
+    UNMUTE = "unmute_recorder",
+    MUTED = "muted_recorder",
+    TIMELINE = "timeline_recorder"
+}
+export declare const DRAW_ACTION_LIST: Array<DrawItemProps>;

package/dist/types/src/components/molecules/CaptureScreen/hooks/useImageEditor.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+import { ImageEditorInstanceProps } from '../types';
+export declare const useImageEditor: (imageEditorRef: RefObject<HTMLDivElement>, options?: {
+    preventCreateInstance: boolean;
+}) => ImageEditorInstanceProps;

package/dist/types/src/components/molecules/CaptureScreen/index.d.ts

@@ -0,0 +1 @@
+export { CaptureScreen } from './CaptureScreen';

package/dist/types/src/components/molecules/CaptureScreen/styled.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare const ContainerCapture: import("styled-components").StyledComponent<"div", any, {
+    isRecord: boolean;
+    imageURL?: string | undefined;
+}, never>;
+export declare const BorderOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlexColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlexCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {
+    isRecord?: boolean | undefined;
+}, never>;
+export declare const DrawerGroups: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperDraggable: import("styled-components").StyledComponent<"strong", any, {}, never>;
+export declare const DrawerGroupItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {
+    isVertical?: boolean | undefined;
+}, never>;
+export declare const PopupBySide: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Heading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const WrapperColor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BoxColor: import("styled-components").StyledComponent<"div", any, {
+    bgColor?: string | undefined;
+}, never>;
+export declare const ImageIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const OutlineRemoveContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperRemoveBtn: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/CaptureScreen/themes/black.d.ts

@@ -0,0 +1,54 @@
+export declare const blackTheme: {
+    'common.bi.image': string;
+    'common.bisize.width': string;
+    'common.bisize.height': string;
+    'common.backgroundImage': string;
+    'common.backgroundColor': string;
+    'common.border': string;
+    'header.backgroundImage': string;
+    'header.backgroundColor': string;
+    'header.border': string;
+    'loadButton.backgroundColor': string;
+    'loadButton.border': string;
+    'loadButton.color': string;
+    'loadButton.fontFamily': string;
+    'loadButton.fontSize': string;
+    'downloadButton.backgroundColor': string;
+    'downloadButton.border': string;
+    'downloadButton.color': string;
+    'downloadButton.fontFamily': string;
+    'downloadButton.fontSize': string;
+    'menu.normalIcon.color': string;
+    'menu.activeIcon.color': string;
+    'menu.disabledIcon.color': string;
+    'menu.hoverIcon.color': string;
+    'menu.iconSize.width': string;
+    'menu.iconSize.height': string;
+    'submenu.normalIcon.color': string;
+    'submenu.activeIcon.color': string;
+    'submenu.iconSize.width': string;
+    'submenu.iconSize.height': string;
+    'submenu.backgroundColor': string;
+    'submenu.partition.color': string;
+    'submenu.normalLabel.color': string;
+    'submenu.normalLabel.fontWeight': string;
+    'submenu.activeLabel.color': string;
+    'submenu.activeLabel.fontWeight': string;
+    'checkbox.border': string;
+    'checkbox.backgroundColor': string;
+    'range.pointer.color': string;
+    'range.bar.color': string;
+    'range.subbar.color': string;
+    'range.disabledPointer.color': string;
+    'range.disabledBar.color': string;
+    'range.disabledSubbar.color': string;
+    'range.value.color': string;
+    'range.value.fontWeight': string;
+    'range.value.fontSize': string;
+    'range.value.border': string;
+    'range.value.backgroundColor': string;
+    'range.title.color': string;
+    'range.title.fontWeight': string;
+    'colorpicker.button.border': string;
+    'colorpicker.title.color': string;
+};

package/dist/types/src/components/molecules/CaptureScreen/themes/white.d.ts

@@ -0,0 +1,54 @@
+export declare const whiteTheme: {
+    'common.bi.image': string;
+    'common.bisize.width': string;
+    'common.bisize.height': string;
+    'common.backgroundImage': string;
+    'common.backgroundColor': string;
+    'common.border': string;
+    'header.backgroundImage': string;
+    'header.backgroundColor': string;
+    'header.border': string;
+    'loadButton.backgroundColor': string;
+    'loadButton.border': string;
+    'loadButton.color': string;
+    'loadButton.fontFamily': string;
+    'loadButton.fontSize': string;
+    'downloadButton.backgroundColor': string;
+    'downloadButton.border': string;
+    'downloadButton.color': string;
+    'downloadButton.fontFamily': string;
+    'downloadButton.fontSize': string;
+    'menu.normalIcon.color': string;
+    'menu.activeIcon.color': string;
+    'menu.disabledIcon.color': string;
+    'menu.hoverIcon.color': string;
+    'menu.iconSize.width': string;
+    'menu.iconSize.height': string;
+    'submenu.normalIcon.color': string;
+    'submenu.activeIcon.color': string;
+    'submenu.iconSize.width': string;
+    'submenu.iconSize.height': string;
+    'submenu.backgroundColor': string;
+    'submenu.partition.color': string;
+    'submenu.normalLabel.color': string;
+    'submenu.normalLabel.fontWeight': string;
+    'submenu.activeLabel.color': string;
+    'submenu.activeLabel.fontWeight': string;
+    'checkbox.border': string;
+    'checkbox.backgroundColor': string;
+    'range.pointer.color': string;
+    'range.bar.color': string;
+    'range.subbar.color': string;
+    'range.disabledPointer.color': string;
+    'range.disabledBar.color': string;
+    'range.disabledSubbar.color': string;
+    'range.value.color': string;
+    'range.value.fontWeight': string;
+    'range.value.fontSize': string;
+    'range.value.border': string;
+    'range.value.backgroundColor': string;
+    'range.title.color': string;
+    'range.title.fontWeight': string;
+    'colorpicker.button.border': string;
+    'colorpicker.title.color': string;
+};

package/dist/types/src/components/molecules/CaptureScreen/types.d.ts

@@ -0,0 +1,108 @@
+import ImageEditor from 'tui-image-editor';
+import { DRAW_KEYS } from './constants';
+import { ATTACH_KEYS } from 'src/components/organism/Help/constants';
+import { StreamTrackProps } from 'src/components/organism/Help/types';
+import { ControlPosition } from 'react-draggable';
+interface RecorderConfigProps {
+    isMute: boolean;
+    recorder?: MediaRecorder;
+    streamTracks?: StreamTrackProps;
+}
+export interface ControlPositionProps {
+    [ATTACH_KEYS.CAPTURE]: ControlPosition;
+    [ATTACH_KEYS.RECORD]: ControlPosition;
+}
+export interface IImageEditorProps {
+    src?: string;
+    alt?: string;
+    recorderConfigs: RecorderConfigProps;
+    defaultPositions?: ControlPositionProps;
+    captureType: CaptureTypeProps;
+    callback: Function;
+}
+export type CaptureTypeProps = ATTACH_KEYS.CAPTURE | ATTACH_KEYS.RECORD;
+export interface IncludeUIOptionProps {
+    loadImage?: {
+        path: string;
+        name: string;
+    };
+    theme?: any;
+    menu?: string[];
+    initMenu?: string;
+    uiSize?: {
+        width: string;
+        height: string;
+    };
+    menuBarPosition?: string;
+    usageStatistics?: boolean;
+}
+export interface SelectionStyleConfigProps {
+    cornerStyle?: string;
+    cornerSize?: number;
+    cornerColor?: string;
+    cornerStrokeColor?: string;
+    transparentCorners?: boolean;
+    lineWidth?: number;
+    borderColor?: string;
+    rotatingPointOffset?: number;
+}
+export interface EditorConfigProps {
+    includeUI?: IncludeUIOptionProps;
+    cssMaxWidth?: number;
+    cssMaxHeight?: number;
+    usageStatistics?: boolean;
+    selectionStyle?: SelectionStyleConfigProps;
+}
+export interface DrawItemProps {
+    key: string;
+    icon: string;
+    type?: string;
+    label?: string;
+    isShowColorList: boolean;
+    colorList?: Array<string>;
+}
+export interface MethodImageEditorProps {
+    activateShapeMode: Function;
+    activateTextMode: Function;
+    getSettings: Function;
+}
+export interface ImageEditorInstanceProps {
+    editorInstance: ImageEditor | null;
+    canvasEditor: any;
+    methods: MethodImageEditorProps;
+}
+export type ColorListProps = '#0f2eae' | '#212b37' | '#1e6be5' | '#17bb84' | '#f5b108' | '#f71007';
+export type ColorKeys = DRAW_KEYS.HIGHLIGHT | DRAW_KEYS.COMMENT | DRAW_KEYS.PEN | DRAW_KEYS.ARROW | DRAW_KEYS.HIDE;
+export interface ShapeOptionProps {
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    width?: number;
+    height?: number;
+    rx?: number;
+    ry?: number;
+    left?: number;
+    top?: number;
+    isRegular?: boolean;
+}
+interface ArrowTypeProps {
+    tail?: 'chevron' | 'triangle';
+    head?: 'chevron' | 'triangle';
+}
+export interface DrawingModeOptionProps {
+    width?: number;
+    color?: string;
+    arrowType?: ArrowTypeProps;
+}
+export interface CommentListProps {
+    id: string;
+    index: number;
+    color: string;
+    content?: string;
+    isSubmitted: boolean;
+    left: number;
+    top: number;
+    isReverseAxisX: boolean;
+    isReverseAxisY: boolean;
+}
+export {};

package/dist/types/src/components/molecules/CaptureScreen/utils.d.ts

@@ -0,0 +1,13 @@
+import { EditorConfigProps } from './types';
+export declare const getEditorConfigs: () => EditorConfigProps;
+export declare const initDefaultColors: () => {
+    highlight: string;
+    comment: string;
+    pen: string;
+    arrow: string;
+    hide: string;
+};
+export declare const base64ToFile: (dataUrl: string, filename: string) => File | undefined;
+export declare const convertBlobToFile: (blob: Blob, fileName: string) => File;
+export declare const generateUniqueId: () => string;
+export declare const mergeAudioStreams: (desktopStream: MediaStream, voiceStream: MediaStream) => any[];

package/dist/types/{components → src/components}/molecules/Card/Card.d.ts

@@ -1 +1 @@
-export declare const Card: import("antd/es/card").CardInterface;
+export declare const Card: import("antd/es/card").CardInterface;

package/dist/types/{components → src/components}/molecules/Card/Card.stories.d.ts

@@ -1,88 +1,88 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<import("antd/es/card").CardInterface>;
-export default _default;
-export declare const Basic: ComponentStory<import("antd/es/card").CardInterface>;
-export declare const NoBorder: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const SimpleCard: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const CustomizedContent: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const CardInColumn: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const LoadingCard: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const GridCard: () => JSX.Element;
-export declare const InnerCard: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const WithTabs: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const SupportMoreContentConfiguration: {
-    (): JSX.Element;
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};
-export declare const CardGrid: ComponentStory<any>;
-export declare const CardMeta: ComponentStory<any>;
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<import("antd/es/card").CardInterface>;
+export default _default;
+export declare const Basic: ComponentStory<import("antd/es/card").CardInterface>;
+export declare const NoBorder: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SimpleCard: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomizedContent: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CardInColumn: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LoadingCard: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const GridCard: () => JSX.Element;
+export declare const InnerCard: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithTabs: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SupportMoreContentConfiguration: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CardGrid: ComponentStory<any>;
+export declare const CardMeta: ComponentStory<any>;

package/dist/types/src/components/molecules/Card/__tests__/index.test.d.ts

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

package/dist/types/{components → src/components}/molecules/Card/index.d.ts

@@ -1 +1 @@
-export { Card } from './Card';
+export { Card } from './Card';

package/dist/types/src/components/molecules/Cascader/Cascader.d.ts

@@ -0,0 +1 @@
+export { Cascader } from 'antd';

package/dist/types/src/components/molecules/Cascader/Cascader.stories.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { DefaultOptionType } from 'antd/es/cascader';
+declare const _default: ComponentMeta<(<OptionType extends DefaultOptionType | import("rc-cascader/lib/Cascader").BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
+    ref?: React.Ref<import("antd/es/cascader").CascaderRef> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    displayName: string;
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+}>;
+export default _default;
+export declare const Default: ComponentStory<(<OptionType extends DefaultOptionType | import("rc-cascader/lib/Cascader").BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
+    ref?: React.Ref<import("antd/es/cascader").CascaderRef> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    displayName: string;
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
+}>;
+export declare const Basic: ComponentStory<any>;
+export declare const CustomTrigger: ComponentStory<any>;
+export declare const DisabledOption: ComponentStory<any>;
+export declare const Multiple: ComponentStory<any>;
+export declare const Size: ComponentStory<any>;
+export declare const Search: ComponentStory<any>;
+export declare const CustomFieldNames: ComponentStory<any>;
+export declare const Placement: ComponentStory<any>;
+export declare const DefaultValue: ComponentStory<any>;
+export declare const Hover: ComponentStory<any>;
+export declare const ChangeOnSelect: ComponentStory<any>;
+export declare const ShowCheckedStrategy: ComponentStory<any>;
+export declare const CustomRender: ComponentStory<any>;
+export declare const LoadOptionsLazily: ComponentStory<any>;
+export declare const CustomDropdown: ComponentStory<any>;
+export declare const Status: ComponentStory<any>;
+export declare const ShowSearchAPI: ComponentStory<any>;

package/dist/types/src/components/molecules/Cascader/index.d.ts

@@ -0,0 +1 @@
+export { Cascader } from './Cascader';

package/dist/types/src/components/molecules/ChatBox/ChatBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IChatBoxProps } from './types';
+export declare const ChatBox: React.FC<IChatBoxProps>;

package/dist/types/src/components/molecules/ChatBox/MessageItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import 'highlight.js/styles/vs2015.css';
+import { IChatBoxMessageProps } from './types';
+declare const _default: React.NamedExoticComponent<IChatBoxMessageProps>;
+export default _default;

package/dist/types/src/components/molecules/ChatBox/constants.d.ts

@@ -0,0 +1,6 @@
+import { Role } from './types';
+export declare const CONVERSATION: {
+    role: Role;
+    content: string;
+}[];
+export declare const LIMIT_MESSAGE = 10;

package/dist/types/src/components/molecules/ChatBox/index.d.ts

@@ -0,0 +1 @@
+export { ChatBox } from './ChatBox';

package/dist/types/src/components/molecules/ChatBox/styled.d.ts

@@ -0,0 +1,10 @@
+export declare const ChatBoxWrapper: import("styled-components").StyledComponent<"div", any, {
+    withoutBox?: boolean | undefined;
+}, never>;
+export declare const ChatBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBoxBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBoxFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WarningWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TypingCursor: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/ChatBox/types.d.ts

@@ -0,0 +1,32 @@
+export declare const enum Role {
+    Assistant = "assistant",
+    User = "user"
+}
+export interface Message {
+    id: string;
+    role: Role;
+    content: string;
+    answering?: boolean;
+}
+export interface IChatBoxMessageProps extends Message {
+    role: Role;
+    content: string;
+    isTyping?: boolean;
+    isPlaceholder?: boolean;
+    scrollBody: Function;
+    renderDone: Function;
+    doAnimation: boolean;
+    answeringContent: string;
+    avatar?: string;
+    idx?: number;
+    renderType: 'text' | 'markdown';
+}
+export interface IChatBoxProps {
+    onClose?: Function;
+    withoutBox?: boolean;
+    domain: string;
+    userId: string | number;
+    token: string;
+    avatar?: string;
+    style?: Record<string, any>;
+}

package/dist/types/src/components/molecules/ColorPicker/ChromePicker/__tests__/index.test.d.ts

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

package/dist/types/src/components/molecules/ColorPicker/ChromePicker/index.d.ts

@@ -0,0 +1 @@
+export declare const ChromePicker: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/dist/types/src/components/molecules/ColorPicker/ChromePicker/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledChromePicker: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/dist/types/src/components/molecules/ColorPicker/CustomPicker/__tests__/index.test.d.ts

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

package/dist/types/src/components/molecules/ColorPicker/CustomPicker/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/src/components/molecules/ColorPicker/CustomPicker/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const CustomPickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SaturationPointer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HuePointer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviewColorPoint: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/src/components/molecules/ColorPicker/SketchPicker/__tests__/index.test.d.ts

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

package/dist/types/src/components/molecules/ColorPicker/SketchPicker/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ColorResult } from 'react-color';
+interface SketchPickerProps {
+    presetColors?: any[];
+    color: string;
+    onChange?: (color: ColorResult) => void;
+    onChangeComplete?: (color: ColorResult) => void;
+}
+export declare const SketchPicker: React.FC<SketchPickerProps>;
+export {};

package/dist/types/src/components/molecules/ColorPicker/SketchPicker/styled.d.ts

@@ -0,0 +1 @@
+export declare const SketchPickerWrapper: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;