@openproject/primer-view-components 0.52.4-rc.ea02decb → 0.53.0-rc.deda5289
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts +13 -0
- package/app/assets/javascripts/components/primer/primer.d.ts +1 -1
- package/app/assets/javascripts/primer_view_components.js +1 -1
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/components/primer/open_project/danger_dialog_form_helper.d.ts +13 -0
- package/app/components/primer/open_project/{danger_confirmation_dialog_form_helper.js → danger_dialog_form_helper.js} +19 -14
- package/app/components/primer/primer.d.ts +1 -1
- package/app/components/primer/primer.js +1 -1
- package/package.json +1 -1
- package/static/arguments.json +24 -12
- package/static/audited_at.json +3 -3
- package/static/constants.json +8 -8
- package/static/info_arch.json +51 -26
- package/static/previews.json +24 -11
- package/static/statuses.json +3 -3
- package/app/assets/javascripts/components/primer/open_project/danger_confirmation_dialog_form_helper.d.ts +0 -13
- package/app/components/primer/open_project/danger_confirmation_dialog_form_helper.d.ts +0 -13
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare class DangerDialogFormHelperElement extends HTMLElement {
|
|
2
|
+
#private;
|
|
3
|
+
checkbox: HTMLInputElement | undefined;
|
|
4
|
+
get submitButton(): HTMLInputElement | HTMLButtonElement;
|
|
5
|
+
connectedCallback(): void;
|
|
6
|
+
toggle(): void;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface Window {
|
|
10
|
+
DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -9,36 +9,41 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
9
9
|
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");
|
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
|
-
var
|
|
12
|
+
var _DangerDialogFormHelperElement_instances, _DangerDialogFormHelperElement_reset;
|
|
13
13
|
import { controller, target } from '@github/catalyst';
|
|
14
14
|
const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]';
|
|
15
|
-
let
|
|
15
|
+
let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends HTMLElement {
|
|
16
16
|
constructor() {
|
|
17
17
|
super(...arguments);
|
|
18
|
-
|
|
18
|
+
_DangerDialogFormHelperElement_instances.add(this);
|
|
19
19
|
}
|
|
20
20
|
get submitButton() {
|
|
21
21
|
return this.querySelector(SUBMIT_BUTTON_SELECTOR);
|
|
22
22
|
}
|
|
23
23
|
connectedCallback() {
|
|
24
|
-
|
|
24
|
+
this.style.display = 'contents';
|
|
25
|
+
__classPrivateFieldGet(this, _DangerDialogFormHelperElement_instances, "m", _DangerDialogFormHelperElement_reset).call(this);
|
|
25
26
|
}
|
|
26
27
|
toggle() {
|
|
27
|
-
|
|
28
|
+
if (this.checkbox) {
|
|
29
|
+
this.submitButton.disabled = !this.checkbox.checked;
|
|
30
|
+
}
|
|
28
31
|
}
|
|
29
32
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
this.checkbox
|
|
33
|
+
_DangerDialogFormHelperElement_instances = new WeakSet();
|
|
34
|
+
_DangerDialogFormHelperElement_reset = function _DangerDialogFormHelperElement_reset() {
|
|
35
|
+
if (this.checkbox) {
|
|
36
|
+
this.checkbox.disabled = false;
|
|
37
|
+
}
|
|
33
38
|
this.toggle();
|
|
34
39
|
};
|
|
35
40
|
__decorate([
|
|
36
41
|
target
|
|
37
|
-
],
|
|
38
|
-
|
|
42
|
+
], DangerDialogFormHelperElement.prototype, "checkbox", void 0);
|
|
43
|
+
DangerDialogFormHelperElement = __decorate([
|
|
39
44
|
controller
|
|
40
|
-
],
|
|
41
|
-
if (!window.customElements.get('danger-
|
|
42
|
-
window.
|
|
43
|
-
window.customElements.define('danger-
|
|
45
|
+
], DangerDialogFormHelperElement);
|
|
46
|
+
if (!window.customElements.get('danger-dialog-form-helper')) {
|
|
47
|
+
window.DangerDialogFormHelperElement = DangerDialogFormHelperElement;
|
|
48
|
+
window.customElements.define('danger-dialog-form-helper', DangerDialogFormHelperElement);
|
|
44
49
|
}
|
|
@@ -28,4 +28,4 @@ import './alpha/select_panel_element';
|
|
|
28
28
|
import './open_project/page_header_element';
|
|
29
29
|
import './open_project/zen_mode_button';
|
|
30
30
|
import './open_project/sub_header_element';
|
|
31
|
-
import './open_project/
|
|
31
|
+
import './open_project/danger_dialog_form_helper';
|
|
@@ -28,4 +28,4 @@ import './alpha/select_panel_element';
|
|
|
28
28
|
import './open_project/page_header_element';
|
|
29
29
|
import './open_project/zen_mode_button';
|
|
30
30
|
import './open_project/sub_header_element';
|
|
31
|
-
import './open_project/
|
|
31
|
+
import './open_project/danger_dialog_form_helper';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openproject/primer-view-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.53.0-rc.deda5289",
|
|
4
4
|
"description": "ViewComponents of the Primer Design System for OpenProject",
|
|
5
5
|
"main": "app/assets/javascripts/primer_view_components.js",
|
|
6
6
|
"module": "app/components/primer/primer.js",
|
package/static/arguments.json
CHANGED
|
@@ -5112,12 +5112,12 @@
|
|
|
5112
5112
|
]
|
|
5113
5113
|
},
|
|
5114
5114
|
{
|
|
5115
|
-
"component": "OpenProject::
|
|
5115
|
+
"component": "OpenProject::DangerDialog",
|
|
5116
5116
|
"status": "open_project",
|
|
5117
5117
|
"a11y_reviewed": false,
|
|
5118
|
-
"short_name": "
|
|
5119
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
5120
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
5118
|
+
"short_name": "OpenProjectDangerDialog",
|
|
5119
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
|
|
5120
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
|
|
5121
5121
|
"parameters": [
|
|
5122
5122
|
{
|
|
5123
5123
|
"name": "form_arguments",
|
|
@@ -5131,6 +5131,18 @@
|
|
|
5131
5131
|
"default": "`self.class.generate_id`",
|
|
5132
5132
|
"description": "The id of the dialog."
|
|
5133
5133
|
},
|
|
5134
|
+
{
|
|
5135
|
+
"name": "confirm_button_text",
|
|
5136
|
+
"type": "String",
|
|
5137
|
+
"default": "`nil`",
|
|
5138
|
+
"description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
|
|
5139
|
+
},
|
|
5140
|
+
{
|
|
5141
|
+
"name": "cancel_button_text",
|
|
5142
|
+
"type": "String",
|
|
5143
|
+
"default": "`nil`",
|
|
5144
|
+
"description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
|
|
5145
|
+
},
|
|
5134
5146
|
{
|
|
5135
5147
|
"name": "system_arguments",
|
|
5136
5148
|
"type": "Hash",
|
|
@@ -5140,12 +5152,12 @@
|
|
|
5140
5152
|
]
|
|
5141
5153
|
},
|
|
5142
5154
|
{
|
|
5143
|
-
"component": "OpenProject::
|
|
5155
|
+
"component": "OpenProject::DangerDialog::ConfirmationCheckBox",
|
|
5144
5156
|
"status": "open_project",
|
|
5145
5157
|
"a11y_reviewed": false,
|
|
5146
|
-
"short_name": "
|
|
5147
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
5148
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
5158
|
+
"short_name": "OpenProjectDangerDialogConfirmationCheckBox",
|
|
5159
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
|
|
5160
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
|
|
5149
5161
|
"parameters": [
|
|
5150
5162
|
{
|
|
5151
5163
|
"name": "check_box_id",
|
|
@@ -5168,12 +5180,12 @@
|
|
|
5168
5180
|
]
|
|
5169
5181
|
},
|
|
5170
5182
|
{
|
|
5171
|
-
"component": "OpenProject::
|
|
5183
|
+
"component": "OpenProject::DangerDialog::FormWrapper",
|
|
5172
5184
|
"status": "open_project",
|
|
5173
5185
|
"a11y_reviewed": false,
|
|
5174
|
-
"short_name": "
|
|
5175
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
5176
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
5186
|
+
"short_name": "OpenProjectDangerDialogFormWrapper",
|
|
5187
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
|
|
5188
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
|
|
5177
5189
|
"parameters": [
|
|
5178
5190
|
|
|
5179
5191
|
]
|
package/static/audited_at.json
CHANGED
|
@@ -118,9 +118,9 @@
|
|
|
118
118
|
"Primer::Navigation::TabComponent": "",
|
|
119
119
|
"Primer::OpenProject::BorderGrid": "",
|
|
120
120
|
"Primer::OpenProject::BorderGrid::Cell": "",
|
|
121
|
-
"Primer::OpenProject::
|
|
122
|
-
"Primer::OpenProject::
|
|
123
|
-
"Primer::OpenProject::
|
|
121
|
+
"Primer::OpenProject::DangerDialog": "",
|
|
122
|
+
"Primer::OpenProject::DangerDialog::ConfirmationCheckBox": "",
|
|
123
|
+
"Primer::OpenProject::DangerDialog::FormWrapper": "",
|
|
124
124
|
"Primer::OpenProject::DragHandle": "",
|
|
125
125
|
"Primer::OpenProject::FeedbackDialog": "",
|
|
126
126
|
"Primer::OpenProject::FeedbackMessage": "",
|
package/static/constants.json
CHANGED
|
@@ -1561,16 +1561,16 @@
|
|
|
1561
1561
|
"Primer::OpenProject::BorderGrid::Cell": {
|
|
1562
1562
|
"GeneratedSlotMethods": "Primer::OpenProject::BorderGrid::Cell::GeneratedSlotMethods"
|
|
1563
1563
|
},
|
|
1564
|
-
"Primer::OpenProject::
|
|
1565
|
-
"ConfirmationCheckBox": "Primer::OpenProject::
|
|
1566
|
-
"FormWrapper": "Primer::OpenProject::
|
|
1567
|
-
"GeneratedSlotMethods": "Primer::OpenProject::
|
|
1564
|
+
"Primer::OpenProject::DangerDialog": {
|
|
1565
|
+
"ConfirmationCheckBox": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox",
|
|
1566
|
+
"FormWrapper": "Primer::OpenProject::DangerDialog::FormWrapper",
|
|
1567
|
+
"GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::GeneratedSlotMethods"
|
|
1568
1568
|
},
|
|
1569
|
-
"Primer::OpenProject::
|
|
1570
|
-
"GeneratedSlotMethods": "Primer::OpenProject::
|
|
1569
|
+
"Primer::OpenProject::DangerDialog::ConfirmationCheckBox": {
|
|
1570
|
+
"GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox::GeneratedSlotMethods"
|
|
1571
1571
|
},
|
|
1572
|
-
"Primer::OpenProject::
|
|
1573
|
-
"GeneratedSlotMethods": "Primer::OpenProject::
|
|
1572
|
+
"Primer::OpenProject::DangerDialog::FormWrapper": {
|
|
1573
|
+
"GeneratedSlotMethods": "Primer::OpenProject::DangerDialog::FormWrapper::GeneratedSlotMethods"
|
|
1574
1574
|
},
|
|
1575
1575
|
"Primer::OpenProject::DragHandle": {
|
|
1576
1576
|
"DEFAULT_SIZE": "small",
|
package/static/info_arch.json
CHANGED
|
@@ -17507,18 +17507,18 @@
|
|
|
17507
17507
|
]
|
|
17508
17508
|
},
|
|
17509
17509
|
{
|
|
17510
|
-
"fully_qualified_name": "Primer::OpenProject::
|
|
17510
|
+
"fully_qualified_name": "Primer::OpenProject::DangerDialog",
|
|
17511
17511
|
"description": "A pre-configured dialog for destructive/\"potentially dangerous\" actions",
|
|
17512
17512
|
"accessibility_docs": null,
|
|
17513
17513
|
"is_form_component": false,
|
|
17514
17514
|
"is_published": true,
|
|
17515
17515
|
"requires_js": false,
|
|
17516
|
-
"component": "OpenProject::
|
|
17516
|
+
"component": "OpenProject::DangerDialog",
|
|
17517
17517
|
"status": "open_project",
|
|
17518
17518
|
"a11y_reviewed": false,
|
|
17519
|
-
"short_name": "
|
|
17520
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
17521
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
17519
|
+
"short_name": "OpenProjectDangerDialog",
|
|
17520
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
|
|
17521
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
|
|
17522
17522
|
"parameters": [
|
|
17523
17523
|
{
|
|
17524
17524
|
"name": "form_arguments",
|
|
@@ -17532,6 +17532,18 @@
|
|
|
17532
17532
|
"default": "`self.class.generate_id`",
|
|
17533
17533
|
"description": "The id of the dialog."
|
|
17534
17534
|
},
|
|
17535
|
+
{
|
|
17536
|
+
"name": "confirm_button_text",
|
|
17537
|
+
"type": "String",
|
|
17538
|
+
"default": "`nil`",
|
|
17539
|
+
"description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
|
|
17540
|
+
},
|
|
17541
|
+
{
|
|
17542
|
+
"name": "cancel_button_text",
|
|
17543
|
+
"type": "String",
|
|
17544
|
+
"default": "`nil`",
|
|
17545
|
+
"description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
|
|
17546
|
+
},
|
|
17535
17547
|
{
|
|
17536
17548
|
"name": "system_arguments",
|
|
17537
17549
|
"type": "Hash",
|
|
@@ -17560,7 +17572,7 @@
|
|
|
17560
17572
|
},
|
|
17561
17573
|
{
|
|
17562
17574
|
"name": "confirmation_check_box",
|
|
17563
|
-
"description": "
|
|
17575
|
+
"description": "An optional checkbox that the user is required to check in order to continue with the destructive action.\n\nTo render the checkbox label (required), pass a block that returns a String.",
|
|
17564
17576
|
"parameters": [
|
|
17565
17577
|
{
|
|
17566
17578
|
"name": "system_arguments",
|
|
@@ -17597,7 +17609,7 @@
|
|
|
17597
17609
|
],
|
|
17598
17610
|
"previews": [
|
|
17599
17611
|
{
|
|
17600
|
-
"preview_path": "primer/open_project/
|
|
17612
|
+
"preview_path": "primer/open_project/danger_dialog/default",
|
|
17601
17613
|
"name": "default",
|
|
17602
17614
|
"snapshot": "interactive",
|
|
17603
17615
|
"skip_rules": {
|
|
@@ -17610,7 +17622,20 @@
|
|
|
17610
17622
|
}
|
|
17611
17623
|
},
|
|
17612
17624
|
{
|
|
17613
|
-
"preview_path": "primer/open_project/
|
|
17625
|
+
"preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
|
|
17626
|
+
"name": "with_confirmation_check_box",
|
|
17627
|
+
"snapshot": "interactive",
|
|
17628
|
+
"skip_rules": {
|
|
17629
|
+
"wont_fix": [
|
|
17630
|
+
"region"
|
|
17631
|
+
],
|
|
17632
|
+
"will_fix": [
|
|
17633
|
+
"color-contrast"
|
|
17634
|
+
]
|
|
17635
|
+
}
|
|
17636
|
+
},
|
|
17637
|
+
{
|
|
17638
|
+
"preview_path": "primer/open_project/danger_dialog/playground",
|
|
17614
17639
|
"name": "playground",
|
|
17615
17640
|
"snapshot": "false",
|
|
17616
17641
|
"skip_rules": {
|
|
@@ -17623,7 +17648,7 @@
|
|
|
17623
17648
|
}
|
|
17624
17649
|
},
|
|
17625
17650
|
{
|
|
17626
|
-
"preview_path": "primer/open_project/
|
|
17651
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_builder_form",
|
|
17627
17652
|
"name": "with_form_builder_form",
|
|
17628
17653
|
"snapshot": "false",
|
|
17629
17654
|
"skip_rules": {
|
|
@@ -17636,7 +17661,7 @@
|
|
|
17636
17661
|
}
|
|
17637
17662
|
},
|
|
17638
17663
|
{
|
|
17639
|
-
"preview_path": "primer/open_project/
|
|
17664
|
+
"preview_path": "primer/open_project/danger_dialog/with_form",
|
|
17640
17665
|
"name": "with_form",
|
|
17641
17666
|
"snapshot": "false",
|
|
17642
17667
|
"skip_rules": {
|
|
@@ -17649,7 +17674,7 @@
|
|
|
17649
17674
|
}
|
|
17650
17675
|
},
|
|
17651
17676
|
{
|
|
17652
|
-
"preview_path": "primer/open_project/
|
|
17677
|
+
"preview_path": "primer/open_project/danger_dialog/with_additional_details",
|
|
17653
17678
|
"name": "with_additional_details",
|
|
17654
17679
|
"snapshot": "false",
|
|
17655
17680
|
"skip_rules": {
|
|
@@ -17662,7 +17687,7 @@
|
|
|
17662
17687
|
}
|
|
17663
17688
|
},
|
|
17664
17689
|
{
|
|
17665
|
-
"preview_path": "primer/open_project/
|
|
17690
|
+
"preview_path": "primer/open_project/danger_dialog/custom_icon",
|
|
17666
17691
|
"name": "custom_icon",
|
|
17667
17692
|
"snapshot": "false",
|
|
17668
17693
|
"skip_rules": {
|
|
@@ -17675,7 +17700,7 @@
|
|
|
17675
17700
|
}
|
|
17676
17701
|
},
|
|
17677
17702
|
{
|
|
17678
|
-
"preview_path": "primer/open_project/
|
|
17703
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_builder_form_test",
|
|
17679
17704
|
"name": "with_form_builder_form_test",
|
|
17680
17705
|
"snapshot": "false",
|
|
17681
17706
|
"skip_rules": {
|
|
@@ -17688,7 +17713,7 @@
|
|
|
17688
17713
|
}
|
|
17689
17714
|
},
|
|
17690
17715
|
{
|
|
17691
|
-
"preview_path": "primer/open_project/
|
|
17716
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_test",
|
|
17692
17717
|
"name": "with_form_test",
|
|
17693
17718
|
"snapshot": "false",
|
|
17694
17719
|
"skip_rules": {
|
|
@@ -17706,18 +17731,18 @@
|
|
|
17706
17731
|
]
|
|
17707
17732
|
},
|
|
17708
17733
|
{
|
|
17709
|
-
"fully_qualified_name": "Primer::OpenProject::
|
|
17710
|
-
"description": "This component is part of `Primer::OpenProject::
|
|
17734
|
+
"fully_qualified_name": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox",
|
|
17735
|
+
"description": "This component is part of `Primer::OpenProject::DangerDialog`\nand should not be used as a standalone component.",
|
|
17711
17736
|
"accessibility_docs": null,
|
|
17712
17737
|
"is_form_component": false,
|
|
17713
17738
|
"is_published": true,
|
|
17714
17739
|
"requires_js": false,
|
|
17715
|
-
"component": "OpenProject::
|
|
17740
|
+
"component": "OpenProject::DangerDialog::ConfirmationCheckBox",
|
|
17716
17741
|
"status": "open_project",
|
|
17717
17742
|
"a11y_reviewed": false,
|
|
17718
|
-
"short_name": "
|
|
17719
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
17720
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
17743
|
+
"short_name": "OpenProjectDangerDialogConfirmationCheckBox",
|
|
17744
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
|
|
17745
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
|
|
17721
17746
|
"parameters": [
|
|
17722
17747
|
{
|
|
17723
17748
|
"name": "check_box_id",
|
|
@@ -17752,18 +17777,18 @@
|
|
|
17752
17777
|
]
|
|
17753
17778
|
},
|
|
17754
17779
|
{
|
|
17755
|
-
"fully_qualified_name": "Primer::OpenProject::
|
|
17756
|
-
"description": "Utility component for wrapping
|
|
17780
|
+
"fully_qualified_name": "Primer::OpenProject::DangerDialog::FormWrapper",
|
|
17781
|
+
"description": "Utility component for wrapping DangerDialog in a form",
|
|
17757
17782
|
"accessibility_docs": null,
|
|
17758
17783
|
"is_form_component": false,
|
|
17759
17784
|
"is_published": true,
|
|
17760
17785
|
"requires_js": false,
|
|
17761
|
-
"component": "OpenProject::
|
|
17786
|
+
"component": "OpenProject::DangerDialog::FormWrapper",
|
|
17762
17787
|
"status": "open_project",
|
|
17763
17788
|
"a11y_reviewed": false,
|
|
17764
|
-
"short_name": "
|
|
17765
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/
|
|
17766
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/
|
|
17789
|
+
"short_name": "OpenProjectDangerDialogFormWrapper",
|
|
17790
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
|
|
17791
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
|
|
17767
17792
|
"parameters": [
|
|
17768
17793
|
|
|
17769
17794
|
],
|
package/static/previews.json
CHANGED
|
@@ -3109,13 +3109,13 @@
|
|
|
3109
3109
|
]
|
|
3110
3110
|
},
|
|
3111
3111
|
{
|
|
3112
|
-
"name": "
|
|
3113
|
-
"component": "OpenProject::
|
|
3112
|
+
"name": "danger_dialog",
|
|
3113
|
+
"component": "OpenProject::DangerDialog",
|
|
3114
3114
|
"status": "open_project",
|
|
3115
|
-
"lookup_path": "primer/open_project/
|
|
3115
|
+
"lookup_path": "primer/open_project/danger_dialog",
|
|
3116
3116
|
"examples": [
|
|
3117
3117
|
{
|
|
3118
|
-
"preview_path": "primer/open_project/
|
|
3118
|
+
"preview_path": "primer/open_project/danger_dialog/default",
|
|
3119
3119
|
"name": "default",
|
|
3120
3120
|
"snapshot": "interactive",
|
|
3121
3121
|
"skip_rules": {
|
|
@@ -3128,7 +3128,20 @@
|
|
|
3128
3128
|
}
|
|
3129
3129
|
},
|
|
3130
3130
|
{
|
|
3131
|
-
"preview_path": "primer/open_project/
|
|
3131
|
+
"preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
|
|
3132
|
+
"name": "with_confirmation_check_box",
|
|
3133
|
+
"snapshot": "interactive",
|
|
3134
|
+
"skip_rules": {
|
|
3135
|
+
"wont_fix": [
|
|
3136
|
+
"region"
|
|
3137
|
+
],
|
|
3138
|
+
"will_fix": [
|
|
3139
|
+
"color-contrast"
|
|
3140
|
+
]
|
|
3141
|
+
}
|
|
3142
|
+
},
|
|
3143
|
+
{
|
|
3144
|
+
"preview_path": "primer/open_project/danger_dialog/playground",
|
|
3132
3145
|
"name": "playground",
|
|
3133
3146
|
"snapshot": "false",
|
|
3134
3147
|
"skip_rules": {
|
|
@@ -3141,7 +3154,7 @@
|
|
|
3141
3154
|
}
|
|
3142
3155
|
},
|
|
3143
3156
|
{
|
|
3144
|
-
"preview_path": "primer/open_project/
|
|
3157
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_builder_form",
|
|
3145
3158
|
"name": "with_form_builder_form",
|
|
3146
3159
|
"snapshot": "false",
|
|
3147
3160
|
"skip_rules": {
|
|
@@ -3154,7 +3167,7 @@
|
|
|
3154
3167
|
}
|
|
3155
3168
|
},
|
|
3156
3169
|
{
|
|
3157
|
-
"preview_path": "primer/open_project/
|
|
3170
|
+
"preview_path": "primer/open_project/danger_dialog/with_form",
|
|
3158
3171
|
"name": "with_form",
|
|
3159
3172
|
"snapshot": "false",
|
|
3160
3173
|
"skip_rules": {
|
|
@@ -3167,7 +3180,7 @@
|
|
|
3167
3180
|
}
|
|
3168
3181
|
},
|
|
3169
3182
|
{
|
|
3170
|
-
"preview_path": "primer/open_project/
|
|
3183
|
+
"preview_path": "primer/open_project/danger_dialog/with_additional_details",
|
|
3171
3184
|
"name": "with_additional_details",
|
|
3172
3185
|
"snapshot": "false",
|
|
3173
3186
|
"skip_rules": {
|
|
@@ -3180,7 +3193,7 @@
|
|
|
3180
3193
|
}
|
|
3181
3194
|
},
|
|
3182
3195
|
{
|
|
3183
|
-
"preview_path": "primer/open_project/
|
|
3196
|
+
"preview_path": "primer/open_project/danger_dialog/custom_icon",
|
|
3184
3197
|
"name": "custom_icon",
|
|
3185
3198
|
"snapshot": "false",
|
|
3186
3199
|
"skip_rules": {
|
|
@@ -3193,7 +3206,7 @@
|
|
|
3193
3206
|
}
|
|
3194
3207
|
},
|
|
3195
3208
|
{
|
|
3196
|
-
"preview_path": "primer/open_project/
|
|
3209
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_builder_form_test",
|
|
3197
3210
|
"name": "with_form_builder_form_test",
|
|
3198
3211
|
"snapshot": "false",
|
|
3199
3212
|
"skip_rules": {
|
|
@@ -3206,7 +3219,7 @@
|
|
|
3206
3219
|
}
|
|
3207
3220
|
},
|
|
3208
3221
|
{
|
|
3209
|
-
"preview_path": "primer/open_project/
|
|
3222
|
+
"preview_path": "primer/open_project/danger_dialog/with_form_test",
|
|
3210
3223
|
"name": "with_form_test",
|
|
3211
3224
|
"snapshot": "false",
|
|
3212
3225
|
"skip_rules": {
|
package/static/statuses.json
CHANGED
|
@@ -118,9 +118,9 @@
|
|
|
118
118
|
"Primer::Navigation::TabComponent": "deprecated",
|
|
119
119
|
"Primer::OpenProject::BorderGrid": "open_project",
|
|
120
120
|
"Primer::OpenProject::BorderGrid::Cell": "open_project",
|
|
121
|
-
"Primer::OpenProject::
|
|
122
|
-
"Primer::OpenProject::
|
|
123
|
-
"Primer::OpenProject::
|
|
121
|
+
"Primer::OpenProject::DangerDialog": "open_project",
|
|
122
|
+
"Primer::OpenProject::DangerDialog::ConfirmationCheckBox": "open_project",
|
|
123
|
+
"Primer::OpenProject::DangerDialog::FormWrapper": "open_project",
|
|
124
124
|
"Primer::OpenProject::DragHandle": "open_project",
|
|
125
125
|
"Primer::OpenProject::FeedbackDialog": "open_project",
|
|
126
126
|
"Primer::OpenProject::FeedbackMessage": "open_project",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare class DangerConfirmationDialogFormHelperElement extends HTMLElement {
|
|
2
|
-
#private;
|
|
3
|
-
checkbox: HTMLInputElement;
|
|
4
|
-
get submitButton(): HTMLButtonElement | HTMLInputElement;
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
toggle(): void;
|
|
7
|
-
}
|
|
8
|
-
declare global {
|
|
9
|
-
interface Window {
|
|
10
|
-
DangerConfirmationDialogFormHelperElement: typeof DangerConfirmationDialogFormHelperElement;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare class DangerConfirmationDialogFormHelperElement extends HTMLElement {
|
|
2
|
-
#private;
|
|
3
|
-
checkbox: HTMLInputElement;
|
|
4
|
-
get submitButton(): HTMLInputElement | HTMLButtonElement;
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
toggle(): void;
|
|
7
|
-
}
|
|
8
|
-
declare global {
|
|
9
|
-
interface Window {
|
|
10
|
-
DangerConfirmationDialogFormHelperElement: typeof DangerConfirmationDialogFormHelperElement;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
export {};
|