The core/jquery.once asset library is deprecated (#797)

Author: phdhiren

apigee_edge.libraries.yml

@@ -7,7 +7,7 @@ apigee_edge.admin:
     js/apigee_edge.admin.js: {}
 
 apigee_edge.analytics:
-  version: 1.0
+  version: 1.1
   css:
     theme:
       css/apigee_edge.analytics.css: {}
@@ -27,7 +27,7 @@ apigee_edge.analytics:
     - apigee_edge/charts
     - core/drupal
     - core/jquery
-    - core/jquery.once
+    - core/once
     - core/drupalSettings
 
 apigee_edge.components:
@@ -51,7 +51,7 @@ apigee_edge.status_property:
       css/apigee_edge.status_property.css: {}
 
 apigee_edge.secret:
-  version: 1.1
+  version: 1.2
   css:
     theme:
       css/apigee_edge.secret.css: {}
@@ -61,6 +61,7 @@ apigee_edge.secret:
     - core/jquery
     - core/drupalSettings
     - core/drupal
+    - core/once
 
 apigee_edge.app_view:
   version: 1.0
@@ -69,7 +70,7 @@ apigee_edge.app_view:
       css/apigee_edge.app_view.css: {}
   dependencies:
     - core/jquery
-    - core/jquery.once
+    - core/once
     - core/drupal
     - core/drupalSettings
 
@@ -80,12 +81,12 @@ apigee_edge.app_credential:
       css/apigee_edge.app_credential.css: {}
 
 apiproduct_access_admin:
-  version: 1.0
+  version: 1.1
   js:
     js/apigee_edge.apiproduct_access_admin.js: {}
   dependencies:
     - core/jquery
-    - core/jquery.once
+    - core/once
     - core/drupal
     - core/drupalSettings
 

js/apigee_edge.analytics.js

@@ -36,8 +36,8 @@
    * @see {@link https://developers.google.com/chart|Google Charts}
    */
   Drupal.behaviors.apigeeEdgeAnalyticsDraw = {
-    attach: function attach(context, drupalSettings) {
-      $(context).find('body').once('load_google_chart').each(function () {
+    attach: function attach(context, drupalSettings) {   
+      $(once('load_google_chart', 'body', context)).each(function () {
         var metric = drupalSettings.analytics.metric;
         var timestamps = drupalSettings.analytics.timestamps;
         var values = drupalSettings.analytics.values;
@@ -129,7 +129,7 @@
    */
   Drupal.behaviors.apigeeEdgeAnalyticsQuickDatePicker = {
     attach: function attach(context, drupalSettings) {
-      $('#edit-quick-date-picker', context).once().bind('change', function () {
+      $(once('apigee_analytics_datepicker', '#edit-quick-date-picker', context)).bind('change', function () {
         var since = getServerOffsetDate(new Date());
         switch (this.selectedOptions['0'].value) {
           case '1d':

js/apigee_edge.apiproduct_access_admin.js

@@ -29,7 +29,7 @@
   Drupal.behaviors.apigee_edge_apiproduct_access_admin = {
     attach: function attach(context) {
       var self = this;
-      $('table#visibility').once('visibility').each(function () {
+      $(once('visibility', 'table#visibility')).each(function () {
         var $table = $(this);
         var $ancestor = void 0;
         var method = void 0;

js/apigee_edge.secret.js

@@ -39,7 +39,7 @@
           $this.addClass(hClass);
 
           // Toggle secret.
-          $(this).find('.secret__toggle').once().on('click', function (event) {
+          $(once('apigee_edge_secret', '.secret__toggle', this)).on('click', function (event) {
             let index = $(this).closest(appElWrapper).find('.secret__toggle').index(this);
             let wrapperIndex = $wrapper.data('app-container-index');
             event.preventDefault();
@@ -57,7 +57,7 @@
 
           // Copy to clipboard.
           let $copy = $(this).find('.secret__copy');
-          $copy.find('button').once().on('click', function (event) {
+          $(once('copybutton', 'button', this)).on('click', function (event) {
             let index = $(this).closest(appElWrapper).find('.secret__copy button').index(this);
             let wrapperIndex = $wrapper.closest('fieldset').parent().find('fieldset').index($(this).closest('fieldset'));
             callEndpoint($wrapper.data('app-keys-url'), function(data) {

modules/apigee_edge_apiproduct_rbac/apigee_edge_apiproduct_rbac.libraries.yml

@@ -1,12 +1,12 @@
 admin:
-  version: 1.0
+  version: 1.1
   css:
     theme:
       css/apigee_edge_apiproduct_rbac.admin.css: {}
   js:
     js/apigee_edge_apiproduct_rbac.admin.js: {}
   dependencies:
     - core/jquery
-    - core/jquery.once
+    - core/once
     - core/drupal
     - core/drupalSettings

modules/apigee_edge_apiproduct_rbac/js/apigee_edge_apiproduct_rbac.admin.js

@@ -29,7 +29,7 @@
   Drupal.behaviors.apigee_edge_apiproduct_rbac_admin = {
     attach: function attach(context) {
       var self = this;
-      $('table#rbac-settings').once('rbac-settings').each(function () {
+      $(once('rbac-settings', 'table#rbac-settings')).each(function () {
         var $table = $(this);
         var $ancestor = void 0;
         var method = void 0;

modules/apigee_edge_teams/apigee_edge_teams.libraries.yml

@@ -1,24 +1,24 @@
 permissions:
-  version: VERSION
+  version: 1.0
   css:
     theme:
       css/apigee_edge_teams.team_permissions.css: {}
   js:
     js/apigee_edge_teams.team_permissions.js: {}
   dependencies:
     - core/jquery
-    - core/jquery.once
+    - core/once
     - core/drupal
     - core/drupalSettings
 
 switcher:
-  version: VERSION
+  version: 1.0
   css:
     theme:
       css/apigee_edge_teams.switcher.css: {}
 
 disabled_action:
-  version: VERSION
+  version: 1.0
   css:
     theme:
       css/apigee_edge_teams.disabled_action.css: {}

modules/apigee_edge_teams/js/apigee_edge_teams.team_permissions.js

@@ -26,7 +26,7 @@
   Drupal.behaviors.apigee_edge_teams_team_permissions = {
     attach: function attach(context) {
       var self = this;
-      $('table#permissions').once('permissions').each(function () {
+      $(once('permissions', 'table#permissions')).each(function () {
         var $table = $(this);
         var $ancestor = void 0;
         var method = void 0;