@jirawatpyk/aura-react 5.71.0 → 5.72.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.
- package/README.md +4 -0
- package/dist/aura.bundle.js +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/ActionBar.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -186,6 +186,10 @@ DataTable with sort and page in the URL (4.17): `onStateChange={({ sort, page })
|
|
|
186
186
|
- **Time zone**: `timeZone` on AuraProvider, DatePicker, DateRangePicker and Calendar decides "today" (the marker, `min`/`max="today"`, the first month shown); or pass `today` as an ISO date. `todayIn('Asia/Bangkok')` is exported from the root and `/server`.
|
|
187
187
|
- **Toasts** queue past three instead of dropping: six in a row all show, in order, three at a time.
|
|
188
188
|
|
|
189
|
+
## 5.72 — Chamber-OS addendum 93 (#192)
|
|
190
|
+
|
|
191
|
+
- **An edge ActionBar in a hidden tab no longer zeroes the page's clearance:** a bar with `look="edge"` / `edgeBelow` inside a `display: none` parent (an inactive tab panel) still computes `position: fixed` but has no box; it is now skipped, so `--aura-actionbar-height` (and with it the page's end padding and `scroll-padding-bottom`) is the visible bar's height. Switching tabs moves it to the bar now shown; with none shown it is removed. Mounting one bar for the active tab is still the simplest shape.
|
|
192
|
+
|
|
189
193
|
## 5.71 — Chamber-OS addendum 92 (#191)
|
|
190
194
|
|
|
191
195
|
- **PageHeader `actionsBar` — only some actions in the phone bar:** with `actionsBarBelow`, the nodes in `actionsBar` (Pay now) become the edge strip below the breakpoint, with `actionsStatus` as its polite status line; `actions` (the downloads, Email me a copy) stay in the header, where `actionsFullWidthBelow` still lays them out full width. From the breakpoint up, and on a screen 30rem tall or less, `actionsBar` sits after `actions` in the same header row. Every node is rendered once at every width — never cloned — so a dialog trigger such as a `PayNowButton` keeps its sheet, and a test id isn't doubled. The strip is the 5.48 one: above a BottomNav, the home-indicator inset inside it, its measured height on `<html>` (`--aura-page-actions-height`) padding the page's end and `scroll-padding-bottom`, `actionsBarLook="floating"` for the card. Without `actionsBarBelow`, `actionsBar` is just more actions after `actions`; without `actionsBar`, nothing changes. Also from `/server`. Replace a hand-built `max-sm:fixed` pay band. The phone-bar rules are one class more specific than before (they now also cover the bar box), so an app override of `.aura-page-header__actions` inside the bar needs one more class to win; reduced motion now stops the bar's slide, which it didn't on the bar rules.
|
package/dist/aura.bundle.js
CHANGED
|
@@ -8727,7 +8727,7 @@ window.Aura = (() => {
|
|
|
8727
8727
|
function writeHeight() {
|
|
8728
8728
|
const root = document.documentElement;
|
|
8729
8729
|
for (let i = edges.length - 1; i >= 0; i--)
|
|
8730
|
-
if (getComputedStyle(edges[i]).position === "fixed") {
|
|
8730
|
+
if (edges[i].getClientRects().length > 0 && edges[i].offsetHeight > 0 && getComputedStyle(edges[i]).position === "fixed") {
|
|
8731
8731
|
root.style.setProperty(HEIGHT, edges[i].offsetHeight + "px");
|
|
8732
8732
|
return;
|
|
8733
8733
|
}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -8709,7 +8709,7 @@ var edges = [];
|
|
|
8709
8709
|
function writeHeight() {
|
|
8710
8710
|
const root = document.documentElement;
|
|
8711
8711
|
for (let i = edges.length - 1; i >= 0; i--)
|
|
8712
|
-
if (getComputedStyle(edges[i]).position === "fixed") {
|
|
8712
|
+
if (edges[i].getClientRects().length > 0 && edges[i].offsetHeight > 0 && getComputedStyle(edges[i]).position === "fixed") {
|
|
8713
8713
|
root.style.setProperty(HEIGHT, edges[i].offsetHeight + "px");
|
|
8714
8714
|
return;
|
|
8715
8715
|
}
|
package/dist/esm/ActionBar.js
CHANGED
|
@@ -8,7 +8,7 @@ const edges = [];
|
|
|
8
8
|
function writeHeight() {
|
|
9
9
|
const root = document.documentElement;
|
|
10
10
|
for (let i = edges.length - 1; i >= 0; i--)
|
|
11
|
-
if (getComputedStyle(edges[i]).position === "fixed") {
|
|
11
|
+
if (edges[i].getClientRects().length > 0 && edges[i].offsetHeight > 0 && getComputedStyle(edges[i]).position === "fixed") {
|
|
12
12
|
root.style.setProperty(HEIGHT, edges[i].offsetHeight + "px");
|
|
13
13
|
return;
|
|
14
14
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jirawatpyk/aura-react",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.72.0",
|
|
4
4
|
"description": "AURA Design System — React components (Enterprise Standard, Human Creative). Thai-first: Buddhist-era dates, Thai collation.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|