@antscorp/antsomi-ui 1.3.3-beta.2 → 1.3.3-beta.21

package/es/components/molecules/CaptureScreen/themes/black.js

@@ -1,64 +1,64 @@
-export const blackTheme = {
-    'common.bi.image': '',
-    'common.bisize.width': '0px',
-    'common.bisize.height': '0px',
-    'common.backgroundImage': 'none',
-    'common.backgroundColor': '#1e1e1e',
-    'common.border': '0px',
-    // header
-    'header.backgroundImage': 'none',
-    'header.backgroundColor': 'transparent',
-    'header.border': '0px',
-    // load button
-    'loadButton.backgroundColor': '#fff',
-    'loadButton.border': '1px solid #ddd',
-    'loadButton.color': '#222',
-    'loadButton.fontFamily': "'Noto Sans', sans-serif",
-    'loadButton.fontSize': '12px',
-    // download button
-    'downloadButton.backgroundColor': '#fdba3b',
-    'downloadButton.border': '1px solid #fdba3b',
-    'downloadButton.color': '#fff',
-    'downloadButton.fontFamily': "'Noto Sans', sans-serif",
-    'downloadButton.fontSize': '12px',
-    // main icons
-    'menu.normalIcon.color': '#8a8a8a',
-    'menu.activeIcon.color': '#555555',
-    'menu.disabledIcon.color': '#434343',
-    'menu.hoverIcon.color': '#e9e9e9',
-    'menu.iconSize.width': '24px',
-    'menu.iconSize.height': '24px',
-    // submenu icons
-    'submenu.normalIcon.color': '#8a8a8a',
-    'submenu.activeIcon.color': '#e9e9e9',
-    'submenu.iconSize.width': '32px',
-    'submenu.iconSize.height': '32px',
-    // submenu primary color
-    'submenu.backgroundColor': '#1e1e1e',
-    'submenu.partition.color': '#3c3c3c',
-    // submenu labels
-    'submenu.normalLabel.color': '#8a8a8a',
-    'submenu.normalLabel.fontWeight': 'lighter',
-    'submenu.activeLabel.color': '#fff',
-    'submenu.activeLabel.fontWeight': 'lighter',
-    // checkbox style
-    'checkbox.border': '0px',
-    'checkbox.backgroundColor': '#fff',
-    // range style
-    'range.pointer.color': '#fff',
-    'range.bar.color': '#666',
-    'range.subbar.color': '#d1d1d1',
-    'range.disabledPointer.color': '#414141',
-    'range.disabledBar.color': '#282828',
-    'range.disabledSubbar.color': '#414141',
-    'range.value.color': '#fff',
-    'range.value.fontWeight': 'lighter',
-    'range.value.fontSize': '11px',
-    'range.value.border': '1px solid #353535',
-    'range.value.backgroundColor': '#151515',
-    'range.title.color': '#fff',
-    'range.title.fontWeight': 'lighter',
-    // colorpicker style
-    'colorpicker.button.border': '1px solid #1e1e1e',
-    'colorpicker.title.color': '#fff',
-};
+export const blackTheme = {
+    'common.bi.image': '',
+    'common.bisize.width': '0px',
+    'common.bisize.height': '0px',
+    'common.backgroundImage': 'none',
+    'common.backgroundColor': '#1e1e1e',
+    'common.border': '0px',
+    // header
+    'header.backgroundImage': 'none',
+    'header.backgroundColor': 'transparent',
+    'header.border': '0px',
+    // load button
+    'loadButton.backgroundColor': '#fff',
+    'loadButton.border': '1px solid #ddd',
+    'loadButton.color': '#222',
+    'loadButton.fontFamily': "'Noto Sans', sans-serif",
+    'loadButton.fontSize': '12px',
+    // download button
+    'downloadButton.backgroundColor': '#fdba3b',
+    'downloadButton.border': '1px solid #fdba3b',
+    'downloadButton.color': '#fff',
+    'downloadButton.fontFamily': "'Noto Sans', sans-serif",
+    'downloadButton.fontSize': '12px',
+    // main icons
+    'menu.normalIcon.color': '#8a8a8a',
+    'menu.activeIcon.color': '#555555',
+    'menu.disabledIcon.color': '#434343',
+    'menu.hoverIcon.color': '#e9e9e9',
+    'menu.iconSize.width': '24px',
+    'menu.iconSize.height': '24px',
+    // submenu icons
+    'submenu.normalIcon.color': '#8a8a8a',
+    'submenu.activeIcon.color': '#e9e9e9',
+    'submenu.iconSize.width': '32px',
+    'submenu.iconSize.height': '32px',
+    // submenu primary color
+    'submenu.backgroundColor': '#1e1e1e',
+    'submenu.partition.color': '#3c3c3c',
+    // submenu labels
+    'submenu.normalLabel.color': '#8a8a8a',
+    'submenu.normalLabel.fontWeight': 'lighter',
+    'submenu.activeLabel.color': '#fff',
+    'submenu.activeLabel.fontWeight': 'lighter',
+    // checkbox style
+    'checkbox.border': '0px',
+    'checkbox.backgroundColor': '#fff',
+    // range style
+    'range.pointer.color': '#fff',
+    'range.bar.color': '#666',
+    'range.subbar.color': '#d1d1d1',
+    'range.disabledPointer.color': '#414141',
+    'range.disabledBar.color': '#282828',
+    'range.disabledSubbar.color': '#414141',
+    'range.value.color': '#fff',
+    'range.value.fontWeight': 'lighter',
+    'range.value.fontSize': '11px',
+    'range.value.border': '1px solid #353535',
+    'range.value.backgroundColor': '#151515',
+    'range.title.color': '#fff',
+    'range.title.fontWeight': 'lighter',
+    // colorpicker style
+    'colorpicker.button.border': '1px solid #1e1e1e',
+    'colorpicker.title.color': '#fff',
+};

package/es/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;
+};

package/es/components/molecules/CaptureScreen/themes/white.js

@@ -1,64 +1,64 @@
-export const whiteTheme = {
-    'common.bi.image': 'https://uicdn.toast.com/toastui/img/tui-image-editor-bi.png',
-    'common.bisize.width': '251px',
-    'common.bisize.height': '21px',
-    'common.backgroundImage': './img/bg.png',
-    'common.backgroundColor': '#fff',
-    'common.border': '1px solid #c1c1c1',
-    // header
-    'header.backgroundImage': 'none',
-    'header.backgroundColor': 'transparent',
-    'header.border': '0px',
-    // load button
-    'loadButton.backgroundColor': '#fff',
-    'loadButton.border': '1px solid #ddd',
-    'loadButton.color': '#222',
-    'loadButton.fontFamily': "'Noto Sans', sans-serif",
-    'loadButton.fontSize': '12px',
-    // download button
-    'downloadButton.backgroundColor': '#fdba3b',
-    'downloadButton.border': '1px solid #fdba3b',
-    'downloadButton.color': '#fff',
-    'downloadButton.fontFamily': "'Noto Sans', sans-serif",
-    'downloadButton.fontSize': '12px',
-    // main icons
-    'menu.normalIcon.color': '#8a8a8a',
-    'menu.activeIcon.color': '#555555',
-    'menu.disabledIcon.color': '#434343',
-    'menu.hoverIcon.color': '#e9e9e9',
-    'menu.iconSize.width': '24px',
-    'menu.iconSize.height': '24px',
-    // submenu icons
-    'submenu.normalIcon.color': '#8a8a8a',
-    'submenu.activeIcon.color': '#555555',
-    'submenu.iconSize.width': '32px',
-    'submenu.iconSize.height': '32px',
-    // submenu primary color
-    'submenu.backgroundColor': 'transparent',
-    'submenu.partition.color': '#e5e5e5',
-    // submenu labels
-    'submenu.normalLabel.color': '#858585',
-    'submenu.normalLabel.fontWeight': 'normal',
-    'submenu.activeLabel.color': '#000',
-    'submenu.activeLabel.fontWeight': 'normal',
-    // checkbox style
-    'checkbox.border': '1px solid #ccc',
-    'checkbox.backgroundColor': '#fff',
-    // rango style
-    'range.pointer.color': '#333',
-    'range.bar.color': '#ccc',
-    'range.subbar.color': '#606060',
-    'range.disabledPointer.color': '#d3d3d3',
-    'range.disabledBar.color': 'rgba(85,85,85,0.06)',
-    'range.disabledSubbar.color': 'rgba(51,51,51,0.2)',
-    'range.value.color': '#000',
-    'range.value.fontWeight': 'normal',
-    'range.value.fontSize': '11px',
-    'range.value.border': '0',
-    'range.value.backgroundColor': '#f5f5f5',
-    'range.title.color': '#000',
-    'range.title.fontWeight': 'lighter',
-    // colorpicker style
-    'colorpicker.button.border': '0px',
-    'colorpicker.title.color': '#000',
-};
+export const whiteTheme = {
+    'common.bi.image': 'https://uicdn.toast.com/toastui/img/tui-image-editor-bi.png',
+    'common.bisize.width': '251px',
+    'common.bisize.height': '21px',
+    'common.backgroundImage': './img/bg.png',
+    'common.backgroundColor': '#fff',
+    'common.border': '1px solid #c1c1c1',
+    // header
+    'header.backgroundImage': 'none',
+    'header.backgroundColor': 'transparent',
+    'header.border': '0px',
+    // load button
+    'loadButton.backgroundColor': '#fff',
+    'loadButton.border': '1px solid #ddd',
+    'loadButton.color': '#222',
+    'loadButton.fontFamily': "'Noto Sans', sans-serif",
+    'loadButton.fontSize': '12px',
+    // download button
+    'downloadButton.backgroundColor': '#fdba3b',
+    'downloadButton.border': '1px solid #fdba3b',
+    'downloadButton.color': '#fff',
+    'downloadButton.fontFamily': "'Noto Sans', sans-serif",
+    'downloadButton.fontSize': '12px',
+    // main icons
+    'menu.normalIcon.color': '#8a8a8a',
+    'menu.activeIcon.color': '#555555',
+    'menu.disabledIcon.color': '#434343',
+    'menu.hoverIcon.color': '#e9e9e9',
+    'menu.iconSize.width': '24px',
+    'menu.iconSize.height': '24px',
+    // submenu icons
+    'submenu.normalIcon.color': '#8a8a8a',
+    'submenu.activeIcon.color': '#555555',
+    'submenu.iconSize.width': '32px',
+    'submenu.iconSize.height': '32px',
+    // submenu primary color
+    'submenu.backgroundColor': 'transparent',
+    'submenu.partition.color': '#e5e5e5',
+    // submenu labels
+    'submenu.normalLabel.color': '#858585',
+    'submenu.normalLabel.fontWeight': 'normal',
+    'submenu.activeLabel.color': '#000',
+    'submenu.activeLabel.fontWeight': 'normal',
+    // checkbox style
+    'checkbox.border': '1px solid #ccc',
+    'checkbox.backgroundColor': '#fff',
+    // rango style
+    'range.pointer.color': '#333',
+    'range.bar.color': '#ccc',
+    'range.subbar.color': '#606060',
+    'range.disabledPointer.color': '#d3d3d3',
+    'range.disabledBar.color': 'rgba(85,85,85,0.06)',
+    'range.disabledSubbar.color': 'rgba(51,51,51,0.2)',
+    'range.value.color': '#000',
+    'range.value.fontWeight': 'normal',
+    'range.value.fontSize': '11px',
+    'range.value.border': '0',
+    'range.value.backgroundColor': '#f5f5f5',
+    'range.title.color': '#000',
+    'range.title.fontWeight': 'lighter',
+    // colorpicker style
+    'colorpicker.button.border': '0px',
+    'colorpicker.title.color': '#000',
+};

package/es/components/molecules/CaptureScreen/types.d.ts

@@ -1,108 +1,108 @@
-import ImageEditor from 'tui-image-editor';
-import { DRAW_KEYS } from './constants';
-import { ATTACH_KEYS } from '@antscorp/antsomi-ui/es/components/organism/Help/constants';
-import { StreamTrackProps } from '@antscorp/antsomi-ui/es/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 {};
+import ImageEditor from 'tui-image-editor';
+import { DRAW_KEYS } from './constants';
+import { ATTACH_KEYS } from '@antscorp/antsomi-ui/es/components/organism/Help/constants';
+import { StreamTrackProps } from '@antscorp/antsomi-ui/es/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/es/components/molecules/CaptureScreen/types.js

@@ -1 +1 @@
-import { ATTACH_KEYS } from '@antscorp/antsomi-ui/es/components/organism/Help/constants';
+import { ATTACH_KEYS } from '@antscorp/antsomi-ui/es/components/organism/Help/constants';

package/es/components/molecules/CaptureScreen/utils.d.ts

@@ -1,13 +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[];
+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[];