framepexls-ui-lib 0.3.3 → 0.3.4

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.
@@ -191,7 +191,7 @@ function DateTimeField({
191
191
  const GAP = 8, MARGIN = 8;
192
192
  const W = Math.min(420, Math.max(320, window.innerWidth - MARGIN * 2));
193
193
  const H = Math.min(520, Math.max(320, Math.floor(window.innerHeight * 0.75)));
194
- let left = anchorRect.right - W;
194
+ let left = anchorRect.left + (anchorRect.width - W) / 2;
195
195
  left = Math.max(MARGIN, Math.min(left, window.innerWidth - (W + MARGIN)));
196
196
  let top = anchorRect.bottom + GAP;
197
197
  if (top + H > window.innerHeight) top = Math.max(MARGIN, anchorRect.top - GAP - H);
@@ -158,7 +158,7 @@ function DateTimeField({
158
158
  const GAP = 8, MARGIN = 8;
159
159
  const W = Math.min(420, Math.max(320, window.innerWidth - MARGIN * 2));
160
160
  const H = Math.min(520, Math.max(320, Math.floor(window.innerHeight * 0.75)));
161
- let left = anchorRect.right - W;
161
+ let left = anchorRect.left + (anchorRect.width - W) / 2;
162
162
  left = Math.max(MARGIN, Math.min(left, window.innerWidth - (W + MARGIN)));
163
163
  let top = anchorRect.bottom + GAP;
164
164
  if (top + H > window.innerHeight) top = Math.max(MARGIN, anchorRect.top - GAP - H);
@@ -131,7 +131,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
131
131
  const GAP = 8, MARGIN = 8;
132
132
  const W = Math.min(420, Math.max(300, window.innerWidth - MARGIN * 2));
133
133
  const H = Math.min(360, Math.max(200, Math.floor(window.innerHeight * 0.6)));
134
- let left = anchorRect.right - W;
134
+ let left = anchorRect.left + (anchorRect.width - W) / 2;
135
135
  left = Math.max(MARGIN, Math.min(left, window.innerWidth - (W + MARGIN)));
136
136
  let top = anchorRect.bottom + GAP;
137
137
  if (top + H > window.innerHeight) top = Math.max(MARGIN, anchorRect.top - GAP - H);
@@ -98,7 +98,7 @@ function TimeRangeField({ value, onValueChange, portal = true, portalId, clearab
98
98
  const GAP = 8, MARGIN = 8;
99
99
  const W = Math.min(420, Math.max(300, window.innerWidth - MARGIN * 2));
100
100
  const H = Math.min(360, Math.max(200, Math.floor(window.innerHeight * 0.6)));
101
- let left = anchorRect.right - W;
101
+ let left = anchorRect.left + (anchorRect.width - W) / 2;
102
102
  left = Math.max(MARGIN, Math.min(left, window.innerWidth - (W + MARGIN)));
103
103
  let top = anchorRect.bottom + GAP;
104
104
  if (top + H > window.innerHeight) top = Math.max(MARGIN, anchorRect.top - GAP - H);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framepexls-ui-lib",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "description": "Componentes UI de Framepexls para React/Next.",