@oracle/oraclejet 14.1.5 → 14.1.7

package/dist/js/libs/oj/debug_esm/ojcomposite.js

@@ -11,7 +11,7 @@ import { info, warn } from 'ojs/ojlogger';
 import { getDefaultValue } from 'ojs/ojmetadatautils';
 import 'ojs/ojcomposite-knockout';
 import 'ojs/ojcustomelement';
-import { ElementState, CustomElementUtils, ElementUtils, CHILD_BINDING_PROVIDER, transformPreactValue, JetElementError } from 'ojs/ojcustomelement-utils';
+import { ElementState, CustomElementUtils, ElementUtils, transformPreactValue, JetElementError, CHILD_BINDING_PROVIDER } from 'ojs/ojcustomelement-utils';
 import { getElementDescriptor, getElementRegistration, registerElement, isElementRegistered, isComposite } from 'ojs/ojcustomelement-registry';
 
 const CompositeInternal = {};
@@ -199,33 +199,7 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
         vmContext
       ]) || Promise.resolve(true);
 
-    var bridge = this;
-    return activatedPromise.then(function () {
-      var params = {
-        props: bridge._PROPS,
-        slotMap: slotMap,
-        slotNodeCounts: slotNodeCounts,
-        unique: bridge._VM_CONTEXT.unique,
-        uniqueId: bridge._VM_CONTEXT.uniqueId,
-        viewModel: bridge._VIEW_MODEL,
-        viewModelContext: bridge._VM_CONTEXT
-      };
-
-      // Store the name of the binding provider on the element when we are about
-      // to insert the view. This will allow custom elements within the view to look
-      // up the binding provider used by the composite (currently only KO).
-      // eslint-disable-next-line no-param-reassign
-      element[CHILD_BINDING_PROVIDER] = 'knockout';
-      // For upstream or indirect dependency we will still rely components being registered on the oj namespace.
-      if (oj.Components) {
-        oj.Components.unmarkPendingSubtreeHidden(element);
-      }
-
-      var cache = getElementRegistration(element.tagName).cache;
-      // Need to clone nodes first
-      var view = CompositeElementBridge._getDomNodes(cache.view, element);
-      oj.CompositeTemplateRenderer.renderTemplate(params, element, view);
-    });
+    return activatedPromise.then(() => this._processCompositeTemplate(element));
   },
 
   DefineMethodCallback: function (proto, method, methodMeta) {
@@ -355,9 +329,16 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
     // Invoke callback on the superclass
     oj.BaseCustomElementBridge.proto.HandleReattached.call(this, element);
 
-    oj.CompositeTemplateRenderer.invokeViewModelMethod(element, this._VIEW_MODEL, 'connected', [
-      this._VM_CONTEXT
-    ]);
+    // Check if the template was not rendered and render it if it is the case.
+    // The connected callback will be called by CompositeTemplateRenderer.renderTemplate().
+    if (this._delayedTemplateRender) {
+      this._delayedTemplateRender = false;
+      this._processCompositeTemplate(element);
+    } else {
+      oj.CompositeTemplateRenderer.invokeViewModelMethod(element, this._VIEW_MODEL, 'connected', [
+        this._VM_CONTEXT
+      ]);
+    }
   },
 
   InitializeElement: function (element) {
@@ -564,6 +545,43 @@ oj.CollectionUtils.copyInto(CompositeElementBridge.proto, {
       throw new JetElementError(this._ELEMENT, 'Cannot access methods before element is upgraded.');
     }
     return this._VIEW_MODEL;
+  },
+
+  _processCompositeTemplate: function (element) {
+    // Skip rendering the composite template since the it is not attached to the DOM.
+    // The template will be rendered if and when the component will be reattached.
+    // See HandleReattached().
+    if (!element.isConnected) {
+      this._delayedTemplateRender = true;
+      return;
+    }
+
+    const state = CustomElementUtils.getElementState(element);
+    const slotMap = state.getSlotMap();
+    const params = {
+      props: this._PROPS,
+      slotMap: slotMap,
+      slotNodeCounts: this._VM_CONTEXT.slotCounts,
+      unique: this._VM_CONTEXT.unique,
+      uniqueId: this._VM_CONTEXT.uniqueId,
+      viewModel: this._VIEW_MODEL,
+      viewModelContext: this._VM_CONTEXT
+    };
+
+    // Store the name of the binding provider on the element when we are about
+    // to insert the view. This will allow custom elements within the view to look
+    // up the binding provider used by the composite (currently only KO).
+    // eslint-disable-next-line no-param-reassign
+    element[CHILD_BINDING_PROVIDER] = 'knockout';
+    // For upstream or indirect dependency we will still rely components being registered on the oj namespace.
+    if (oj.Components) {
+      oj.Components.unmarkPendingSubtreeHidden(element);
+    }
+
+    const cache = getElementRegistration(element.tagName).cache;
+    // Need to clone nodes first
+    const view = CompositeElementBridge._getDomNodes(cache.view, element);
+    oj.CompositeTemplateRenderer.renderTemplate(params, element, view);
   }
 });
 

package/dist/js/libs/oj/debug_esm/ojcore-base.js

@@ -37,12 +37,12 @@ const oj = {
    * @global
    * @member {string} version JET version numberr
    */
-  version: '14.1.5',
+  version: '14.1.7',
   /**
    * @global
    * @member {string} revision JET source code revision number
    */
-  revision: '2023-07-24_12-14-49',
+  revision: '2023-08-22_08-44-22',
 
   // This function is only meant to be used outside the library, so quoting the name
   // to avoid renaming is appropriate

package/dist/js/libs/oj/debug_esm/ojdatagrid.js

@@ -30966,7 +30966,10 @@ DvtDataGrid.prototype._handleDisclosureMouseOut = function (event) {
  * @private
  */
 DvtDataGrid.prototype._isDisclosureIcon = function (target) {
-  return this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon'));
+  return (
+    this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon')) &&
+    this.m_utils.containsCSSClassName(target.parentElement, this.getMappedStyle('disclosureIcon'))
+  );
 };
 
 /**
@@ -30975,7 +30978,7 @@ DvtDataGrid.prototype._isDisclosureIcon = function (target) {
  * @private
  */
 DvtDataGrid.prototype._getDisclosureIcon = function (target) {
-  const isDisclosureIcon = this.m_utils.containsCSSClassName(target, this.getMappedStyle('icon'));
+  const isDisclosureIcon = this._isDisclosureIcon(target);
   if (isDisclosureIcon) {
     return target;
   }
@@ -35809,17 +35812,17 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
   _SetupResources: function () {
     // adds context menu gesture support
     this._super();
-    this.setupResources();
+    this.setupResources(!this._isCreate);
   },
 
   /**
    * @memberof oj.ojDataGrid
    * @private
    */
-  setupResources: function () {
+  setupResources: function (requiresRefresh) {
     if (this.datasource != null) {
       // sets the data source event listeners
-      if (!this._isCreate) {
+      if (!requiresRefresh) {
         this.grid._addDataSourceEventListeners();
       }
 
@@ -35829,7 +35832,9 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
       // register a resize listener
       this._registerResizeListener(this.root);
     }
-
+    if (requiresRefresh) {
+      this.refresh();
+    }
     this._isCreate = false;
   },
 
@@ -35861,6 +35866,8 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
     this._unregisterResizeListener(this.root);
 
     this.contextMenuEvent = null;
+
+    this._removeAllChildren();
   },
 
   _registerEventListeners: function () {
@@ -35954,10 +35961,9 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
 
     // unregister existing listeners
     if (shouldResetContextMenuListeners) {
-      this._ReleaseResources();
-    } else {
-      this.releaseResources();
+      this._ReleaseContextMenu();
     }
+    this.releaseResources();
 
     this._removeAllChildren();
 
@@ -35990,10 +35996,9 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
     // addListeners back in before rendering, including context menu
     // unregister existing listeners
     if (shouldResetContextMenuListeners) {
-      this._SetupResources();
-    } else {
-      this.setupResources();
+      this._SetupContextMenu();
     }
+    this.setupResources(false);
 
     // so long as the visibility property is not 'render', overwrite it with
     // a refresh and try to refresh the grid
@@ -36163,6 +36168,16 @@ oj.__registerWidget('oj.ojDataGrid', $.oj.baseComponent, {
     }
   },
 
+  /**
+   * Override to do the delay connect/disconnect
+   * @memberof oj.ojDataGrid
+   * @override
+   * @protected
+   */
+  _VerifyConnectedForSetup: function () {
+    return true;
+  },
+
   /**
    * Determine if the entire datagrid should refresh based on which options are updated.
    * @param {Object} options the options object

package/dist/js/libs/oj/debug_esm/ojdatetimepicker.js

@@ -6286,8 +6286,12 @@ oj.__registerWidget('oj.ojInputDate', $.oj.inputBase, {
     }
   },
 
+  // If the inputConverter is not one with isoStrFormat offset, then create a new converter
+  // based on the options of the inputConverter but with isoStrFormat: 'offset'.
   _createOffsetConverter: function (inputConverter) {
     var resolvedOptions = inputConverter.resolvedOptions();
+    const isoStrFormat = resolvedOptions.isoStrFormat;
+    if (isoStrFormat === 'offset') return inputConverter;
     var options = {};
     $.extend(options, resolvedOptions, { isoStrFormat: 'offset' });
     return new IntlDateTimeConverter(options);
@@ -11319,17 +11323,6 @@ setDefaultOptions({
  * var node = myInputTime.getNodeBySubId( {'subId': 'oj-timepicker-now'} );
  */
 
-/**
- *
- * @private
- */
-var dateSwitcherConverter;
-
-/**
- * @private
- */
-var timeSwitcherConverter;
-
 var _defaultOptions$2 = parseJSONFromFontFamily('oj-inputdatetime-option-defaults') || {};
 var _yearFormat$1 = _defaultOptions$2.converterYear || 'numeric';
 var _sDefaultDateTimeConverter;
@@ -12393,9 +12386,14 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
               newVal = self._switcherDateValue;
             } else {
               // dateIso could be this._switcherDateValue, this.options.value, or this._getDefaultIsoDate();
+              // if local, don't change it
               const dateIso = self._getDateIso();
-              const converter = self._GetConverter();
-              newVal = self._parseValueToSubstituteDateOrTimePiece(converter, dateIso);
+              if (dateIso && IntlConverterUtils._getISOStrFormatType(dateIso) === 'local') {
+                newVal = dateIso;
+              } else {
+                const converter = self._GetConverter();
+                newVal = self._parseValueToSubstituteDateOrTimePiece(converter, dateIso);
+              }
             }
 
             // If the user changed the time in the datetime picker, we will
@@ -12811,40 +12809,44 @@ oj.__registerWidget('oj.ojInputDateTime', $.oj.ojInputDate, {
   },
 
   /**
+   * In the UI, the switcher text shows the date when the timepicker is up and it shows the time when the
+   * datepicker is up.
    * @ignore
    */
   _updateSwitcherText: function () {
     if (!this._switcherDiv) {
       return;
     }
-    // create a converter to format the picker text
-    if (!dateSwitcherConverter) {
-      dateSwitcherConverter = new IntlDateTimeConverter({
+    var switcherText = '';
+    if (this._isShowingDatePickerSwitcher()) {
+      // create the date switcher converter we use to format the switcher text
+      // copy timezone and isoStrFormat from the component's converter.
+      const componentConverter = this._GetConverter();
+      const timeZone = _getConverterTimezone(componentConverter);
+      const isoStrFormat = componentConverter.resolvedOptions().isoStrFormat;
+      const dateSwitcherConverter = new IntlDateTimeConverter({
         day: '2-digit',
         month: '2-digit',
-        year: _yearFormat$1
+        year: _yearFormat$1,
+        timeZone,
+        isoStrFormat
       });
-    }
-    var switcherText = '';
-    if (this._isShowingDatePickerSwitcher()) {
       try {
         switcherText = dateSwitcherConverter.format(this._switcherDateValue || this._getDateIso());
       } catch (e) {
         switcherText = dateSwitcherConverter.format(this._getDefaultIsoDate());
       }
     } else {
-      // create a converter to format the picker text
-      if (!timeSwitcherConverter) {
-        timeSwitcherConverter = new IntlDateTimeConverter({
-          hour: '2-digit',
-          minute: '2-digit'
-        });
-      }
       try {
         switcherText = this._getTimePickerConverter().format(
           this._switcherTimeValue || this._getDateIso()
         );
       } catch (e) {
+        // create a converter to format the picker text
+        const timeSwitcherConverter = new IntlDateTimeConverter({
+          hour: '2-digit',
+          minute: '2-digit'
+        });
         switcherText = timeSwitcherConverter.format(this._getDefaultIsoDate());
       }
     }

package/dist/js/libs/oj/debug_esm/ojlistdataproviderview.js

@@ -883,6 +883,9 @@ class ListDataProviderView {
                     const mappedFilterCriterion = this._getMappedFilterCriterion(params[ListDataProviderView._FILTERCRITERION]);
                     this._filterResult(mappedFilterCriterion, items);
                 }
+                if (nextResult.done && items.length > 0) {
+                    cachedData[ListDataProviderView._LASTDONEHASDATA] = true;
+                }
                 const mappedResult = this._getMappedItems(items);
                 this._cacheResult(cachedData, mappedResult);
                 cachedData[ListDataProviderView._DONE] = nextResult[ListDataProviderView._DONE];
@@ -905,9 +908,6 @@ class ListDataProviderView {
             if (data.length === 0) {
                 isDone = true;
             }
-            else {
-                cachedData[ListDataProviderView._LASTDONEHASDATA] = true;
-            }
         }
         if (isDone) {
             return Promise.resolve(new this.AsyncIteratorReturnResult(this, new this.FetchListResult(this, params, data, metadata, totalFilteredRowCount)));

package/dist/js/libs/oj/debug_esm/ojtreeview.js

@@ -1251,6 +1251,7 @@ class TreeviewSelectionManager {
       this._super();
       this._initRender();
       this._render();
+      this._isInitFetch = true;
     },
     // @inheritdoc
     _CompareOptionValues: function (option, value1, value2) {
@@ -1378,7 +1379,7 @@ class TreeviewSelectionManager {
 
       this._refreshId = 0;
       this._uiExpanded = new KeySetImpl();
-      this.m_fetching = new Set();
+      this.m_fetching = new Map();
 
       this._expandedChildrenMap = new Map();
       this._syncSelectionState();
@@ -1624,7 +1625,7 @@ class TreeviewSelectionManager {
           error(self.constants.ERROR_FETCHING_DATA + reason);
           dataProviderPromiseBusyResolve();
           self._expandedChildrenMap = new Map();
-          self.m_fetching = new Set();
+          self.m_fetching = new Map();
         }
       );
     },
@@ -2171,9 +2172,6 @@ class TreeviewSelectionManager {
      * @private
      */
     _decorateItem: function (item) {
-      var self = this;
-      var i;
-
       item.classList.add(this.constants.OJ_TREEVIEW_ITEM);
       item.setAttribute('role', 'treeitem');
       var itemKey = this._getKey(item);
@@ -2250,13 +2248,13 @@ class TreeviewSelectionManager {
         var treeViewItems = itemContent.querySelectorAll(
           this.constants.PERIOD + this.constants.OJ_TREEVIEW_ITEM_ICON
         );
-        for (i = 0; i < treeViewItems.length; i++) {
+        for (let i = 0; i < treeViewItems.length; i++) {
           treeViewItems[i].classList.add(this.constants.OJ_TREEVIEW_ICON);
           treeViewItems[i].classList.add(this.constants.OJ_COMPONENT_ICON);
         }
       }
       // Initial selection
-      self._select(item);
+      this._select(item);
 
       // DnD
       itemContent.setAttribute('draggable', this._isDnD() ? 'true' : 'false');
@@ -2287,15 +2285,13 @@ class TreeviewSelectionManager {
         itemContent.classList.add(this.constants.OJ_DRAGGABLE);
       }
 
-      if (self._isLeaf(item)) {
+      if (this._isLeaf(item)) {
         this._addTreeviewLeafClass(item);
+      } else if (this._isInitExpanded(itemKey)) {
+        this._expand(item, false);
+        this._addDisclosureClasses(disclosureIcon);
       } else {
-        // Expanded option
-        if (self._isInitExpanded(itemKey)) {
-          self._expand(item, false);
-        } else {
-          self._collapse(item, false);
-        }
+        this._collapse(item, false);
         this._addDisclosureClasses(disclosureIcon);
       }
     },
@@ -3303,11 +3299,19 @@ class TreeviewSelectionManager {
       var busyContextPromise = busyContext.addBusyState({
         description: "The component identified by '" + id + "', " + description
       });
-      this.m_fetching.add(key);
+      if (this.m_fetching.has(key)) {
+        this.m_fetching.set(key, this.m_fetching.get(key) + 1);
+      } else {
+        this.m_fetching.set(key, 1);
+      }
       this._changeStatusMessage(key, false);
       return function () {
+        if (this.m_fetching.get(key) === 1) {
+          this.m_fetching.delete(key);
+        } else {
+          this.m_fetching.set(key, this.m_fetching.get(key) - 1);
+        }
         this._changeStatusMessage(key, true);
-        this.m_fetching.delete(key);
         busyContextPromise();
         Promise.resolve(this._processEventQueue());
       }.bind(this);
@@ -4193,12 +4197,16 @@ class TreeviewSelectionManager {
       this._super();
       this._refreshId += 1;
 
+      if (this._getItemTemplate() != null) {
+        this._cleanTemplateNodes(this._getRoot());
+      }
+
       delete this.m_template;
       delete this.m_engine;
       delete this.m_dataSource;
 
       this._expandedChildrenMap = new Map();
-      this.m_fetching = new Set();
+      this.m_fetching = new Map();
 
       this._render();
     },
@@ -4385,16 +4393,42 @@ class TreeviewSelectionManager {
     _SetupResources: function () {
       this._super();
       this._addDataProviderEventListeners();
+      if (this._isInitFetch) {
+        this._isInitFetch = false;
+      } else {
+        this.refresh();
+      }
     },
     _ReleaseResources: function () {
       this._super();
+      if (this._getItemTemplate() != null) {
+        this._cleanTemplateNodes(this._getRoot());
+      }
       this._removeDataProviderEventListeners();
     },
+    /**
+     * Override to do the delay connect/disconnect
+     * @memberof oj.ojTreeView
+     * @override
+     * @protected
+     */
+    _VerifyConnectedForSetup: function () {
+      return true;
+    },
     // @inheritdoc
     _destroy: function () {
+      if (this._getItemTemplate() != null) {
+        this._cleanTemplateNodes(this._getRoot());
+      }
       this._removeDataProviderEventListeners();
       this._super();
     },
+    _cleanTemplateNodes: function (node) {
+      const templateEngine = this._getTemplateEngine();
+      if (node != null && templateEngine != null) {
+        templateEngine.clean(node);
+      }
+    },
     _addDataProviderEventListeners: function () {
       var dataProvider = this.options.data;
       if (dataProvider && oj.DataProviderFeatureChecker.isTreeDataProvider(dataProvider)) {
@@ -4489,18 +4523,23 @@ class TreeviewSelectionManager {
       keys.forEach(function (key) {
         let savedParentKey;
         const addEvent = event.detail.add;
-        if (!addEvent || (addEvent && !addEvent.keys.has(key))) {
-          const itemParentKey = self._getKey(self._getParentItem(self._getItemByKey(key)));
-          if (addEvent && addEvent.parentKeys) {
-            const foundParentKey = addEvent.parentKeys.find((parentKey) =>
-              oj.KeyUtils.equals(parentKey, itemParentKey)
-            );
-            if (foundParentKey) {
-              savedParentKey = foundParentKey;
-            }
+
+        const itemParentKey = self._getKey(self._getParentItem(self._getItemByKey(key)));
+        if (addEvent && addEvent.parentKeys) {
+          const foundParentKey = addEvent.parentKeys.find((parentKey) =>
+            oj.KeyUtils.equals(parentKey, itemParentKey)
+          );
+          if (foundParentKey) {
+            savedParentKey = foundParentKey;
           }
-          removedKeys = removedKeys.concat(self._removeAllChildrenOfParentKey(key, savedParentKey));
         }
+        removedKeys = removedKeys.concat(
+          self._removeAllChildrenOfParentKey(
+            key,
+            savedParentKey,
+            addEvent && addEvent.keys.has(key)
+          )
+        );
       });
 
       if (removedKeys.length === 0) {
@@ -4628,7 +4667,7 @@ class TreeviewSelectionManager {
     _getItemDisclosureIcon: function (item) {
       return item.getElementsByTagName('ins')[0];
     },
-    _removeAllChildrenOfParentKey: function (key, savedParentKey) {
+    _removeAllChildrenOfParentKey: function (key, savedParentKey, reorder) {
       /* savedParentKey means remove all children but leave parent called when we have a smart refresh event from the dp*/
       var self = this;
       var removedKeys = [];
@@ -4636,16 +4675,19 @@ class TreeviewSelectionManager {
       if (elem) {
         this._getChildItems(elem).forEach(function (child) {
           var childkey = self._getKey(child);
-          var childKeys = self._removeAllChildrenOfParentKey(childkey, savedParentKey);
+          var childKeys = self._removeAllChildrenOfParentKey(childkey, savedParentKey, reorder);
           removedKeys = removedKeys.concat(childKeys);
         });
         var subtree = elem.parentNode;
         if (!oj.KeyUtils.equals(key, savedParentKey)) {
           subtree.removeChild(elem);
+          this._cleanTemplateNodes(elem);
           this._keyList.delete(key);
-          removedKeys.push(key);
+          if (!reorder) {
+            removedKeys.push(key);
+          }
         }
-        if (subtree.getElementsByTagName('li').length === 0 && !savedParentKey) {
+        if (subtree.getElementsByTagName('li').length === 0 && !savedParentKey && !reorder) {
           this._changeNodeToLeaf(subtree.parentNode, subtree);
         }
       }
@@ -4680,7 +4722,6 @@ class TreeviewSelectionManager {
       var i = 0;
       var self = this;
       var addKeys = event.detail.add.keys;
-      const keys = [];
       const addEventBusyResolve = this._addBusyState(
         'validating mutation data for add event',
         null
@@ -4693,34 +4734,6 @@ class TreeviewSelectionManager {
         this._truncateIfOverMaxCount(validatededEventData);
         const data = validatededEventData.data;
         const metadata = validatededEventData.metadata;
-        addKeys.forEach((key) => {
-          if (
-            !event.detail.remove ||
-            (event.detail.remove && !event.options.detail.remove.keys.has(key))
-          ) {
-            keys.push(key);
-          } else if (
-            addEvent.addBeforeKeys &&
-            addEvent.addBeforeKeys[i] &&
-            addEvent.addBeforeKeys.length !== 0
-          ) {
-            this.handleModelReorder(key, addEvent.addBeforeKeys[i], false);
-          } else {
-            var locationKey;
-            if (addEvent.parentKeys && addEvent.parentKeys[i] && addEvent.parentKeys.length !== 0) {
-              var parent = this._getItemByKey(addEvent.parentKeys[i]);
-              var parentItemList = this._getChildItems(parent);
-              locationKey = this.getLastItemKey(parentItemList);
-            } else {
-              var rootList = this._getItems();
-              locationKey = this.getLastItemKey(rootList);
-            }
-            if (locationKey) {
-              this.handleModelReorder(key, locationKey, true);
-            }
-          }
-          i += 1;
-        });
         parentKeys.forEach(function (key) {
           var parentItem = self._getItemByKey(key);
           if (parentItem && self._isLeafIcon(parentItem)) {
@@ -4731,9 +4744,9 @@ class TreeviewSelectionManager {
         const finalKeys = getAddEventKeysResult(initialKeys, addEvent, true);
         if (
           data &&
-          keys.length > 0 &&
+          addKeys.size > 0 &&
           data.length > 0 &&
-          keys.length === data.length &&
+          addKeys.size === data.length &&
           (indexes == null || indexes.length === data.length)
         ) {
           for (i = 0; i < data.length; i++) {
@@ -4748,14 +4761,11 @@ class TreeviewSelectionManager {
             var subtree;
             if (parentKey == null) {
               subtree = this._getRoot();
-              if (subtree) {
-                this._renderItem(subtree, { data: [data[i]], metadata: [metadata[i]] }, 0, index);
-              }
             } else if (parentItem) {
               subtree = this._getSubtree(parentItem);
-              if (subtree) {
-                this._renderItem(subtree, { data: [data[i]], metadata: [metadata[i]] }, 0, index);
-              }
+            }
+            if (subtree) {
+              this._renderItem(subtree, { data: [data[i]], metadata: [metadata[i]] }, 0, index);
             }
           }
           this._refreshTopAndBottomSelectionClasses();

package/dist/js/libs/oj/main-template.js

@@ -15,9 +15,9 @@
   requirejs.config({
     // Path mappings for the logical module names
     paths: {
-      'ojs': 'libs/oj/14.1.5/min@insertESLevelPath@',
-      'ojL10n': 'libs/oj/14.1.5/ojL10n',
-      'ojtranslations': 'libs/oj/14.1.5/resources',
+      'ojs': 'libs/oj/14.1.7/min@insertESLevelPath@',
+      'ojL10n': 'libs/oj/14.1.7/ojL10n',
+      'ojtranslations': 'libs/oj/14.1.7/resources',
       
   'knockout': 'libs/knockout/knockout-3.5.1',
   'jquery': 'libs/jquery/jquery-3.6.1.min',