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

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

@@ -1 +1 @@
-export { InputNumber } from './InputNumber';
+export { InputNumber } from './InputNumber';

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

@@ -1 +1 @@
-export { InputNumber } from './InputNumber';
+export { InputNumber } from './InputNumber';

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

@@ -1 +1 @@
-export { message } from 'antd';
+export { message } from 'antd';

package/es/components/atoms/Message/Message.js

@@ -1 +1 @@
-export { message } from 'antd';
+export { message } from 'antd';

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

@@ -1 +1 @@
-export { message } from './Message';
+export { message } from './Message';

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

@@ -1 +1 @@
-export { message } from './Message';
+export { message } from './Message';

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

@@ -1 +1 @@
-export { notification } from 'antd';
+export { notification } from 'antd';

package/es/components/atoms/Notification/Notification.js

@@ -1 +1 @@
-export { notification } from 'antd';
+export { notification } from 'antd';

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

@@ -1 +1 @@
-export { notification } from './Notification';
+export { notification } from './Notification';

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

@@ -1 +1 @@
-export { notification } from './Notification';
+export { notification } from './Notification';

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

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

package/es/components/atoms/Pagination/Pagination.js

@@ -1,2 +1,2 @@
-import { Pagination as AntdPagination } from 'antd';
-export const Pagination = AntdPagination;
+import { Pagination as AntdPagination } from 'antd';
+export const Pagination = AntdPagination;

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

@@ -1 +1 @@
-export { Pagination } from './Pagination';
+export { Pagination } from './Pagination';

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

@@ -1 +1 @@
-export { Pagination } from './Pagination';
+export { Pagination } from './Pagination';

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: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
-};
+/// <reference types="react" />
+export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
+};

package/es/components/atoms/Popover/Popover.js

@@ -1,2 +1,2 @@
-import { Popover as AntdPopover } from 'antd';
-export const Popover = AntdPopover;
+import { Popover as AntdPopover } from 'antd';
+export const Popover = AntdPopover;

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

@@ -1 +1 @@
-export { Popover } from './Popover';
+export { Popover } from './Popover';

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

@@ -1 +1 @@
-export { Popover } from './Popover';
+export { Popover } from './Popover';

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

package/es/components/atoms/Popover/styled.js

@@ -1,5 +1,5 @@
-// Libraries
-import styled from 'styled-components';
-// Components
-import { Popover as AntdPopover } from 'antd';
-export const PopoverWrapper = styled(AntdPopover) ``;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Popover as AntdPopover } from 'antd';
+export const PopoverWrapper = styled(AntdPopover) ``;

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

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

package/es/components/atoms/Progress/Progress.js

@@ -1,2 +1,2 @@
-import { Progress as AntdProgress } from 'antd';
-export const Progress = AntdProgress;
+import { Progress as AntdProgress } from 'antd';
+export const Progress = AntdProgress;

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

@@ -1 +1 @@
-export { Progress } from './Progress';
+export { Progress } from './Progress';

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

@@ -1 +1 @@
-export { Progress } from './Progress';
+export { Progress } from './Progress';

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

@@ -1 +1 @@
-export { Radio } from 'antd';
+export { Radio } from 'antd';

package/es/components/atoms/Radio/Radio.js

@@ -1 +1 @@
-export { Radio } from 'antd';
+export { Radio } from 'antd';

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<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<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<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>;
+/// <reference types="react" />
+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<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<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/Radio/index.js

@@ -1,25 +1,25 @@
-var _a, _b, _c, _d;
-// Libraries
-import styled from 'styled-components';
-// Components
-import { Radio as AntdRadio } from 'antd';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const Radio = styled(AntdRadio) `
-  font-family: 'Roboto';
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextBase};
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
-
-  .antsomi-radio {
-    .antsomi-radio-inner {
-      border-width: 2px;
-      border-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
-
-      &::after {
-        background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorPrimary};
-      }
-    }
-  }
-`;
-export const RadioButton = styled(AntdRadio.Button) ``;
-export const RadioGroupSub = styled(AntdRadio.Group) ``;
+var _a, _b, _c, _d;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Radio as AntdRadio } from 'antd';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const Radio = styled(AntdRadio) `
+  font-family: 'Roboto';
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextBase};
+  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+
+  .antsomi-radio {
+    .antsomi-radio-inner {
+      border-width: 2px;
+      border-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
+
+      &::after {
+        background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorPrimary};
+      }
+    }
+  }
+`;
+export const RadioButton = styled(AntdRadio.Button) ``;
+export const RadioGroupSub = styled(AntdRadio.Group) ``;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Rate: import("react").ForwardRefExoticComponent<import("antd").RateProps & import("react").RefAttributes<import("rc-rate/lib/Rate").RateRef>>;
+/// <reference types="react" />
+export declare const Rate: import("react").ForwardRefExoticComponent<import("antd").RateProps & import("react").RefAttributes<import("rc-rate/lib/Rate").RateRef>>;

package/es/components/atoms/Rate/Rate.js

@@ -1,2 +1,2 @@
-import { Rate as AntdRate } from 'antd';
-export const Rate = AntdRate;
+import { Rate as AntdRate } from 'antd';
+export const Rate = AntdRate;

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

@@ -1 +1 @@
-export { Rate } from './Rate';
+export { Rate } from './Rate';

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

@@ -1 +1 @@
-export { Rate } from './Rate';
+export { Rate } from './Rate';

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

@@ -0,0 +1,18 @@
+import React from 'react';
+interface RateContinuousProps {
+    count?: number;
+    className?: string;
+    defaultValue?: number;
+    /**
+     * @description number of star
+     */
+    value?: number;
+    type?: 'full' | 'half' | 'continuous';
+    /**
+     * @param value current number of stars are selected
+     * @description number of stars = fillWidth / STAR_WIDTH
+     */
+    onChange?: (value: number) => void;
+}
+export declare const RateV2: React.FC<RateContinuousProps>;
+export {};

package/es/components/atoms/RateV2/RateV2.js

@@ -0,0 +1,73 @@
+import React, { useEffect, useState } from 'react';
+import StarImage from '@antscorp/antsomi-ui/es/assets/images/stars_slider.png';
+const STAR_WIDTH = 30;
+const parseNumDecimals = (input, decimals) => +Number.parseFloat(input === null || input === void 0 ? void 0 : input.toString()).toFixed(decimals);
+const roundHalf = (num) => {
+    const multiplier = 1 / 0.5;
+    return Math.round(num * multiplier) / multiplier;
+};
+/**
+ *
+ * @param width width measure from the left edge of star container
+ * @param type type of star - 'full' | 'half' | 'continuous'
+ * @default type 'full'
+ * @returns
+ */
+const getWidth = (width, type = 'full') => {
+    const numberOfStar = width / STAR_WIDTH;
+    return type === 'full'
+        ? Math.ceil(numberOfStar) * STAR_WIDTH
+        : type === 'half'
+            ? roundHalf(numberOfStar) * STAR_WIDTH
+            : width;
+};
+export const RateV2 = ({ count = 5, className, defaultValue = 0, value, type = 'full', onChange, }) => {
+    const fullWidth = count * STAR_WIDTH;
+    // The width is calculated when move mouse => change the UI, not change the real value
+    const [fillWidth, setFillWidth] = useState(() => defaultValue ? getWidth(defaultValue * STAR_WIDTH, type) : 0);
+    // The real current value that will be return to parent component by onChange function
+    // currWidth = value * STAR_WIDTH
+    const [currWidth, setCurrWidth] = useState(0);
+    const handleMouseMove = e => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const hoverWidth = Math.round(x);
+        setFillWidth(getWidth(hoverWidth, type));
+    };
+    const handleClick = () => {
+        // If have no value => auto set current value; if have value => must control value with onChange props
+        if (!value)
+            setCurrWidth(fillWidth);
+        if (onChange)
+            onChange(parseNumDecimals(fillWidth / STAR_WIDTH, 2));
+    };
+    useEffect(() => {
+        if (typeof value === 'number') {
+            const width = getWidth(value * STAR_WIDTH, type);
+            setCurrWidth(width);
+            setFillWidth(width);
+        }
+    }, [value]);
+    return (React.createElement("div", { className: `antsomi-rate-continuous${className ? ` ${className}` : ''}`, style: {
+            position: 'relative',
+            width: `${fullWidth}px`,
+            backgroundPosition: '-27px',
+            height: '28px',
+        }, onMouseMove: handleMouseMove, onMouseLeave: () => setFillWidth(currWidth || 0), onClick: handleClick },
+        React.createElement("div", { className: "custom-rate custom-rate--fill", style: {
+                position: 'absolute',
+                background: `url(${StarImage}) 0px 0px`,
+                width: `${fillWidth}px`,
+                height: '26px',
+                zIndex: 1,
+            } }),
+        React.createElement("div", { className: "custom-rate custom-rate--empty", style: {
+                position: 'absolute',
+                top: '0px',
+                left: '0px',
+                backgroundImage: 'none',
+                background: `transparent url(${StarImage}) 0px -26px`,
+                width: `${fullWidth}px`,
+                height: '26px',
+            } })));
+};

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

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

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

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

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

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
-import { TextProps } from '../Text';
-interface RequiredLabelProps extends TextProps {
-    children?: ReactNode;
-}
-export declare const RequiredLabel: React.FC<RequiredLabelProps>;
-export {};
+import React, { ReactNode } from 'react';
+import { TextProps } from '../Text';
+interface RequiredLabelProps extends TextProps {
+    children?: ReactNode;
+}
+export declare const RequiredLabel: React.FC<RequiredLabelProps>;
+export {};

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

@@ -1,24 +1,24 @@
-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 } from 'react';
-// Atoms
-import { Text } from '../Text';
-// Styled
-import { StyledRequired } from './styled';
-export const RequiredLabel = memo(props => {
-    // Props
-    const { children } = props, restProps = __rest(props, ["children"]);
-    return (React.createElement(Text, Object.assign({}, restProps),
-        React.createElement(StyledRequired, null, "*"),
-        children));
-});
+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 } from 'react';
+// Atoms
+import { Text } from '../Text';
+// Styled
+import { StyledRequired } from './styled';
+export const RequiredLabel = memo(props => {
+    // Props
+    const { children } = props, restProps = __rest(props, ["children"]);
+    return (React.createElement(Text, Object.assign({}, restProps),
+        React.createElement(StyledRequired, null, "*"),
+        children));
+});

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

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

package/es/components/atoms/RequiredLabel/styled.js

@@ -1,10 +1,10 @@
-var _a;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const RequiredLabelWrapper = styled.div ``;
-export const StyledRequired = styled.span `
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.red6};
-  margin-right: 4px;
-`;
+var _a;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const RequiredLabelWrapper = styled.div ``;
+export const StyledRequired = styled.span `
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.red6};
+  margin-right: 4px;
+`;

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

@@ -1,9 +1,9 @@
-import React from 'react';
-interface ScrollBoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    height?: number;
-    maxHeight?: number;
-    loadMore?: Function;
-    isPadding?: boolean;
-}
-export declare const ScrollBox: React.FC<ScrollBoxProps>;
-export {};
+import React from 'react';
+interface ScrollBoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    height?: number;
+    maxHeight?: number;
+    loadMore?: Function;
+    isPadding?: boolean;
+}
+export declare const ScrollBox: React.FC<ScrollBoxProps>;
+export {};

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

@@ -1,51 +1,51 @@
-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;
-};
-var _a;
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import React, { useState, useEffect, useRef } from 'react';
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const ScrollBox = props => {
-    const { children, height, maxHeight, isPadding, loadMore, style } = props, restOf = __rest(props, ["children", "height", "maxHeight", "isPadding", "loadMore", "style"]);
-    const wrapperRef = useRef(null);
-    const [isScroll, setIsScroll] = useState(false);
-    useEffect(() => {
-        if (wrapperRef.current && wrapperRef.current.scrollHeight > wrapperRef.current.clientHeight) {
-            !isScroll && setIsScroll(true);
-        }
-        else {
-            isScroll && setIsScroll(false);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [wrapperRef.current]);
-    const handleScroll = e => {
-        const bottom = e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight;
-        if (bottom) {
-            if (typeof loadMore === 'function') {
-                loadMore();
-            }
-        }
-    };
-    return (
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    React.createElement(Wrapper, Object.assign({ ref: wrapperRef }, Object.assign(Object.assign({}, restOf), { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), (height && { height })), (maxHeight && { maxHeight })), { paddingRight: isScroll && isPadding ? 8 : 0 }) }), { onScroll: handleScroll }), children));
-};
-const Wrapper = styled.div `
-  height: 100%;
-  width: 100%;
-  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
-  overflow: auto;
-`;
-ScrollBox.defaultProps = {
-    isPadding: false,
-};
+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;
+};
+var _a;
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import React, { useState, useEffect, useRef } from 'react';
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const ScrollBox = props => {
+    const { children, height, maxHeight, isPadding, loadMore, style } = props, restOf = __rest(props, ["children", "height", "maxHeight", "isPadding", "loadMore", "style"]);
+    const wrapperRef = useRef(null);
+    const [isScroll, setIsScroll] = useState(false);
+    useEffect(() => {
+        if (wrapperRef.current && wrapperRef.current.scrollHeight > wrapperRef.current.clientHeight) {
+            !isScroll && setIsScroll(true);
+        }
+        else {
+            isScroll && setIsScroll(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [wrapperRef.current]);
+    const handleScroll = e => {
+        const bottom = e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight;
+        if (bottom) {
+            if (typeof loadMore === 'function') {
+                loadMore();
+            }
+        }
+    };
+    return (
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    React.createElement(Wrapper, Object.assign({ ref: wrapperRef }, Object.assign(Object.assign({}, restOf), { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), (height && { height })), (maxHeight && { maxHeight })), { paddingRight: isScroll && isPadding ? 8 : 0 }) }), { onScroll: handleScroll }), children));
+};
+const Wrapper = styled.div `
+  height: 100%;
+  width: 100%;
+  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw0};
+  overflow: auto;
+`;
+ScrollBox.defaultProps = {
+    isPadding: false,
+};

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

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

package/es/components/atoms/Segmented/Segmented.js

@@ -1,2 +1,2 @@
-import { Segmented as AntdSegmented } from 'antd';
-export const Segmented = AntdSegmented;
+import { Segmented as AntdSegmented } from 'antd';
+export const Segmented = AntdSegmented;

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

@@ -1 +1 @@
-export { Segmented } from 'antd';
+export { Segmented } from 'antd';

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

@@ -1 +1 @@
-export { Segmented } from 'antd';
+export { Segmented } from 'antd';

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export declare const Skeleton: import("react").FC<import("antd").SkeletonProps> & {
-    Button: import("react").FC<import("antd/es/skeleton/Button").SkeletonButtonProps>;
-    Avatar: import("react").FC<import("antd/es/skeleton/Avatar").AvatarProps>;
-    Input: import("react").FC<import("antd/es/skeleton/Input").SkeletonInputProps>;
-    Image: import("react").FC<import("antd/es/skeleton/Image").SkeletonImageProps>;
-    Node: import("react").FC<import("antd/es/skeleton/Node").SkeletonNodeProps>;
-};
+/// <reference types="react" />
+export declare const Skeleton: import("react").FC<import("antd").SkeletonProps> & {
+    Button: import("react").FC<import("antd/es/skeleton/Button").SkeletonButtonProps>;
+    Avatar: import("react").FC<import("antd/es/skeleton/Avatar").AvatarProps>;
+    Input: import("react").FC<import("antd/es/skeleton/Input").SkeletonInputProps>;
+    Image: import("react").FC<import("antd/es/skeleton/Image").SkeletonImageProps>;
+    Node: import("react").FC<import("antd/es/skeleton/Node").SkeletonNodeProps>;
+};

package/es/components/atoms/Skeleton/Skeleton.js

@@ -1,2 +1,2 @@
-import { Skeleton as AntdSkeleton } from 'antd';
-export const Skeleton = AntdSkeleton;
+import { Skeleton as AntdSkeleton } from 'antd';
+export const Skeleton = AntdSkeleton;

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

@@ -1 +1 @@
-export { Skeleton } from './Skeleton';
+export { Skeleton } from './Skeleton';

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

@@ -1 +1 @@
-export { Skeleton } from './Skeleton';
+export { Skeleton } from './Skeleton';

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