@openproject/primer-view-components 0.73.0-rc.f0dd817ab → 0.73.0

package/app/components/primer/open_project/danger_dialog_form_helper.d.ts

@@ -1,6 +1,10 @@
+import type { LiveRegionElement } from '@primer/live-region-element';
 declare class DangerDialogFormHelperElement extends HTMLElement {
     #private;
     checkbox: HTMLInputElement | undefined;
+    liveRegion: LiveRegionElement;
+    confirmationLiveMessageChecked: string;
+    confirmationLiveMessageUnchecked: string;
     get form(): HTMLFormElement | null;
     get submitButton(): HTMLInputElement | HTMLButtonElement;
     connectedCallback(): void;

package/app/components/primer/open_project/danger_dialog_form_helper.js

@@ -10,12 +10,14 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _DangerDialogFormHelperElement_instances, _DangerDialogFormHelperElement_reset;
-import { controller, target } from '@github/catalyst';
+import { controller, target, attr } from '@github/catalyst';
 const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]';
 let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends HTMLElement {
     constructor() {
         super(...arguments);
         _DangerDialogFormHelperElement_instances.add(this);
+        this.confirmationLiveMessageChecked = '';
+        this.confirmationLiveMessageUnchecked = '';
     }
     get form() {
         return this.querySelector('form');
@@ -33,8 +35,13 @@ let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends
         __classPrivateFieldGet(this, _DangerDialogFormHelperElement_instances, "m", _DangerDialogFormHelperElement_reset).call(this);
     }
     toggle() {
-        if (this.checkbox) {
-            this.submitButton.disabled = !this.checkbox.checked;
+        if (!this.checkbox || !this.submitButton)
+            return;
+        const enabled = this.checkbox.checked;
+        this.submitButton.disabled = !enabled;
+        if (this.liveRegion) {
+            const message = enabled ? this.confirmationLiveMessageChecked : this.confirmationLiveMessageUnchecked;
+            this.liveRegion.announce(message, { politeness: 'assertive' });
         }
     }
 };
@@ -45,6 +52,15 @@ _DangerDialogFormHelperElement_reset = function _DangerDialogFormHelperElement_r
 __decorate([
     target
 ], DangerDialogFormHelperElement.prototype, "checkbox", void 0);
+__decorate([
+    target
+], DangerDialogFormHelperElement.prototype, "liveRegion", void 0);
+__decorate([
+    attr
+], DangerDialogFormHelperElement.prototype, "confirmationLiveMessageChecked", void 0);
+__decorate([
+    attr
+], DangerDialogFormHelperElement.prototype, "confirmationLiveMessageUnchecked", void 0);
 DangerDialogFormHelperElement = __decorate([
     controller
 ], DangerDialogFormHelperElement);

package/app/components/primer/open_project/page_header.css

@@ -1 +1 @@
-.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--base-size-16);padding-bottom:var(--base-size-8)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{height:var(--control-small-size)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;margin-bottom:var(--base-size-8)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium)}.PageHeader-description--underlined-links a{-webkit-text-decoration:underline;text-decoration:underline}.PageHeader-tabNavBar{overflow:auto}.PageHeader-tabNavBar .PageHeader-tabNav{min-width:max-content}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--base-size-16)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:var(--base-size-2)}.PageHeader-parentLink{flex:1 1 auto}
+.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--base-size-16);padding-bottom:var(--base-size-8)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{height:var(--control-small-size)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;margin-bottom:var(--base-size-8)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 auto;font-size:var(--text-body-size-medium)}.PageHeader-description--underlined-links a{-webkit-text-decoration:underline;text-decoration:underline}.PageHeader-tabNavBar{overflow:auto}.PageHeader-tabNavBar .PageHeader-tabNav{min-width:max-content}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--base-size-16)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:var(--base-size-2)}.PageHeader-parentLink{flex:1 1 auto}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.73.0-rc.f0dd817ab",
+  "version": "0.73.0",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/constants.json

@@ -1770,7 +1770,9 @@
     },
     "DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS": {
       "label": "Include sub-items",
-      "name": "include_sub_items"
+      "name": "include_sub_items",
+      "checked": false,
+      "hidden": false
     },
     "DEFAULT_NO_RESULTS_NODE_ARGUMENTS": {
       "label": "No results"

package/static/info_arch.json

@@ -19149,9 +19149,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
-        "name": "with_confirmation_check_box",
-        "snapshot": "interactive",
+        "preview_path": "primer/open_project/danger_dialog/playground",
+        "name": "playground",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -19162,9 +19162,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/playground",
-        "name": "playground",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
+        "name": "with_confirmation_check_box",
+        "snapshot": "interactive",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -19760,6 +19760,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_checkbox",
+        "name": "hide_checkbox",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_segmented_control",
+        "name": "hide_segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": []

package/static/previews.json

@@ -3326,9 +3326,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
-        "name": "with_confirmation_check_box",
-        "snapshot": "interactive",
+        "preview_path": "primer/open_project/danger_dialog/playground",
+        "name": "playground",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -3339,9 +3339,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/playground",
-        "name": "playground",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
+        "name": "with_confirmation_check_box",
+        "snapshot": "interactive",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -4311,6 +4311,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_checkbox",
+        "name": "hide_checkbox",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_segmented_control",
+        "name": "hide_segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },