@antscorp/antsomi-ui 1.3.0 → 1.3.2

package/dist/types/components/atoms/Timeline/Timeline.stories.d.ts

@@ -0,0 +1,67 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
+declare const _default: ComponentMeta<React.FC<import("antd").TimelineProps> & {
+    Item: React.FC<import("antd").TimelineItemProps>;
+}>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("antd").TimelineProps> & {
+    Item: React.FC<import("antd").TimelineItemProps>;
+}>;
+export declare const Color: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LastnodeAndReversing: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Custom: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Label: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    } | {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Alternate: () => JSX.Element;
+export declare const RightAlternate: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Items: ComponentStory<any>;

package/dist/types/components/atoms/Timeline/__tests__/index.test.d.ts

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

package/dist/types/components/atoms/Timeline/index.d.ts

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

package/dist/types/components/atoms/Watermark/Watermark.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Watermark: import("react").FC<import("antd").WatermarkProps>;

package/dist/types/components/atoms/Watermark/Watermark.stories.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("antd").WatermarkProps>>;
+export default _default;
+export declare const Default: ComponentStory<React.FC<import("antd").WatermarkProps>>;
+export declare const MultilineWatermark: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ImageWatermark: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomConfiguration: () => JSX.Element;
+export declare const Font: ComponentStory<any>;

package/dist/types/components/atoms/Watermark/__tests__/index.test.d.ts

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

package/dist/types/components/atoms/Watermark/index.d.ts

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

package/dist/types/components/atoms/index.d.ts

@@ -1,10 +1,32 @@
 export { Button } from './Button';
 export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
 export { Input } from './Input';
 export { InputNumber } from './InputNumber';
-export { Radio } from './Radio';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
 export { Space } from './Space';
 export { Tag } from './Tag';
 export { Tooltip } from './Tooltip';
 export { Typography } from './Typography';
 export { Checkbox } from './Checkbox';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { message } from './Message';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';
+export type { SliderProps } from './Slider';

package/dist/types/components/icons/RequestIcon.d.ts

@@ -0,0 +1 @@
+export declare const RequestIcon: (props: any) => JSX.Element;

package/dist/types/components/icons/index.d.ts

@@ -22,3 +22,4 @@ export { VerticalDotsIcon } from './VerticalDotsIcon';
 export { OpenUrlIcon } from './OpenUrlIcon';
 export { BugIcon } from './BugIcon';
 export { IdeaIcon } from './IdeaIcon';
+export { RequestIcon } from './RequestIcon';

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export type TAlign = 'left' | 'center' | 'right' | undefined;
+export interface AlignEditProps {
+    className?: string;
+    align?: TAlign;
+    onChange?: (align: TAlign) => void;
+    style?: Object;
+}
+export interface AlignSettingProps extends AlignEditProps {
+    label?: string;
+    labelClassName?: string;
+}
+export declare const ALIGN_TYPE: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const AlignEdit: React.FC<AlignEditProps>;
+export declare const AlignSetting: React.FC<AlignSettingProps>;

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

@@ -0,0 +1 @@
+export declare const AlignSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/molecules/AlignSetting/utils.d.ts

@@ -0,0 +1,3 @@
+import { TAlign } from './index';
+export declare const mapAlignToJustifyContent: (value: TAlign) => "center" | "auto" | "end" | "start";
+export declare const mapJustifyContentToAlign: (value: 'start' | 'end' | 'center') => string | undefined;

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

@@ -5,6 +5,10 @@ declare const CaptureScreen: {
         isOpen: boolean;
         src: string;
         alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
         callback: () => void;
     };
 };

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

@@ -6,6 +6,10 @@ declare const _default: ComponentMeta<{
         isOpen: boolean;
         src: string;
         alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
         callback: () => void;
     };
 }>;
@@ -16,6 +20,10 @@ export declare const Default: ComponentStory<{
         isOpen: boolean;
         src: string;
         alt: string;
+        defaultPositions: {
+            capture: null;
+            record: null;
+        };
         callback: () => void;
     };
 }>;

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

@@ -10,6 +10,12 @@ export declare enum IGNORE_DRAW_ID_LIST {
     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",
@@ -18,7 +24,8 @@ export declare enum DRAW_KEYS {
     PEN = "pen",
     ARROW = "arrow",
     HIDE = "hide",
-    DONE = "done"
+    DONE = "done",
+    CANCEL = "cancel"
 }
 export declare enum RECORD_KEYS {
     DRAGGABLE = "draggable",

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

@@ -2,15 +2,21 @@ 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;
 }

package/dist/types/components/molecules/Card/Card.d.ts

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

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

@@ -0,0 +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>;

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

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

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

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

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

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

package/dist/types/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/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/components/molecules/ColorPicker/CustomPicker/__tests__/index.test.d.ts

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

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

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

package/dist/types/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/components/molecules/ColorPicker/SketchPicker/__tests__/index.test.d.ts

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

package/dist/types/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/components/molecules/ColorPicker/SketchPicker/styled.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export interface ColorPickerProps {
+    className?: string;
+    color?: string;
+    presetColors?: any[] | ReactNode;
+    defaultColor?: string;
+    icon?: React.ReactNode | string;
+    onChange?: (color: string) => void;
+    showInput?: boolean;
+    positionInput?: 'right' | 'left';
+    style?: React.CSSProperties;
+}
+export declare const ColorPicker: React.FC<ColorPickerProps>;

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

@@ -0,0 +1 @@
+export declare const ColorPickerWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

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

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

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

@@ -0,0 +1,13 @@
+import React, { CSSProperties } from 'react';
+import { ColorPickerProps } from 'src/components/molecules/ColorPicker';
+interface ColorSettingProps extends ColorPickerProps {
+    label: string;
+    labelClassName?: string;
+    labelStyling?: Partial<CSSProperties>;
+    className?: string;
+    vertical?: boolean;
+    customColors?: Array<string>;
+    callback?: (type: 'ON_ADD_NEW_PRESET' | 'ON_EDIT_CLICKED', dataOut?: any) => void;
+}
+export declare const ColorSetting: React.FC<ColorSettingProps>;
+export {};

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

@@ -0,0 +1,13 @@
+export declare const ColorSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PresetColor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
+    Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
+}, any, {}, never>;
+export declare const PresetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/molecules/Drawer/Drawer.d.ts

@@ -0,0 +1,2 @@
+import { Drawer as AntdDrawer } from 'antd';
+export declare const Drawer: typeof AntdDrawer;

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

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<typeof import("antd/es/drawer").default>;
+export default _default;
+export declare const Default: ComponentStory<typeof import("antd/es/drawer").default>;
+export declare const CustomPlacement: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ExtraActions: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const RenderInCurrentDom: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SubmitFormInDrawer: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Multi_levelDrawer: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PreviewDrawer: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PresetSize: {
+    (): JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+import React from 'react';
+type MarginProps = number | 'auto';
+type ValueProps = [MarginProps, MarginProps, MarginProps, MarginProps];
+type ValueLabelProps = [string, string, string?, string?];
+type AlignTypeProps = 'left' | 'center' | 'right';
+type UnitProps = 'px' | '%' | any;
+export declare const UNIT: {
+    PX: {
+        value: string;
+        label: string;
+    };
+    PERCENT: {
+        value: string;
+        label: string;
+    };
+};
+type DataProps = {
+    values: ValueProps;
+    linked: boolean;
+    unit: UnitProps;
+    align: AlignTypeProps;
+};
+type OnChangeProps = (data: DataProps) => void;
+interface EdgeSettingProps {
+    label: string;
+    minValue?: number;
+    maxValue?: number;
+    edgeLabels?: ValueLabelProps;
+    edgeLabelClassName?: string;
+    contentClassName?: string;
+    values: ValueProps;
+    unit?: UnitProps;
+    linked?: boolean;
+    onChange?: OnChangeProps;
+    align?: AlignTypeProps | null;
+    disabledLinked?: boolean | false;
+}
+export declare const EdgeSetting: React.FC<EdgeSettingProps>;
+export {};

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

@@ -0,0 +1,3 @@
+export declare const EdgeSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EdgeSettingHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EdgeSettingContent: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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