@antscorp/antsomi-ui 1.3.3-beta.7 → 1.3.3-beta.9

package/dist/public/icons/bb64e23a1ff390a416d765ee556096ab.svg

@@ -0,0 +1,87 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100" height="300" viewBox="0 0 100 300" preserveAspectRatio="none">
+<style type="text/css">
+	.st0{fill:#B2B2B2;}
+	.st1{fill:#9B9B9B;}
+</style>
+<path d="M53.7,36.8v3.8h3.8l11.1-11.1l-3.8-3.8L53.7,36.8z M71.4,26.5c0.4-0.4,0.4-1,0-1.4l0,0L69,22.8c-0.4-0.4-1-0.4-1.4,0l0,0
+	l-1.8,1.8l3.8,3.8L71.4,26.5z"/>
+<path d="M5.9,31.1H9L7.5,27L5.9,31.1z M13.5,22.5h-12C0.7,22.5,0,23.2,0,24v12c0,0.8,0.7,1.5,1.5,1.5h12c0.8,0,1.5-0.7,1.5-1.5V24
+	C15,23.2,14.3,22.5,13.5,22.5z M10.5,34.9l-0.9-2.3H5.4l-0.8,2.3H3l3.8-9.8h1.4l3.8,9.8H10.5z"/>
+<path d="M95.6,8.9l-9-8.9l-1.4,1.4l2.4,2.4L82.5,9c-0.6,0.6-0.6,1.5,0,2.1l0,0l5.5,5.5c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.2,1.1-0.4
+	l5.5-5.5C96.2,10.5,96.2,9.5,95.6,8.9L95.6,8.9z M84.2,10L89,5.2l4.8,4.8H84.2z M98,11.5c0,0-2,2.2-2,3.5c0,1.1,0.9,2,2,2s2-0.9,2-2
+	C100,13.7,98,11.5,98,11.5z"/>
+<path d="M95.2,26.7L91,22.5l-4.2,4.2C85.6,27.9,85,29.5,85,31s0.6,3.1,1.8,4.3c2.3,2.3,6.1,2.4,8.5,0l0,0C96.4,34,97,32.5,97,31
+	S96.4,27.9,95.2,26.7L95.2,26.7z M86.5,31.2c0-1.5,0.5-2.5,1.3-3.3l3.2-3.2l3.2,3.3c0.9,0.9,1.3,1.8,1.3,3.3L86.5,31.2L86.5,31.2z"
+	/>
+<g transform="translate(138 2337)">
+</g>
+<path d="M4,8h4.1L6,2.5L4,8z M10,13l-1.1-3H3.2l-1.1,3H0L5.1,0H7l5.1,13H10z"/>
+<path d="M27.6,9.8h13.5V8.3H27.6V9.8z M27.6,12h13.5v-0.8H27.6V12z M27.6,6.8h13.5V4.5H27.6V6.8z M27.6,0v3h13.5V0H27.6z"/>
+<path d="M67.9,12h1.5v1.5h-1.5V12z M67.9,10.5h1.5V9h-1.5V10.5z M55.9,7.5h1.5V6h-1.5V7.5z M55.9,10.5h1.5V9h-1.5V10.5z M55.9,4.5
+	h1.5V3h-1.5V4.5z M55.9,1.5h1.5V0h-1.5V1.5z M58.9,1.5h1.5V0h-1.5V1.5z M64.9,13.5h1.5V12h-1.5V13.5z M61.9,13.5h1.5V12h-1.5V13.5z
+	 M64.9,13.5h1.5V12h-1.5V13.5z M58.9,13.5h1.5V12h-1.5V13.5z M55.9,13.5h1.5V12h-1.5V13.5z M69.4,3.8c0-2.1-1.7-3.8-3.8-3.8h-3.8
+	v1.5h3.8c1.2,0,2.3,1,2.3,2.3v3.8h1.5V3.8z"/>
+<path d="M27.6,31.5h3.8V30h-3.8V31.5z M32.5,31.5h3.8V30h-3.8V31.5z M37.4,31.5h3.8V30h-3.8V31.5z M27.6,34.5h1.5V33h-1.5V34.5z
+	 M30.6,34.5h1.5V33h-1.5C30.6,33,30.6,34.5,30.6,34.5z M33.6,34.5h1.5V33h-1.5V34.5z M36.6,34.5h1.5V33h-1.5V34.5z M39.6,34.5h1.5
+	V33h-1.5V34.5z M27.6,28.5h6V27h-6C27.6,27,27.6,28.5,27.6,28.5z M35.1,28.5h6V27h-6V28.5z M27.6,22.5v3h13.5v-3H27.6z"/>
+<g>
+	<path class="st0" d="M0,46.1v5v1v2v1v2v1v2v1V64h18v-2.9v-1v-2v-1v-2v-1v-2v-1v-5H0z M17.1,63.1H0.9v-2H17v2H17.1z M17.1,60.1H0.9
+		v-2H17v2H17.1z M17.1,57.1H0.9v-2H17v2H17.1z M17.1,54.1H0.9v-2H17v2H17.1z M0.9,51.1V47H17v4.1H0.9z"/>
+	<g>
+		<path d="M0,46.1h18v3H0V46.1z"/>
+	</g>
+</g>
+<g>
+	<path class="st0" d="M54.7,46.1v3v2v1v2v1v2v1v2v1V64h18v-2.9v-1v-2v-1v-2v-1v-2v-1v-2v-3H54.7z M71.7,63.1H55.6v-2h16.1V63.1z
+		 M71.7,60.1H55.6v-2h16.1V60.1z M71.7,57.1H55.6v-2h16.1V57.1z M71.7,54.1H55.6v-2h16.1V54.1z M71.7,51.1H55.6v-2h16.1V51.1z"/>
+	<g>
+		<rect x="55.6" y="61.1" width="16.1" height="2"/>
+		<rect x="55.6" y="55.1" width="16.1" height="2"/>
+		<rect x="55.6" y="49.1" width="16.1" height="2"/>
+	</g>
+</g>
+<g>
+	<path class="st0" d="M82,46.1v3v2v1v2v1v2v1v2v1V64h18v-2.9v-1v-2v-1v-2v-1v-2v-1v-2v-3H82z M99.1,63.1H82.9v-2H99L99.1,63.1
+		L99.1,63.1z M99.1,60.1H82.9v-2H99L99.1,60.1L99.1,60.1z M99.1,57.1H82.9v-2H99L99.1,57.1L99.1,57.1z M99.1,54.1H82.9v-2H99
+		L99.1,54.1L99.1,54.1z M99.1,51.1H82.9v-2H99L99.1,51.1L99.1,51.1z"/>
+	<g>
+		<rect x="82.9" y="58.1" width="16.1" height="2"/>
+		<rect x="82.9" y="52.1" width="16.1" height="2"/>
+	</g>
+</g>
+<g>
+	<path class="st0" d="M27.3,46.1v3v2v1v2v1v2v1v2v1V64h18v-2.9v-1v-2v-1v-2v-1v-2v-1v-2v-3H27.3z M44.4,63.1H28.3v-2h16.1V63.1z
+		 M44.4,60.1H28.3v-2h16.1V60.1z M44.4,57.1H28.3v-2h16.1V57.1z M44.4,54.1H28.3v-2h16.1V54.1z M44.4,51.1H28.3v-2h16.1V51.1z"/>
+	<g>
+		<rect x="28.3" y="51.1" width="16.1" height="1"/>
+		<rect x="28.3" y="54.1" width="16.1" height="1"/>
+		<rect x="28.3" y="57.1" width="16.1" height="1"/>
+		<rect x="28.3" y="60.1" width="16.1" height="1"/>
+	</g>
+</g>
+<g>
+	<polygon class="st0" points="30.3,86.1 30.3,73.1 27.3,73.1 27.3,86.1 27.3,89.1 30.3,89.1 43.3,89.1 43.3,86.1 	"/>
+	<path d="M30.3,74.1v1h2v2h-2v1h2v2h-2v1h2v2h-2v1h2v2h1v-2h2v2h1v-2h2v2h1v-2h2v2h1v-12H30.3z M35.3,83.1h-2v-2h2V83.1z M35.3,80.1
+		h-2v-2h2V80.1z M35.3,77.1h-2v-2h2V77.1z M38.3,83.1h-2v-2h2V83.1z M38.3,80.1h-2v-2h2V80.1z M38.3,77.1h-2v-2h2V77.1z M41.3,83.1
+		h-2v-2h2V83.1z M41.3,80.1h-2v-2h2V80.1z M41.3,77.1h-2v-2h2V77.1z"/>
+</g>
+<g>
+	<polygon points="3,86.1 3,73.1 0,73.1 0,86.1 0,89.1 3,89.1 16,89.1 16,86.1 	"/>
+	<path class="st0" d="M3,74.1v1h2v2H3v1h2v2H3v1h2v2H3v1h2v2h1v-2h2v2h1v-2h2v2h1v-2h2v2h1v-12H3z M8,83.1H6v-2h2V83.1z M8,80.1H6
+		v-2h2V80.1z M8,77.1H6v-2h2V77.1z M11,83.1H9v-2h2V83.1z M11,80.1H9v-2h2V80.1z M11,77.1H9v-2h2V77.1z M14,83.1h-2v-2h2V83.1z
+		 M14,80.1h-2v-2h2V80.1z M14,77.1h-2v-2h2V77.1z"/>
+</g>
+<path d="M52.6,77.1h2v-2h-2V77.1z M52.6,81.1h2v-2h-2V81.1z M52.6,73.1h2v-2C53.5,71.1,52.6,72,52.6,73.1z M72.6,71.1v2h2
+	C74.6,72,73.8,71.1,72.6,71.1z M60.6,89.1h2v-2h-2V89.1z M52.6,85.1h2v-2h-2V85.1z M54.6,89.1v-2h-2C52.6,88.2,53.5,89.1,54.6,89.1z
+	 M52.6,75.1v3h22v-3H52.6z M56.6,71.1v18h6v-18H56.6z M72.6,85.1h2v-2h-2V85.1z M60.6,73.1h2v-2h-2V73.1z M56.6,89.1h2v-2h-2V89.1z
+	 M56.6,73.1h2v-2h-2V73.1z M72.6,89.1c1.1,0,2-0.9,2-2h-2V89.1z M72.6,81.1h2v-2h-2V81.1z M72.6,77.1h2v-2h-2V77.1z M64.6,89.1h2v-2
+	h-2V89.1z M64.6,73.1h2v-2h-2V73.1z M68.6,89.1h2v-2h-2V89.1z M68.6,73.1h2v-2h-2V73.1z"/>
+<g>
+	<path d="M83,80.1h7v9h-7V80.1z M92,80.1h7v9h-7V80.1z"/>
+	<path class="st1" d="M82,83.1h18v3H82V83.1z"/>
+</g>
+<g>
+	<path class="st1" d="M1,98.3h7v9H1V98.3z M10,98.3h7v9h-7V98.3z"/>
+	<path d="M0,101.3h8v3H0V101.3z M10,101.3h8v3h-8V101.3z"/>
+</g>
+</svg>

package/dist/public/icons/transparent.svg

@@ -0,0 +1 @@
+<svg height="10" version="1.1" viewBox="0 0 512 512" width="10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="currentColor" fill-opacity=".125" d="M0 256h256v256H0z"></path><path fill="currentColor" fill-opacity=".25" d="M256 256h256v256H256z"></path><path fill="currentColor" fill-opacity=".125" d="M256 0h256v256H256z"></path><path fill="currentColor" fill-opacity=".25" d="M0 0h256v256H0z"></path></svg>

package/es/components/atoms/Button/index.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
-export declare const Button: 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>> & {
+export declare const Button: import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 };

package/es/components/atoms/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popover/PurePanel").default;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 };

package/es/components/atoms/Popover/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popover/PurePanel").default;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 }, any, {}, never>;

package/es/components/atoms/Progress/Progress.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Progress: import("react").FC<import("antd").ProgressProps>;
+export declare const Progress: import("react").ForwardRefExoticComponent<import("antd").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/atoms/Radio/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
     Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
-    Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<any>>;
+    Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>;
 }, any, {}, never>;
-export declare const RadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<any>>, any, {}, never>;
+export declare const RadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>, any, {}, never>;
 export declare const RadioGroupSub: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

package/es/components/atoms/Slider/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
-export interface SliderProps extends SliderSingleProps {
+export interface SliderProps extends Omit<SliderSingleProps, 'tooltipVisible'> {
+    tooltipVisible?: boolean | 'default';
 }
 export declare const Slider: React.FC<SliderProps | SliderRangeProps>;

package/es/components/atoms/Slider/index.js

@@ -1,30 +1,23 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 // Libraries
 import React, { memo, useMemo } from 'react';
 // Antd Components
 import { Slider as AntdSlider } from 'antd';
 // Styled
 import { SliderWrapper } from './styled';
+import { omit } from 'lodash';
 export const Slider = memo(props => {
-    const { range, value, min = 0, max = 0, className } = props, restOf = __rest(props, ["range", "value", "min", "max", "className"]);
+    const { range, value, min = 0, max = 0, className, tooltipVisible } = props;
     const isNegative = useMemo(() => !!(!range && min < 0), [range, min]);
     const calculateWidth = useMemo(() => ((value || 0) * 100) / (Math.abs(max) + Math.abs(min) || 1), [min, max, value]);
+    const restProps = tooltipVisible === 'default' ? omit(props, ['tooltipVisible']) : props;
     if (isNegative) {
         return (React.createElement(SliderWrapper, { isNegative: true, width: calculateWidth, className: className },
-            React.createElement(AntdSlider, Object.assign({ min: min, max: max, value: value }, restOf, { marks: { 0: ' ' } }))));
+            React.createElement(AntdSlider, Object.assign({}, omit(restProps, ['marks', 'className']), { marks: {
+                    0: ' ',
+                } }))));
     }
     return (React.createElement(SliderWrapper, { className: className },
-        React.createElement(AntdSlider, Object.assign({}, props))));
+        React.createElement(AntdSlider, Object.assign({}, restProps))));
 });
 Slider.defaultProps = {
     tooltipVisible: false,

package/es/components/atoms/SliderV2/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
+export interface SliderProps extends SliderSingleProps {
+}
+export declare const SliderV2: React.FC<SliderProps | SliderRangeProps>;

package/es/components/atoms/SliderV2/index.js

@@ -0,0 +1,23 @@
+// Libraries
+import React, { useState } from 'react';
+// Antd Components
+import { Slider as AntdSlider } from 'antd';
+// React.FC<SliderProps>
+export const SliderV2 = props => {
+    const [value, setValue] = useState(0);
+    // console.log('sliderRef:: ', sliderRef);
+    // const min = props.min || 0;
+    // const max = props.max || 100;
+    const { min, max, onChange, styles, range } = props;
+    if (min && max && min < 0 && max > 0 && !range) {
+        const sliderWidth = max - min;
+        const leftTrackPosition = `${(Math.abs(value > 0 ? min : min - value) / sliderWidth) * 100}%`;
+        const sliderTrackWidth = `${(Math.abs(value) / sliderWidth) * 100}%`;
+        return (React.createElement(AntdSlider, Object.assign({ value: value, onChange: value => {
+                setValue(value);
+                if (onChange)
+                    onChange(value);
+            }, styles: Object.assign({ track: Object.assign({ left: leftTrackPosition, width: sliderTrackWidth }, styles === null || styles === void 0 ? void 0 : styles.track) }, styles), marks: { 0: ' ' } }, props)));
+    }
+    return React.createElement(AntdSlider, Object.assign({}, props));
+};

package/es/components/atoms/Space/Space.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SpaceProps } from 'antd';
 export declare const OriginSpace: React.FC<SpaceProps>;
-export declare const Space: React.FC<SpaceProps> & {
+export declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> & {
     Compact: React.FC<import("antd/es/space/Compact").SpaceCompactProps>;
 };

package/es/components/atoms/Spin/Spin.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { SpinProps as AntdSpinProps } from 'antd';
 export interface TSpinProps extends AntdSpinProps {
     indicatorSize?: number;
     children?: any;
 }
 export declare const Spin: {
-    (props: TSpinProps): JSX.Element;
+    (props: TSpinProps): React.JSX.Element;
     defaultProps: {};
 };

package/es/components/atoms/Spin/styled.d.ts

@@ -1 +1 @@
-export declare const StyledSpin: import("styled-components").StyledComponent<import("antd/es/spin").SpinFCType, any, {}, never>;
+export declare const StyledSpin: import("styled-components").StyledComponent<import("antd/es/spin").SpinType, any, {}, never>;

package/es/components/atoms/Statistic/Statistic.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const Statistic: import("react").FC<import("antd").StatisticProps> & {
-    Countdown: import("react").NamedExoticComponent<import("antd").CountdownProps>;
-};
+export declare const Statistic: import("antd/es/statistic").CompoundedStatistic;

package/es/components/atoms/index.d.ts

@@ -30,4 +30,5 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
+export { SliderV2 } from './SliderV2';
 export type { SliderProps } from './Slider';

package/es/components/atoms/index.js

@@ -30,3 +30,4 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
+export { SliderV2 } from './SliderV2';

package/es/components/icons/ArrowGrowIcon.d.ts

@@ -1 +1,2 @@
-export declare const ArrowGrowIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ArrowGrowIcon: (props: any) => React.JSX.Element;

package/es/components/icons/AudioRecordIcon.d.ts

@@ -1 +1,2 @@
-export declare const AudioRecordIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AudioRecordIcon: (props: any) => React.JSX.Element;

package/es/components/icons/BugIcon.d.ts

@@ -1 +1,2 @@
-export declare const BugIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const BugIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CameraIcon.d.ts

@@ -1 +1,2 @@
-export declare const CameraIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CameraIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CaptureIcon.d.ts

@@ -1 +1,2 @@
-export declare const CaptureIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CaptureIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CheckSlimIcon.d.ts

@@ -1 +1,2 @@
-export declare const CheckSlimIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CheckSlimIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CloseIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const CloseIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/components/icons/CommentIcon.d.ts

@@ -1 +1,2 @@
-export declare const CommentIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CommentIcon: (props: any) => React.JSX.Element;

package/es/components/icons/EventIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const EventIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/components/icons/FreeDrawIcon.d.ts

@@ -1 +1,2 @@
-export declare const FreeDrawIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const FreeDrawIcon: (props: any) => React.JSX.Element;

package/es/components/icons/GPTIcon.d.ts

@@ -1 +1,2 @@
-export declare const GPTIcon: () => JSX.Element;
+import React from 'react';
+export declare const GPTIcon: () => React.JSX.Element;

package/es/components/icons/GPTIconV2.d.ts

@@ -1 +1,2 @@
-export declare const GPTIconV2: () => JSX.Element;
+import React from 'react';
+export declare const GPTIconV2: () => React.JSX.Element;

package/es/components/icons/GPTIconV3.d.ts

@@ -1 +1,2 @@
-export declare const GPTIconV3: (props: any) => JSX.Element;
+import React from 'react';
+export declare const GPTIconV3: (props: any) => React.JSX.Element;

package/es/components/icons/HighlightIcon.d.ts

@@ -1 +1,2 @@
-export declare const HighlightIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const HighlightIcon: (props: any) => React.JSX.Element;

package/es/components/icons/IdeaIcon.d.ts

@@ -1 +1,2 @@
-export declare const IdeaIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const IdeaIcon: (props: any) => React.JSX.Element;

package/es/components/icons/InvisibleIcon.d.ts

@@ -1 +1,2 @@
-export declare const InvisibleIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const InvisibleIcon: (props: any) => React.JSX.Element;

package/es/components/icons/MuteIcon.d.ts

@@ -1 +1,2 @@
-export declare const MuteIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const MuteIcon: (props: any) => React.JSX.Element;

package/es/components/icons/OpenUrlIcon.d.ts

@@ -1 +1,2 @@
-export declare const OpenUrlIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const OpenUrlIcon: (props: any) => React.JSX.Element;

package/es/components/icons/PauseIcon.d.ts

@@ -1 +1,2 @@
-export declare const PauseIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PauseIcon: (props: any) => React.JSX.Element;

package/es/components/icons/PlaneIcon.d.ts

@@ -1 +1,2 @@
-export declare const PlaneIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PlaneIcon: (props: any) => React.JSX.Element;

package/es/components/icons/RequestIcon.d.ts

@@ -1 +1,2 @@
-export declare const RequestIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const RequestIcon: (props: any) => React.JSX.Element;

package/es/components/icons/StopRecordIcon.d.ts

@@ -1 +1,2 @@
-export declare const StopRecordIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const StopRecordIcon: (props: any) => React.JSX.Element;

package/es/components/icons/UserIcon.d.ts

@@ -1 +1,2 @@
-export declare const UserIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UserIcon: (props: any) => React.JSX.Element;

package/es/components/icons/VerticalDotsIcon.d.ts

@@ -1 +1,2 @@
-export declare const VerticalDotsIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const VerticalDotsIcon: (props: any) => React.JSX.Element;

package/es/components/icons/WarningIcon.d.ts

@@ -1 +1,2 @@
-export declare const WarningIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const WarningIcon: (props: any) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { IImageEditorProps } from './types';
 declare const CaptureScreen: {
-    (props: IImageEditorProps): JSX.Element;
+    (props: IImageEditorProps): React.JSX.Element;
     defaultProps: {
         isOpen: boolean;
         src: string;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CommentBoxProps } from './types';
 declare const CommentBox: {
-    (props: CommentBoxProps): JSX.Element;
+    (props: CommentBoxProps): React.JSX.Element;
     defaultProps: {
         info: {
             id: string;

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

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

package/es/components/molecules/ColorSetting/styled.d.ts

@@ -1,14 +1,7 @@
 /// <reference types="react" />
 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>> & {
+export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & 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/es/components/molecules/IconSelection/styled.d.ts

@@ -2,14 +2,7 @@
 export declare const IconSelectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperListRender: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperListItemRender: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CustomButton: 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>> & {
+export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/Modal/Modal.d.ts

@@ -14,10 +14,10 @@ export declare const Modal: string & import("styled-components").StyledComponent
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/modal/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
 }, any, import("./styled").CustomModalProps, never> & import("hoist-non-react-statics").NonReactStatics<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/modal/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
 }, {}> & React.FC<ModalProps>;

package/es/components/molecules/Modal/styled.d.ts

@@ -10,6 +10,6 @@ export declare const StyledModal: import("styled-components").StyledComponent<im
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/modal/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => import("react").JSX.Element;
 }, any, CustomModalProps, never>;
 export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/Popconfirm/Popconfirm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popconfirm/PurePanel").default;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popconfirm/PurePanel").PurePanelProps>;
 };

package/es/components/molecules/Select/Select.d.ts

@@ -4,12 +4,11 @@ export interface SelectProps extends AntdSelectProps {
 }
 declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;
-} & {
-    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+} & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    displayName?: string | undefined;
     SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
     Option: import("rc-select/lib/Option").OptionFC;
     OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: any;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 } & React.FC<SelectProps>;
 export { Select };

package/es/components/molecules/Select/Test.d.ts

@@ -1,2 +1,3 @@
-declare const SelectTest: () => JSX.Element;
+import React from 'react';
+declare const SelectTest: () => React.JSX.Element;
 export default SelectTest;

package/es/components/molecules/TreeSelect/TreeSelect.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
 export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").BaseOptionType | import("rc-tree-select/lib/TreeSelect").DefaultOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
     children?: import("react").ReactNode;
-} & {
-    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    displayName?: string | undefined;
     TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
     SHOW_ALL: "SHOW_ALL";
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: any;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
 };

package/es/components/molecules/UploadImage/MediaIcon.d.ts

@@ -1,2 +1,3 @@
-declare const MediaIcon: (_props: any) => JSX.Element;
+import React from 'react';
+declare const MediaIcon: (_props: any) => React.JSX.Element;
 export default MediaIcon;