@yosgo/swap-ui 1.0.132 → 1.0.133

package/build/index.js

@@ -2525,7 +2525,8 @@ var Typography = function (_a) {
     });
     var classes = useStyles();
     return (React__default.createElement(MaterialTypography, { className: classes.root, style: style }, children));
-};
+};
+var Typography$1 = React__default.memo(Typography);
 
 var Container = function (_a) {
     var children = _a.children, style = _a.style, maxWidth = _a.maxWidth, padding = _a.padding;
@@ -7662,8 +7663,8 @@ var Modal = React__default.forwardRef(function (props, ref) {
                         checked ? React__default.createElement(CheckCircleIcon, { className: classes.icon }) : null,
                         failed ? React__default.createElement(WarningIcon, { className: classes.icon }) : null,
                         React__default.createElement("div", null,
-                            React__default.createElement(Typography, { variant: !mobile ? "h6" : "title" }, title),
-                            React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: { marginTop: helpText ? 4 : 0 } }, helpText)))),
+                            React__default.createElement(Typography$1, { variant: !mobile ? "h6" : "title" }, title),
+                            React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: { marginTop: helpText ? 4 : 0 } }, helpText)))),
                     disCloseIcon ? null : (React__default.createElement(core.IconButton, { className: classes.closeIconButton, TouchRippleProps: {
                             classes: { child: classes.closeIconRippleRoot },
                         }, onClick: function () {
@@ -7807,7 +7808,7 @@ var Banner = function (props) {
             React__default.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", fill: "#00932A" }))) : variant === "warning" ? (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
             React__default.createElement("path", { d: "M13 14H11V9H13V14ZM13 18H11V16H13V18ZM1 21H23L12 2L1 21Z", fill: "#E5640C" }))) : (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
             React__default.createElement("path", { d: "M13 9H11V7H13V9ZM13 17H11V11H13V17ZM12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z", fill: theme.primary.primary400 })))),
-        React__default.createElement(Typography, { variant: "caption2" }, children)));
+        React__default.createElement(Typography$1, { variant: "caption2" }, children)));
 };
 
 var useStyles$c = core.makeStyles(function () { return ({
@@ -12145,7 +12146,7 @@ var Progress = function (props) {
                             : "transparent",
                         width: "calc((100% - 24px)/2)",
                     } })),
-            React__default.createElement(Typography, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
+            React__default.createElement(Typography$1, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
     })));
 };
 
@@ -12297,7 +12298,7 @@ var AutoComplete = function (props) {
     return (React__default.createElement("div", null,
         React__default.createElement(core.Popper, { id: id, open: open, anchorEl: anchorEl, placement: "bottom-start", className: classes.popper },
             React__default.createElement("div", { className: classes.header },
-                React__default.createElement(Typography, { variant: "caption1", color: "black800" }, title)),
+                React__default.createElement(Typography$1, { variant: "caption1", color: "black800" }, title)),
             React__default.createElement(MaterialAutocomplete, __assign({}, other, { classes: {
                     paper: classes.paper,
                     option: classes.option,
@@ -12828,7 +12829,7 @@ var RadioList = function (props) {
                     alignItems: "center",
                     marginLeft: 4,
                 } },
-                React__default.createElement(Typography, { variant: "title", style: {
+                React__default.createElement(Typography$1, { variant: "title", style: {
                         maxWidth: 56,
                         minWidth: 56,
                         textAlign: "center",
@@ -12841,13 +12842,13 @@ var RadioList = function (props) {
                         backgroundColor: "#909090",
                     } }),
                 React__default.createElement("div", { ref: ref },
-                    React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
+                    React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
                             width: "100%",
                             wordBreak: "break-word",
                         } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
-                React__default.createElement(Typography, { variant: "title" }, title),
-                multiline ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
-        !multiline && !line ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
+                React__default.createElement(Typography$1, { variant: "title" }, title),
+                multiline ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
+        !multiline && !line ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
 };
 
 var useStyles$j = core.makeStyles(function (theme) { return ({
@@ -12921,7 +12922,7 @@ var CheckBoxList = function (props) {
                     alignItems: "center",
                     marginLeft: 4,
                 } },
-                React__default.createElement(Typography, { variant: "title", style: {
+                React__default.createElement(Typography$1, { variant: "title", style: {
                         minWidth: 56,
                         maxWidth: 56,
                         textAlign: "center",
@@ -12934,13 +12935,13 @@ var CheckBoxList = function (props) {
                         backgroundColor: "#909090",
                     } }),
                 React__default.createElement("div", { ref: ref },
-                    React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
+                    React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
                             width: "100%",
                             wordBreak: "break-word",
                         } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
-                React__default.createElement(Typography, { variant: "title" }, title),
-                multiline ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
-        !multiline && !line ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
+                React__default.createElement(Typography$1, { variant: "title" }, title),
+                multiline ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
+        !multiline && !line ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
 };
 
 var useStyles$k = core.makeStyles(function (theme) { return ({
@@ -13417,7 +13418,7 @@ var DatePicker = function (props) {
                             setYear(year - 1);
                             setIsClicked(true);
                         } }, icon_arrowleft),
-                    React__default.createElement(Typography, { variant: "subtitle", style: { textAlign: "center" } },
+                    React__default.createElement(Typography$1, { variant: "subtitle", style: { textAlign: "center" } },
                         year,
                         "\u5E74"),
                     React__default.createElement(IconButton, { hoverColor: "black400", onClick: function () {
@@ -13431,13 +13432,13 @@ var DatePicker = function (props) {
                         gap: 8,
                         gridTemplateColumns: "1fr 1fr 1fr",
                         gridTemplateRows: "36px 36px",
-                    } }, Array.from(Array(6).keys()).map(function (_i, i) { return (React__default.createElement(MonthButton, { key: i, index: i, month: month, setMonth: setMonth, setIsOpenMonthSelector: setIsOpenMonthSelector, setIsClicked: setIsClicked })); }))))) : null)) : (React__default.createElement(Modal, __assign({ bodyPadding: mobile ? 16 : undefined, fullWidth: mobile, open: open, onClose: onClose, size: mobile ? undefined : "medium", label: !mobile ? (React__default.createElement(Typography, { variant: "h6" },
+                    } }, Array.from(Array(6).keys()).map(function (_i, i) { return (React__default.createElement(MonthButton, { key: i, index: i, month: month, setMonth: setMonth, setIsOpenMonthSelector: setIsOpenMonthSelector, setIsClicked: setIsClicked })); }))))) : null)) : (React__default.createElement(Modal, __assign({ bodyPadding: mobile ? 16 : undefined, fullWidth: mobile, open: open, onClose: onClose, size: mobile ? undefined : "medium", label: !mobile ? (React__default.createElement(Typography$1, { variant: "h6" },
             React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A"),
             date &&
                 date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5")) : (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Typography, { variant: "caption2" },
+            React__default.createElement(Typography$1, { variant: "caption2" },
                 React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A")),
-            React__default.createElement(Typography, { variant: "subtitle" }, date &&
+            React__default.createElement(Typography$1, { variant: "subtitle" }, date &&
                 date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5"))), primaryButton: {
             title: "確認",
             onClick: function () {
@@ -13631,9 +13632,9 @@ var Breadcrumb = function (props) {
                     fontWeight: 400,
                 } },
                 children[0],
-                React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
+                React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
                 React__default.createElement("div", { onClick: handleThreeDotsClick, onMouseEnter: function () { return setIsHoverThreeDots(true); }, onMouseLeave: function () { return setIsHoverThreeDots(false); }, style: { cursor: "pointer" } }, isHoverThreeDots ? icon_threedots_hover : icon_threedots),
-                React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
+                React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
             children
                 .slice((children === null || children === void 0 ? void 0 : children.length) - maxItems + 1)
                 .map(function (i, index) {
@@ -13644,7 +13645,7 @@ var Breadcrumb = function (props) {
                         fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
                     } },
                     i,
-                    index + 1 !== maxItems - 1 && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
+                    index + 1 !== maxItems - 1 && (React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
             }))) : (children === null || children === void 0 ? void 0 : children.map(function (i, index) {
             return (React__default.createElement("div", { key: Math.random().toString(36).substr(2), style: {
                     display: "flex",
@@ -13653,7 +13654,7 @@ var Breadcrumb = function (props) {
                     fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
                 } },
                 i,
-                index + 1 !== (children === null || children === void 0 ? void 0 : children.length) && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
+                index + 1 !== (children === null || children === void 0 ? void 0 : children.length) && (React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
         })),
         React__default.createElement(Menu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleThreeDotsClose, anchorOrigin: { vertical: "bottom", horizontal: -16 }, getContentAnchorEl: null }, children === null || children === void 0 ? void 0 : children.slice(1, (children === null || children === void 0 ? void 0 : children.length) - maxItems + 1).map(function (i) {
             var content = i.props.children;
@@ -13801,6 +13802,6 @@ exports.Tabs = Tabs;
 exports.TaxTextField = TaxTextField;
 exports.TextField = TextField;
 exports.Tooltip = Tooltip;
-exports.Typography = Typography;
+exports.Typography = Typography$1;
 exports.useBreakpoints = useBreakpoints;
 //# sourceMappingURL=index.js.map