@serendie/ui 3.1.1-dev.202602260402 → 3.1.1-dev.202603310916
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/dist/client.js +5 -5
- package/dist/components/Avatar/Avatar.js +5 -5
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Banner/Banner.js +4 -4
- package/dist/components/BottomNavigation/BottomNavigationItem.js +4 -4
- package/dist/components/Button/Button.js +6 -6
- package/dist/components/CheckBox/CheckBox.js +4 -4
- package/dist/components/ChoiceBox/ChoiceBox.js +1 -1
- package/dist/components/DashboardWidget/DashboardWidget.js +4 -4
- package/dist/components/DataTable/DataTableComponent.js +16 -17
- package/dist/components/DataTable/table/HeaderCell.js +4 -4
- package/dist/components/DataTable/table/Root.js +4 -4
- package/dist/components/DatePicker/DatePicker.js +2 -2
- package/dist/components/Divider/Divider.js +4 -4
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/IconButton/IconButton.js +4 -4
- package/dist/components/List/ListItem.js +1 -1
- package/dist/components/ModalDialog/ModalDialog.js +10 -10
- package/dist/components/NotificationBadge/NotificationBadge.js +1 -1
- package/dist/components/Pagination/Pagination.js +6 -6
- package/dist/components/RadioButton/RadioButton.js +4 -4
- package/dist/components/Search/Search.js +12 -12
- package/dist/components/Select/Select.js +7 -7
- package/dist/components/Switch/Switch.js +11 -11
- package/dist/components/Tabs/TabItem.js +6 -6
- package/dist/components/Tabs/Tabs.js +5 -5
- package/dist/components/TextArea/TextArea.js +4 -4
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/Toast/Toast.js +6 -6
- package/dist/components/Tooltip/Tooltip.js +12 -12
- package/dist/components/TopAppBar/TopAppBar.js +4 -4
- package/dist/index.js +5 -5
- package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion-item-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-group-props-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-group-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-option-item-props-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-trigger-item-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js +2 -3
- package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js +2 -3
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +1 -1
- package/dist/node_modules/@zag-js/accordion/dist/index.js +4 -4
- package/dist/node_modules/@zag-js/combobox/dist/index.js +1 -1
- package/dist/node_modules/@zag-js/date-picker/dist/index.js +13 -13
- package/dist/node_modules/@zag-js/menu/dist/index.js +11 -11
- package/dist/node_modules/@zag-js/react/dist/index.js +1 -1
- package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +3 -3
- package/dist/node_modules/@zag-js/tabs/dist/index.js +4 -4
- package/dist/node_modules/@zag-js/toast/dist/index.js +4 -4
- package/dist/node_modules/@zag-js/tooltip/dist/index.js +3 -3
- package/package.json +4 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { createAnatomy as de } from "../../anatomy/dist/index.js";
|
|
2
2
|
import { mergeProps as ue, createMachine as ce, createGuards as he } from "../../core/dist/index.js";
|
|
3
|
-
import { dataAttr as C, isDownloadingEvent as J, isOpeningInNewTab as Q, isSelfTarget as pe, getEventTarget as B, isValidTabEvent as Oe, getEventKey as Z, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie,
|
|
3
|
+
import { dataAttr as C, isDownloadingEvent as J, isOpeningInNewTab as Q, isSelfTarget as pe, getEventTarget as B, isValidTabEvent as Oe, getEventKey as Z, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie, isHTMLElement as fe, raf as D, observeAttributes as Pe, addDomEvent as ye, getByTypeahead as oe, clickIfLink as Ce, isAnchorElement as Re, getWindow as ve, queryAll as Se, getInitialFocus as Ne, contains as U, scrollIntoView as ke } from "../../dom-query/dist/index.js";
|
|
4
4
|
import { getPlacementStyles as Le, getPlacementSide as Ae, getPlacement as z } from "../../popper/dist/index.js";
|
|
5
|
-
import { hasProp as W, cast as ee,
|
|
5
|
+
import { hasProp as W, cast as ee, isEqual as Me, prev as be, next as De, last as _e, first as He } from "../../utils/dist/index.js";
|
|
6
6
|
import { trackDismissableElement as we } from "../../dismissable/dist/index.js";
|
|
7
7
|
import { getElementPolygon as Ge, isPointInPolygon as Ve } from "../../rect-utils/dist/index.js";
|
|
8
8
|
import { createProps as k } from "../../types/dist/index.js";
|
|
@@ -45,16 +45,16 @@ var Fe = de("menu").parts(
|
|
|
45
45
|
}, I = (e) => e.getById(S(e)), ne = (e) => e.getById(se(e)), _ = (e) => e.getById(w(e)), le = (e, t) => t ? e.getById(N(e, t)) : null, x = (e) => e.getById(ae(e)), L = (e) => {
|
|
46
46
|
const n = `[role^="menuitem"][data-ownedby=${CSS.escape(S(e))}]:not([data-disabled])`;
|
|
47
47
|
return Se(I(e), n);
|
|
48
|
-
}, xe = (e) =>
|
|
48
|
+
}, xe = (e) => He(L(e)), Be = (e) => _e(L(e)), $ = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Ke = (e, t) => {
|
|
49
49
|
const n = L(e), i = n.findIndex((s) => $(s, t.value));
|
|
50
|
-
return
|
|
50
|
+
return De(n, i, { loop: t.loop ?? t.loopFocus });
|
|
51
51
|
}, $e = (e, t) => {
|
|
52
52
|
const n = L(e), i = n.findIndex((s) => $(s, t.value));
|
|
53
|
-
return
|
|
53
|
+
return be(n, i, { loop: t.loop ?? t.loopFocus });
|
|
54
54
|
}, Xe = (e, t) => {
|
|
55
55
|
const n = L(e), i = n.find((s) => $(s, t.value));
|
|
56
56
|
return oe(n, { state: t.typeaheadState, key: t.key, activeId: (i == null ? void 0 : i.id) ?? null });
|
|
57
|
-
}, H = (e) =>
|
|
57
|
+
}, H = (e) => fe(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ye = (e) => {
|
|
58
58
|
var t;
|
|
59
59
|
return !!((t = e == null ? void 0 : e.getAttribute("role")) != null && t.startsWith("menuitem")) && !!(e != null && e.hasAttribute("aria-controls"));
|
|
60
60
|
}, K = "menu:select";
|
|
@@ -315,7 +315,7 @@ function at(e, t) {
|
|
|
315
315
|
},
|
|
316
316
|
Enter() {
|
|
317
317
|
var h;
|
|
318
|
-
i({ type: "ENTER" }), v != null &&
|
|
318
|
+
i({ type: "ENTER" }), v != null && Re(E) && ((h = o("navigate")) == null || h({ value: v, node: E, href: E.href }));
|
|
319
319
|
},
|
|
320
320
|
Space(h) {
|
|
321
321
|
var M;
|
|
@@ -414,7 +414,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
|
|
|
414
414
|
composite: !0,
|
|
415
415
|
loopFocus: !1,
|
|
416
416
|
navigate(t) {
|
|
417
|
-
|
|
417
|
+
Ce(t.node);
|
|
418
418
|
},
|
|
419
419
|
...e,
|
|
420
420
|
positioning: {
|
|
@@ -981,7 +981,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
|
|
|
981
981
|
g.context.set("suspendPointer", !0);
|
|
982
982
|
});
|
|
983
983
|
const o = t.getDoc();
|
|
984
|
-
return
|
|
984
|
+
return ye(o, "pointermove", (l) => {
|
|
985
985
|
Je(e.get("intentPolygon"), {
|
|
986
986
|
x: l.clientX,
|
|
987
987
|
y: l.clientY
|
|
@@ -994,7 +994,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
|
|
|
994
994
|
const g = t.getById(n("highlightedId")), o = I(t);
|
|
995
995
|
ke(g, { rootEl: o, block: "nearest" });
|
|
996
996
|
};
|
|
997
|
-
return D(() => i()),
|
|
997
|
+
return D(() => i()), Pe(() => I(t), {
|
|
998
998
|
defer: !0,
|
|
999
999
|
attributes: ["aria-activedescendant"],
|
|
1000
1000
|
callback: i
|
|
@@ -1003,7 +1003,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
|
|
|
1003
1003
|
},
|
|
1004
1004
|
actions: {
|
|
1005
1005
|
setAnchorPoint({ context: e, event: t }) {
|
|
1006
|
-
e.set("anchorPoint", (n) =>
|
|
1006
|
+
e.set("anchorPoint", (n) => Me(n, t.point) ? n : t.point);
|
|
1007
1007
|
},
|
|
1008
1008
|
setSubmenuPlacement({ context: e, computed: t, refs: n }) {
|
|
1009
1009
|
if (!e.get("isSubmenu")) return;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createScope as Y, MachineStatus as V, INIT_STATE as L } from "../../core/dist/index.js";
|
|
2
2
|
import { mergeProps as bt } from "../../core/dist/index.js";
|
|
3
3
|
import { compact as Z, ensure as h, identity as tt, isFunction as j, warn as H, toArray as et, isString as rt } from "../../utils/dist/index.js";
|
|
4
|
-
import { useMemo as nt, useRef as d,
|
|
4
|
+
import { useMemo as nt, useRef as d, useState as K, useLayoutEffect as ut, useEffect as w } from "react";
|
|
5
5
|
import { flushSync as O } from "react-dom";
|
|
6
6
|
import { createNormalizer as ot } from "../../types/dist/index.js";
|
|
7
7
|
import "react/jsx-runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { isIos as x, setStyleProperty as L, setStyle as p } from "../../dom-query/dist/index.js";
|
|
2
2
|
var i = "data-scroll-lock";
|
|
3
3
|
function m(r) {
|
|
4
4
|
const n = r.getBoundingClientRect().left;
|
|
@@ -9,7 +9,7 @@ function $(r) {
|
|
|
9
9
|
if (e.hasAttribute(i)) return;
|
|
10
10
|
const l = c.innerWidth - s.clientWidth;
|
|
11
11
|
e.setAttribute(i, "");
|
|
12
|
-
const h = () =>
|
|
12
|
+
const h = () => L(s, "--scrollbar-width", `${l}px`), f = m(s), u = () => p(e, {
|
|
13
13
|
overflow: "hidden",
|
|
14
14
|
[f]: `${l}px`
|
|
15
15
|
}), y = () => {
|
|
@@ -24,7 +24,7 @@ function $(r) {
|
|
|
24
24
|
return () => {
|
|
25
25
|
d == null || d(), c.scrollTo({ left: t, top: a, behavior: "instant" });
|
|
26
26
|
};
|
|
27
|
-
}, b = [h(),
|
|
27
|
+
}, b = [h(), x() ? y() : u()];
|
|
28
28
|
return () => {
|
|
29
29
|
b.forEach((t) => t == null ? void 0 : t()), e.removeAttribute(i);
|
|
30
30
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createAnatomy as L } from "../../anatomy/dist/index.js";
|
|
2
|
-
import { dataAttr as d, isOpeningInNewTab as N, isSafari as P, isSelfTarget as S, isComposingEvent as U, getEventKey as $, isAnchorElement as D, trackElementRect as k, nextTick as W, raf as v, getFocusables as x,
|
|
2
|
+
import { dataAttr as d, isOpeningInNewTab as N, isSafari as P, isSelfTarget as S, isComposingEvent as U, getEventKey as $, isAnchorElement as D, trackElementRect as k, nextTick as W, raf as v, getFocusables as x, clickIfLink as M, itemById as X, prevById as H, nextById as K, queryAll as Y } from "../../dom-query/dist/index.js";
|
|
3
3
|
import { last as q, first as j } from "../../utils/dist/index.js";
|
|
4
4
|
import { setup as G } from "../../core/dist/index.js";
|
|
5
5
|
import { createProps as F } from "../../types/dist/index.js";
|
|
@@ -21,13 +21,13 @@ var J = L("tabs").parts("root", "list", "trigger", "content", "indicator"), b =
|
|
|
21
21
|
}, Z = (e) => e.getById(y(e)), z = (e, t) => e.getById(E(e, t)), h = (e, t) => e.getById(f(e, t)), _ = (e) => e.getById(w(e)), V = (e) => {
|
|
22
22
|
const o = `[role=tab][data-ownedby='${CSS.escape(y(e))}']:not([disabled])`;
|
|
23
23
|
return Y(Z(e), o);
|
|
24
|
-
}, ee = (e) => j(V(e)), te = (e) => q(V(e)), ae = (e, t) =>
|
|
24
|
+
}, ee = (e) => j(V(e)), te = (e) => q(V(e)), ae = (e, t) => K(V(e), f(e, t.value), t.loopFocus), oe = (e, t) => H(V(e), f(e, t.value), t.loopFocus), O = (e) => ({
|
|
25
25
|
left: (e == null ? void 0 : e.offsetLeft) ?? 0,
|
|
26
26
|
top: (e == null ? void 0 : e.offsetTop) ?? 0,
|
|
27
27
|
width: (e == null ? void 0 : e.offsetWidth) ?? 0,
|
|
28
28
|
height: (e == null ? void 0 : e.offsetHeight) ?? 0
|
|
29
29
|
}), re = (e, t) => {
|
|
30
|
-
const o =
|
|
30
|
+
const o = X(V(e), f(e, t));
|
|
31
31
|
return B(O(o));
|
|
32
32
|
}, B = (e) => ({
|
|
33
33
|
width: `${e.width}px`,
|
|
@@ -205,7 +205,7 @@ var { createMachine: ie } = G(), fe = ie({
|
|
|
205
205
|
loopFocus: !0,
|
|
206
206
|
composite: !0,
|
|
207
207
|
navigate(t) {
|
|
208
|
-
|
|
208
|
+
M(t.node);
|
|
209
209
|
},
|
|
210
210
|
defaultValue: null,
|
|
211
211
|
...e
|
|
@@ -2,7 +2,7 @@ import { contains as q, MAX_Z_INDEX as X, raf as N, dataAttr as D, addDomEvent a
|
|
|
2
2
|
import { createAnatomy as Q } from "../../anatomy/dist/index.js";
|
|
3
3
|
import { createMachine as K, createGuards as Y } from "../../core/dist/index.js";
|
|
4
4
|
import { trackDismissableBranch as Z } from "../../dismissable/dist/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { setRafTimeout as w, ensureProps as J, compact as z, warn as tt, runIfFn as C, uuid as _ } from "../../utils/dist/index.js";
|
|
6
6
|
var et = Q("toast").parts(
|
|
7
7
|
"group",
|
|
8
8
|
"root",
|
|
@@ -460,7 +460,7 @@ function Ot(t, e) {
|
|
|
460
460
|
}
|
|
461
461
|
var { not: dt } = Y(), Rt = K({
|
|
462
462
|
props({ props: t }) {
|
|
463
|
-
return
|
|
463
|
+
return J(t, ["id", "type", "parent", "removeDelay"], "toast"), {
|
|
464
464
|
closable: !0,
|
|
465
465
|
...t,
|
|
466
466
|
duration: A(t.duration, t.type)
|
|
@@ -679,7 +679,7 @@ function B(t, e) {
|
|
|
679
679
|
const { id: i, height: s } = e;
|
|
680
680
|
t.context.set("heights", (r) => r.find((c) => c.id === i) ? r.map((c) => c.id === i ? { ...c, height: s } : c) : [{ id: i, height: s }, ...r]);
|
|
681
681
|
}
|
|
682
|
-
var gt = (t, e) => ({ ...e, ...
|
|
682
|
+
var gt = (t, e) => ({ ...e, ...z(t) });
|
|
683
683
|
function kt(t) {
|
|
684
684
|
const e = gt(t, {
|
|
685
685
|
placement: "bottom",
|
|
@@ -738,7 +738,7 @@ function kt(t) {
|
|
|
738
738
|
getCount: () => s.length,
|
|
739
739
|
promise: (n, o, I = {}) => {
|
|
740
740
|
if (!o || !o.loading) {
|
|
741
|
-
|
|
741
|
+
tt("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
|
|
742
742
|
return;
|
|
743
743
|
}
|
|
744
744
|
const v = u({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createAnatomy as D } from "../../anatomy/dist/index.js";
|
|
2
|
-
import { addDomEvent as u, getOverflowAncestors as M,
|
|
2
|
+
import { addDomEvent as u, getOverflowAncestors as M, isLeftClick as E, dataAttr as I, isComposingEvent as V } from "../../dom-query/dist/index.js";
|
|
3
3
|
import { trackFocusVisible as S, isFocusVisible as T } from "../../focus-visible/dist/index.js";
|
|
4
4
|
import { getPlacement as k, getPlacementStyles as F } from "../../popper/dist/index.js";
|
|
5
5
|
import { createStore as A } from "../../utils/dist/index.js";
|
|
@@ -36,7 +36,7 @@ function W(e, t) {
|
|
|
36
36
|
...d.trigger.attrs,
|
|
37
37
|
id: h,
|
|
38
38
|
dir: n("dir"),
|
|
39
|
-
"data-expanded":
|
|
39
|
+
"data-expanded": I(p),
|
|
40
40
|
"data-state": p ? "open" : "closed",
|
|
41
41
|
"aria-describedby": p ? y : void 0,
|
|
42
42
|
onClick(i) {
|
|
@@ -51,7 +51,7 @@ function W(e, t) {
|
|
|
51
51
|
i.defaultPrevented || c || f === l.get("id") && r({ type: "close", src: "trigger.blur" });
|
|
52
52
|
},
|
|
53
53
|
onPointerDown(i) {
|
|
54
|
-
i.defaultPrevented || c ||
|
|
54
|
+
i.defaultPrevented || c || E(i) && n("closeOnPointerDown") && f === l.get("id") && r({ type: "close", src: "trigger.pointerdown" });
|
|
55
55
|
},
|
|
56
56
|
onPointerMove(i) {
|
|
57
57
|
i.defaultPrevented || c || i.pointerType !== "touch" && r({ type: "pointer.move" });
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@serendie/ui",
|
|
3
3
|
"description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "3.1.1-dev.
|
|
5
|
+
"version": "3.1.1-dev.202603310916",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"sideEffects": [
|
|
@@ -148,5 +148,8 @@
|
|
|
148
148
|
},
|
|
149
149
|
"optionalDependencies": {
|
|
150
150
|
"@rollup/rollup-linux-x64-gnu": "^4.14.3"
|
|
151
|
+
},
|
|
152
|
+
"overrides": {
|
|
153
|
+
"axios": "1.13.2"
|
|
151
154
|
}
|
|
152
155
|
}
|