@openproject/primer-view-components 0.50.1 → 0.51.0-rc.baa737c5

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

@@ -0,0 +1,13 @@
+declare class DangerConfirmationDialogFormHelperElement extends HTMLElement {
+    #private;
+    checkbox: HTMLInputElement;
+    get submitButton(): HTMLInputElement | HTMLButtonElement;
+    connectedCallback(): void;
+    toggle(): void;
+}
+declare global {
+    interface Window {
+        DangerConfirmationDialogFormHelperElement: typeof DangerConfirmationDialogFormHelperElement;
+    }
+}
+export {};

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

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _DangerConfirmationDialogFormHelperElement_instances, _DangerConfirmationDialogFormHelperElement_reset;
+import { controller, target } from '@github/catalyst';
+const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]';
+let DangerConfirmationDialogFormHelperElement = class DangerConfirmationDialogFormHelperElement extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        _DangerConfirmationDialogFormHelperElement_instances.add(this);
+    }
+    get submitButton() {
+        return this.querySelector(SUBMIT_BUTTON_SELECTOR);
+    }
+    connectedCallback() {
+        __classPrivateFieldGet(this, _DangerConfirmationDialogFormHelperElement_instances, "m", _DangerConfirmationDialogFormHelperElement_reset).call(this);
+    }
+    toggle() {
+        this.submitButton.disabled = !this.checkbox.checked;
+    }
+};
+_DangerConfirmationDialogFormHelperElement_instances = new WeakSet();
+_DangerConfirmationDialogFormHelperElement_reset = function _DangerConfirmationDialogFormHelperElement_reset() {
+    this.checkbox.checked = false;
+    this.toggle();
+};
+__decorate([
+    target
+], DangerConfirmationDialogFormHelperElement.prototype, "checkbox", void 0);
+DangerConfirmationDialogFormHelperElement = __decorate([
+    controller
+], DangerConfirmationDialogFormHelperElement);
+if (!window.customElements.get('danger-confirmation-dialog-form-helper')) {
+    window.DangerConfirmationDialogFormHelperElement = DangerConfirmationDialogFormHelperElement;
+    window.customElements.define('danger-confirmation-dialog-form-helper', DangerConfirmationDialogFormHelperElement);
+}

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

@@ -27,3 +27,4 @@ import './alpha/select_panel_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
+import './open_project/danger_confirmation_dialog_form_helper';

package/app/components/primer/primer.js

@@ -27,3 +27,4 @@ import './alpha/select_panel_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
+import './open_project/danger_confirmation_dialog_form_helper';

package/package.json

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