@zendeskgarden/react-theming 8.54.3 → 8.56.0

package/dist/index.cjs.js

@@ -71,7 +71,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -84,7 +84,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -689,11 +688,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 +698,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';
@@ -63,7 +63,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -76,7 +76,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -681,11 +680,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 +690,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/typings/utils/useDocument.d.ts

@@ -5,4 +5,4 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export declare const useDocument: (theme?: Partial<DefaultTheme> | undefined) => Document | undefined;
+export declare const useDocument: (theme?: Partial<DefaultTheme>) => Document | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-theming",
-  "version": "8.54.3",
+  "version": "8.56.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": "c0e1cb7669a366ff510cc9613e2b426d48019732"
 }