@primer/view-components 0.38.0 → 0.39.0-rc.17eb78d6

package/app/components/primer/alpha/select_panel_element.js

@@ -893,7 +893,8 @@ _SelectPanelElement_setDynamicLabel = function _SelectPanelElement_setDynamicLab
 };
 _SelectPanelElement_updateInput = function _SelectPanelElement_updateInput() {
     if (this.selectVariant === 'single') {
-        const input = this.querySelector(`[data-list-inputs=true] input`);
+        const input = this.querySelector(`[data-select-panel-inputs=true] input`) ??
+            this.querySelector(`[data-list-inputs=true] input`);
         if (!input)
             return;
         const selectedItem = this.selectedItems[0];
@@ -903,13 +904,14 @@ _SelectPanelElement_updateInput = function _SelectPanelElement_updateInput() {
                 input.name = selectedItem.inputName;
             input.removeAttribute('disabled');
         }
-        else {
+        else if (__classPrivateFieldGet(this, _SelectPanelElement_hasLoadedData, "f")) {
             input.setAttribute('disabled', 'disabled');
         }
     }
     else if (this.selectVariant !== 'none') {
         // multiple select variant
-        const inputList = this.querySelector('[data-list-inputs=true]');
+        const isRemoteInput = !!this.querySelector('[data-select-panel-inputs=true]');
+        const inputList = this.querySelector('[data-select-panel-inputs=true]') ?? this.querySelector('[data-list-inputs=true]');
         if (!inputList)
             return;
         const inputs = inputList.querySelectorAll('input');
@@ -918,7 +920,7 @@ _SelectPanelElement_updateInput = function _SelectPanelElement_updateInput() {
         }
         for (const selectedItem of this.selectedItems) {
             const newInput = document.createElement('input');
-            newInput.setAttribute('data-list-input', 'true');
+            newInput.setAttribute(`${isRemoteInput ? 'data-select-panel-input' : 'data-list-input'}`, 'true');
             newInput.type = 'hidden';
             newInput.autocomplete = 'off';
             newInput.name = selectedItem.inputName || __classPrivateFieldGet(this, _SelectPanelElement_inputName, "f");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.38.0",
+  "version": "0.39.0-rc.17eb78d6",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -70,7 +70,7 @@
     "@playwright/test": "^1.49.1",
     "@primer/css": "21.5.1",
     "@primer/stylelint-config": "^13.1.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^8.3.3",
     "@typescript-eslint/eslint-plugin": "^7.0.1",
     "@typescript-eslint/parser": "^7.0.1",