design-zystem 1.0.477 → 1.0.479
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/ui/index.js +15 -1
- package/dist/ui/index.mjs +15 -1
- package/package.json +1 -1
package/dist/ui/index.js
CHANGED
|
@@ -2892,6 +2892,7 @@ var Modal = ({
|
|
|
2892
2892
|
markOverlaySurface(node);
|
|
2893
2893
|
},
|
|
2894
2894
|
"data-drawer-keep-open": true,
|
|
2895
|
+
"data-modal-layer": true,
|
|
2895
2896
|
onClick: (event) => event.stopPropagation(),
|
|
2896
2897
|
className: cn(
|
|
2897
2898
|
MODAL_LAYER,
|
|
@@ -2908,6 +2909,7 @@ var Modal = ({
|
|
|
2908
2909
|
contentRef.current = node;
|
|
2909
2910
|
markContentSurface(node);
|
|
2910
2911
|
},
|
|
2912
|
+
"data-modal-layer": true,
|
|
2911
2913
|
onOpenAutoFocus,
|
|
2912
2914
|
onInteractOutside: (event) => {
|
|
2913
2915
|
if (isMountedAbove(event.target, contentRef.current))
|
|
@@ -5609,7 +5611,16 @@ var TableClientCell = (_a) => {
|
|
|
5609
5611
|
"onNameClick"
|
|
5610
5612
|
]);
|
|
5611
5613
|
const label = onNameClick ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCellNameButton, { onClick: onNameClick, children: name }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "truncate", children: name });
|
|
5612
|
-
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5615
|
+
TableBadge,
|
|
5616
|
+
{
|
|
5617
|
+
fullWidth: true,
|
|
5618
|
+
maxChars: LONGEST_CLIENT_NAME_CHARS,
|
|
5619
|
+
backgroundColor: color,
|
|
5620
|
+
textColor,
|
|
5621
|
+
children: label
|
|
5622
|
+
}
|
|
5623
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
|
|
5613
5624
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5614
5625
|
"span",
|
|
5615
5626
|
{
|
|
@@ -5622,6 +5633,7 @@ var TableClientCell = (_a) => {
|
|
|
5622
5633
|
label
|
|
5623
5634
|
] }) }));
|
|
5624
5635
|
};
|
|
5636
|
+
var LONGEST_CLIENT_NAME_CHARS = 42;
|
|
5625
5637
|
|
|
5626
5638
|
// src/ui/components/ui/table/TableStatusCell.tsx
|
|
5627
5639
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
@@ -6447,6 +6459,8 @@ var Drawer = ({
|
|
|
6447
6459
|
};
|
|
6448
6460
|
const belongsToLayerAbove = (target) => {
|
|
6449
6461
|
const overlay = target.closest("[data-vaul-overlay]");
|
|
6462
|
+
if (target.closest("[data-modal-layer]"))
|
|
6463
|
+
return isMountedAbove(target, contentRef.current);
|
|
6450
6464
|
return Boolean(target.closest(KEEP_OPEN_SELECTOR)) || isMountedAbove(target, contentRef.current) || overlay !== null && isOverlayOfDrawerAbove(overlay, contentRef.current);
|
|
6451
6465
|
};
|
|
6452
6466
|
(0, import_react37.useEffect)(() => {
|
package/dist/ui/index.mjs
CHANGED
|
@@ -2670,6 +2670,7 @@ var Modal = ({
|
|
|
2670
2670
|
markOverlaySurface(node);
|
|
2671
2671
|
},
|
|
2672
2672
|
"data-drawer-keep-open": true,
|
|
2673
|
+
"data-modal-layer": true,
|
|
2673
2674
|
onClick: (event) => event.stopPropagation(),
|
|
2674
2675
|
className: cn(
|
|
2675
2676
|
MODAL_LAYER,
|
|
@@ -2686,6 +2687,7 @@ var Modal = ({
|
|
|
2686
2687
|
contentRef.current = node;
|
|
2687
2688
|
markContentSurface(node);
|
|
2688
2689
|
},
|
|
2690
|
+
"data-modal-layer": true,
|
|
2689
2691
|
onOpenAutoFocus,
|
|
2690
2692
|
onInteractOutside: (event) => {
|
|
2691
2693
|
if (isMountedAbove(event.target, contentRef.current))
|
|
@@ -5398,7 +5400,16 @@ var TableClientCell = (_a) => {
|
|
|
5398
5400
|
"onNameClick"
|
|
5399
5401
|
]);
|
|
5400
5402
|
const label = onNameClick ? /* @__PURE__ */ jsx70(TableCellNameButton, { onClick: onNameClick, children: name }) : /* @__PURE__ */ jsx70("span", { className: "truncate", children: name });
|
|
5401
|
-
return /* @__PURE__ */ jsx70(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ jsx70(
|
|
5403
|
+
return /* @__PURE__ */ jsx70(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ jsx70(
|
|
5404
|
+
TableBadge,
|
|
5405
|
+
{
|
|
5406
|
+
fullWidth: true,
|
|
5407
|
+
maxChars: LONGEST_CLIENT_NAME_CHARS,
|
|
5408
|
+
backgroundColor: color,
|
|
5409
|
+
textColor,
|
|
5410
|
+
children: label
|
|
5411
|
+
}
|
|
5412
|
+
) : /* @__PURE__ */ jsxs35("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
|
|
5402
5413
|
/* @__PURE__ */ jsx70(
|
|
5403
5414
|
"span",
|
|
5404
5415
|
{
|
|
@@ -5411,6 +5422,7 @@ var TableClientCell = (_a) => {
|
|
|
5411
5422
|
label
|
|
5412
5423
|
] }) }));
|
|
5413
5424
|
};
|
|
5425
|
+
var LONGEST_CLIENT_NAME_CHARS = 42;
|
|
5414
5426
|
|
|
5415
5427
|
// src/ui/components/ui/table/TableStatusCell.tsx
|
|
5416
5428
|
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
@@ -6236,6 +6248,8 @@ var Drawer = ({
|
|
|
6236
6248
|
};
|
|
6237
6249
|
const belongsToLayerAbove = (target) => {
|
|
6238
6250
|
const overlay = target.closest("[data-vaul-overlay]");
|
|
6251
|
+
if (target.closest("[data-modal-layer]"))
|
|
6252
|
+
return isMountedAbove(target, contentRef.current);
|
|
6239
6253
|
return Boolean(target.closest(KEEP_OPEN_SELECTOR)) || isMountedAbove(target, contentRef.current) || overlay !== null && isOverlayOfDrawerAbove(overlay, contentRef.current);
|
|
6240
6254
|
};
|
|
6241
6255
|
useEffect8(() => {
|