@zendeskgarden/react-theming 8.54.3 → 8.55.0

package/dist/index.cjs.js

@@ -689,11 +689,8 @@ function arrowStyles(position) {
 }
 
 var useText = function useText(component, props, name, text) {
-  var _useState = React.useState(props[name]),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-  React.useEffect(function () {
+  var value = props[name];
+  return React.useMemo(function () {
     if (name === 'children') {
       throw new Error('Error: `children` is not a valid `getText` prop.');
     } else if (value === null || value === '') {
@@ -702,10 +699,10 @@ var useText = function useText(component, props, name, text) {
       if (process.env.NODE_ENV === 'development') {
         console.warn(component.displayName ? "Warning: you did not provide a customized/translated `".concat(name, "` text value for <").concat(component.displayName, ">. Zendesk Garden is rendering <").concat(component.displayName, " ").concat(name, "=\"").concat(text, "\"> by default.") : "Warning: you did not provide a customized/translated `".concat(name, "` text value. Zendesk Garden is rendering ").concat(name, "=\"").concat(text, "\" by default."));
       }
-      setValue(text);
+      return text;
     }
-  }, [name, value, component.displayName, text]);
-  return value;
+    return value;
+  }, [component.displayName, value, name, text]);
 };
 
 var animationStyles = function animationStyles(position, options) {

package/dist/index.esm.js

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { ThemeProvider as ThemeProvider$1, withTheme as withTheme$1, css, keyframes } from 'styled-components';
 import { useFocusVisible } from '@zendeskgarden/container-focusvisible';
 import { getControlledValue } from '@zendeskgarden/container-utilities';
@@ -681,11 +681,8 @@ function arrowStyles(position) {
 }
 
 var useText = function useText(component, props, name, text) {
-  var _useState = useState(props[name]),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-  useEffect(function () {
+  var value = props[name];
+  return useMemo(function () {
     if (name === 'children') {
       throw new Error('Error: `children` is not a valid `getText` prop.');
     } else if (value === null || value === '') {
@@ -694,10 +691,10 @@ var useText = function useText(component, props, name, text) {
       if (process.env.NODE_ENV === 'development') {
         console.warn(component.displayName ? "Warning: you did not provide a customized/translated `".concat(name, "` text value for <").concat(component.displayName, ">. Zendesk Garden is rendering <").concat(component.displayName, " ").concat(name, "=\"").concat(text, "\"> by default.") : "Warning: you did not provide a customized/translated `".concat(name, "` text value. Zendesk Garden is rendering ").concat(name, "=\"").concat(text, "\" by default."));
       }
-      setValue(text);
+      return text;
     }
-  }, [name, value, component.displayName, text]);
-  return value;
+    return value;
+  }, [component.displayName, value, name, text]);
 };
 
 var animationStyles = function animationStyles(position, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-theming",
-  "version": "8.54.3",
+  "version": "8.55.0",
   "description": "Theming utilities and components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a0cee36de7275885b23776c0cb02dedeb63613b3"
+  "gitHead": "ec2cb4f499e02faadf6a4aa6ac94eaadf1d81015"
 }