@antscorp/antsomi-ui 1.3.3-beta.11 → 1.3.3-beta.13

package/es/components/atoms/SliderV2/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 {
+    defaultSliderTrack?: boolean;
 }
-export declare const SliderV2: React.FC<SliderProps | SliderRangeProps>;
+export declare const SliderV2: React.FC<(SliderSingleProps & SliderProps) | (SliderRangeProps & SliderProps)>;

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

@@ -4,20 +4,18 @@ import React, { useState } from 'react';
 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 { min, max, onChange, styles, range, value, defaultValue, marks, defaultSliderTrack } = props;
+    const [valueInternal, setValueInternal] = useState(defaultValue || min || 0);
+    if (min && max && min < 0 && max > 0 && !range && !defaultSliderTrack) {
         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);
+        const calcValue = value || valueInternal;
+        const leftTrackPosition = `${(Math.abs(calcValue > 0 ? min : min - calcValue) / sliderWidth) * 100}%`;
+        const sliderTrackWidth = `${(Math.abs(calcValue) / sliderWidth) * 100}%`;
+        return (React.createElement(AntdSlider, Object.assign({ value: value || valueInternal, onChange: value => {
+                setValueInternal(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)));
+            }, styles: Object.assign({ track: Object.assign({ left: leftTrackPosition, width: sliderTrackWidth }, styles === null || styles === void 0 ? void 0 : styles.track) }, styles), marks: marks || { 0: ' ' } }, props)));
     }
     return React.createElement(AntdSlider, Object.assign({}, props));
 };

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

@@ -1,10 +1,9 @@
-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): React.JSX.Element;
+    (props: TSpinProps): JSX.Element;
     defaultProps: {};
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: (props: import("antd/es/modal/PurePanel").PurePanelProps) => import("react").JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
 }, any, CustomModalProps, never>;
 export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -7,5 +7,5 @@ export declare const TreeSelect: (<ValueType = any, OptionType extends import("r
     SHOW_ALL: "SHOW_ALL";
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 };

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

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

package/es/constants/storybook.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
@@ -8,5 +7,5 @@ export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
     key: string;
-    render: (text: any) => React.JSX.Element;
+    render: (text: any) => JSX.Element;
 })[];

package/es/test.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@antscorp/icons/main.css';
 export declare const BACKGROUND_COLOR_STYLE: {
     SOLID: {
@@ -11,4 +10,4 @@ export declare const BACKGROUND_COLOR_STYLE: {
     };
 };
 export declare const customColors: string[];
-export declare const App: () => React.JSX.Element;
+export declare const App: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.11",
+  "version": "1.3.3-beta.13",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",