@gravityforms/components 6.4.0 → 6.4.2

package/dist/mappings/admin.js

@@ -20,6 +20,14 @@ module.exports = [
     "importPath": "html/admin/modules/",
     "externalPath": "components.admin.html.modules"
   },
+  {
+    "defaultExport": "Textarea",
+    "namedExports": [
+      "textareaTemplate"
+    ],
+    "importPath": "html/admin/elements/",
+    "externalPath": "components.admin.html.elements"
+  },
   {
     "defaultExport": "Text",
     "namedExports": [
@@ -28,6 +36,14 @@ module.exports = [
     "importPath": "html/admin/elements/",
     "externalPath": "components.admin.html.elements"
   },
+  {
+    "defaultExport": "Toggle",
+    "namedExports": [
+      "toggleTemplate"
+    ],
+    "importPath": "html/admin/elements/",
+    "externalPath": "components.admin.html.elements"
+  },
   {
     "defaultExport": "StatusIndicator",
     "namedExports": [
@@ -125,22 +141,6 @@ module.exports = [
     "importPath": "html/admin/elements/",
     "externalPath": "components.admin.html.elements"
   },
-  {
-    "defaultExport": "Textarea",
-    "namedExports": [
-      "textareaTemplate"
-    ],
-    "importPath": "html/admin/elements/",
-    "externalPath": "components.admin.html.elements"
-  },
-  {
-    "defaultExport": "Toggle",
-    "namedExports": [
-      "toggleTemplate"
-    ],
-    "importPath": "html/admin/elements/",
-    "externalPath": "components.admin.html.elements"
-  },
   {
     "defaultExport": "Tooltip",
     "importPath": "react/admin/modules/",
@@ -170,6 +170,16 @@ module.exports = [
     "importPath": "react/admin/modules/",
     "externalPath": "components.admin.react.modules"
   },
+  {
+    "defaultExport": "RouterNavBar",
+    "importPath": "react/admin/modules/",
+    "externalPath": "components.admin.react.modules"
+  },
+  {
+    "defaultExport": "Repeater",
+    "importPath": "react/admin/modules/",
+    "externalPath": "components.admin.react.modules"
+  },
   {
     "defaultExport": "Phone",
     "importPath": "react/admin/modules/",
@@ -236,7 +246,7 @@ module.exports = [
     "externalPath": "components.admin.react.modules"
   },
   {
-    "defaultExport": "Repeater",
+    "defaultExport": "Dialog",
     "importPath": "react/admin/modules/",
     "externalPath": "components.admin.react.modules"
   },
@@ -260,11 +270,6 @@ module.exports = [
     "importPath": "react/admin/modules/",
     "externalPath": "components.admin.react.modules"
   },
-  {
-    "defaultExport": "RouterNavBar",
-    "importPath": "react/admin/modules/",
-    "externalPath": "components.admin.react.modules"
-  },
   {
     "defaultExport": "Calendar",
     "importPath": "react/admin/modules/",
@@ -301,12 +306,12 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Textarea",
+    "defaultExport": "Text",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Text",
+    "defaultExport": "Textarea",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
@@ -331,22 +336,22 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Popover",
+    "defaultExport": "Radio",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Radio",
+    "defaultExport": "Popover",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Pill",
+    "defaultExport": "Link",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Link",
+    "defaultExport": "Label",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
@@ -356,7 +361,7 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Label",
+    "defaultExport": "Image",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
@@ -366,7 +371,7 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "Image",
+    "defaultExport": "HelpText",
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
@@ -375,11 +380,6 @@ module.exports = [
     "importPath": "react/admin/elements/",
     "externalPath": "components.admin.react.elements"
   },
-  {
-    "defaultExport": "HelpText",
-    "importPath": "react/admin/elements/",
-    "externalPath": "components.admin.react.elements"
-  },
   {
     "defaultExport": "Grid",
     "importPath": "react/admin/elements/",
@@ -416,17 +416,9 @@ module.exports = [
     "externalPath": "components.admin.react.modules"
   },
   {
-    "defaultExport": "Dialog",
-    "importPath": "react/admin/modules/",
-    "externalPath": "components.admin.react.modules"
-  },
-  {
-    "__esModule": true,
-    "default": {
-      "defaultExport": "Simple",
-      "importPath": "react/admin/modules/ProgressBar/",
-      "externalPath": "components.admin.react.modules"
-    }
+    "defaultExport": "Pill",
+    "importPath": "react/admin/elements/",
+    "externalPath": "components.admin.react.elements"
   },
   {
     "defaultExport": "RingLoader",
@@ -483,18 +475,26 @@ module.exports = [
     "importPath": "react/admin/modules/Cards/",
     "externalPath": "components.admin.react.modules"
   },
+  {
+    "__esModule": true,
+    "default": {
+      "defaultExport": "Simple",
+      "importPath": "react/admin/modules/ProgressBar/",
+      "externalPath": "components.admin.react.modules"
+    }
+  },
   {
     "defaultExport": "ZohoLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "ZohoFullLogo",
+    "defaultExport": "WordPressLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "WordPressLogo",
+    "defaultExport": "ZohoFullLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
@@ -509,17 +509,17 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "TelegramLogo",
+    "defaultExport": "TwilioLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "SparkPostLogo",
+    "defaultExport": "TelegramLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "TwilioLogo",
+    "defaultExport": "SparkPostLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
@@ -534,17 +534,17 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "SendGridLogo",
+    "defaultExport": "SendGridFullLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "SendGridFullLogo",
+    "defaultExport": "SearchNoResults",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "SearchNoResults",
+    "defaultExport": "SendGridLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
@@ -554,17 +554,17 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "SMTP2GOFullLogo",
+    "defaultExport": "ResendLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "ResendLogo",
+    "defaultExport": "ResendFullLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "ResendFullLogo",
+    "defaultExport": "SMTP2GOFullLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
@@ -728,6 +728,11 @@ module.exports = [
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
+  {
+    "defaultExport": "EmailitLogo",
+    "importPath": "react/admin/elements/Svgs/",
+    "externalPath": "components.admin.react.elements"
+  },
   {
     "defaultExport": "EmailitFullLogo",
     "importPath": "react/admin/elements/Svgs/",
@@ -739,12 +744,12 @@ module.exports = [
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "EmailitLogo",
+    "defaultExport": "ElasticEmailFullLogo",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
   {
-    "defaultExport": "ElasticEmailFullLogo",
+    "defaultExport": "CustomSMTPFull",
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
@@ -768,11 +773,6 @@ module.exports = [
     "importPath": "react/admin/elements/Svgs/",
     "externalPath": "components.admin.react.elements"
   },
-  {
-    "defaultExport": "CustomSMTPFull",
-    "importPath": "react/admin/elements/Svgs/",
-    "externalPath": "components.admin.react.elements"
-  },
   {
     "defaultExport": "BrevoFullLogo",
     "importPath": "react/admin/elements/Svgs/",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravityforms/components",
-  "version": "6.4.0",
+  "version": "6.4.2",
   "description": "UI components for use in Gravity Forms development. Both React and vanilla js flavors.",
   "author": "Rocketgenius",
   "license": "GPL-2.0-or-later",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@gravityforms/components": "^6.4.0",
+    "@gravityforms/components": "^6.4.2",
     "@gravityforms/libraries": "^6.0.0",
     "@gravityforms/react-utils": "^5.2.0",
     "@gravityforms/request": "^6.1.0",

package/react/admin/modules/DataGrid/use-data-grid-state.js

@@ -2,7 +2,7 @@ import { React } from '@gravityforms/libraries';
 import { isFunction } from '@gravityforms/utils';
 import { getModules } from './utils';
 
-const { useEffect, useState } = React;
+const { useCallback, useEffect, useState } = React;
 
 /**
  * @function getOrganizedData
@@ -122,9 +122,9 @@ const useDataGridState = ( {
 		moduleState,
 	} ) );
 
-	const updateModuleState = ( newState ) => {
-		setModuleState( { ...moduleState, ...newState } );
-	};
+	const updateModuleState = useCallback( ( newState ) => {
+		setModuleState( ( prevState ) => ( { ...prevState, ...newState } ) );
+	}, [] );
 
 	useEffect( () => {
 		setGridLocked( organizedData.length === 0 || isLoading );

package/react/admin/modules/ProgressBar/Simple/index.js

@@ -10,6 +10,7 @@ const { forwardRef } = React;
  * @since 5.7.3
  *
  * @param {object}                  props                  Component props.
+ * @param {string}                  props.animation        Animation style for the progress bar. Options: '' (none), 'simple'.
  * @param {string}                  props.customAttributes Custom attributes for the component.
  * @param {string | Array | object} props.customClasses    Custom CSS classes for the component.
  * @param {string}                  props.label            Custom label text (overrides percentage).
@@ -33,6 +34,7 @@ const { forwardRef } = React;
  *
  */
 const Simple = forwardRef( ( {
+	animation = '',
 	customAttributes = {},
 	customClasses = [],
 	label = '',
@@ -46,6 +48,7 @@ const Simple = forwardRef( ( {
 	const componentProps = {
 		className: classnames( {
 			'gform-progress-bar': true,
+			[ `gform-progress-bar--animation-${ animation }` ]: !! animation,
 			[ `gform-progress-bar--size-${ size }` ]: true,
 			'gform-progress-bar--simple': true,
 			'gform-progress-bar--has-label': showLabel,
@@ -55,7 +58,7 @@ const Simple = forwardRef( ( {
 		...customAttributes,
 	};
 
-	const normalizedValue = Math.min( 100, Math.max( 0, value ) );
+	const normalizedValue = Math.round( Math.min( 100, Math.max( 0, value ) ) );
 	let displayLabel = label || `${ normalizedValue }%`;
 	if ( stepMode ) {
 		displayLabel = totalSteps > 0
@@ -91,6 +94,7 @@ const Simple = forwardRef( ( {
 } );
 
 Simple.propTypes = {
+	animation: PropTypes.oneOf( [ '', 'simple' ] ),
 	customAttributes: PropTypes.object,
 	customClasses: PropTypes.oneOfType( [
 		PropTypes.string,

package/react/admin/modules/SnackBar/index.js

@@ -3,7 +3,7 @@ import { spacerClasses } from '@gravityforms/utils';
 import Button from '../../elements/Button';
 import Icon from '../../elements/Icon';
 
-const { forwardRef, useEffect, useState, createContext, useContext } = React;
+const { forwardRef, useCallback, useEffect, useRef, useState, createContext, useContext } = React;
 
 const SnackbarSettingsContext = createContext( {} );
 const SnackbarContext = createContext( null );
@@ -155,16 +155,18 @@ const SnackBar = forwardRef( ( props, ref ) => {
 
 export const SnackbarProvider = ( { children, defaultSettings = {} } ) => {
 	const [ messages, setMessages ] = useState( [] );
+	const defaultSettingsRef = useRef( defaultSettings );
+	defaultSettingsRef.current = defaultSettings;
 
-	const addMessage = ( message, type = 'success', additionalProps = {} ) => {
-		// Merge the global defaults with the individual message settings
-		const settings = { ...defaultSettings, type, ...additionalProps };
+	const addMessage = useCallback( ( message, type = 'success', additionalProps = {} ) => {
+		// Merge the global defaults with the individual message settings (read from ref for stable callback identity)
+		const settings = { ...defaultSettingsRef.current, type, ...additionalProps };
 
 		// Generate a unique ID for the message
 		const id = Math.random().toString( 36 ).substring( 7 );
 
 		setMessages( ( prevMessages ) => [ ...prevMessages, { id, message, ...settings } ] );
-	};
+	}, [] );
 
 	const removeMessage = ( id ) => {
 		setMessages( ( prevMessages ) => prevMessages.filter( ( message ) => message.id !== id ) );