@uxland/primary-shell 7.19.0 → 7.20.0

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.
@@ -8,6 +8,7 @@ export interface ConfirmationContentProps<TData, TResult = undefined> {
8
8
  setResult: (result: TResult) => void;
9
9
  setIsValid: (isValid: boolean) => void;
10
10
  confirm: () => void;
11
+ confirmResult: (result: TResult) => void;
11
12
  cancel: () => void;
12
13
  }
13
14
  export interface ConfirmationWithResultContentProps<TData, TResult = undefined> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxland/primary-shell",
3
- "version": "7.19.0",
3
+ "version": "7.20.0",
4
4
  "description": "Primaria Shell",
5
5
  "author": "UXLand <dev@uxland.es>",
6
6
  "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -140,6 +140,7 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
140
140
  setResult,
141
141
  setIsValid,
142
142
  confirm: () => isValid && handleClose(true),
143
+ confirmResult: (result: TResult) => isValid && handleCloseWithResult(result),
143
144
  cancel: () => handleClose(false),
144
145
  }}
145
146
  />
@@ -10,6 +10,7 @@ export interface ConfirmationContentProps<TData, TResult = undefined> {
10
10
  setResult: (result: TResult) => void;
11
11
  setIsValid: (isValid: boolean) => void;
12
12
  confirm: () => void;
13
+ confirmResult: (result: TResult) => void;
13
14
  cancel: () => void;
14
15
  }
15
16
 
@@ -1,6 +1,8 @@
1
1
  .modal {
2
2
  font-family: "Open Sans", sans-serif;
3
- display: block;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
4
6
  position: fixed;
5
7
  z-index: 400;
6
8
  left: 0;
@@ -12,11 +14,8 @@
12
14
  .dialog {
13
15
  display: flex;
14
16
  flex-direction: column;
15
- position: absolute;
16
- top: 50%;
17
- left: 50%;
18
- transform: translate(-50%, -50%);
19
- z-index: 21;
17
+ position: relative;
18
+ z-index: 401;
20
19
  background: #fff;
21
20
  border-radius: 16px;
22
21
  width: auto;
@@ -25,6 +24,7 @@
25
24
  min-width: 400px;
26
25
  box-shadow: 0 8px 12px 6px rgba(0 0 0 / 5%), 0 4px 4px rgba(0 0 0 / 10%);
27
26
  }
27
+
28
28
  .dss-dialog-header {
29
29
  position: relative;
30
30
  display: flex;
@@ -54,9 +54,12 @@
54
54
  .modal-content {
55
55
  flex: 1;
56
56
  padding: 0 24px;
57
+ overflow: visible;
58
+ position: relative;
57
59
  }
58
60
  .modal-content.full-customization {
59
61
  padding: 0;
62
+ overflow: visible;
60
63
  }
61
64
  .dss-modal-footer {
62
65
  display: flex;