Merge pull request #3863 from reduxframework/update-extendify-ucs4oe4

Update Extendify Library

Author: kprovance

extendify-sdk/public/build/extendify.js

@@ -3,7 +3,7 @@ Contributors: extendify, richtabor, kbat82, clubkert, arturgrabo
 Tags: page builder, editor, patterns, drag-and-drop, blocks, visual editor, wysiwyg, design, website builder, landing page builder, front-end builder
 Requires at least: 5.4
 Tested up to: 5.9.0
-Stable tag: 0.3.0
+Stable tag: 0.3.1
 Requires PHP: 5.6
 License: GPLv2
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -120,6 +120,11 @@ Nope! Extendify imports lightweight block-based content that is served directly
 
 == Changelog ==
 
+= 0.3.1 - 2022-01-26 =
+- Add singular value when import count is 1
+- Remove destructuring within block filters
+- Fix typo in setTimeout function name
+
 = 0.3.0 - 2022-01-25 =
 - Improve layout rendering performance
 - Improve utility styles to better support WordPress 5.9

extendify-sdk/readme.txt

@@ -1,6 +1,6 @@
 import classnames from 'classnames'
 import { Icon } from '@wordpress/icons'
-import { __, sprintf } from '@wordpress/i18n'
+import { __, _n, sprintf } from '@wordpress/i18n'
 import { useEffect } from '@wordpress/element'
 import { alert, download } from './icons/'
 import { useUserStore } from '../state/User'
@@ -10,7 +10,8 @@ import { growthArrow } from './icons'
 export const ImportCounter = () => {
     const remainingImports = useUserStore((state) => state.remainingImports)
     const allowedImports = useUserStore((state) => state.allowedImports)
-    const status = remainingImports() > 0 ? 'has-imports' : 'no-imports'
+    const count = remainingImports()
+    const status = count > 0 ? 'has-imports' : 'no-imports'
     const backgroundColor =
         status === 'has-imports'
             ? 'bg-extendify-main hover:bg-extendify-main-dark'
@@ -51,7 +52,10 @@ export const ImportCounter = () => {
             <div className="flex items-center space-x-2 no-underline text-xs">
                 <Icon icon={icon} size={14} />
                 <span>
-                    {sprintf(__('%s Imports', 'extendify'), remainingImports())}
+                    {sprintf(
+                        _n('%s Import', '%s Imports', count, 'extendify'),
+                        count,
+                    )}
                 </span>
             </div>
             <span className="text-white text-sm no-underline font-medium outline-none flex items-center">

extendify-sdk/src/components/ImportCounter.js

@@ -108,7 +108,7 @@ export function ImportTemplateBlock({ template }) {
                                             frame.style.height = height + 'px'
                                         },
                                     )
-                                    const id = window.setTimout(() => {
+                                    const id = window.setTimeout(() => {
                                         frame.style.height = height + 'px'
                                     }, 1000)
                                     timeouts.push(id)

extendify-sdk/src/components/ImportTemplateBlock.js

@@ -38,7 +38,7 @@ function addEditProps(settings) {
 // Create HOC to add Extendify Utility to Advanced Panel of block.
 const utilityClassEdit = createHigherOrderComponent((BlockEdit) => {
     return function editPanel(props) {
-        const { extUtilities: classes } = props.attributes
+        const classes = props?.attributes?.extUtilities ?? []
         const suggestionList = suggestions.suggestions.map((s) => {
             // Remove all extra // and . from classnames
             return s.replace('.', '').replace(new RegExp('\\\\', 'g'), '')
@@ -68,8 +68,9 @@ const utilityClassEdit = createHigherOrderComponent((BlockEdit) => {
 }, 'utilityClassEdit')
 
 function addSaveProps(saveElementProps, blockType, attributes) {
-    let { className: generatedClasses } = saveElementProps
-    let { extUtilities: classes, className: additionalClasses } = attributes
+    const generatedClasses = saveElementProps?.className ?? []
+    const classes = attributes?.extUtilities ?? []
+    const additionalClasses = attributes?.className ?? []
 
     if (!classes || !Object.keys(classes).length) {
         return saveElementProps