Backport: Update 6.5.0 (#208)

* First batch of changes

* Backport acf-input.min.js

* Finish main min file

* Update 90% of flexible content

* Finish all JS

* Update all PHP files and acf min

* Update latest version

* Rename issue

Author: cbravobernal

assets/images/icons/icon-add-alt.svg

@@ -47,7 +47,32 @@
 			// add date picker
 			acf.newDatePicker( $inputText, args );
 
-			// action
+			// Check if default to today is enabled and field is empty
+			if (
+				$inputText.data( 'default-to-today' ) === 1 &&
+				! $input.val()
+			) {
+				// Get current date
+				const currentDate = new Date();
+
+				// Format display date
+				const displayDate = $.datepicker.formatDate(
+					args.dateFormat,
+					currentDate
+				);
+
+				// Set the display input value (what user sees)
+				$inputText.val( `${ displayDate }` );
+
+				// Format hidden field date (for database storage)
+				const hiddenDate = $.datepicker.formatDate(
+					'yymmdd',
+					currentDate
+				);
+
+				// Set the hidden input value (what gets saved)
+				$input.val( `${ hiddenDate }` );
+			}
 			acf.doAction( 'date_picker_init', $inputText, args, this );
 		},
 

assets/images/icons/icon-duplicate.svg

@@ -34,6 +34,43 @@
 			// add date time picker
 			acf.newDateTimePicker( $inputText, args );
 
+			// Check if default to today is enabled and field is empty
+			if (
+				$inputText.data( 'default-to-today' ) === 1 &&
+				! $input.val()
+			) {
+				// Get current date
+				const currentDate = new Date();
+
+				// Format display date and time
+				const displayDate = $.datepicker.formatDate(
+					args.dateFormat,
+					currentDate
+				);
+				const displayTime = $.datepicker.formatTime( args.timeFormat, {
+					hour: currentDate.getHours(),
+					minute: currentDate.getMinutes(),
+					second: currentDate.getSeconds(),
+				} );
+
+				// Set the display input value (what user sees)
+				$inputText.val( `${ displayDate } ${ displayTime }` );
+
+				// Format hidden field date and time (for database storage)
+				const hiddenDate = $.datepicker.formatDate(
+					'yy-mm-dd',
+					currentDate
+				);
+				const hiddenTime = $.datepicker.formatTime( 'hh:mm:ss', {
+					hour: currentDate.getHours(),
+					minute: currentDate.getMinutes(),
+					second: currentDate.getSeconds(),
+				} );
+
+				// Set the hidden input value (what gets saved)
+				$input.val( `${ hiddenDate } ${ hiddenTime }` );
+			}
+
 			// action
 			acf.doAction( 'date_time_picker_init', $inputText, args, this );
 		},

assets/images/icons/icon-edit.svg

@@ -58,7 +58,7 @@
 			// Initialize the state of the icon picker.
 			let typeAndValue = {
 				type: this.$typeInput().val(),
-				value: this.$valueInput().val()
+				value: this.$valueInput().val(),
 			};
 
 			// Store the type and value object.
@@ -135,15 +135,19 @@
 		initializeIconLists( typeAndValue ) {
 			const self = this;
 
-			this.$( '.acf-icon-list' ).each( function( i ) {
+			this.$( '.acf-icon-list' ).each( function ( i ) {
 				const tabName = $( this ).data( 'parent-tab' );
 				const icons = self.getIconsList( tabName ) || [];
 				self.set( tabName, icons );
 				self.renderIconList( $( this ) );
 
 				if ( typeAndValue.type === tabName ) {
 					// Select the correct icon.
-					self.selectIcon( $( this ), typeAndValue.value, false ).then( () => {
+					self.selectIcon(
+						$( this ),
+						typeAndValue.value,
+						false
+					).then( () => {
 						// Scroll to the selected icon.
 						self.scrollToSelectedIcon();
 					} );
@@ -152,13 +156,9 @@
 		},
 
 		alignIconListTabsToCurrentValue( typeAndValue ) {
-			const icons = this.$( '.acf-icon-list' ).filter(
-				function () {
-					return (
-						$( this ).data( 'parent-tab' ) !== typeAndValue.type
-					);
-				}
-			);
+			const icons = this.$( '.acf-icon-list' ).filter( function () {
+				return $( this ).data( 'parent-tab' ) !== typeAndValue.type;
+			} );
 			const self = this;
 			icons.each( function () {
 				self.unselectIcon( $( this ) );
@@ -179,12 +179,8 @@
 				icon.key
 			) } acf-icon-picker-list-icon" role="radio" data-icon="${ acf.strEscape(
 				icon.key
-			) }" style="${ style }" title="${ acf.strEscape(
-				icon.label
-			) }">
-				<label for="${ acf.strEscape( id ) }">${ acf.strEscape(
-					icon.label
-				) }</label>
+			) }" style="${ style }" title="${ acf.strEscape( icon.label ) }">
+				<label for="${ acf.strEscape( id ) }">${ acf.strEscape( icon.label ) }</label>
 				<input id="${ acf.strEscape(
 					id
 				) }" type="radio" class="acf-icon-picker-list-icon-radio" name="acf-icon-picker-list-icon-radio" value="${ acf.strEscape(
@@ -207,25 +203,29 @@
 		},
 
 		getIconsList( tabName ) {
+			let icons;
+
 			if ( 'dashicons' === tabName ) {
 				const iconPickeri10n = acf.get( 'iconPickeri10n' ) || [];
-
-				return Object.entries( iconPickeri10n ).map(
-					( [ key, value ] ) => {
-						return {
-							key,
-							label: value,
-						};
-					}
+				icons = Object.entries( iconPickeri10n ).map(
+					( [ key, label ] ) => ( { key, label } )
 				);
+			} else {
+				const iconList = this.$(
+					`.acf-icon-list[data-parent-tab="${ tabName }"]`
+				);
+				if ( iconList.length !== 0 ) {
+					const iconsData = iconList.data( 'icons' );
+					icons = Array.isArray( iconsData ) ? iconsData : [];
+				}
 			}
 
-			return acf.get( `iconPickerIcons_${ tabName }` );
+			return icons;
 		},
 
 		getIconsBySearch( searchTerm, tabName ) {
 			const lowercaseSearchTerm = searchTerm.toLowerCase();
-			const icons = this.getIconsList( tabName);
+			const icons = this.getIconsList( tabName );
 
 			const filteredIcons = icons.filter( function ( icon ) {
 				const lowercaseIconLabel = icon.label.toLowerCase();
@@ -258,17 +258,13 @@
 
 		unselectIcon( $el ) {
 			// Remove the currently active dashicon, if any.
-			$el
-				.find( '.acf-icon-picker-list-icon' )
-				.removeClass( 'active' );
+			$el.find( '.acf-icon-picker-list-icon' ).removeClass( 'active' );
 			this.set( 'selectedIcon', false );
 		},
 
 		onIconRadioFocus( e ) {
 			const icon = e.target.value;
-			const $tabs = this.$( e.target ).closest(
-				'.acf-icon-picker-tabs'
-			);
+			const $tabs = this.$( e.target ).closest( '.acf-icon-picker-tabs' );
 			const $iconsList = $tabs.find( '.acf-icon-list' );
 
 			const $newIcon = $iconsList.find(
@@ -292,9 +288,7 @@
 
 		onIconClick( e ) {
 			e.preventDefault();
-			const $iconList = this.$( e.target ).closest(
-				'.acf-icon-list'
-			);
+			const $iconList = this.$( e.target ).closest( '.acf-icon-list' );
 			const $iconElement = this.$( e.target );
 			const icon = $iconElement.find( 'input' ).val();
 
@@ -303,13 +297,14 @@
 			);
 
 			// By forcing focus on the input, we fire onIconRadioFocus.
-			$newIconElement.find( 'input' ).prop( 'checked', true ).trigger( 'focus' );
+			$newIconElement
+				.find( 'input' )
+				.prop( 'checked', true )
+				.trigger( 'focus' );
 		},
 
 		onIconSearch( e ) {
-			const $tabs = this.$( e.target ).closest(
-				'.acf-icon-picker-tabs'
-			);
+			const $tabs = this.$( e.target ).closest( '.acf-icon-picker-tabs' );
 			const $iconList = $tabs.find( '.acf-icon-list' );
 			const tabName = $tabs.data( 'tab' );
 			const searchTerm = e.target.value;
@@ -335,7 +330,8 @@
 						: searchTerm;
 
 				$tabs.find( '.acf-icon-list ' ).hide();
-				$tabs.find( '.acf-icon-list-empty' )
+				$tabs
+					.find( '.acf-icon-list-empty' )
 					.find( '.acf-invalid-icon-list-search-term' )
 					.text( visualSearchTerm );
 				$tabs.find( '.acf-icon-list-empty' ).css( 'display', 'flex' );