@antscorp/antsomi-ui 1.6.8 → 1.7.0

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/molecules/index.d.ts

@@ -23,7 +23,6 @@ export { IconSelectionRenderer } from './IconSelection/components/Icon';
 export { AlignSetting } from './AlignSetting';
 export { EdgeSetting } from './EdgeSetting';
 export { ShareAccess, Constants as ShareAccessConstants, Utils as ShareAccessUtils, } from './ShareAccess';
-export { Drawer } from './Drawer';
 export { Collapse } from './Collapse';
 export { TreeSelect } from './TreeSelect';
 export { Card } from './Card';
@@ -53,6 +52,7 @@ export { CalendarSelection, CalendarSelectionConstants, CalendarSelectionUtils,
 export * from './EmptyData';
 export * from './PreviewModal';
 export * from './DrawerDetail';
+export * from './Drawer';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
 export * from './Tree';

package/es/components/molecules/index.js

@@ -23,7 +23,6 @@ export { IconSelectionRenderer } from './IconSelection/components/Icon';
 export { AlignSetting } from './AlignSetting';
 export { EdgeSetting } from './EdgeSetting';
 export { ShareAccess, Constants as ShareAccessConstants, Utils as ShareAccessUtils, } from './ShareAccess';
-export { Drawer } from './Drawer';
 export { Collapse } from './Collapse';
 export { TreeSelect } from './TreeSelect';
 export { Card } from './Card';
@@ -53,6 +52,7 @@ export { CalendarSelection, CalendarSelectionConstants, CalendarSelectionUtils,
 export * from './EmptyData';
 export * from './PreviewModal';
 export * from './DrawerDetail';
+export * from './Drawer';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
 export * from './Tree';

package/package.json

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