@sendoutcards/quantum-design-ui 1.8.39-alpha.3 → 1.8.39-alpha.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, createContext, useRef, useCallback, useContext, useMemo, useLayoutEffect, useImperativeHandle } from 'react';
+import React, { useState, useEffect, createContext, useRef, useMemo, useCallback, useContext, useLayoutEffect, useImperativeHandle } from 'react';
 import { jsx, ThemeProvider, Global, css, useTheme } from '@emotion/react';
 import Color$1 from 'color';
 import { motion, useMotionValue, useTransform, animate, AnimatePresence, useElementScroll, AnimateSharedLayout, useAnimation } from 'framer-motion';
@@ -12391,7 +12391,9 @@ var Div = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props
     onClick = props.onClick,
     rest = __rest(props, ["onMouseEvent", "onClick"]);
   var entities = useEntities();
-  var generatedDivStyles = generateStyles(props, entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
       onMouseEvent(e);
@@ -12572,9 +12574,11 @@ var Anchor = /*#__PURE__*/React.memo(function (props) {
     onMouseEvent = props.onMouseEvent,
     onClick = props.onClick,
     rest = __rest(props, ["color", "size", "isDecorated", "display", "shouldDownload", "onMouseEvent", "onClick"]);
-  var generatedDivStyles = generateStyles(__assign({
-    display: display
-  }, rest), entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(__assign({
+      display: display
+    }, rest), entities);
+  }, [display, rest, entities]);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
       onMouseEvent(e);
@@ -12608,7 +12612,9 @@ var Span = /*#__PURE__*/React.memo(function (props) {
     onClick = props.onClick,
     rest = __rest(props, ["onMouseEvent", "onClick"]);
   var entities = useEntities();
-  var generatedDivStyles = generateStyles(props, entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
       onMouseEvent(e);
@@ -12635,7 +12641,9 @@ var List = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     listStyle = _a === void 0 ? 'none' : _a,
     rest = __rest(props, ["listStyle"]);
   var entities = useEntities();
-  var generatedStyles = generateStyles(rest, entities);
+  var generatedStyles = useMemo(function () {
+    return generateStyles(rest, entities);
+  }, [rest, entities]);
   return jsx(motion.ul, _extends({}, rest, {
     css: styles$P.listContainer(rest.orientation, rest.alignment, listStyle, generatedStyles),
     className: "\n      ".concat(rest.className ? rest.className : ''),
@@ -12893,7 +12901,9 @@ var ListItem = /*#__PURE__*/React.memo(function (props) {
     onClick = props.onClick,
     rest = __rest(props, ["onMouseEvent", "onClick"]);
   var entities = useEntities();
-  var generatedStyles = generateStyles(props, entities);
+  var generatedStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
       onMouseEvent(e);
@@ -12941,9 +12951,11 @@ var Flex = /*#__PURE__*/React.memo(function (props) {
     onMouseEvent = props.onMouseEvent,
     onClick = props.onClick,
     rest = __rest(props, ["display", "onMouseEvent", "onClick"]);
-  var generatedDivStyles = generateStyles(__assign({
-    display: display
-  }, rest), entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(__assign({
+      display: display
+    }, rest), entities);
+  }, [display, rest, entities]);
   var ref = useRef(null);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
@@ -13040,7 +13052,9 @@ var Section = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var onClick = props.onClick,
     rest = __rest(props, ["onClick"]);
   var entities = useEntities();
-  var generatedDivStyles = generateStyles(props, entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var handleClick = useCallback(function () {
     onClick === null || onClick === void 0 ? void 0 : onClick();
   }, [onClick]);
@@ -13068,7 +13082,9 @@ var Aside = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     onClick = props.onClick,
     rest = __rest(props, ["onMouseEvent", "onClick"]);
   var entities = useEntities();
-  var generatedDivStyles = generateStyles(props, entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {
       onMouseEvent(e);
@@ -13790,7 +13806,9 @@ var FlexItem = /*#__PURE__*/React.memo(function (props) {
     onClick = props.onClick,
     rest = __rest(props, ["onMouseEvent", "onClick"]);
   var entities = useEntities();
-  var generatedDivStyles = generateStyles(props, entities);
+  var generatedDivStyles = useMemo(function () {
+    return generateStyles(props, entities);
+  }, [props, entities]);
   var ref = useRef(null);
   var handleClick = useCallback(function (e) {
     if (onMouseEvent) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.39-alpha.3",
+  "version": "1.8.39-alpha.4",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",