@antscorp/antsomi-ui 1.2.3-beta.3 → 1.2.3-beta.5

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

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<{
-    (props: import("./types").IImageEditorProps): JSX.Element;
-    defaultProps: {
-        isOpen: boolean;
-        src: string;
-        alt: string;
-        callback: () => void;
-    };
-}>;
-export default _default;
-export declare const Default: ComponentStory<{
-    (props: import("./types").IImageEditorProps): JSX.Element;
-    defaultProps: {
-        isOpen: boolean;
-        src: string;
-        alt: string;
-        callback: () => void;
-    };
-}>;
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<{
+    (props: import("./types").IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        callback: () => void;
+    };
+}>;
+export default _default;
+export declare const Default: ComponentStory<{
+    (props: import("./types").IImageEditorProps): JSX.Element;
+    defaultProps: {
+        isOpen: boolean;
+        src: string;
+        alt: string;
+        callback: () => void;
+    };
+}>;

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

@@ -1,16 +1,16 @@
-import { CommentBoxProps } from './types';
-declare const CommentBox: {
-    (props: CommentBoxProps): JSX.Element;
-    defaultProps: {
-        info: {
-            id: string;
-            top: number;
-            left: number;
-            index: number;
-            isSubmitted: boolean;
-        };
-        offset: number;
-        onChangeComment: () => void;
-    };
-};
-export { CommentBox };
+import { CommentBoxProps } from './types';
+declare const CommentBox: {
+    (props: CommentBoxProps): JSX.Element;
+    defaultProps: {
+        info: {
+            id: string;
+            top: number;
+            left: number;
+            index: number;
+            isSubmitted: boolean;
+        };
+        offset: number;
+        onChangeComment: () => void;
+    };
+};
+export { CommentBox };

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

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

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

@@ -1,12 +1,12 @@
-import { BoxDimensionProps, CommentPointProps } from './types';
-export declare const CommentPoint: import("styled-components").StyledComponent<"div", any, CommentPointProps, never>;
-export declare const RoundedDashed: import("styled-components").StyledComponent<"div", any, {
-    offset: number;
-}, never>;
-export declare const CommentBoxed: import("styled-components").StyledComponent<"div", any, {
-    boxDimension: BoxDimensionProps;
-    isReverseAxisX: boolean;
-    isReverseAxisY: boolean;
-}, never>;
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { BoxDimensionProps, CommentPointProps } from './types';
+export declare const CommentPoint: import("styled-components").StyledComponent<"div", any, CommentPointProps, never>;
+export declare const RoundedDashed: import("styled-components").StyledComponent<"div", any, {
+    offset: number;
+}, never>;
+export declare const CommentBoxed: import("styled-components").StyledComponent<"div", any, {
+    boxDimension: BoxDimensionProps;
+    isReverseAxisX: boolean;
+    isReverseAxisY: boolean;
+}, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,14 +1,15 @@
-import { CommentListProps } from '../../types';
-export interface BoxDimensionProps {
-    width: number;
-    height: number;
-}
-export interface CommentBoxProps {
-    info: CommentListProps;
-    offset: number;
-    boxDimension: BoxDimensionProps;
-    onChangeComment: Function;
-}
-export interface CommentPointProps extends Pick<CommentListProps, 'left' | 'top' | 'isSubmitted' | 'color'> {
-    offset: number;
-}
+import { CommentListProps } from '../../types';
+export interface BoxDimensionProps {
+    width: number;
+    height: number;
+}
+export interface CommentBoxProps {
+    className?: string;
+    info: CommentListProps;
+    offset: number;
+    boxDimension: BoxDimensionProps;
+    onChangeComment: Function;
+}
+export interface CommentPointProps extends Pick<CommentListProps, 'left' | 'top' | 'isSubmitted' | 'color'> {
+    offset: number;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { CursorProps } from './types';
-declare const Cursor: (props: CursorProps) => JSX.Element;
-export { Cursor };
+import { CursorProps } from './types';
+declare const Cursor: (props: CursorProps) => JSX.Element | null;
+export { Cursor };

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

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

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

@@ -1,6 +1,5 @@
-import { PositionCursorProps } from './types';
-export declare const CursorOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DottedCursor: import("styled-components").StyledComponent<"div", any, {
-    bgColor?: string | undefined;
-    position?: PositionCursorProps | undefined;
-}, never>;
+export declare const DottedCursor: import("styled-components").StyledComponent<"div", any, {
+    bgColor?: string | undefined;
+    isPointerBox?: boolean | undefined;
+    offset: number;
+}, never>;

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

@@ -1,10 +1,9 @@
-import React from 'react';
-export interface PositionCursorProps {
-    left?: number;
-    top?: number;
-}
-export interface CursorProps {
-    cursorRef?: React.RefObject<HTMLDivElement>;
-    position?: PositionCursorProps;
-    bgColor?: string;
-}
+import React from 'react';
+export interface CursorProps {
+    isShowCursor: boolean;
+    cursorRef?: React.RefObject<HTMLDivElement>;
+    bgColor?: string;
+    isPointerBox?: boolean;
+    offset: number;
+    children?: any;
+}

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

@@ -1,31 +1,32 @@
-import { CSSProperties } from 'react';
-import { BoxDimensionProps } from './components/CommentBox/types';
-import { DrawItemProps } from './types';
-export declare const OFFSET_CENTER = 20;
-export declare enum IGNORE_DRAW_ID_LIST {
-    ICON_CLOSE = "antsomi-package-close-draw-icon",
-    DRAW_ACTIONS = "antsomi-package-draw-action-options"
-}
-export declare const COMMENT_BOX_DIMENSION_FIXED: BoxDimensionProps;
-export declare const styleContainer: CSSProperties;
-export declare enum DRAW_KEYS {
-    NULL = "null",
-    HIGHLIGHT = "highlight",
-    COMMENT = "comment",
-    PEN = "pen",
-    ARROW = "arrow",
-    HIDE = "hide",
-    DONE = "done"
-}
-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>;
+import { CSSProperties } from 'react';
+import { BoxDimensionProps } from './components/CommentBox/types';
+import { DrawItemProps } from './types';
+export declare const OFFSET_CENTER = 20;
+export declare enum IGNORE_DRAW_ID_LIST {
+    ICON_CLOSE = "antsomi-package-close-draw-icon",
+    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 styleContainer: CSSProperties;
+export declare enum DRAW_KEYS {
+    NULL = "null",
+    HIGHLIGHT = "highlight",
+    COMMENT = "comment",
+    PEN = "pen",
+    ARROW = "arrow",
+    HIDE = "hide",
+    DONE = "done"
+}
+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/components/molecules/CaptureScreen/hooks/useImageEditor.d.ts

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

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

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

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

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export declare const ContainerCapture: import("styled-components").StyledComponent<"div", any, {
-    isRecord: boolean;
-}, 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;
-}, 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>;
+/// <reference types="react" />
+export declare const ContainerCapture: import("styled-components").StyledComponent<"div", any, {
+    isRecord: boolean;
+}, 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;
+}, 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>;

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

@@ -1,54 +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;
-};
+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/components/molecules/CaptureScreen/themes/white.d.ts

@@ -1,54 +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;
-};
+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;
+};