Fixed #1731 - New Component: ConfirmPopup

primefaces · Dec 22, 2020 · 19dc3d4 · 19dc3d4
1 parent 6ad85ad
commit 19dc3d4
Show file tree

Hide file tree

Showing 6 changed files with 396 additions and 2 deletions.
diff --git a/exports/confirmpopup.d.ts b/exports/confirmpopup.d.ts
@@ -0,0 +1 @@
+export * from './components/confirmpopup/ConfirmPopup';
diff --git a/exports/confirmpopup.js b/exports/confirmpopup.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./components/confirmpopup/ConfirmPopup');
diff --git a/src/assets/style/primereact.css b/src/assets/style/primereact.css
@@ -68,5 +68,4 @@
 @import '../../components/divider/Divider.css';
 @import '../../components/knob/Knob.css';
 @import '../../components/splitter/Splitter.css';
-
-
+@import '../../components/confirmpopup/ConfirmPopup.css';
diff --git a/src/components/confirmpopup/ConfirmPopup.css b/src/components/confirmpopup/ConfirmPopup.css
@@ -0,0 +1,49 @@
+.p-confirm-popup {
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin-top: 10px;
+}
+
+.p-confirm-popup-flipped {
+    margin-top: 0;
+    margin-bottom: 10px;
+}
+
+.p-confirm-popup:after, .p-confirm-popup:before {
+	bottom: 100%;
+	left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+}
+
+.p-confirm-popup:after {
+	border-width: 8px;
+	margin-left: -8px;
+}
+
+.p-confirm-popup:before {
+	border-width: 10px;
+	margin-left: -10px;
+}
+
+.p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {
+    bottom: auto;
+    top: 100%;
+}
+
+.p-confirm-popup.p-confirm-popup-flipped:after {
+    border-bottom-color: transparent;
+}
+
+.p-confirm-popup.p-confirm-popup-flipped:before {
+    border-bottom-color: transparent
+}
+
+.p-confirm-popup .p-confirm-popup-content {
+    display: flex;
+    align-items: center;
+}
diff --git a/src/components/confirmpopup/ConfirmPopup.d.ts b/src/components/confirmpopup/ConfirmPopup.d.ts
@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+interface ConfirmPopupProps {
+    target?: any;
+    visible?: boolean;
+    message?: any;
+    rejectLabel?: string;
+    acceptLabel?: string;
+    icon?: string;
+    rejectIcon?: string;
+    acceptIcon?: string;
+    rejectClassName?: string;
+    acceptClassName?: string;
+    className?: string;
+    style?: object;
+    appendTo?: any;
+    dismissable?: boolean;
+    footer?: any;
+    onHide?(result: string): void;
+}
+
+export class ConfirmPopup extends React.Component<ConfirmPopupProps,any> {}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export * from './components/confirmpopup/ConfirmPopup';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		'use strict';

		module.exports = require('./components/confirmpopup/ConfirmPopup');