@antscorp/antsomi-ui 1.3.3-beta.86 → 1.3.3-beta.87

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InputNumberProps as AntdInputNumberProps } from 'antd';
-export interface InputNumberProps extends AntdInputNumberProps {
-    showHandler?: boolean;
-}
-export declare const InputNumber: React.FC<InputNumberProps>;
+import React from 'react';
+import { InputNumberProps as AntdInputNumberProps } from 'antd';
+export interface InputNumberProps extends AntdInputNumberProps {
+    showHandler?: boolean;
+}
+export declare const InputNumber: React.FC<InputNumberProps>;

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

@@ -1,27 +1,27 @@
-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 from 'react';
-import clsx from 'clsx';
-import { InputNumber as AntdInputNumber } from 'antd';
-// Icons
-import Icon from '@antscorp/icons';
-export const InputNumber = props => {
-    // Props
-    const { showHandler, className } = props, restOfProps = __rest(props, ["showHandler", "className"]);
-    return (React.createElement(AntdInputNumber, Object.assign({}, restOfProps, { className: clsx(className, {
-            '--show-handler': showHandler,
-        }), upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", style: { fontSize: 8 } }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", style: { fontSize: 8 } }) })));
-};
-InputNumber.defaultProps = {
-    showHandler: true,
-};
+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 from 'react';
+import clsx from 'clsx';
+import { InputNumber as AntdInputNumber } from 'antd';
+// Icons
+import Icon from '@antscorp/icons';
+export const InputNumber = props => {
+    // Props
+    const { showHandler, className } = props, restOfProps = __rest(props, ["showHandler", "className"]);
+    return (React.createElement(AntdInputNumber, Object.assign({}, restOfProps, { className: clsx(className, {
+            '--show-handler': showHandler,
+        }), upHandler: React.createElement(Icon, { type: "icon-ants-caret-up", style: { fontSize: 8 } }), downHandler: React.createElement(Icon, { type: "icon-ants-caret-down", style: { fontSize: 8 } }) })));
+};
+InputNumber.defaultProps = {
+    showHandler: true,
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface MobileFrameProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+}
+export declare const MobileFrame: React.FC<React.PropsWithChildren<MobileFrameProps>>;

package/es/components/atoms/MobileFrame/MobileFrame.js

@@ -0,0 +1,22 @@
+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 from 'react';
+// Styled
+import { MobileWrapper, MobileInner, MobileBottomLine } from './styled';
+export const MobileFrame = (_a) => {
+    var { children } = _a, restOfProps = __rest(_a, ["children"]);
+    return (React.createElement(MobileWrapper, Object.assign({}, restOfProps),
+        React.createElement(MobileInner, null,
+            children,
+            React.createElement(MobileBottomLine, null))));
+};

package/es/components/atoms/MobileFrame/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const MOBILE_SETTING: {
+    width: number;
+    height: number;
+};

package/es/components/atoms/MobileFrame/constants.js

@@ -0,0 +1,4 @@
+export const MOBILE_SETTING = {
+    width: 391,
+    height: 660,
+};

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

@@ -0,0 +1,2 @@
+export { MobileFrame } from './MobileFrame';
+export type { MobileFrameProps } from './MobileFrame';

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

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

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

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

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

@@ -0,0 +1,33 @@
+// Libraries
+import styled from 'styled-components';
+// Assets
+import MobileFrame from '@antscorp/antsomi-ui/es/assets/images/iphone.png';
+export const MobileWrapper = styled.div `
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  background: url(${MobileFrame}) no-repeat center center;
+  background-size: contain;
+`;
+export const MobileInner = styled.div `
+  position: relative;
+  width: 100%;
+  max-width: 336px;
+  height: 695px;
+  margin: 61px 23px 20px 24px;
+  border-bottom-left-radius: 50px;
+  border-bottom-right-radius: 50px;
+  overflow: hidden;
+`;
+export const MobileBottomLine = styled.div `
+  width: 145px;
+  height: 5px;
+  background-color: #000000;
+  border-radius: 20px;
+  position: absolute;
+  margin: auto;
+  bottom: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+`;

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,2 @@
-export { Pagination } from './Pagination';
+export { Pagination } from './Pagination';
+export type { PaginationProps } from 'antd';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PreviewTabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    total?: number;
+    current?: number;
+    onChange?: (current: number) => void;
+}
+export declare const PreviewTabs: React.FC<PreviewTabProps>;

package/es/components/atoms/PreviewTabs/PreviewTabs.js

@@ -0,0 +1,67 @@
+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, { useEffect, useState } from 'react';
+import cn from 'classnames';
+// Components
+import { Flex, Icon } from '..';
+// Styled
+import { NavigationButton, StyledRichMenuTabs } from './styled';
+import { tryCatchWrapper } from '@antscorp/antsomi-ui/es/utils';
+const defaultProps = {
+    total: 20,
+    current: 1,
+};
+const PATH = 'antsomi-ui/src/components/atoms/PreviewTabs/PreviewTabs.tsx';
+export const PreviewTabs = props => {
+    const { total = 20, current = 1, onChange } = props, restProps = __rest(props, ["total", "current", "onChange"]);
+    const tabsRef = React.useRef(null);
+    // State
+    const [state, setState] = useState({
+        disablePrev: true,
+        disableNext: true,
+    });
+    // Variables
+    const { disableNext, disablePrev } = state;
+    // Handlers
+    const checkScroll = () => {
+        if (tabsRef.current) {
+            const { scrollLeft, clientWidth, scrollWidth } = tabsRef.current;
+            setState(prevState => (Object.assign(Object.assign({}, prevState), { disableNext: scrollLeft + clientWidth === scrollWidth })));
+            setState(prevState => (Object.assign(Object.assign({}, prevState), { disablePrev: scrollLeft === 0 })));
+        }
+    };
+    // Check disable next navigation base length of tabs
+    useEffect(() => {
+        checkScroll();
+    }, []);
+    // Handlers
+    const onClickNavigation = tryCatchWrapper((isPrev) => {
+        if (tabsRef.current) {
+            const { scrollLeft } = tabsRef.current;
+            tabsRef.current.scrollTo({ left: scrollLeft + (isPrev ? -40 : 40), behavior: 'smooth' });
+            checkScroll();
+        }
+    }, PATH);
+    return (React.createElement(StyledRichMenuTabs, Object.assign({}, restProps),
+        React.createElement(NavigationButton, { className: cn('navigation--previous', {
+                'navigation--disabled': disablePrev,
+            }), onClick: () => onClickNavigation(true) },
+            React.createElement(Icon, { type: "icon-ants-angle-left" })),
+        React.createElement(Flex, { ref: tabsRef, className: "tabs antsomi-scrollbar-hidden", align: "center", onScroll: () => checkScroll() }, Array.from({ length: total }).map((_, index) => (React.createElement(Flex, { key: `${index + 1}`, align: "center", justify: "center", className: `tabs__item ${current === index + 1 ? 'tabs__item--active' : ''}`, onClick: () => onChange && onChange(index + 1) },
+            React.createElement(Flex, { align: "center", justify: "center", className: "tabs__label" }, index + 1))))),
+        React.createElement(NavigationButton, { className: cn('navigation--next', {
+                'navigation--disabled': disableNext,
+            }), onClick: () => onClickNavigation(false) },
+            React.createElement(Icon, { type: "icon-ants-angle-right" }))));
+};
+PreviewTabs.defaultProps = defaultProps;

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

@@ -0,0 +1,2 @@
+export { PreviewTabs } from './PreviewTabs';
+export type { PreviewTabProps } from './PreviewTabs';

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface StyledRichMenuTabsProps {
+    width?: number;
+}
+export declare const StyledRichMenuTabs: import("styled-components").StyledComponent<"div", any, StyledRichMenuTabsProps, never>;
+export declare const NavigationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -0,0 +1,79 @@
+// Components
+import { Flex } from '../Flex';
+// Styled
+import styled from 'styled-components';
+export const StyledRichMenuTabs = styled.div `
+  display: flex;
+  align-items: center;
+  background: #f0f0f0;
+  box-shadow: 0px 3px 3px 0px rgba(0, 46, 89, 0.1);
+  height: 40px;
+  width: ${({ width }) => width || 467}px;
+
+  .tabs {
+    flex: 1;
+    width: 100%;
+    overflow: auto;
+
+    &__item {
+      flex-shrink: 0;
+      height: 40px;
+      width: 40px;
+      border-right: 1px solid #d4d4d4;
+      cursor: pointer;
+      transition: all 200ms;
+
+      &--active {
+        background-color: #fff;
+
+        .tabs__label {
+          background-color: var(--primary-color);
+          color: #fff;
+        }
+      }
+    }
+
+    &__label {
+      height: 24px;
+      width: 24px;
+      font-weight: 700;
+      font-size: 14px;
+      color: var(--primary-color);
+      border-radius: 100%;
+      border: 1px solid #b8cfe6;
+      background-color: #fff;
+      transition: all 200ms;
+    }
+  }
+`;
+export const NavigationButton = styled(Flex) `
+  width: 40px;
+  height: 40px;
+  background-color: #fff;
+  cursor: pointer;
+
+  i {
+    font-size: 12px;
+    color: #595959;
+  }
+
+  &.navigation--previous {
+    border-right: 1px solid #d4d4d4;
+  }
+
+  &.navigation--next {
+    border-left: 1px solid #d4d4d4;
+  }
+
+  &.navigation--disabled {
+    cursor: not-allowed;
+
+    i {
+      color: #59595980;
+    }
+  }
+`;
+NavigationButton.defaultProps = {
+    align: 'center',
+    justify: 'center',
+};

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 {};