@primer/view-components 0.30.0-rc.04c5c9c9 → 0.30.0-rc.1d16e534

package/app/components/primer/alpha/toggle_switch.d.ts

@@ -2,6 +2,7 @@ declare class ToggleSwitchElement extends HTMLElement {
     switch: HTMLElement;
     loadingSpinner: HTMLElement;
     errorIcon: HTMLElement;
+    turbo: boolean;
     private toggling;
     get src(): string | null;
     get csrf(): string | null;
@@ -25,6 +26,9 @@ declare class ToggleSwitchElement extends HTMLElement {
 declare global {
     interface Window {
         ToggleSwitchElement: typeof ToggleSwitchElement;
+        Turbo: {
+            renderStreamMessage: (message: string) => void;
+        };
     }
 }
 export {};

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

@@ -4,10 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { controller, target } from '@github/catalyst';
+import { controller, target, attr } from '@github/catalyst';
 let ToggleSwitchElement = class ToggleSwitchElement extends HTMLElement {
     constructor() {
         super(...arguments);
+        this.turbo = false;
         this.toggling = false;
     }
     get src() {
@@ -129,13 +130,17 @@ let ToggleSwitchElement = class ToggleSwitchElement extends HTMLElement {
         if (!this.src)
             throw new Error('invalid src');
         let response;
+        const requestHeaders = {
+            'Requested-With': 'XMLHttpRequest',
+        };
+        if (this.turbo) {
+            requestHeaders['Accept'] = 'text/vnd.turbo-stream.html';
+        }
         try {
             response = await fetch(this.src, {
                 credentials: 'same-origin',
                 method: 'POST',
-                headers: {
-                    'Requested-With': 'XMLHttpRequest',
-                },
+                headers: requestHeaders,
                 body,
             });
         }
@@ -145,6 +150,10 @@ let ToggleSwitchElement = class ToggleSwitchElement extends HTMLElement {
         if (!response.ok) {
             throw new Error(await response.text());
         }
+        const contentType = response.headers.get('Content-Type');
+        if (window.Turbo && this.turbo && contentType?.startsWith('text/vnd.turbo-stream.html')) {
+            window.Turbo.renderStreamMessage(await response.text());
+        }
     }
 };
 __decorate([
@@ -156,6 +165,9 @@ __decorate([
 __decorate([
     target
 ], ToggleSwitchElement.prototype, "errorIcon", void 0);
+__decorate([
+    attr
+], ToggleSwitchElement.prototype, "turbo", void 0);
 ToggleSwitchElement = __decorate([
     controller
 ], ToggleSwitchElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.30.0-rc.04c5c9c9",
+  "version": "0.30.0-rc.1d16e534",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -2986,6 +2986,12 @@
         "default": "`:start`",
         "description": "Which side of the toggle switch to render the status label. One of `:end` or `:start`."
       },
+      {
+        "name": "turbo",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to request a turbo stream and render the response as such."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/info_arch.json

@@ -9334,6 +9334,12 @@
         "default": "`:start`",
         "description": "Which side of the toggle switch to render the status label. One of `:end` or `:start`."
       },
+      {
+        "name": "turbo",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to request a turbo stream and render the response as such."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -9501,6 +9507,20 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/toggle_switch/with_turbo",
+        "name": "with_turbo",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region",
+            "button-name"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -7213,6 +7213,20 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/toggle_switch/with_turbo",
+        "name": "with_turbo",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region",
+            "button-name"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },