openproject-primer_view_components 0.48.0 → 0.48.1

data/app/components/primer/open_project/page_header/title.rb

@@ -11,7 +11,7 @@ module Primer
         HEADING_TAG_OPTIONS = [:h1, :h2, :h3, :h4, :h5, :h6].freeze
         HEADING_TAG_FALLBACK = :h1
 
-        renders_one :editable_form, lambda { |model: nil, update_path:, cancel_path:, input_name: :title, method: :put, label: I18n.t(:label_title), placeholder: I18n.t(:label_title), **system_arguments|
+        renders_one :editable_form, lambda { |model: false, update_path:, cancel_path:, input_name: :title, method: :put, label: I18n.t(:label_title), placeholder: I18n.t(:label_title), **system_arguments|
           primer_form_with(
             model: model,
             method: method,

data/app/components/primer/open_project/zen_mode_button.d.ts

@@ -1,6 +1,7 @@
 declare class ZenModeButtonElement extends HTMLElement {
     button: HTMLElement;
     inZenMode: boolean;
+    dispatchZenModeStatus(): void;
     private deactivateZenMode;
     private activateZenMode;
     performAction(): void;

data/app/components/primer/open_project/zen_mode_button.js

@@ -10,6 +10,16 @@ let ZenModeButtonElement = class ZenModeButtonElement extends HTMLElement {
         super(...arguments);
         this.inZenMode = false;
     }
+    dispatchZenModeStatus() {
+        // Create a new custom event
+        const event = new CustomEvent('zenModeToggled', {
+            detail: {
+                active: this.inZenMode,
+            },
+        });
+        // Dispatch the custom event
+        window.dispatchEvent(event);
+    }
     deactivateZenMode() {
         this.inZenMode = false;
         this.button.setAttribute('aria-pressed', 'false');
@@ -31,6 +41,7 @@ let ZenModeButtonElement = class ZenModeButtonElement extends HTMLElement {
         else {
             this.activateZenMode();
         }
+        this.dispatchZenModeStatus();
     }
 };
 __decorate([

data/app/components/primer/open_project/zen_mode_button.ts

@@ -5,6 +5,17 @@ class ZenModeButtonElement extends HTMLElement {
   @target button: HTMLElement
   inZenMode = false
 
+  dispatchZenModeStatus() {
+    // Create a new custom event
+    const event = new CustomEvent('zenModeToggled', {
+      detail: {
+        active: this.inZenMode,
+      },
+    })
+    // Dispatch the custom event
+    window.dispatchEvent(event)
+  }
+
   private deactivateZenMode() {
     this.inZenMode = false
     this.button.setAttribute('aria-pressed', 'false')
@@ -27,6 +38,7 @@ class ZenModeButtonElement extends HTMLElement {
     } else {
       this.activateZenMode()
     }
+    this.dispatchZenModeStatus()
   }
 }
 

data/lib/primer/view_components/version.rb

@@ -6,7 +6,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 48
-      PATCH = 0
+      PATCH = 1
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.48.0
+  version: 0.48.1
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-10-08 00:00:00.000000000 Z
+date: 2024-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview