zaravand-ui 3.1.1 → 3.1.2
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/index.cjs +1 -1
- package/dist/index.js +209 -189
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -15094,7 +15094,26 @@ function pD(e, t, n, r, i) {
|
|
|
15094
15094
|
}
|
|
15095
15095
|
//#endregion
|
|
15096
15096
|
//#region src/components/Table/hooks/useTablePagination.ts
|
|
15097
|
-
|
|
15097
|
+
var mD = new Set([
|
|
15098
|
+
"auto",
|
|
15099
|
+
"scroll",
|
|
15100
|
+
"overlay"
|
|
15101
|
+
]);
|
|
15102
|
+
function hD(e) {
|
|
15103
|
+
let t = e.parentElement;
|
|
15104
|
+
for (; t && t !== document.body;) {
|
|
15105
|
+
let e = window.getComputedStyle(t).overflowY;
|
|
15106
|
+
if (mD.has(e) && t.scrollHeight > t.clientHeight) return t;
|
|
15107
|
+
t = t.parentElement;
|
|
15108
|
+
}
|
|
15109
|
+
return document.scrollingElement ?? document.documentElement;
|
|
15110
|
+
}
|
|
15111
|
+
function gD(e) {
|
|
15112
|
+
if (typeof window > "u" || !e) return !1;
|
|
15113
|
+
let t = hD(e);
|
|
15114
|
+
return t.scrollHeight > t.clientHeight;
|
|
15115
|
+
}
|
|
15116
|
+
function _D({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i, isRowActionBusy: a, searchKey: o, sortKey: s, maxVisibleRowsBeforeScroll: c }) {
|
|
15098
15117
|
let [l, u] = e.useState("pagination"), [d, f] = e.useState(1), [p, m] = e.useState(1), [h, g] = e.useState(!1), _ = e.useRef(null), v = e.useRef(null), y = e.useRef(!1), b = e.useRef(null), x = e.useRef(!1), S = r?.onPageChange, C = r?.onLoadMore, w = typeof S == "function", T = typeof C == "function", E = w, D = r != null, O = e.useMemo(() => {
|
|
15099
15118
|
let e = Math.floor(r?.pageSize ?? 10);
|
|
15100
15119
|
return e > 0 ? e : 10;
|
|
@@ -15234,11 +15253,12 @@ function mD({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i,
|
|
|
15234
15253
|
E,
|
|
15235
15254
|
A
|
|
15236
15255
|
]), ce = e.useCallback(async () => {
|
|
15237
|
-
|
|
15238
|
-
|
|
15256
|
+
let e = x.current || !gD(_.current);
|
|
15257
|
+
if (!z || i || a || y.current || !e || !ae()) return;
|
|
15258
|
+
let t = j + 1;
|
|
15239
15259
|
if (E) {
|
|
15240
15260
|
try {
|
|
15241
|
-
T ? await C?.(
|
|
15261
|
+
T ? await C?.(t) : S?.(t, "infinite");
|
|
15242
15262
|
} catch {
|
|
15243
15263
|
ie();
|
|
15244
15264
|
}
|
|
@@ -15311,7 +15331,7 @@ function mD({ hasChildren: t, filteredRows: n, paginationConfig: r, loading: i,
|
|
|
15311
15331
|
}
|
|
15312
15332
|
//#endregion
|
|
15313
15333
|
//#region src/components/Table/hooks/useTableSearch.ts
|
|
15314
|
-
function
|
|
15334
|
+
function vD({ data: t, visibleColumns: n, showSearchInput: r, hasRemoteSearchHandler: i, onSearchChange: a, getRowId: o }) {
|
|
15315
15335
|
let [s, c] = e.useState(""), [l, u] = e.useState(""), d = s.trim().toLocaleLowerCase();
|
|
15316
15336
|
return e.useEffect(() => {
|
|
15317
15337
|
i && a?.(l);
|
|
@@ -15354,9 +15374,9 @@ function hD({ data: t, visibleColumns: n, showSearchInput: r, hasRemoteSearchHan
|
|
|
15354
15374
|
}
|
|
15355
15375
|
//#endregion
|
|
15356
15376
|
//#region src/components/Table/hooks/useTableSort.ts
|
|
15357
|
-
var
|
|
15358
|
-
function
|
|
15359
|
-
let i = r?.onSortChange, a = typeof i == "function", [o, s] = e.useState(void 0), [c, l] = e.useState(
|
|
15377
|
+
var yD = "asc";
|
|
15378
|
+
function bD({ rows: t, columns: n, sortConfig: r }) {
|
|
15379
|
+
let i = r?.onSortChange, a = typeof i == "function", [o, s] = e.useState(void 0), [c, l] = e.useState(yD), u = a ? r?.sortKey : o, d = a ? r?.sortDirection ?? yD : c, f = e.useMemo(() => new Map(n.map((e) => [e.key, e])), [n]);
|
|
15360
15380
|
return {
|
|
15361
15381
|
sortedRows: e.useMemo(() => {
|
|
15362
15382
|
if (!u || a) return t;
|
|
@@ -15389,7 +15409,7 @@ function _D({ rows: t, columns: n, sortConfig: r }) {
|
|
|
15389
15409
|
}
|
|
15390
15410
|
//#endregion
|
|
15391
15411
|
//#region src/components/Table/Table.tsx
|
|
15392
|
-
var
|
|
15412
|
+
var xD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>button]:!p-0`, SD = e.forwardRef(function({ className: t, containerClassName: n, loading: r = !1, isMutating: i = !1, stickyHeaderOnScroll: a = !0, maxVisibleRowsBeforeScroll: o, schema: s, data: c, setData: l, onAdd: u, onEdit: d, onDelete: f, actions: p, onCellSelectChange: m, getRowId: h, showNumberRow: g = !1, showColumnBorder: _ = !1, showRowBorder: v = !1, children: y }, b) {
|
|
15393
15413
|
let x = e.Children.count(y) > 0, S = e.useMemo(() => s.columns.filter((e) => e.view), [s.columns]), C = typeof u == "function", w = typeof d == "function", T = typeof f == "function", E = p ?? [], O = E.length > 0, k = s.searchable ?? !1, A = g && !x, j = s.pagination, M = j?.onSearchChange, N = typeof M == "function", F = w || T || O, { rowNumberColumnStyle: I, columnStyleByKey: L, actionsColumnStyle: ee } = e.useMemo(() => XE(S, A, F), [
|
|
15394
15414
|
F,
|
|
15395
15415
|
A,
|
|
@@ -15498,18 +15518,18 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15498
15518
|
V,
|
|
15499
15519
|
m,
|
|
15500
15520
|
l
|
|
15501
|
-
]), { searchTerm: ce, normalizedSearchTerm: le, filteredRows: ue, handleSearchInputChange: de } =
|
|
15521
|
+
]), { searchTerm: ce, normalizedSearchTerm: le, filteredRows: ue, handleSearchInputChange: de } = vD({
|
|
15502
15522
|
data: c,
|
|
15503
15523
|
visibleColumns: S,
|
|
15504
15524
|
showSearchInput: k,
|
|
15505
15525
|
hasRemoteSearchHandler: N,
|
|
15506
15526
|
onSearchChange: M,
|
|
15507
15527
|
getRowId: h
|
|
15508
|
-
}), { sortedRows: fe, activeSortKey: pe, activeSortDirection: me, handleSortToggle: he } =
|
|
15528
|
+
}), { sortedRows: fe, activeSortKey: pe, activeSortDirection: me, handleSortToggle: he } = bD({
|
|
15509
15529
|
rows: ue,
|
|
15510
15530
|
columns: s.columns,
|
|
15511
15531
|
sortConfig: s.sort
|
|
15512
|
-
}), { pagingMode: _e, currentPage: ve, totalPages: H, resolvedPageSize: ye, visibleRows: U, showPagingModeToggle: be, shouldRenderPagination: W, shouldRenderInfiniteMode: G, canLoadMoreInInfiniteMode: xe, shouldUseRemotePaging: Se, shouldUseScrollableRows: Ce, tableScrollViewportRef: we, infiniteScrollSentinelRef: Te, tableScrollViewportStyle: Ee, handlePageChange: De, handlePagingModeToggle: Oe, handleTableScrollViewport: ke, isInfiniteRequestPending: Ae } =
|
|
15532
|
+
}), { pagingMode: _e, currentPage: ve, totalPages: H, resolvedPageSize: ye, visibleRows: U, showPagingModeToggle: be, shouldRenderPagination: W, shouldRenderInfiniteMode: G, canLoadMoreInInfiniteMode: xe, shouldUseRemotePaging: Se, shouldUseScrollableRows: Ce, tableScrollViewportRef: we, infiniteScrollSentinelRef: Te, tableScrollViewportStyle: Ee, handlePageChange: De, handlePagingModeToggle: Oe, handleTableScrollViewport: ke, isInfiniteRequestPending: Ae } = _D({
|
|
15513
15533
|
hasChildren: x,
|
|
15514
15534
|
filteredRows: fe,
|
|
15515
15535
|
paginationConfig: j,
|
|
@@ -15550,7 +15570,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15550
15570
|
trigger: /* @__PURE__ */ (0, P.jsx)("span", {
|
|
15551
15571
|
"data-slot": "table-paging-mode-toggle-button",
|
|
15552
15572
|
"aria-label": ze,
|
|
15553
|
-
className:
|
|
15573
|
+
className: xD,
|
|
15554
15574
|
children: /* @__PURE__ */ (0, P.jsx)(ge, {
|
|
15555
15575
|
size: "sm",
|
|
15556
15576
|
variant: "primary",
|
|
@@ -15574,7 +15594,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15574
15594
|
trigger: /* @__PURE__ */ (0, P.jsx)("span", {
|
|
15575
15595
|
"data-slot": "table-action-add-button",
|
|
15576
15596
|
"aria-label": uE,
|
|
15577
|
-
className:
|
|
15597
|
+
className: xD,
|
|
15578
15598
|
children: /* @__PURE__ */ (0, P.jsx)(ge, {
|
|
15579
15599
|
size: "sm",
|
|
15580
15600
|
variant: "primary",
|
|
@@ -15602,7 +15622,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15602
15622
|
showRowBorder: v
|
|
15603
15623
|
}), t),
|
|
15604
15624
|
dir: "rtl",
|
|
15605
|
-
children: x ? y : S.length === 0 ? /* @__PURE__ */ (0, P.jsx)(
|
|
15625
|
+
children: x ? y : S.length === 0 ? /* @__PURE__ */ (0, P.jsx)(wD, { children: /* @__PURE__ */ (0, P.jsx)(ED, { children: /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15606
15626
|
className: "zui:py-7 zui:text-center zui:text-[var(--zui-color-text)]",
|
|
15607
15627
|
children: oE
|
|
15608
15628
|
}) }) }) : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [
|
|
@@ -15611,20 +15631,20 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15611
15631
|
S.map((e) => /* @__PURE__ */ (0, P.jsx)("col", { style: L[e.key] }, `col-${e.key}`)),
|
|
15612
15632
|
F ? /* @__PURE__ */ (0, P.jsx)("col", { style: ee }) : null
|
|
15613
15633
|
] }),
|
|
15614
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
15615
|
-
A ? /* @__PURE__ */ (0, P.jsx)(
|
|
15634
|
+
/* @__PURE__ */ (0, P.jsx)(CD, { children: /* @__PURE__ */ (0, P.jsxs)(ED, { children: [
|
|
15635
|
+
A ? /* @__PURE__ */ (0, P.jsx)(DD, {
|
|
15616
15636
|
align: "center",
|
|
15617
15637
|
className: D(_E, je ? wE : void 0),
|
|
15618
15638
|
children: lE
|
|
15619
15639
|
}) : null,
|
|
15620
15640
|
S.map((e) => {
|
|
15621
|
-
if (!e.sortable) return /* @__PURE__ */ (0, P.jsx)(
|
|
15641
|
+
if (!e.sortable) return /* @__PURE__ */ (0, P.jsx)(DD, {
|
|
15622
15642
|
align: e.align,
|
|
15623
15643
|
className: je ? wE : void 0,
|
|
15624
15644
|
children: Bv({ value: e.label })
|
|
15625
15645
|
}, `head-${e.key}`);
|
|
15626
15646
|
let t = pe === e.key, n = t && me === "asc" ? jE : ME, r = `${NE} ${e.label} (${n})`;
|
|
15627
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15647
|
+
return /* @__PURE__ */ (0, P.jsx)(DD, {
|
|
15628
15648
|
align: e.align,
|
|
15629
15649
|
className: je ? wE : void 0,
|
|
15630
15650
|
ariaSort: t ? me === "asc" ? "ascending" : "descending" : "none",
|
|
@@ -15648,25 +15668,25 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15648
15668
|
})
|
|
15649
15669
|
}, `head-${e.key}`);
|
|
15650
15670
|
}),
|
|
15651
|
-
F ? /* @__PURE__ */ (0, P.jsx)(
|
|
15671
|
+
F ? /* @__PURE__ */ (0, P.jsx)(DD, {
|
|
15652
15672
|
align: "center",
|
|
15653
15673
|
className: D(gE, je ? wE : void 0),
|
|
15654
15674
|
children: cE
|
|
15655
15675
|
}) : null
|
|
15656
15676
|
] }) }),
|
|
15657
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
15677
|
+
/* @__PURE__ */ (0, P.jsx)(wD, { children: Ne ? Array.from({ length: Me }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(ED, {
|
|
15658
15678
|
slot: "table-loading-row",
|
|
15659
15679
|
children: [
|
|
15660
|
-
A ? /* @__PURE__ */ (0, P.jsx)(
|
|
15680
|
+
A ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15661
15681
|
align: "center",
|
|
15662
15682
|
className: _E,
|
|
15663
15683
|
children: /* @__PURE__ */ (0, P.jsx)(uT, { className: "zui:mx-auto zui:h-4 zui:w-8" })
|
|
15664
15684
|
}) : null,
|
|
15665
|
-
S.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
15685
|
+
S.map((e) => /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15666
15686
|
align: e.align,
|
|
15667
15687
|
children: /* @__PURE__ */ (0, P.jsx)(uT, { className: D("zui:max-w-full", QE(e, t)) })
|
|
15668
15688
|
}, `loading-cell-${e.key}-${t}`)),
|
|
15669
|
-
F ? /* @__PURE__ */ (0, P.jsx)(
|
|
15689
|
+
F ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15670
15690
|
align: "center",
|
|
15671
15691
|
className: gE,
|
|
15672
15692
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
@@ -15686,8 +15706,8 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15686
15706
|
normalizedSearchTerm: le
|
|
15687
15707
|
}) : /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [U.map(({ row: e, rowIndex: t, rowId: n }, r) => {
|
|
15688
15708
|
let i = n === void 0 ? `row-${t}` : `row-id-${String(n)}`, a = W ? (ve - 1) * ye + r + 1 : r + 1;
|
|
15689
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
15690
|
-
A ? /* @__PURE__ */ (0, P.jsx)(
|
|
15709
|
+
return /* @__PURE__ */ (0, P.jsxs)(ED, { children: [
|
|
15710
|
+
A ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15691
15711
|
align: "center",
|
|
15692
15712
|
className: _E,
|
|
15693
15713
|
children: Bv({ value: String(a) })
|
|
@@ -15696,7 +15716,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15696
15716
|
let a = `cell-${r.key}-${i}`;
|
|
15697
15717
|
if (r.viewType === "select") {
|
|
15698
15718
|
let i = R[r.key] ?? [], o = e[r.key], s = typeof o == "string" || typeof o == "number" ? String(o) : "";
|
|
15699
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15719
|
+
return /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15700
15720
|
align: r.align,
|
|
15701
15721
|
children: /* @__PURE__ */ (0, P.jsx)(LT, {
|
|
15702
15722
|
size: "sm",
|
|
@@ -15712,12 +15732,12 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15712
15732
|
})
|
|
15713
15733
|
}, a);
|
|
15714
15734
|
}
|
|
15715
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15735
|
+
return /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15716
15736
|
align: r.align,
|
|
15717
15737
|
children: cD(e[r.key], r)
|
|
15718
15738
|
}, a);
|
|
15719
15739
|
}),
|
|
15720
|
-
F ? /* @__PURE__ */ (0, P.jsx)(
|
|
15740
|
+
F ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15721
15741
|
align: "center",
|
|
15722
15742
|
className: gE,
|
|
15723
15743
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
@@ -15776,19 +15796,19 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15776
15796
|
})
|
|
15777
15797
|
}) : null
|
|
15778
15798
|
] }, i);
|
|
15779
|
-
}), Pe ? Array.from({ length: K }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(
|
|
15799
|
+
}), Pe ? Array.from({ length: K }, (e, t) => /* @__PURE__ */ (0, P.jsxs)(ED, {
|
|
15780
15800
|
slot: "table-loading-row",
|
|
15781
15801
|
children: [
|
|
15782
|
-
A ? /* @__PURE__ */ (0, P.jsx)(
|
|
15802
|
+
A ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15783
15803
|
align: "center",
|
|
15784
15804
|
className: _E,
|
|
15785
15805
|
children: /* @__PURE__ */ (0, P.jsx)(uT, { className: "zui:mx-auto zui:h-4 zui:w-8" })
|
|
15786
15806
|
}) : null,
|
|
15787
|
-
S.map((e) => /* @__PURE__ */ (0, P.jsx)(
|
|
15807
|
+
S.map((e) => /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15788
15808
|
align: e.align,
|
|
15789
15809
|
children: /* @__PURE__ */ (0, P.jsx)(uT, { className: D("zui:max-w-full", QE(e, t)) })
|
|
15790
15810
|
}, `infinite-loading-cell-${e.key}-${t}`)),
|
|
15791
|
-
F ? /* @__PURE__ */ (0, P.jsx)(
|
|
15811
|
+
F ? /* @__PURE__ */ (0, P.jsx)(OD, {
|
|
15792
15812
|
align: "center",
|
|
15793
15813
|
className: gE,
|
|
15794
15814
|
children: /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
@@ -15825,28 +15845,28 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15825
15845
|
})
|
|
15826
15846
|
]
|
|
15827
15847
|
});
|
|
15828
|
-
}),
|
|
15848
|
+
}), CD = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15829
15849
|
return /* @__PURE__ */ (0, P.jsx)("thead", {
|
|
15830
15850
|
ref: n,
|
|
15831
15851
|
"data-slot": "table-header",
|
|
15832
15852
|
className: D(LE(), e),
|
|
15833
15853
|
children: t
|
|
15834
15854
|
});
|
|
15835
|
-
}),
|
|
15855
|
+
}), wD = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15836
15856
|
return /* @__PURE__ */ (0, P.jsx)("tbody", {
|
|
15837
15857
|
ref: n,
|
|
15838
15858
|
"data-slot": "table-body",
|
|
15839
15859
|
className: D(RE(), e),
|
|
15840
15860
|
children: t
|
|
15841
15861
|
});
|
|
15842
|
-
}),
|
|
15862
|
+
}), TD = e.forwardRef(function({ className: e, children: t }, n) {
|
|
15843
15863
|
return /* @__PURE__ */ (0, P.jsx)("tfoot", {
|
|
15844
15864
|
ref: n,
|
|
15845
15865
|
"data-slot": "table-footer",
|
|
15846
15866
|
className: D(zE(), e),
|
|
15847
15867
|
children: t
|
|
15848
15868
|
});
|
|
15849
|
-
}),
|
|
15869
|
+
}), ED = e.forwardRef(function({ className: e, children: t, state: n, slot: r = "table-row" }, i) {
|
|
15850
15870
|
return /* @__PURE__ */ (0, P.jsx)("tr", {
|
|
15851
15871
|
ref: i,
|
|
15852
15872
|
"data-slot": r,
|
|
@@ -15854,7 +15874,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15854
15874
|
className: D(BE(), e),
|
|
15855
15875
|
children: t
|
|
15856
15876
|
});
|
|
15857
|
-
}),
|
|
15877
|
+
}), DD = e.forwardRef(function({ className: e, children: t, align: n, ariaSort: r }, i) {
|
|
15858
15878
|
return /* @__PURE__ */ (0, P.jsx)("th", {
|
|
15859
15879
|
ref: i,
|
|
15860
15880
|
"data-slot": "table-head",
|
|
@@ -15862,7 +15882,7 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15862
15882
|
className: D(HE({ align: n }), e),
|
|
15863
15883
|
children: t
|
|
15864
15884
|
});
|
|
15865
|
-
}),
|
|
15885
|
+
}), OD = e.forwardRef(function({ className: e, children: t, align: n }, r) {
|
|
15866
15886
|
return /* @__PURE__ */ (0, P.jsx)("td", {
|
|
15867
15887
|
ref: r,
|
|
15868
15888
|
"data-slot": "table-cell",
|
|
@@ -15870,16 +15890,16 @@ var vD = `zui:inline-flex zui:shrink-0 ${ue} zui:[&>button]:!rounded-md zui:[&>b
|
|
|
15870
15890
|
children: t
|
|
15871
15891
|
});
|
|
15872
15892
|
});
|
|
15873
|
-
|
|
15893
|
+
SD.displayName = "Table", CD.displayName = "TableHeader", wD.displayName = "TableBody", TD.displayName = "TableFooter", ED.displayName = "TableRow", DD.displayName = "TableHead", OD.displayName = "TableCell";
|
|
15874
15894
|
//#endregion
|
|
15875
15895
|
//#region src/components/Tabs/Tabs.variant.ts
|
|
15876
|
-
var
|
|
15896
|
+
var kD = q("zui:flex zui:w-full zui:flex-col zui:gap-2", {
|
|
15877
15897
|
variants: { orientation: {
|
|
15878
15898
|
horizontal: "",
|
|
15879
15899
|
vertical: "zui:flex-row zui:items-start"
|
|
15880
15900
|
} },
|
|
15881
15901
|
defaultVariants: { orientation: "horizontal" }
|
|
15882
|
-
}),
|
|
15902
|
+
}), AD = q("zui:relative zui:inline-flex zui:items-center zui:gap-1 zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:p-1", {
|
|
15883
15903
|
variants: {
|
|
15884
15904
|
orientation: {
|
|
15885
15905
|
horizontal: "zui:w-full zui:flex-row",
|
|
@@ -15918,7 +15938,7 @@ var ED = q("zui:flex zui:w-full zui:flex-col zui:gap-2", {
|
|
|
15918
15938
|
size: "default",
|
|
15919
15939
|
type: "primary"
|
|
15920
15940
|
}
|
|
15921
|
-
}),
|
|
15941
|
+
}), jD = q("zui:pointer-events-none zui:absolute zui:z-0 zui:rounded-md zui:shadow-[0_6px_16px_-10px_var(--zui-effect-shadow-ink-35)] zui:transition-[transform,width,height] zui:duration-300 zui:ease-out", {
|
|
15922
15942
|
variants: {
|
|
15923
15943
|
ready: {
|
|
15924
15944
|
true: "",
|
|
@@ -15934,7 +15954,7 @@ var ED = q("zui:flex zui:w-full zui:flex-col zui:gap-2", {
|
|
|
15934
15954
|
ready: !1,
|
|
15935
15955
|
type: "primary"
|
|
15936
15956
|
}
|
|
15937
|
-
}),
|
|
15957
|
+
}), MD = q("zui:group/tab zui:relative zui:z-10 zui:inline-flex zui:h-full zui:flex-1 zui:cursor-pointer zui:select-none zui:items-center zui:justify-center zui:gap-1.5 zui:rounded-md zui:whitespace-nowrap zui:px-3 zui:font-medium zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:duration-200 zui:ease-out zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-1 zui:focus-visible:ring-offset-[var(--zui-color-tooltip-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-50", {
|
|
15938
15958
|
variants: {
|
|
15939
15959
|
size: {
|
|
15940
15960
|
sm: "zui:text-xs",
|
|
@@ -15951,13 +15971,13 @@ var ED = q("zui:flex zui:w-full zui:flex-col zui:gap-2", {
|
|
|
15951
15971
|
size: "default",
|
|
15952
15972
|
type: "primary"
|
|
15953
15973
|
}
|
|
15954
|
-
}),
|
|
15955
|
-
function
|
|
15956
|
-
let n = e.useContext(
|
|
15974
|
+
}), ND = q("zui:mt-3 zui:w-full zui:outline-none zui:data-[state=inactive]:hidden zui:data-[state=active]:animate-in zui:data-[state=active]:fade-in-0 zui:data-[state=active]:slide-in-from-bottom-1 zui:data-[state=active]:duration-300"), PD = e.createContext(null);
|
|
15975
|
+
function FD(t) {
|
|
15976
|
+
let n = e.useContext(PD);
|
|
15957
15977
|
if (!n) throw Error(`${t} must be used within a <Tabs> component`);
|
|
15958
15978
|
return n;
|
|
15959
15979
|
}
|
|
15960
|
-
var
|
|
15980
|
+
var ID = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", dir: a = "rtl", type: o = "primary", id: s, className: c, children: l }, u) {
|
|
15961
15981
|
let [d, f] = e.useState(n), [p, m] = e.useState("default"), h = t !== void 0, g = h ? t : d, _ = e.useCallback((e) => {
|
|
15962
15982
|
h || f(e), r?.(e);
|
|
15963
15983
|
}, [h, r]), v = e.useMemo(() => ({
|
|
@@ -15976,22 +15996,22 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
15976
15996
|
o,
|
|
15977
15997
|
p
|
|
15978
15998
|
]);
|
|
15979
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
15999
|
+
return /* @__PURE__ */ (0, P.jsx)(PD.Provider, {
|
|
15980
16000
|
value: v,
|
|
15981
16001
|
children: /* @__PURE__ */ (0, P.jsx)("div", {
|
|
15982
16002
|
ref: u,
|
|
15983
16003
|
id: s,
|
|
15984
16004
|
dir: a,
|
|
15985
16005
|
"data-slot": "tabs",
|
|
15986
|
-
className: D(
|
|
16006
|
+
className: D(kD({
|
|
15987
16007
|
orientation: i,
|
|
15988
16008
|
className: c
|
|
15989
16009
|
})),
|
|
15990
16010
|
children: l
|
|
15991
16011
|
})
|
|
15992
16012
|
});
|
|
15993
|
-
}),
|
|
15994
|
-
let { orientation: o, dir: s, type: c, value: l, setValue: u, setSize: d } =
|
|
16013
|
+
}), LD = e.forwardRef(function({ size: t = "default", "aria-label": n, className: r, children: i }, a) {
|
|
16014
|
+
let { orientation: o, dir: s, type: c, value: l, setValue: u, setSize: d } = FD("TabsList"), f = e.useRef(null), [p, m] = e.useState({}), [h, g] = e.useState(!1);
|
|
15995
16015
|
e.useImperativeHandle(a, () => f.current), e.useEffect(() => {
|
|
15996
16016
|
d(t ?? "default");
|
|
15997
16017
|
}, [t, d]);
|
|
@@ -16039,7 +16059,7 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16039
16059
|
o,
|
|
16040
16060
|
u
|
|
16041
16061
|
]),
|
|
16042
|
-
className: D(
|
|
16062
|
+
className: D(AD({
|
|
16043
16063
|
orientation: o,
|
|
16044
16064
|
size: t,
|
|
16045
16065
|
type: c,
|
|
@@ -16048,15 +16068,15 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16048
16068
|
children: [/* @__PURE__ */ (0, P.jsx)("span", {
|
|
16049
16069
|
"aria-hidden": "true",
|
|
16050
16070
|
"data-slot": "tabs-indicator",
|
|
16051
|
-
className: D(
|
|
16071
|
+
className: D(jD({
|
|
16052
16072
|
ready: h,
|
|
16053
16073
|
type: c
|
|
16054
16074
|
})),
|
|
16055
16075
|
style: p
|
|
16056
16076
|
}), i]
|
|
16057
16077
|
});
|
|
16058
|
-
}),
|
|
16059
|
-
let { value: c, setValue: l, size: u, type: d } =
|
|
16078
|
+
}), RD = e.forwardRef(function({ value: t, size: n, disabled: r = !1, icon: i, className: a, children: o }, s) {
|
|
16079
|
+
let { value: c, setValue: l, size: u, type: d } = FD("TabsTrigger"), f = c === t, p = e.useRef(null);
|
|
16060
16080
|
return e.useImperativeHandle(s, () => p.current), /* @__PURE__ */ (0, P.jsxs)("button", {
|
|
16061
16081
|
ref: p,
|
|
16062
16082
|
type: "button",
|
|
@@ -16072,7 +16092,7 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16072
16092
|
onClick: () => {
|
|
16073
16093
|
r || l(t);
|
|
16074
16094
|
},
|
|
16075
|
-
className: D(
|
|
16095
|
+
className: D(MD({
|
|
16076
16096
|
size: n ?? u,
|
|
16077
16097
|
type: d,
|
|
16078
16098
|
className: a
|
|
@@ -16082,8 +16102,8 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16082
16102
|
children: i
|
|
16083
16103
|
}) : null, o]
|
|
16084
16104
|
});
|
|
16085
|
-
}),
|
|
16086
|
-
let { value: a } =
|
|
16105
|
+
}), zD = e.forwardRef(function({ value: e, forceMount: t = !1, className: n, children: r }, i) {
|
|
16106
|
+
let { value: a } = FD("TabsContent"), o = a === e;
|
|
16087
16107
|
return !o && !t ? null : /* @__PURE__ */ (0, P.jsx)("div", {
|
|
16088
16108
|
ref: i,
|
|
16089
16109
|
role: "tabpanel",
|
|
@@ -16092,10 +16112,10 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16092
16112
|
tabIndex: 0,
|
|
16093
16113
|
"data-slot": "tabs-content",
|
|
16094
16114
|
"data-state": o ? "active" : "inactive",
|
|
16095
|
-
className: D(
|
|
16115
|
+
className: D(ND(), n),
|
|
16096
16116
|
children: r
|
|
16097
16117
|
});
|
|
16098
|
-
}),
|
|
16118
|
+
}), BD = q([`zui:placeholder:text-[var(--zui-color-border)] zui:selection:bg-[var(--zui-theme-action-primary)] zui:selection:text-[var(--zui-theme-text-inverse)] zui:field-sizing-content zui:flex ${ne} zui:w-full radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent ${z} zui:py-2 zui:text-base zui:text-[var(--zui-color-text)] zui:outline-none zui:data-[has-value=true]:border-[var(--zui-theme-action-primary)] zui:[&:not(:focus):not(:focus-visible):not([data-has-value=true])]:border-[var(--zui-color-border)] zui:disabled:cursor-not-allowed zui:disabled:bg-[var(--zui-color-muted-surface)] zui:disabled:opacity-50 zui:md:text-sm`, Uv].join(" "), {
|
|
16099
16119
|
variants: { resize: {
|
|
16100
16120
|
none: "zui:resize-none",
|
|
16101
16121
|
y: "zui:resize-y",
|
|
@@ -16105,39 +16125,39 @@ var ND = e.forwardRef(function({ value: t, defaultValue: n, onValueChange: r, or
|
|
|
16105
16125
|
});
|
|
16106
16126
|
//#endregion
|
|
16107
16127
|
//#region src/components/Textarea/Textarea.tsx
|
|
16108
|
-
function
|
|
16128
|
+
function VD(e) {
|
|
16109
16129
|
return e == null ? !1 : typeof e == "string" ? e.length > 0 : typeof e == "number" ? !0 : Array.isArray(e) ? e.length > 0 : !1;
|
|
16110
16130
|
}
|
|
16111
|
-
function
|
|
16131
|
+
function HD(e) {
|
|
16112
16132
|
return e == null ? "" : Array.isArray(e) ? e.join(", ") : String(e);
|
|
16113
16133
|
}
|
|
16114
|
-
function
|
|
16115
|
-
return Hv({ value:
|
|
16134
|
+
function UD(e) {
|
|
16135
|
+
return Hv({ value: HD(e) });
|
|
16116
16136
|
}
|
|
16117
|
-
function
|
|
16137
|
+
function WD(e) {
|
|
16118
16138
|
return Bv({ value: e });
|
|
16119
16139
|
}
|
|
16120
|
-
var
|
|
16121
|
-
function
|
|
16122
|
-
let x = e.useId(), S = d ?? x, C = i, w = e.useRef(null), [T, E] = e.useState(!1), [O, k] = e.useState(() =>
|
|
16140
|
+
var GD = "این فیلد اجباری است";
|
|
16141
|
+
function KD({ className: t, resize: n = "none", title: r, required: i = !1, showRequiredMessage: a = !1, placeholder: o, onChange: s, onBlur: c, onFocus: l, onInvalid: u, id: d, name: f, disabled: p = !1, readOnly: m = !1, autoComplete: h, rows: g, maxLength: _, "aria-label": v, value: y, defaultValue: b }) {
|
|
16142
|
+
let x = e.useId(), S = d ?? x, C = i, w = e.useRef(null), [T, E] = e.useState(!1), [O, k] = e.useState(() => VD(y ?? b)), [A, j] = e.useState(() => UD(y ?? b)), M = y !== void 0, N = y === void 0 ? y : WD(UD(y)), F = b === void 0 ? b : WD(UD(b));
|
|
16123
16143
|
e.useEffect(() => {
|
|
16124
|
-
M && (k(
|
|
16144
|
+
M && (k(VD(y)), j(UD(y)));
|
|
16125
16145
|
}, [M, y]), e.useEffect(() => {
|
|
16126
16146
|
if (M) return;
|
|
16127
16147
|
let e = w.current;
|
|
16128
16148
|
if (!e) return;
|
|
16129
|
-
let t =
|
|
16149
|
+
let t = WD(A);
|
|
16130
16150
|
e.value !== t && (e.value = t);
|
|
16131
16151
|
}, [M, A]);
|
|
16132
16152
|
let I = e.useCallback((e) => {
|
|
16133
16153
|
let t = e.target, n = t.selectionStart, r = t.selectionEnd, i = Hv({ value: t.value });
|
|
16134
|
-
t.value = i, n !== null && t.setSelectionRange(n, r ?? n), M || (k(
|
|
16154
|
+
t.value = i, n !== null && t.setSelectionRange(n, r ?? n), M || (k(VD(i)), j(i)), T && E(!1), s?.(e), t.value = Bv({ value: i }), n !== null && t.setSelectionRange(n, r ?? n);
|
|
16135
16155
|
}, [
|
|
16136
16156
|
M,
|
|
16137
16157
|
T,
|
|
16138
16158
|
s
|
|
16139
16159
|
]), L = e.useCallback((e) => {
|
|
16140
|
-
k(
|
|
16160
|
+
k(VD(e.target.value)), c?.(e);
|
|
16141
16161
|
}, [c]), ee = e.useCallback((e) => {
|
|
16142
16162
|
E(!0), u?.(e);
|
|
16143
16163
|
}, [u]);
|
|
@@ -16156,7 +16176,7 @@ function UD({ className: t, resize: n = "none", title: r, required: i = !1, show
|
|
|
16156
16176
|
}) : null,
|
|
16157
16177
|
C && a ? /* @__PURE__ */ (0, P.jsx)("span", {
|
|
16158
16178
|
className: "zui:mr-1 zui:text-xs zui:font-normal zui:text-[var(--zui-theme-status-danger)]",
|
|
16159
|
-
children:
|
|
16179
|
+
children: GD
|
|
16160
16180
|
}) : null
|
|
16161
16181
|
]
|
|
16162
16182
|
}) : C && a ? /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
@@ -16166,7 +16186,7 @@ function UD({ className: t, resize: n = "none", title: r, required: i = !1, show
|
|
|
16166
16186
|
children: "*"
|
|
16167
16187
|
}), /* @__PURE__ */ (0, P.jsx)("span", {
|
|
16168
16188
|
className: "zui:text-xs zui:text-[var(--zui-theme-status-danger)]",
|
|
16169
|
-
children:
|
|
16189
|
+
children: GD
|
|
16170
16190
|
})]
|
|
16171
16191
|
}) : null, /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
16172
16192
|
className: "zui:relative",
|
|
@@ -16195,7 +16215,7 @@ function UD({ className: t, resize: n = "none", title: r, required: i = !1, show
|
|
|
16195
16215
|
onInvalid: ee,
|
|
16196
16216
|
value: N,
|
|
16197
16217
|
defaultValue: F,
|
|
16198
|
-
className: D(
|
|
16218
|
+
className: D(BD({
|
|
16199
16219
|
resize: n,
|
|
16200
16220
|
className: t
|
|
16201
16221
|
}), "zui:text-right")
|
|
@@ -16205,11 +16225,11 @@ function UD({ className: t, resize: n = "none", title: r, required: i = !1, show
|
|
|
16205
16225
|
}
|
|
16206
16226
|
//#endregion
|
|
16207
16227
|
//#region node_modules/@radix-ui/react-toast/dist/index.mjs
|
|
16208
|
-
var
|
|
16228
|
+
var qD = "ToastProvider", [JD, YD, XD] = vS("Toast"), [ZD, QD] = U("Toast", [XD]), [$D, eO] = ZD(qD), tO = (t) => {
|
|
16209
16229
|
let { __scopeToast: n, label: r = "Notification", duration: i = 5e3, swipeDirection: a = "right", swipeThreshold: o = 50, children: s } = t, [c, l] = e.useState(null), [u, d] = e.useState(0), f = e.useRef(!1), p = e.useRef(!1);
|
|
16210
|
-
return r.trim() || console.error(`Invalid prop \`label\` supplied to \`${
|
|
16230
|
+
return r.trim() || console.error(`Invalid prop \`label\` supplied to \`${qD}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ (0, P.jsx)(JD.Provider, {
|
|
16211
16231
|
scope: n,
|
|
16212
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
16232
|
+
children: /* @__PURE__ */ (0, P.jsx)($D, {
|
|
16213
16233
|
scope: n,
|
|
16214
16234
|
label: r,
|
|
16215
16235
|
duration: i,
|
|
@@ -16226,9 +16246,9 @@ var WD = "ToastProvider", [GD, KD, qD] = vS("Toast"), [JD, YD] = U("Toast", [qD]
|
|
|
16226
16246
|
})
|
|
16227
16247
|
});
|
|
16228
16248
|
};
|
|
16229
|
-
|
|
16230
|
-
var
|
|
16231
|
-
let { __scopeToast: r, hotkey: i =
|
|
16249
|
+
tO.displayName = qD;
|
|
16250
|
+
var nO = "ToastViewport", rO = ["F8"], iO = "toast.viewportPause", aO = "toast.viewportResume", oO = e.forwardRef((t, n) => {
|
|
16251
|
+
let { __scopeToast: r, hotkey: i = rO, label: a = "Notifications ({hotkey})", ...o } = t, s = eO(nO, r), c = YD(r), l = e.useRef(null), u = e.useRef(null), d = e.useRef(null), f = e.useRef(null), p = H(n, f, s.onViewportChange), m = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), h = s.toastCount > 0;
|
|
16232
16252
|
e.useEffect(() => {
|
|
16233
16253
|
let e = (e) => {
|
|
16234
16254
|
i.length !== 0 && i.every((t) => e[t] || e.code === t) && f.current?.focus();
|
|
@@ -16239,12 +16259,12 @@ var $D = "ToastViewport", eO = ["F8"], tO = "toast.viewportPause", nO = "toast.v
|
|
|
16239
16259
|
if (h && e && t) {
|
|
16240
16260
|
let n = () => {
|
|
16241
16261
|
if (!s.isClosePausedRef.current) {
|
|
16242
|
-
let e = new CustomEvent(
|
|
16262
|
+
let e = new CustomEvent(iO);
|
|
16243
16263
|
t.dispatchEvent(e), s.isClosePausedRef.current = !0;
|
|
16244
16264
|
}
|
|
16245
16265
|
}, r = () => {
|
|
16246
16266
|
if (s.isClosePausedRef.current) {
|
|
16247
|
-
let e = new CustomEvent(
|
|
16267
|
+
let e = new CustomEvent(aO);
|
|
16248
16268
|
t.dispatchEvent(e), s.isClosePausedRef.current = !1;
|
|
16249
16269
|
}
|
|
16250
16270
|
}, i = (t) => {
|
|
@@ -16259,7 +16279,7 @@ var $D = "ToastViewport", eO = ["F8"], tO = "toast.viewportPause", nO = "toast.v
|
|
|
16259
16279
|
}, [h, s.isClosePausedRef]);
|
|
16260
16280
|
let g = e.useCallback(({ tabbingDirection: e }) => {
|
|
16261
16281
|
let t = c().map((t) => {
|
|
16262
|
-
let n = t.ref.current, r = [n, ...
|
|
16282
|
+
let n = t.ref.current, r = [n, ...NO(n)];
|
|
16263
16283
|
return e === "forwards" ? r : r.reverse();
|
|
16264
16284
|
});
|
|
16265
16285
|
return (e === "forwards" ? t.reverse() : t).flat();
|
|
@@ -16276,7 +16296,7 @@ var $D = "ToastViewport", eO = ["F8"], tO = "toast.viewportPause", nO = "toast.v
|
|
|
16276
16296
|
return;
|
|
16277
16297
|
}
|
|
16278
16298
|
let i = g({ tabbingDirection: r ? "backwards" : "forwards" }), a = i.findIndex((e) => e === n);
|
|
16279
|
-
|
|
16299
|
+
PO(i.slice(a + 1)) ? t.preventDefault() : r ? u.current?.focus() : d.current?.focus();
|
|
16280
16300
|
}
|
|
16281
16301
|
};
|
|
16282
16302
|
return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
|
|
@@ -16288,13 +16308,13 @@ var $D = "ToastViewport", eO = ["F8"], tO = "toast.viewportPause", nO = "toast.v
|
|
|
16288
16308
|
tabIndex: -1,
|
|
16289
16309
|
style: { pointerEvents: h ? void 0 : "none" },
|
|
16290
16310
|
children: [
|
|
16291
|
-
h && /* @__PURE__ */ (0, P.jsx)(
|
|
16311
|
+
h && /* @__PURE__ */ (0, P.jsx)(cO, {
|
|
16292
16312
|
ref: u,
|
|
16293
16313
|
onFocusFromOutsideViewport: () => {
|
|
16294
|
-
|
|
16314
|
+
PO(g({ tabbingDirection: "forwards" }));
|
|
16295
16315
|
}
|
|
16296
16316
|
}),
|
|
16297
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
16317
|
+
/* @__PURE__ */ (0, P.jsx)(JD.Slot, {
|
|
16298
16318
|
scope: r,
|
|
16299
16319
|
children: /* @__PURE__ */ (0, P.jsx)(K.ol, {
|
|
16300
16320
|
tabIndex: -1,
|
|
@@ -16302,18 +16322,18 @@ var $D = "ToastViewport", eO = ["F8"], tO = "toast.viewportPause", nO = "toast.v
|
|
|
16302
16322
|
ref: p
|
|
16303
16323
|
})
|
|
16304
16324
|
}),
|
|
16305
|
-
h && /* @__PURE__ */ (0, P.jsx)(
|
|
16325
|
+
h && /* @__PURE__ */ (0, P.jsx)(cO, {
|
|
16306
16326
|
ref: d,
|
|
16307
16327
|
onFocusFromOutsideViewport: () => {
|
|
16308
|
-
|
|
16328
|
+
PO(g({ tabbingDirection: "backwards" }));
|
|
16309
16329
|
}
|
|
16310
16330
|
})
|
|
16311
16331
|
]
|
|
16312
16332
|
});
|
|
16313
16333
|
});
|
|
16314
|
-
|
|
16315
|
-
var
|
|
16316
|
-
let { __scopeToast: n, onFocusFromOutsideViewport: r, ...i } = e, a =
|
|
16334
|
+
oO.displayName = nO;
|
|
16335
|
+
var sO = "ToastFocusProxy", cO = e.forwardRef((e, t) => {
|
|
16336
|
+
let { __scopeToast: n, onFocusFromOutsideViewport: r, ...i } = e, a = eO(sO, n);
|
|
16317
16337
|
return /* @__PURE__ */ (0, P.jsx)(oy, {
|
|
16318
16338
|
tabIndex: 0,
|
|
16319
16339
|
...i,
|
|
@@ -16325,17 +16345,17 @@ var iO = "ToastFocusProxy", aO = e.forwardRef((e, t) => {
|
|
|
16325
16345
|
}
|
|
16326
16346
|
});
|
|
16327
16347
|
});
|
|
16328
|
-
|
|
16329
|
-
var
|
|
16348
|
+
cO.displayName = sO;
|
|
16349
|
+
var lO = "Toast", uO = "toast.swipeStart", dO = "toast.swipeMove", fO = "toast.swipeCancel", pO = "toast.swipeEnd", mO = e.forwardRef((e, t) => {
|
|
16330
16350
|
let { forceMount: n, open: r, defaultOpen: i, onOpenChange: a, ...o } = e, [s, c] = Se({
|
|
16331
16351
|
prop: r,
|
|
16332
16352
|
defaultProp: i ?? !0,
|
|
16333
16353
|
onChange: a,
|
|
16334
|
-
caller:
|
|
16354
|
+
caller: lO
|
|
16335
16355
|
});
|
|
16336
16356
|
return /* @__PURE__ */ (0, P.jsx)(Oe, {
|
|
16337
16357
|
present: n || s,
|
|
16338
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
16358
|
+
children: /* @__PURE__ */ (0, P.jsx)(_O, {
|
|
16339
16359
|
open: s,
|
|
16340
16360
|
...o,
|
|
16341
16361
|
ref: t,
|
|
@@ -16359,9 +16379,9 @@ var oO = "Toast", sO = "toast.swipeStart", cO = "toast.swipeMove", lO = "toast.s
|
|
|
16359
16379
|
})
|
|
16360
16380
|
});
|
|
16361
16381
|
});
|
|
16362
|
-
|
|
16363
|
-
var [
|
|
16364
|
-
let { __scopeToast: r, type: i = "foreground", duration: a, open: o, onClose: s, onEscapeKeyDown: c, onPause: l, onResume: u, onSwipeStart: d, onSwipeMove: p, onSwipeCancel: m, onSwipeEnd: h, ...g } = t, _ =
|
|
16382
|
+
mO.displayName = lO;
|
|
16383
|
+
var [hO, gO] = ZD(lO, { onClose() {} }), _O = e.forwardRef((t, n) => {
|
|
16384
|
+
let { __scopeToast: r, type: i = "foreground", duration: a, open: o, onClose: s, onEscapeKeyDown: c, onPause: l, onResume: u, onSwipeStart: d, onSwipeMove: p, onSwipeCancel: m, onSwipeEnd: h, ...g } = t, _ = eO(lO, r), [v, y] = e.useState(null), b = H(n, (e) => y(e)), x = e.useRef(null), S = e.useRef(null), C = a || _.duration, w = e.useRef(0), T = e.useRef(C), E = e.useRef(0), { onToastAdd: D, onToastRemove: O } = _, k = Bt(() => {
|
|
16365
16385
|
v?.contains(document.activeElement) && _.viewport?.focus(), s();
|
|
16366
16386
|
}), A = e.useCallback((e) => {
|
|
16367
16387
|
!e || e === Infinity || (window.clearTimeout(E.current), w.current = (/* @__PURE__ */ new Date()).getTime(), E.current = window.setTimeout(k, e));
|
|
@@ -16375,8 +16395,8 @@ var [fO, pO] = JD(oO, { onClose() {} }), mO = e.forwardRef((t, n) => {
|
|
|
16375
16395
|
let e = (/* @__PURE__ */ new Date()).getTime() - w.current;
|
|
16376
16396
|
T.current -= e, window.clearTimeout(E.current), l?.();
|
|
16377
16397
|
};
|
|
16378
|
-
return e.addEventListener(
|
|
16379
|
-
e.removeEventListener(
|
|
16398
|
+
return e.addEventListener(iO, n), e.addEventListener(aO, t), () => {
|
|
16399
|
+
e.removeEventListener(iO, n), e.removeEventListener(aO, t);
|
|
16380
16400
|
};
|
|
16381
16401
|
}
|
|
16382
16402
|
}, [
|
|
@@ -16393,16 +16413,16 @@ var [fO, pO] = JD(oO, { onClose() {} }), mO = e.forwardRef((t, n) => {
|
|
|
16393
16413
|
_.isClosePausedRef,
|
|
16394
16414
|
A
|
|
16395
16415
|
]), e.useEffect(() => (D(), () => O()), [D, O]);
|
|
16396
|
-
let j = e.useMemo(() => v ?
|
|
16397
|
-
return _.viewport ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [j && /* @__PURE__ */ (0, P.jsx)(
|
|
16416
|
+
let j = e.useMemo(() => v ? OO(v) : null, [v]);
|
|
16417
|
+
return _.viewport ? /* @__PURE__ */ (0, P.jsxs)(P.Fragment, { children: [j && /* @__PURE__ */ (0, P.jsx)(vO, {
|
|
16398
16418
|
__scopeToast: r,
|
|
16399
16419
|
role: "status",
|
|
16400
16420
|
"aria-live": i === "foreground" ? "assertive" : "polite",
|
|
16401
16421
|
children: j
|
|
16402
|
-
}), /* @__PURE__ */ (0, P.jsx)(
|
|
16422
|
+
}), /* @__PURE__ */ (0, P.jsx)(hO, {
|
|
16403
16423
|
scope: r,
|
|
16404
16424
|
onClose: k,
|
|
16405
|
-
children: f.createPortal(/* @__PURE__ */ (0, P.jsx)(
|
|
16425
|
+
children: f.createPortal(/* @__PURE__ */ (0, P.jsx)(JD.ItemSlot, {
|
|
16406
16426
|
scope: r,
|
|
16407
16427
|
children: /* @__PURE__ */ (0, P.jsx)(tn, {
|
|
16408
16428
|
asChild: !0,
|
|
@@ -16438,7 +16458,7 @@ var [fO, pO] = JD(oO, { onClose() {} }), mO = e.forwardRef((t, n) => {
|
|
|
16438
16458
|
originalEvent: e,
|
|
16439
16459
|
delta: l
|
|
16440
16460
|
};
|
|
16441
|
-
r ? (S.current = l,
|
|
16461
|
+
r ? (S.current = l, kO(dO, p, u, { discrete: !1 })) : AO(l, _.swipeDirection, c) ? (S.current = l, kO(uO, d, u, { discrete: !1 }), e.target.setPointerCapture(e.pointerId)) : (Math.abs(t) > c || Math.abs(n) > c) && (x.current = null);
|
|
16442
16462
|
}),
|
|
16443
16463
|
onPointerUp: W(t.onPointerUp, (e) => {
|
|
16444
16464
|
let t = S.current, n = e.target;
|
|
@@ -16447,16 +16467,16 @@ var [fO, pO] = JD(oO, { onClose() {} }), mO = e.forwardRef((t, n) => {
|
|
|
16447
16467
|
originalEvent: e,
|
|
16448
16468
|
delta: t
|
|
16449
16469
|
};
|
|
16450
|
-
|
|
16470
|
+
AO(t, _.swipeDirection, _.swipeThreshold) ? kO(pO, h, r, { discrete: !0 }) : kO(fO, m, r, { discrete: !0 }), n.addEventListener("click", (e) => e.preventDefault(), { once: !0 });
|
|
16451
16471
|
}
|
|
16452
16472
|
})
|
|
16453
16473
|
})
|
|
16454
16474
|
})
|
|
16455
16475
|
}), _.viewport)
|
|
16456
16476
|
})] }) : null;
|
|
16457
|
-
}),
|
|
16458
|
-
let { __scopeToast: n, children: r, ...i } = t, a =
|
|
16459
|
-
return
|
|
16477
|
+
}), vO = (t) => {
|
|
16478
|
+
let { __scopeToast: n, children: r, ...i } = t, a = eO(lO, n), [o, s] = e.useState(!1), [c, l] = e.useState(!1);
|
|
16479
|
+
return jO(() => s(!0)), e.useEffect(() => {
|
|
16460
16480
|
let e = window.setTimeout(() => l(!0), 1e3);
|
|
16461
16481
|
return () => window.clearTimeout(e);
|
|
16462
16482
|
}, []), c ? null : /* @__PURE__ */ (0, P.jsx)(ua, {
|
|
@@ -16470,37 +16490,37 @@ var [fO, pO] = JD(oO, { onClose() {} }), mO = e.forwardRef((t, n) => {
|
|
|
16470
16490
|
] })
|
|
16471
16491
|
})
|
|
16472
16492
|
});
|
|
16473
|
-
},
|
|
16493
|
+
}, yO = "ToastTitle", bO = e.forwardRef((e, t) => {
|
|
16474
16494
|
let { __scopeToast: n, ...r } = e;
|
|
16475
16495
|
return /* @__PURE__ */ (0, P.jsx)(K.div, {
|
|
16476
16496
|
...r,
|
|
16477
16497
|
ref: t
|
|
16478
16498
|
});
|
|
16479
16499
|
});
|
|
16480
|
-
|
|
16481
|
-
var
|
|
16500
|
+
bO.displayName = yO;
|
|
16501
|
+
var xO = "ToastDescription", SO = e.forwardRef((e, t) => {
|
|
16482
16502
|
let { __scopeToast: n, ...r } = e;
|
|
16483
16503
|
return /* @__PURE__ */ (0, P.jsx)(K.div, {
|
|
16484
16504
|
...r,
|
|
16485
16505
|
ref: t
|
|
16486
16506
|
});
|
|
16487
16507
|
});
|
|
16488
|
-
|
|
16489
|
-
var
|
|
16508
|
+
SO.displayName = xO;
|
|
16509
|
+
var CO = "ToastAction", wO = e.forwardRef((e, t) => {
|
|
16490
16510
|
let { altText: n, ...r } = e;
|
|
16491
|
-
return n.trim() ? /* @__PURE__ */ (0, P.jsx)(
|
|
16511
|
+
return n.trim() ? /* @__PURE__ */ (0, P.jsx)(DO, {
|
|
16492
16512
|
altText: n,
|
|
16493
16513
|
asChild: !0,
|
|
16494
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
16514
|
+
children: /* @__PURE__ */ (0, P.jsx)(EO, {
|
|
16495
16515
|
...r,
|
|
16496
16516
|
ref: t
|
|
16497
16517
|
})
|
|
16498
|
-
}) : (console.error(`Invalid prop \`altText\` supplied to \`${
|
|
16518
|
+
}) : (console.error(`Invalid prop \`altText\` supplied to \`${CO}\`. Expected non-empty \`string\`.`), null);
|
|
16499
16519
|
});
|
|
16500
|
-
|
|
16501
|
-
var
|
|
16502
|
-
let { __scopeToast: n, ...r } = e, i =
|
|
16503
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16520
|
+
wO.displayName = CO;
|
|
16521
|
+
var TO = "ToastClose", EO = e.forwardRef((e, t) => {
|
|
16522
|
+
let { __scopeToast: n, ...r } = e, i = gO(TO, n);
|
|
16523
|
+
return /* @__PURE__ */ (0, P.jsx)(DO, {
|
|
16504
16524
|
asChild: !0,
|
|
16505
16525
|
children: /* @__PURE__ */ (0, P.jsx)(K.button, {
|
|
16506
16526
|
type: "button",
|
|
@@ -16510,8 +16530,8 @@ var SO = "ToastClose", CO = e.forwardRef((e, t) => {
|
|
|
16510
16530
|
})
|
|
16511
16531
|
});
|
|
16512
16532
|
});
|
|
16513
|
-
|
|
16514
|
-
var
|
|
16533
|
+
EO.displayName = TO;
|
|
16534
|
+
var DO = e.forwardRef((e, t) => {
|
|
16515
16535
|
let { __scopeToast: n, altText: r, ...i } = e;
|
|
16516
16536
|
return /* @__PURE__ */ (0, P.jsx)(K.div, {
|
|
16517
16537
|
"data-radix-toast-announce-exclude": "",
|
|
@@ -16520,19 +16540,19 @@ var wO = e.forwardRef((e, t) => {
|
|
|
16520
16540
|
ref: t
|
|
16521
16541
|
});
|
|
16522
16542
|
});
|
|
16523
|
-
function
|
|
16543
|
+
function OO(e) {
|
|
16524
16544
|
let t = [];
|
|
16525
16545
|
return Array.from(e.childNodes).forEach((e) => {
|
|
16526
|
-
if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent),
|
|
16546
|
+
if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent), MO(e)) {
|
|
16527
16547
|
let n = e.ariaHidden || e.hidden || e.style.display === "none", r = e.dataset.radixToastAnnounceExclude === "";
|
|
16528
16548
|
if (!n) if (r) {
|
|
16529
16549
|
let n = e.dataset.radixToastAnnounceAlt;
|
|
16530
16550
|
n && t.push(n);
|
|
16531
|
-
} else t.push(...
|
|
16551
|
+
} else t.push(...OO(e));
|
|
16532
16552
|
}
|
|
16533
16553
|
}), t;
|
|
16534
16554
|
}
|
|
16535
|
-
function
|
|
16555
|
+
function kO(e, t, n, { discrete: r }) {
|
|
16536
16556
|
let i = n.originalEvent.currentTarget, a = new CustomEvent(e, {
|
|
16537
16557
|
bubbles: !0,
|
|
16538
16558
|
cancelable: !0,
|
|
@@ -16540,11 +16560,11 @@ function EO(e, t, n, { discrete: r }) {
|
|
|
16540
16560
|
});
|
|
16541
16561
|
t && i.addEventListener(e, t, { once: !0 }), r ? ze(i, a) : i.dispatchEvent(a);
|
|
16542
16562
|
}
|
|
16543
|
-
var
|
|
16563
|
+
var AO = (e, t, n = 0) => {
|
|
16544
16564
|
let r = Math.abs(e.x), i = Math.abs(e.y), a = r > i;
|
|
16545
16565
|
return t === "left" || t === "right" ? a && r > n : !a && i > n;
|
|
16546
16566
|
};
|
|
16547
|
-
function
|
|
16567
|
+
function jO(e = () => {}) {
|
|
16548
16568
|
let t = Bt(e);
|
|
16549
16569
|
G(() => {
|
|
16550
16570
|
let e = 0, n = 0;
|
|
@@ -16553,10 +16573,10 @@ function OO(e = () => {}) {
|
|
|
16553
16573
|
};
|
|
16554
16574
|
}, [t]);
|
|
16555
16575
|
}
|
|
16556
|
-
function
|
|
16576
|
+
function MO(e) {
|
|
16557
16577
|
return e.nodeType === e.ELEMENT_NODE;
|
|
16558
16578
|
}
|
|
16559
|
-
function
|
|
16579
|
+
function NO(e) {
|
|
16560
16580
|
let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
|
|
16561
16581
|
let t = e.tagName === "INPUT" && e.type === "hidden";
|
|
16562
16582
|
return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
@@ -16564,11 +16584,11 @@ function AO(e) {
|
|
|
16564
16584
|
for (; n.nextNode();) t.push(n.currentNode);
|
|
16565
16585
|
return t;
|
|
16566
16586
|
}
|
|
16567
|
-
function
|
|
16587
|
+
function PO(e) {
|
|
16568
16588
|
let t = document.activeElement;
|
|
16569
16589
|
return e.some((e) => e === t ? !0 : (e.focus(), document.activeElement !== t));
|
|
16570
16590
|
}
|
|
16571
|
-
var
|
|
16591
|
+
var FO = tO, IO = oO, LO = mO, RO = bO, zO = SO, BO = wO, VO = EO, HO = q(`zui:fixed zui:left-0 zui:bottom-0 zui:z-[100] zui:flex zui:max-h-screen zui:w-full zui:flex-col-reverse zui:gap-3 ${ce} zui:sm:flex-col zui:md:max-w-[420px]`), UO = q(`zui:group zui:pointer-events-auto zui:relative zui:flex zui:w-full zui:items-center zui:justify-between zui:gap-4 zui:overflow-hidden zui:rounded-[var(--zui-radius-xs)] zui:border zui:bg-[var(--zui-color-surface)] ${ce} zui:pl-6 zui:text-[var(--zui-theme-text-primary)] zui:shadow-[0_6px_18px_-14px_var(--zui-effect-shadow-ink-35)] zui:transition-all zui:data-[state=open]:animate-in zui:data-[state=closed]:animate-out zui:data-[state=closed]:fill-mode-forwards zui:data-[state=closed]:fade-out-80 zui:data-[state=closed]:slide-out-to-left-[130%] zui:data-[state=closed]:[animation-duration:var(--zui-motion-duration-toast-close)] zui:data-[state=closed]:[animation-timing-function:var(--zui-motion-ease-toast-close)] zui:data-[state=open]:slide-in-from-bottom-full zui:data-[swipe=cancel]:translate-x-0 zui:data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] zui:data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] zui:data-[swipe=move]:transition-none`, {
|
|
16572
16592
|
variants: { variant: {
|
|
16573
16593
|
default: "zui:border-[var(--zui-theme-border-default)]",
|
|
16574
16594
|
info: "zui:border-[var(--zui-theme-status-info)]",
|
|
@@ -16578,49 +16598,49 @@ var MO = QD, NO = rO, PO = dO, FO = _O, IO = yO, LO = xO, RO = CO, zO = q(`zui:f
|
|
|
16578
16598
|
destructive: "zui:border-[var(--zui-theme-status-danger)]"
|
|
16579
16599
|
} },
|
|
16580
16600
|
defaultVariants: { variant: "default" }
|
|
16581
|
-
}),
|
|
16601
|
+
}), WO = q("zui:inline-flex zui:h-8 zui:shrink-0 zui:items-center zui:justify-center zui:rounded-[var(--zui-radius-xs)] zui:border zui:border-[var(--zui-theme-border-default)] zui:bg-transparent zui:px-3 zui:text-sm zui:font-medium zui:text-[var(--zui-theme-text-primary)] zui:transition-colors zui:hover:bg-[var(--zui-theme-action-ghost-hover)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:disabled:pointer-events-none zui:disabled:opacity-50"), GO = q("zui:absolute zui:top-2 zui:left-2 zui:inline-flex zui:size-7 zui:items-center zui:justify-center zui:bg-transparent zui:p-0 zui:text-[var(--zui-theme-text-primary)] zui:opacity-100 zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-110 zui:hover:cursor-pointer zui:hover:bg-transparent zui:hover:text-[var(--zui-theme-text-primary)] zui:focus-visible:outline-none zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-theme-action-secondary)]"), KO = q("zui:text-sm zui:font-semibold zui:text-current"), qO = q("zui:text-sm zui:text-current");
|
|
16582
16602
|
//#endregion
|
|
16583
16603
|
//#region src/components/Toast/Toast.tsx
|
|
16584
|
-
function
|
|
16585
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16604
|
+
function JO(e) {
|
|
16605
|
+
return /* @__PURE__ */ (0, P.jsx)(FO, {
|
|
16586
16606
|
"data-slot": "toast-provider",
|
|
16587
16607
|
...e
|
|
16588
16608
|
});
|
|
16589
16609
|
}
|
|
16590
|
-
var
|
|
16591
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16610
|
+
var YO = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16611
|
+
return /* @__PURE__ */ (0, P.jsx)(IO, {
|
|
16592
16612
|
ref: n,
|
|
16593
16613
|
"data-slot": "toast-viewport",
|
|
16594
16614
|
"data-zui-toast-viewport": "",
|
|
16595
|
-
className: D(
|
|
16615
|
+
className: D(HO(), e),
|
|
16596
16616
|
...t
|
|
16597
16617
|
});
|
|
16598
16618
|
});
|
|
16599
|
-
function
|
|
16600
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16619
|
+
function XO({ className: e, variant: t, ...n }) {
|
|
16620
|
+
return /* @__PURE__ */ (0, P.jsx)(LO, {
|
|
16601
16621
|
"data-slot": "toast",
|
|
16602
16622
|
"data-zui-toast-root": "",
|
|
16603
16623
|
dir: "rtl",
|
|
16604
|
-
className: D(
|
|
16624
|
+
className: D(UO({ variant: t }), "zui:text-right", e),
|
|
16605
16625
|
...n
|
|
16606
16626
|
});
|
|
16607
16627
|
}
|
|
16608
|
-
var
|
|
16609
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16628
|
+
var ZO = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16629
|
+
return /* @__PURE__ */ (0, P.jsx)(BO, {
|
|
16610
16630
|
ref: n,
|
|
16611
16631
|
"data-slot": "toast-action",
|
|
16612
|
-
className: D(
|
|
16632
|
+
className: D(WO(), e),
|
|
16613
16633
|
...t
|
|
16614
16634
|
});
|
|
16615
|
-
}),
|
|
16635
|
+
}), QO = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16616
16636
|
return /* @__PURE__ */ (0, P.jsx)(Jy, {
|
|
16617
16637
|
text: "بستن",
|
|
16618
16638
|
position: "top",
|
|
16619
|
-
trigger: /* @__PURE__ */ (0, P.jsx)(
|
|
16639
|
+
trigger: /* @__PURE__ */ (0, P.jsx)(VO, {
|
|
16620
16640
|
ref: n,
|
|
16621
16641
|
"data-slot": "toast-close",
|
|
16622
16642
|
"aria-label": "بستن",
|
|
16623
|
-
className: D(
|
|
16643
|
+
className: D(GO(), e),
|
|
16624
16644
|
...t,
|
|
16625
16645
|
children: /* @__PURE__ */ (0, P.jsx)(Mt, {
|
|
16626
16646
|
className: "zui:size-[1.92rem] zui:text-current",
|
|
@@ -16628,44 +16648,44 @@ var JO = e.forwardRef(function({ className: e, ...t }, n) {
|
|
|
16628
16648
|
})
|
|
16629
16649
|
})
|
|
16630
16650
|
});
|
|
16631
|
-
}),
|
|
16632
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16651
|
+
}), $O = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16652
|
+
return /* @__PURE__ */ (0, P.jsx)(RO, {
|
|
16633
16653
|
ref: n,
|
|
16634
16654
|
"data-slot": "toast-title",
|
|
16635
|
-
className: D(
|
|
16655
|
+
className: D(KO(), e),
|
|
16636
16656
|
...t
|
|
16637
16657
|
});
|
|
16638
|
-
}),
|
|
16639
|
-
return /* @__PURE__ */ (0, P.jsx)(
|
|
16658
|
+
}), ek = e.forwardRef(function({ className: e, ...t }, n) {
|
|
16659
|
+
return /* @__PURE__ */ (0, P.jsx)(zO, {
|
|
16640
16660
|
ref: n,
|
|
16641
16661
|
"data-slot": "toast-description",
|
|
16642
|
-
className: D(
|
|
16662
|
+
className: D(qO(), e),
|
|
16643
16663
|
...t
|
|
16644
16664
|
});
|
|
16645
|
-
}),
|
|
16646
|
-
function
|
|
16665
|
+
}), tk = 2147483647, nk = /* @__PURE__ */ new Set();
|
|
16666
|
+
function rk(e) {
|
|
16647
16667
|
return e === "succes" ? "success" : e;
|
|
16648
16668
|
}
|
|
16649
|
-
function
|
|
16650
|
-
return
|
|
16651
|
-
|
|
16669
|
+
function ik(e) {
|
|
16670
|
+
return nk.add(e), () => {
|
|
16671
|
+
nk.delete(e);
|
|
16652
16672
|
};
|
|
16653
16673
|
}
|
|
16654
|
-
function
|
|
16655
|
-
let { safeDuration: i, isPersistent: a } =
|
|
16674
|
+
function ak({ title: e, message: t, duration: n, type: r }) {
|
|
16675
|
+
let { safeDuration: i, isPersistent: a } = ok(n), o = {
|
|
16656
16676
|
title: e,
|
|
16657
16677
|
message: t,
|
|
16658
16678
|
duration: i,
|
|
16659
16679
|
isPersistent: a,
|
|
16660
|
-
type:
|
|
16680
|
+
type: rk(r)
|
|
16661
16681
|
};
|
|
16662
|
-
|
|
16682
|
+
nk.forEach((e) => {
|
|
16663
16683
|
e(o);
|
|
16664
16684
|
});
|
|
16665
16685
|
}
|
|
16666
|
-
function
|
|
16686
|
+
function ok(e) {
|
|
16667
16687
|
return e == null || !Number.isFinite(e) || e <= 0 ? {
|
|
16668
|
-
safeDuration:
|
|
16688
|
+
safeDuration: tk,
|
|
16669
16689
|
isPersistent: !0
|
|
16670
16690
|
} : {
|
|
16671
16691
|
safeDuration: e,
|
|
@@ -16674,7 +16694,7 @@ function rk(e) {
|
|
|
16674
16694
|
}
|
|
16675
16695
|
//#endregion
|
|
16676
16696
|
//#region src/components/Toast/function/toastVisual.ts
|
|
16677
|
-
var
|
|
16697
|
+
var sk = {
|
|
16678
16698
|
info: {
|
|
16679
16699
|
Icon: Tt,
|
|
16680
16700
|
iconClassName: "zui:text-[var(--zui-theme-status-info)]",
|
|
@@ -16696,23 +16716,23 @@ var ik = {
|
|
|
16696
16716
|
progressClassName: "zui:bg-[var(--zui-theme-status-danger)]"
|
|
16697
16717
|
}
|
|
16698
16718
|
};
|
|
16699
|
-
function
|
|
16700
|
-
return
|
|
16719
|
+
function ck(e) {
|
|
16720
|
+
return sk[e];
|
|
16701
16721
|
}
|
|
16702
16722
|
//#endregion
|
|
16703
16723
|
//#region src/components/Toast/ToastHost.tsx
|
|
16704
|
-
var
|
|
16705
|
-
function
|
|
16724
|
+
var lk = 5, uk = 420;
|
|
16725
|
+
function dk() {
|
|
16706
16726
|
return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(16).slice(2)}`;
|
|
16707
16727
|
}
|
|
16708
|
-
function
|
|
16728
|
+
function fk() {
|
|
16709
16729
|
let [e, t] = d([]), n = u(/* @__PURE__ */ new Map());
|
|
16710
|
-
s(() =>
|
|
16730
|
+
s(() => ik((e) => {
|
|
16711
16731
|
t((t) => [{
|
|
16712
|
-
id:
|
|
16732
|
+
id: dk(),
|
|
16713
16733
|
open: !0,
|
|
16714
16734
|
...e
|
|
16715
|
-
}, ...t].slice(0,
|
|
16735
|
+
}, ...t].slice(0, lk));
|
|
16716
16736
|
}), []), s(() => {
|
|
16717
16737
|
let e = n.current;
|
|
16718
16738
|
return () => {
|
|
@@ -16730,10 +16750,10 @@ function lk() {
|
|
|
16730
16750
|
} : t));
|
|
16731
16751
|
let a = window.setTimeout(() => {
|
|
16732
16752
|
n.current.delete(e), t((t) => t.filter((t) => t.id !== e));
|
|
16733
|
-
},
|
|
16753
|
+
}, uk);
|
|
16734
16754
|
n.current.set(e, a);
|
|
16735
16755
|
}, []);
|
|
16736
|
-
return /* @__PURE__ */ (0, P.jsxs)(
|
|
16756
|
+
return /* @__PURE__ */ (0, P.jsxs)(JO, { children: [e.map((e) => /* @__PURE__ */ (0, P.jsxs)(XO, {
|
|
16737
16757
|
open: e.open,
|
|
16738
16758
|
duration: e.isPersistent ? Infinity : e.duration,
|
|
16739
16759
|
variant: e.type,
|
|
@@ -16743,29 +16763,29 @@ function lk() {
|
|
|
16743
16763
|
className: "zui:flex zui:items-start zui:gap-3",
|
|
16744
16764
|
children: [/* @__PURE__ */ (0, P.jsx)("span", {
|
|
16745
16765
|
className: "zui:mt-0.5 zui:shrink-0",
|
|
16746
|
-
children: /* @__PURE__ */ (0, P.jsx)(
|
|
16766
|
+
children: /* @__PURE__ */ (0, P.jsx)(pk, { type: e.type })
|
|
16747
16767
|
}), /* @__PURE__ */ (0, P.jsxs)("div", {
|
|
16748
16768
|
className: "zui:grid zui:gap-1",
|
|
16749
|
-
children: [/* @__PURE__ */ (0, P.jsx)(
|
|
16769
|
+
children: [/* @__PURE__ */ (0, P.jsx)($O, { children: e.title }), /* @__PURE__ */ (0, P.jsx)(ek, { children: e.message })]
|
|
16750
16770
|
})]
|
|
16751
16771
|
}),
|
|
16752
|
-
/* @__PURE__ */ (0, P.jsx)(
|
|
16753
|
-
!e.isPersistent && /* @__PURE__ */ (0, P.jsx)(
|
|
16772
|
+
/* @__PURE__ */ (0, P.jsx)(QO, {}),
|
|
16773
|
+
!e.isPersistent && /* @__PURE__ */ (0, P.jsx)(mk, {
|
|
16754
16774
|
duration: e.duration,
|
|
16755
16775
|
type: e.type
|
|
16756
16776
|
})
|
|
16757
16777
|
]
|
|
16758
|
-
}, e.id)), /* @__PURE__ */ (0, P.jsx)(
|
|
16778
|
+
}, e.id)), /* @__PURE__ */ (0, P.jsx)(YO, {})] });
|
|
16759
16779
|
}
|
|
16760
|
-
function
|
|
16761
|
-
let { Icon: t, iconClassName: n } =
|
|
16780
|
+
function pk({ type: e }) {
|
|
16781
|
+
let { Icon: t, iconClassName: n } = ck(e);
|
|
16762
16782
|
return /* @__PURE__ */ (0, P.jsx)(t, {
|
|
16763
16783
|
className: `zui:size-5 ${n}`,
|
|
16764
16784
|
"aria-hidden": "true"
|
|
16765
16785
|
});
|
|
16766
16786
|
}
|
|
16767
|
-
function
|
|
16768
|
-
let { progressClassName: n } =
|
|
16787
|
+
function mk({ duration: e, type: t }) {
|
|
16788
|
+
let { progressClassName: n } = ck(t);
|
|
16769
16789
|
return /* @__PURE__ */ (0, P.jsx)("span", {
|
|
16770
16790
|
className: `zui:pointer-events-none zui:absolute zui:right-0 zui:bottom-0 zui:left-0 zui:h-1 zui:origin-right ${n}`,
|
|
16771
16791
|
style: { animation: `zui-toast-progress ${e}ms linear forwards` },
|
|
@@ -16773,4 +16793,4 @@ function dk({ duration: e, type: t }) {
|
|
|
16773
16793
|
});
|
|
16774
16794
|
}
|
|
16775
16795
|
//#endregion
|
|
16776
|
-
export { ge as Button, zt as Checkbox, Bb as DatePicker, Hx as Dialog, tS as Input,
|
|
16796
|
+
export { ge as Button, zt as Checkbox, Bb as DatePicker, Hx as Dialog, tS as Input, tk as PERSISTENT_DURATION, _S as Pagination, xC as RadioGroup, SC as RadioGroupItem, LT as Select, BT as SelectContent, VT as SelectGroup, UT as SelectItem, HT as SelectLabel, WT as SelectSeparator, RT as SelectTrigger, zT as SelectValue, iE as Sheet, uT as Skeleton, F as Spinner, SD as Table, wD as TableBody, OD as TableCell, TD as TableFooter, DD as TableHead, CD as TableHeader, ED as TableRow, ID as Tabs, zD as TabsContent, LD as TabsList, RD as TabsTrigger, KD as Textarea, XO as Toast, ZO as ToastAction, QO as ToastClose, ek as ToastDescription, fk as ToastHost, JO as ToastProvider, $O as ToastTitle, YO as ToastViewport, Jy as Tooltip, T as applyTheme, w as createThemeCssVariables, Rb as formatPersianDate, zb as formatPersianDateRangeLabel, C as resolveTheme, ak as showToast, ik as subscribeToast, x as theme, S as themeCssVariables };
|