@epam/ai-dial-catalog 1.3.0-dev.65 → 1.3.0-dev.68
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/components/Details/DetailsPanel.d.ts.map +1 -1
- package/index.js +162 -159
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsPanel.tsx"],"names":[],"mappings":"AAwBA,OAAO,EACL,EAAE,EAOH,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"DetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsPanel.tsx"],"names":[],"mappings":"AAwBA,OAAO,EACL,EAAE,EAOH,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAwIzE,4EAA4E;AAC5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2tC9C,CAAC"}
|
package/index.js
CHANGED
|
@@ -2123,23 +2123,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2123
2123
|
}, e.name))
|
|
2124
2124
|
]
|
|
2125
2125
|
});
|
|
2126
|
-
}, Pr = (e, t) => t == null ? e.length === 1 ? e[0] : void 0 : e.find((e) => e.key === t), Fr = async () => void 0,
|
|
2126
|
+
}, Pr = (e, t) => t == null ? e.length === 1 ? e[0] : void 0 : e.find((e) => e.key === t), Fr = !1, Ir = async () => void 0, Lr = [], Rr = [], zr = [
|
|
2127
2127
|
"All shared configurations will be lost",
|
|
2128
2128
|
"Users who rely on it will lose access",
|
|
2129
2129
|
"Cannot be undone"
|
|
2130
|
-
],
|
|
2130
|
+
], Br = [
|
|
2131
2131
|
"You will lose access to this item",
|
|
2132
2132
|
"Other people keep their access",
|
|
2133
2133
|
"You will need a new invitation to get it back"
|
|
2134
|
-
],
|
|
2134
|
+
], Vr = [
|
|
2135
2135
|
"Everyone loses access to the published copy",
|
|
2136
2136
|
"Your own copy is not deleted",
|
|
2137
2137
|
"You can publish it again later"
|
|
2138
|
-
],
|
|
2138
|
+
], Hr = [
|
|
2139
2139
|
"Everyone you shared it with loses access",
|
|
2140
2140
|
"Existing share links stop working",
|
|
2141
2141
|
"You keep full access — nothing is deleted"
|
|
2142
|
-
],
|
|
2142
|
+
], Ur = (e) => e === t.ApiKey ? "Toolset API keys" : "Toolset credentials", Wr = (e) => e === C.Global ? "Are you sure you want to delete the organization API key?" : "Are you sure you want to delete your personal API key?", Gr = new Set([Q.Delete, Q.Unshare]), Kr = ({ item: e, isOpen: t, isStarred: n = !1, isDetailsLoading: r = !1, isReadonly: i = !1, onClose: o, onToggleFavorite: c, isFavoriteVisible: l, onUseInChat: u, isPrimaryActionVisible: d, onShare: f, isPublishVisible: m, isPublishPrimary: h, getPublishHistory: g, publishFolderItems: _ = Lr, publishExpandedPaths: y, onPublishExpandedPathsChange: x, publishLoadingPaths: S, hasPublishWriteAccess: w, publishDefaultAuthor: k, onPublish: A, onPublishSuccess: j, onPublishError: M, onCreatePublishFolder: ee, publishLabels: te, ruleSourceOptions: N = Rr, onFetchExistingRules: ne, shareOverlay: re, isShareVisible: ie, isSharePrimary: ae, onEdit: se, onDownload: ce, isDownloadVisible: le, isDownloadPrimary: ue, onLoadContentFile: de, onLoadContentFilePreview: fe, renderContentFilePreview: pe, renderContentFileTree: me, renderCredentials: he, onDelete: ge, onUnshare: _e, isUnshareVisible: ve, onRevokeShare: ye, onFetchRecipientsCount: be, isRevokeShareVisible: xe, onUnpublish: Se, isUnpublishVisible: B, onLogin: V, onLogout: we, texts: H, styles: Te, limitsFooterNote: Ee }) => {
|
|
2143
2143
|
let { subViewTitleClassName: De = "dial-body-semi-text", overviewSectionClassName: Oe = "dial-caption-text", overviewLabelClassName: ke = "dial-small-semi-text", overviewValueClassName: Ae = "dial-small-text", overviewValueTrueClassName: je = "dial-small-text", confirmMessageClassName: Me = "dial-small-text" } = Te?.typography ?? {}, U = Te?.colors, Ne = oe({
|
|
2144
2144
|
"--cat-details-backdrop": U?.backdrop,
|
|
2145
2145
|
"--cat-details-bg": U?.background,
|
|
@@ -2262,7 +2262,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2262
2262
|
hasWriteAccess: w,
|
|
2263
2263
|
defaultAuthor: k,
|
|
2264
2264
|
onCreateFolder: ee,
|
|
2265
|
-
onPublish: A ??
|
|
2265
|
+
onPublish: A ?? Ir,
|
|
2266
2266
|
onPublishSuccess: ut,
|
|
2267
2267
|
onPublishError: M,
|
|
2268
2268
|
onFetchExistingRules: ne
|
|
@@ -2271,7 +2271,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2271
2271
|
hasExistingPublicationInFolder: Z.hasExistingPublicationInFolder,
|
|
2272
2272
|
hasWriteAccess: Z.hasWriteAccess,
|
|
2273
2273
|
isSubmitting: Z.isSubmitting,
|
|
2274
|
-
hasSubmitError: Z.hasSubmitError
|
|
2274
|
+
hasSubmitError: Z.hasSubmitError,
|
|
2275
|
+
allowReplace: Fr
|
|
2275
2276
|
}), [
|
|
2276
2277
|
Z.selectedFolderPath,
|
|
2277
2278
|
Z.hasExistingPublicationInFolder,
|
|
@@ -2338,7 +2339,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2338
2339
|
break;
|
|
2339
2340
|
}
|
|
2340
2341
|
}
|
|
2341
|
-
gt(null), bt(null), St(null), Ot(null),
|
|
2342
|
+
gt(null), bt(null), St(null), Ot(null), Gr.has(ht) && o();
|
|
2342
2343
|
} catch {
|
|
2343
2344
|
gt(null), bt(null), St(null), Ot(null);
|
|
2344
2345
|
} finally {
|
|
@@ -2419,7 +2420,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2419
2420
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2420
2421
|
"? This action is permanent and cannot be undone."
|
|
2421
2422
|
] }),
|
|
2422
|
-
consequences: H?.deleteConfirmConsequences ??
|
|
2423
|
+
consequences: H?.deleteConfirmConsequences ?? zr,
|
|
2423
2424
|
confirmLabel: t,
|
|
2424
2425
|
loadingStatusLabel: H?.deletingStatusLabel ?? "Deleting",
|
|
2425
2426
|
variant: Ce.Danger
|
|
@@ -2434,7 +2435,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2434
2435
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2435
2436
|
" from your list? You'll need a new invitation to access it again."
|
|
2436
2437
|
] }),
|
|
2437
|
-
consequences: H?.unshareConfirmConsequences ??
|
|
2438
|
+
consequences: H?.unshareConfirmConsequences ?? Br,
|
|
2438
2439
|
confirmLabel: t,
|
|
2439
2440
|
loadingStatusLabel: H?.unsharingStatusLabel ?? "Removing",
|
|
2440
2441
|
variant: Ce.Info
|
|
@@ -2449,7 +2450,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2449
2450
|
/* @__PURE__ */ Y("strong", { children: e.name }),
|
|
2450
2451
|
"? Anyone you shared it with will lose access."
|
|
2451
2452
|
] }),
|
|
2452
|
-
consequences: H?.revokeShareConfirmConsequences ??
|
|
2453
|
+
consequences: H?.revokeShareConfirmConsequences ?? Hr,
|
|
2453
2454
|
confirmLabel: t,
|
|
2454
2455
|
loadingStatusLabel: H?.revokingShareStatusLabel ?? "Revoking access",
|
|
2455
2456
|
variant: Ce.Danger
|
|
@@ -2470,7 +2471,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2470
2471
|
return {
|
|
2471
2472
|
title: H?.unpublishConfirmTitle ?? t,
|
|
2472
2473
|
message: n ? i : a,
|
|
2473
|
-
consequences: H?.unpublishConfirmConsequences ??
|
|
2474
|
+
consequences: H?.unpublishConfirmConsequences ?? Vr,
|
|
2474
2475
|
confirmLabel: t,
|
|
2475
2476
|
loadingStatusLabel: H?.unpublishingStatusLabel ?? "Requesting unpublish",
|
|
2476
2477
|
variant: Ce.Danger
|
|
@@ -2491,7 +2492,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2491
2492
|
let e = H?.deleteActionLabel ?? "Delete", t = yt ?? C.User;
|
|
2492
2493
|
return {
|
|
2493
2494
|
title: e,
|
|
2494
|
-
message: (H?.deleteApiKeyConfirmMessage ??
|
|
2495
|
+
message: (H?.deleteApiKeyConfirmMessage ?? Wr)(t),
|
|
2495
2496
|
consequences: void 0,
|
|
2496
2497
|
confirmLabel: e,
|
|
2497
2498
|
loadingStatusLabel: H?.deletingStatusLabel ?? "Deleting",
|
|
@@ -2508,7 +2509,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2508
2509
|
H,
|
|
2509
2510
|
It,
|
|
2510
2511
|
zt
|
|
2511
|
-
]), un = cn != null, dn = ht === Q.Unpublish && Pr(It, Ct) == null, fn = un || K || pt, pn = e.credentials == null ? "" : (H?.credentialsManagementTitle ??
|
|
2512
|
+
]), un = cn != null, dn = ht === Q.Unpublish && Pr(It, Ct) == null, fn = un || K || pt, pn = e.credentials == null ? "" : (H?.credentialsManagementTitle ?? Ur)(e.credentials.authenticationType), mn = un ? {
|
|
2512
2513
|
title: cn.title,
|
|
2513
2514
|
isBackDisabled: _t,
|
|
2514
2515
|
onBack: Ut
|
|
@@ -2599,6 +2600,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2599
2600
|
hasWriteAccess: Z.hasWriteAccess,
|
|
2600
2601
|
isSubmitting: Z.isSubmitting,
|
|
2601
2602
|
hasSubmitError: Z.hasSubmitError,
|
|
2603
|
+
allowReplace: Fr,
|
|
2602
2604
|
author: Z.author,
|
|
2603
2605
|
onAuthorChange: Z.setAuthor,
|
|
2604
2606
|
publishCredentials: Z.publishCredentials,
|
|
@@ -2770,6 +2772,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2770
2772
|
!un && K && /* @__PURE__ */ Y(wt, {
|
|
2771
2773
|
version: e.version,
|
|
2772
2774
|
hasExistingPublicationInFolder: Z.hasExistingPublicationInFolder,
|
|
2775
|
+
allowReplace: Fr,
|
|
2773
2776
|
isSubmitDisabled: ft.isSubmitDisabled,
|
|
2774
2777
|
isSubmitLoading: ft.isSubmitLoading,
|
|
2775
2778
|
onCancel: Kt,
|
|
@@ -2778,7 +2781,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2778
2781
|
})
|
|
2779
2782
|
]
|
|
2780
2783
|
});
|
|
2781
|
-
},
|
|
2784
|
+
}, qr = {
|
|
2782
2785
|
pageNav: "_pageNav_14qfn_1",
|
|
2783
2786
|
navBtn: "_navBtn_14qfn_6",
|
|
2784
2787
|
titleText: "_titleText_14qfn_23",
|
|
@@ -2793,7 +2796,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2793
2796
|
favFadeIn: "_favFadeIn_14qfn_1",
|
|
2794
2797
|
cardLeaving: "_cardLeaving_14qfn_54",
|
|
2795
2798
|
cardFadeOut: "_cardFadeOut_14qfn_1"
|
|
2796
|
-
},
|
|
2799
|
+
}, Jr = ({ item: e, initialIsStarred: t = !0, onToggle: n, isFavoriteVisible: r, onClick: i, nameClassName: a, colors: o, versionClassName: s, lastUsedClassName: c, query: l, addToFavoritesAriaLabel: u = "Add to favorites", removeFromFavoritesAriaLabel: d = "Remove from favorites", isSelected: f = !1, credentialsBadgeLoggedOutLabel: p }) => {
|
|
2797
2800
|
let [m, h] = z(t), [g, _] = z(!1), v = (t) => {
|
|
2798
2801
|
t.stopPropagation();
|
|
2799
2802
|
let r = !m;
|
|
@@ -2810,7 +2813,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2810
2813
|
role: y == null ? void 0 : "button",
|
|
2811
2814
|
tabIndex: y == null ? void 0 : 0,
|
|
2812
2815
|
"aria-label": e.name,
|
|
2813
|
-
className: P("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g &&
|
|
2816
|
+
className: P("box-border min-w-0 cursor-pointer flex-row items-start gap-1 text-start", g && qr.cardLeaving, f && qr.selectedCard, zt.favoriteCard),
|
|
2814
2817
|
onClick: y,
|
|
2815
2818
|
onKeyDown: b,
|
|
2816
2819
|
onAnimationEnd: g ? (t) => {
|
|
@@ -2819,7 +2822,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2819
2822
|
children: [
|
|
2820
2823
|
f && /* @__PURE__ */ Y(et, {
|
|
2821
2824
|
size: B.SM,
|
|
2822
|
-
className: P("absolute end-3 top-3 shrink-0",
|
|
2825
|
+
className: P("absolute end-3 top-3 shrink-0", qr.selectedCheck),
|
|
2823
2826
|
"aria-hidden": !0,
|
|
2824
2827
|
stroke: V
|
|
2825
2828
|
}),
|
|
@@ -2857,7 +2860,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2857
2860
|
})
|
|
2858
2861
|
]
|
|
2859
2862
|
});
|
|
2860
|
-
},
|
|
2863
|
+
}, Yr = 2, Xr = (e) => {
|
|
2861
2864
|
let t = e.getBoundingClientRect(), n = window.scrollX, r = window.scrollY, i = window.getComputedStyle(e).transform;
|
|
2862
2865
|
if (!i || i === "none") return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
2863
2866
|
try {
|
|
@@ -2866,7 +2869,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2866
2869
|
} catch {
|
|
2867
2870
|
return new DOMRect(t.x + n, t.y + r, t.width, t.height);
|
|
2868
2871
|
}
|
|
2869
|
-
},
|
|
2872
|
+
}, Zr = ({ items: e, totalCount: t, title: n = "Your Favorites", onToggleFavorite: r, isFavoriteVisible: i, onItemClick: a, styles: o, isLeaving: s, onExitComplete: c, prevPageAriaLabel: l = "Previous page", nextPageAriaLabel: u = "Next page", addToFavoritesAriaLabel: d, removeFromFavoritesAriaLabel: f, selectedItemId: p, credentialsBadgeLoggedOutLabel: m }) => {
|
|
2870
2873
|
let h = o?.typography?.titleClassName ?? "dial-body-semi-text", g = o?.typography?.countClassName ?? "dial-tiny-semi-text", _ = oe({
|
|
2871
2874
|
"--cat-fav-title-text": o?.colors?.titleText,
|
|
2872
2875
|
"--cat-fav-count-text": o?.colors?.countText,
|
|
@@ -2879,7 +2882,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2879
2882
|
"--cat-fav-nav-btn-active-bg": o?.colors?.navButtonActiveBackground,
|
|
2880
2883
|
"--cat-fav-page-nav-border": o?.colors?.pageNavBorder,
|
|
2881
2884
|
"--cat-fav-page-nav-bg": o?.colors?.pageNavBackground
|
|
2882
|
-
}), v = L(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = z(1), x = Rt(), S = x *
|
|
2885
|
+
}), v = L(() => [...e].sort((e, t) => (new Date(t.updatedAt || "").getTime() ?? 0) - (new Date(e.updatedAt || "").getTime() ?? 0)), [e]), [y, b] = z(1), x = Rt(), S = x * Yr, C = (y - 1) * S, w = L(() => v.slice(C, C + S), [
|
|
2883
2886
|
v,
|
|
2884
2887
|
C,
|
|
2885
2888
|
S
|
|
@@ -2913,7 +2916,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2913
2916
|
let n = k.current.querySelectorAll("[data-card-id]"), r = /* @__PURE__ */ new Map();
|
|
2914
2917
|
if (n.forEach((e) => {
|
|
2915
2918
|
let { cardId: t } = e.dataset;
|
|
2916
|
-
t && r.set(t,
|
|
2919
|
+
t && r.set(t, Xr(e));
|
|
2917
2920
|
}), !e && !t) {
|
|
2918
2921
|
let e = O.current, t = ae.current, i = 0;
|
|
2919
2922
|
if (e) {
|
|
@@ -2971,7 +2974,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2971
2974
|
ref: D,
|
|
2972
2975
|
children: /* @__PURE__ */ X("section", {
|
|
2973
2976
|
ref: O,
|
|
2974
|
-
className: P("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2",
|
|
2977
|
+
className: P("flex flex-shrink-0 flex-col gap-4 pb-2 pt-2", qr.section, s && qr.sectionLeaving),
|
|
2975
2978
|
style: {
|
|
2976
2979
|
..._,
|
|
2977
2980
|
minHeight: M
|
|
@@ -2982,17 +2985,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
2982
2985
|
children: [/* @__PURE__ */ Y(te, {
|
|
2983
2986
|
title: n,
|
|
2984
2987
|
postfix: E,
|
|
2985
|
-
titleClassName: P(h,
|
|
2986
|
-
postfixClassName: P(g,
|
|
2988
|
+
titleClassName: P(h, qr.titleText),
|
|
2989
|
+
postfixClassName: P(g, qr.countText),
|
|
2987
2990
|
trailing: T > 1 ? /* @__PURE__ */ X("div", {
|
|
2988
|
-
className: P("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]",
|
|
2991
|
+
className: P("inline-flex items-center gap-[2px] rounded-full px-[6px] py-[3px]", qr.pageNav),
|
|
2989
2992
|
children: [
|
|
2990
2993
|
/* @__PURE__ */ Y(Ae, {
|
|
2991
2994
|
size: Ee.Small,
|
|
2992
2995
|
"aria-label": l,
|
|
2993
2996
|
disabled: y === 1,
|
|
2994
2997
|
onClick: () => b((e) => e - 1),
|
|
2995
|
-
className: P("rounded-full",
|
|
2998
|
+
className: P("rounded-full", qr.navBtn),
|
|
2996
2999
|
icon: /* @__PURE__ */ Y(nt, {
|
|
2997
3000
|
size: 14,
|
|
2998
3001
|
"aria-hidden": !0,
|
|
@@ -3001,7 +3004,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3001
3004
|
})
|
|
3002
3005
|
}),
|
|
3003
3006
|
/* @__PURE__ */ X("span", {
|
|
3004
|
-
className: P("min-w-[32px] select-none px-1 text-center", g,
|
|
3007
|
+
className: P("min-w-[32px] select-none px-1 text-center", g, qr.countText),
|
|
3005
3008
|
children: [
|
|
3006
3009
|
y,
|
|
3007
3010
|
" / ",
|
|
@@ -3013,7 +3016,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3013
3016
|
"aria-label": u,
|
|
3014
3017
|
disabled: y === T,
|
|
3015
3018
|
onClick: () => b((e) => e + 1),
|
|
3016
|
-
className: P("rounded-full",
|
|
3019
|
+
className: P("rounded-full", qr.navBtn),
|
|
3017
3020
|
icon: /* @__PURE__ */ Y(rt, {
|
|
3018
3021
|
size: 14,
|
|
3019
3022
|
"aria-hidden": !0,
|
|
@@ -3025,12 +3028,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3025
3028
|
}) : void 0
|
|
3026
3029
|
}), /* @__PURE__ */ Y("div", {
|
|
3027
3030
|
ref: k,
|
|
3028
|
-
className: P("grid content-start gap-5",
|
|
3031
|
+
className: P("grid content-start gap-5", qr.gridPage),
|
|
3029
3032
|
style: {
|
|
3030
3033
|
gridTemplateColumns: `repeat(${x}, minmax(0, 1fr))`,
|
|
3031
3034
|
minHeight: A
|
|
3032
3035
|
},
|
|
3033
|
-
children: w.map((e) => /* @__PURE__ */ Y(
|
|
3036
|
+
children: w.map((e) => /* @__PURE__ */ Y(Jr, {
|
|
3034
3037
|
item: e,
|
|
3035
3038
|
onToggle: r,
|
|
3036
3039
|
isFavoriteVisible: i,
|
|
@@ -3043,15 +3046,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3043
3046
|
})]
|
|
3044
3047
|
})
|
|
3045
3048
|
});
|
|
3046
|
-
},
|
|
3049
|
+
}, Qr = (e, t) => {
|
|
3047
3050
|
let n = new Set(e);
|
|
3048
3051
|
return n.has(t) ? n.delete(t) : n.add(t), n;
|
|
3049
|
-
},
|
|
3052
|
+
}, $r = (e, t) => {
|
|
3050
3053
|
let n = new Set(e), r = t.length > 0 && t.every((t) => e.has(t));
|
|
3051
3054
|
return t.forEach((e) => {
|
|
3052
3055
|
r ? n.delete(e) : n.add(e);
|
|
3053
3056
|
}), n;
|
|
3054
|
-
},
|
|
3057
|
+
}, ei = {
|
|
3055
3058
|
listContainer: "_listContainer_1cc13_1",
|
|
3056
3059
|
gridClip: "_gridClip_1cc13_6",
|
|
3057
3060
|
favHeader: "_favHeader_1cc13_35",
|
|
@@ -3062,19 +3065,19 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3062
3065
|
selectedRow: "_selectedRow_1cc13_64",
|
|
3063
3066
|
name: "_name_1cc13_72",
|
|
3064
3067
|
version: "_version_1cc13_76"
|
|
3065
|
-
},
|
|
3068
|
+
}, ti = ({ data: e }) => e ? /* @__PURE__ */ Y("div", {
|
|
3066
3069
|
className: "flex h-full items-center",
|
|
3067
3070
|
children: /* @__PURE__ */ Y(M, { type: e.type })
|
|
3068
|
-
}) : null,
|
|
3071
|
+
}) : null, ni = " / ", ri = ({ data: e, context: t }) => {
|
|
3069
3072
|
if (!e || e.folder.length === 0) return null;
|
|
3070
|
-
let n = e.folder.join(
|
|
3073
|
+
let n = e.folder.join(ni), r = e.folder[e.folder.length - 1], i = e.folder.length > 1, a = t?.typography?.folderClassName ?? "dial-small-text", o = t?.typography?.folderLastSegmentClassName ?? "dial-small-semi-text";
|
|
3071
3074
|
return /* @__PURE__ */ X("div", {
|
|
3072
3075
|
className: "flex h-full w-full min-w-0 items-center gap-1.5",
|
|
3073
3076
|
children: [
|
|
3074
3077
|
/* @__PURE__ */ Y(ct, {
|
|
3075
3078
|
size: B.SM,
|
|
3076
3079
|
stroke: V,
|
|
3077
|
-
className: P("shrink-0",
|
|
3080
|
+
className: P("shrink-0", ei.folderIcon),
|
|
3078
3081
|
"aria-hidden": !0
|
|
3079
3082
|
}),
|
|
3080
3083
|
/* @__PURE__ */ Y(Je, {
|
|
@@ -3096,7 +3099,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3096
3099
|
})
|
|
3097
3100
|
]
|
|
3098
3101
|
});
|
|
3099
|
-
},
|
|
3102
|
+
}, ii = ({ data: e, context: t }) => {
|
|
3100
3103
|
let n = t?.searchQuery ?? "", r = t?.typography, i = r?.nameClassName ?? "dial-small-semi-text", a = r?.versionClassName ?? "dial-tiny-text", o = e != null && e.id === t?.selectedItemId;
|
|
3101
3104
|
return e ? /* @__PURE__ */ X("div", {
|
|
3102
3105
|
className: "flex h-full w-full min-w-0 items-center gap-2.5",
|
|
@@ -3115,7 +3118,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3115
3118
|
className: "flex min-w-0 flex-1 items-baseline gap-1.5",
|
|
3116
3119
|
children: [
|
|
3117
3120
|
/* @__PURE__ */ Y("h3", {
|
|
3118
|
-
className: P("min-w-0 shrink", i,
|
|
3121
|
+
className: P("min-w-0 shrink", i, ei.name),
|
|
3119
3122
|
children: /* @__PURE__ */ Y(nn, {
|
|
3120
3123
|
name: e.name,
|
|
3121
3124
|
query: n,
|
|
@@ -3124,23 +3127,23 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3124
3127
|
}),
|
|
3125
3128
|
e.version && /* @__PURE__ */ Y(De, {
|
|
3126
3129
|
text: e.version,
|
|
3127
|
-
className: P("max-w-[30%] shrink-0", a,
|
|
3130
|
+
className: P("max-w-[30%] shrink-0", a, ei.version)
|
|
3128
3131
|
}),
|
|
3129
3132
|
o && /* @__PURE__ */ Y(et, {
|
|
3130
3133
|
size: B.SM,
|
|
3131
|
-
className: P("ms-auto shrink-0",
|
|
3134
|
+
className: P("ms-auto shrink-0", ei.selectedCheck),
|
|
3132
3135
|
"aria-hidden": !0,
|
|
3133
3136
|
stroke: V
|
|
3134
3137
|
})
|
|
3135
3138
|
]
|
|
3136
3139
|
})]
|
|
3137
3140
|
}) : null;
|
|
3138
|
-
},
|
|
3139
|
-
let e = fe(
|
|
3141
|
+
}, ai = le(null), oi = () => {
|
|
3142
|
+
let e = fe(ai);
|
|
3140
3143
|
if (e == null) throw Error("useListSelection must be used inside a ListView in multiple selection mode.");
|
|
3141
3144
|
return e;
|
|
3142
|
-
},
|
|
3143
|
-
let { selectedIds: t, toggle: n, getRowAriaLabel: r } =
|
|
3145
|
+
}, si = ({ data: e }) => {
|
|
3146
|
+
let { selectedIds: t, toggle: n, getRowAriaLabel: r } = oi();
|
|
3144
3147
|
return e ? /* @__PURE__ */ Y("div", {
|
|
3145
3148
|
className: "flex size-full items-center",
|
|
3146
3149
|
children: /* @__PURE__ */ Y(Se, {
|
|
@@ -3149,8 +3152,8 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3149
3152
|
onChange: () => n(e.id)
|
|
3150
3153
|
})
|
|
3151
3154
|
}) : null;
|
|
3152
|
-
},
|
|
3153
|
-
let { isAllSelected: e, isSomeSelected: t, hasItems: n, toggleAll: r, selectAllAriaLabel: i } =
|
|
3155
|
+
}, ci = () => {
|
|
3156
|
+
let { isAllSelected: e, isSomeSelected: t, hasItems: n, toggleAll: r, selectAllAriaLabel: i } = oi();
|
|
3154
3157
|
return /* @__PURE__ */ Y("div", {
|
|
3155
3158
|
className: "flex size-full items-center",
|
|
3156
3159
|
children: /* @__PURE__ */ Y(Se, {
|
|
@@ -3161,7 +3164,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3161
3164
|
onChange: r
|
|
3162
3165
|
})
|
|
3163
3166
|
});
|
|
3164
|
-
},
|
|
3167
|
+
}, li = ({ data: e, context: t }) => {
|
|
3165
3168
|
let [n, r] = z(e?.isStarred ?? !1);
|
|
3166
3169
|
return I(() => {
|
|
3167
3170
|
r(e?.isStarred ?? !1);
|
|
@@ -3174,35 +3177,35 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3174
3177
|
let a = !n;
|
|
3175
3178
|
r(a), t?.onToggleFavorite?.(e.id, a);
|
|
3176
3179
|
},
|
|
3177
|
-
className: n ? void 0 :
|
|
3180
|
+
className: n ? void 0 : ei.starToggleOff
|
|
3178
3181
|
})
|
|
3179
3182
|
});
|
|
3180
|
-
},
|
|
3183
|
+
}, ui = ({ data: e }) => !e || e.topics.length === 0 ? null : /* @__PURE__ */ Y("div", {
|
|
3181
3184
|
className: "flex h-full w-full min-w-0 items-center",
|
|
3182
3185
|
children: /* @__PURE__ */ Y(mn, { topics: e.topics })
|
|
3183
|
-
}),
|
|
3186
|
+
}), di = "selection", fi = 52, pi = {
|
|
3184
3187
|
folder: (e) => e !== E.Model,
|
|
3185
3188
|
tags: () => !0,
|
|
3186
3189
|
favorite: () => !0
|
|
3187
|
-
},
|
|
3190
|
+
}, mi = (e, t) => Object.fromEntries([
|
|
3188
3191
|
"folder",
|
|
3189
3192
|
"tags",
|
|
3190
3193
|
"favorite"
|
|
3191
|
-
].map((n) => [n, (t?.[n] ??
|
|
3192
|
-
let i =
|
|
3194
|
+
].map((n) => [n, (t?.[n] ?? pi[n])(e)])), hi = (e, t = !1, n, r = !1) => {
|
|
3195
|
+
let i = mi(e, n);
|
|
3193
3196
|
return [
|
|
3194
3197
|
...r ? [{
|
|
3195
|
-
colId:
|
|
3198
|
+
colId: di,
|
|
3196
3199
|
headerName: "",
|
|
3197
|
-
width:
|
|
3198
|
-
minWidth:
|
|
3199
|
-
maxWidth:
|
|
3200
|
+
width: fi,
|
|
3201
|
+
minWidth: fi,
|
|
3202
|
+
maxWidth: fi,
|
|
3200
3203
|
filter: !1,
|
|
3201
3204
|
sortable: !1,
|
|
3202
3205
|
resizable: !1,
|
|
3203
3206
|
suppressMovable: !0,
|
|
3204
|
-
headerComponent:
|
|
3205
|
-
cellRenderer:
|
|
3207
|
+
headerComponent: ci,
|
|
3208
|
+
cellRenderer: si
|
|
3206
3209
|
}] : [],
|
|
3207
3210
|
{
|
|
3208
3211
|
headerName: "Name",
|
|
@@ -3210,7 +3213,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3210
3213
|
minWidth: 220,
|
|
3211
3214
|
field: "name",
|
|
3212
3215
|
filter: !1,
|
|
3213
|
-
cellRenderer:
|
|
3216
|
+
cellRenderer: ii,
|
|
3214
3217
|
valueGetter: (e) => e.data?.name
|
|
3215
3218
|
},
|
|
3216
3219
|
{
|
|
@@ -3220,7 +3223,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3220
3223
|
field: "type",
|
|
3221
3224
|
filter: !1,
|
|
3222
3225
|
sortable: !1,
|
|
3223
|
-
cellRenderer:
|
|
3226
|
+
cellRenderer: ti,
|
|
3224
3227
|
valueGetter: (e) => e.data?.type
|
|
3225
3228
|
},
|
|
3226
3229
|
{
|
|
@@ -3230,7 +3233,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3230
3233
|
minWidth: 170,
|
|
3231
3234
|
filter: !1,
|
|
3232
3235
|
hide: !i.folder,
|
|
3233
|
-
cellRenderer:
|
|
3236
|
+
cellRenderer: ri,
|
|
3234
3237
|
valueGetter: (e) => e.data?.folder
|
|
3235
3238
|
},
|
|
3236
3239
|
{
|
|
@@ -3241,7 +3244,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3241
3244
|
filter: !1,
|
|
3242
3245
|
sortable: !1,
|
|
3243
3246
|
hide: !i.tags,
|
|
3244
|
-
cellRenderer:
|
|
3247
|
+
cellRenderer: ui,
|
|
3245
3248
|
valueGetter: (e) => e.data?.topics
|
|
3246
3249
|
},
|
|
3247
3250
|
{
|
|
@@ -3253,15 +3256,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3253
3256
|
sortable: !1,
|
|
3254
3257
|
resizable: !1,
|
|
3255
3258
|
hide: t || !i.favorite,
|
|
3256
|
-
headerClass:
|
|
3257
|
-
cellRenderer:
|
|
3259
|
+
headerClass: ei.favHeader,
|
|
3260
|
+
cellRenderer: li
|
|
3258
3261
|
}
|
|
3259
3262
|
];
|
|
3260
|
-
},
|
|
3263
|
+
}, gi = 60, _i = {}, vi = /* @__PURE__ */ new Set(), yi = "Select all", bi = (e) => e.id, xi = (e) => `Select ${e.name}`, Si = (e) => e.items.length === 0 ? /* @__PURE__ */ Y("div", {
|
|
3261
3264
|
className: Ye("flex size-full flex-col items-center justify-center", zt.listView),
|
|
3262
3265
|
children: /* @__PURE__ */ Y(ie, { label: e.emptyStateTitle ?? "No results" })
|
|
3263
|
-
}) : /* @__PURE__ */ Y(
|
|
3264
|
-
let y = m === Pt.Multiple, b = y ? void 0 : u, x = a?.typography ??
|
|
3266
|
+
}) : /* @__PURE__ */ Y(Ci, { ...e }), Ci = ({ items: e, type: t, query: n = "", ariaLabel: r = "Catalog", emptyStateTitle: i, styles: a, onToggleFavorite: o, isFavoriteVisible: s, onItemClick: c, stickyHeaderTop: l, selectedItemId: u, credentialsBadgeLoggedOutLabel: d, isReadonly: f = !1, columnVisibility: p, selectionMode: m = Pt.Single, selectedItemIds: h = vi, onSelectionChange: g, selectRowAriaLabel: _ = xi, selectAllAriaLabel: v = yi }) => {
|
|
3267
|
+
let y = m === Pt.Multiple, b = y ? void 0 : u, x = a?.typography ?? _i, S = a?.colors, C = {
|
|
3265
3268
|
"--cat-list-bg": S?.background,
|
|
3266
3269
|
"--cat-list-border": S?.border,
|
|
3267
3270
|
"--cat-list-header-bg": S?.headerBackground,
|
|
@@ -3275,12 +3278,12 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3275
3278
|
...l == null ? {} : { "--list-header-sticky-top": `${l}px` }
|
|
3276
3279
|
}, w = R(null), T = F((e) => {
|
|
3277
3280
|
w.current = e;
|
|
3278
|
-
}, []), E = L(() =>
|
|
3281
|
+
}, []), E = L(() => hi(t, f, p, y), [
|
|
3279
3282
|
t,
|
|
3280
3283
|
f,
|
|
3281
3284
|
p,
|
|
3282
3285
|
y
|
|
3283
|
-
]), D = L(() => e.map(
|
|
3286
|
+
]), D = L(() => e.map(bi), [e]), O = L(() => D.filter((e) => h.has(e)).length, [D, h]), k = F((e) => g?.(Qr(h, e)), [g, h]), A = F(() => g?.($r(h, D)), [
|
|
3284
3287
|
g,
|
|
3285
3288
|
h,
|
|
3286
3289
|
D
|
|
@@ -3312,7 +3315,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3312
3315
|
t != null && (e.preventDefault(), k(t));
|
|
3313
3316
|
}, [k]), ne = L(() => ({
|
|
3314
3317
|
domLayout: "autoHeight",
|
|
3315
|
-
rowHeight:
|
|
3318
|
+
rowHeight: gi,
|
|
3316
3319
|
animateRows: !1,
|
|
3317
3320
|
suppressAnimationFrame: !0,
|
|
3318
3321
|
suppressScrollOnNewData: !0,
|
|
@@ -3335,7 +3338,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3335
3338
|
t.field !== "isStarred" && t.colId !== "selection" && e.data && (y && M.current(e.data.id), c?.(e.data));
|
|
3336
3339
|
} : void 0,
|
|
3337
3340
|
rowClass: c || y ? "cursor-pointer" : void 0,
|
|
3338
|
-
getRowClass: (e) => e.data?.id === b ?
|
|
3341
|
+
getRowClass: (e) => e.data?.id === b ? ei.selectedRow : void 0
|
|
3339
3342
|
}), [
|
|
3340
3343
|
n,
|
|
3341
3344
|
x,
|
|
@@ -3347,7 +3350,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3347
3350
|
c,
|
|
3348
3351
|
y,
|
|
3349
3352
|
te
|
|
3350
|
-
]), { containerRef: re, startRow: ie, endRow: ae } = Xt(e.length,
|
|
3353
|
+
]), { containerRef: re, startRow: ie, endRow: ae } = Xt(e.length, gi), oe = L(() => e.slice(ie, ae), [
|
|
3351
3354
|
e,
|
|
3352
3355
|
ie,
|
|
3353
3356
|
ae
|
|
@@ -3358,22 +3361,22 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3358
3361
|
w.current?.redrawRows();
|
|
3359
3362
|
}, [b]), /* @__PURE__ */ Y("div", {
|
|
3360
3363
|
style: C,
|
|
3361
|
-
className: Ye("w-full rounded-xl border",
|
|
3364
|
+
className: Ye("w-full rounded-xl border", ei.listContainer, zt.listView),
|
|
3362
3365
|
children: /* @__PURE__ */ X("div", {
|
|
3363
3366
|
ref: re,
|
|
3364
3367
|
onKeyDown: y ? N : void 0,
|
|
3365
|
-
className: Ye("rounded-xl [&_.ag-cell.ag-column-first]:ps-4 [&_.ag-cell.ag-column-last]:pe-4 [&_.ag-header-cell.ag-column-first]:ps-4 [&_.ag-header-cell.ag-column-last]:pe-4",
|
|
3368
|
+
className: Ye("rounded-xl [&_.ag-cell.ag-column-first]:ps-4 [&_.ag-cell.ag-column-last]:pe-4 [&_.ag-header-cell.ag-column-first]:ps-4 [&_.ag-header-cell.ag-column-last]:pe-4", ei.gridClip),
|
|
3366
3369
|
children: [
|
|
3367
3370
|
ie > 0 && /* @__PURE__ */ Y("div", {
|
|
3368
|
-
style: { height: ie *
|
|
3371
|
+
style: { height: ie * gi },
|
|
3369
3372
|
"aria-hidden": !0
|
|
3370
3373
|
}),
|
|
3371
|
-
/* @__PURE__ */ Y(
|
|
3374
|
+
/* @__PURE__ */ Y(ai.Provider, {
|
|
3372
3375
|
value: j,
|
|
3373
3376
|
children: /* @__PURE__ */ Y(Ot, {
|
|
3374
3377
|
columnDefs: E,
|
|
3375
3378
|
rowData: oe,
|
|
3376
|
-
getRowId:
|
|
3379
|
+
getRowId: bi,
|
|
3377
3380
|
withoutHeaderBorders: !0,
|
|
3378
3381
|
wrapCustomCellRenderers: !1,
|
|
3379
3382
|
onGridApiChange: T,
|
|
@@ -3383,13 +3386,13 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3383
3386
|
})
|
|
3384
3387
|
}),
|
|
3385
3388
|
ae < e.length && /* @__PURE__ */ Y("div", {
|
|
3386
|
-
style: { height: (e.length - ae) *
|
|
3389
|
+
style: { height: (e.length - ae) * gi },
|
|
3387
3390
|
"aria-hidden": !0
|
|
3388
3391
|
})
|
|
3389
3392
|
]
|
|
3390
3393
|
})
|
|
3391
3394
|
});
|
|
3392
|
-
},
|
|
3395
|
+
}, wi = "w-[320px]", Ti = ({ open: e, onClose: t, title: n, options: r, search: i, searchPlaceholder: a, searchClearLabel: o, noResultsLabel: s, backLabel: c, closeLabel: l }) => {
|
|
3393
3396
|
let [u, d] = z(null), f = u ? r.find((e) => e.key === u) : void 0, p = f?.children ?? r, m = i ? Bt(p, i.value) : p, h = () => {
|
|
3394
3397
|
d(null), t();
|
|
3395
3398
|
}, g = (e, t) => {
|
|
@@ -3443,7 +3446,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3443
3446
|
children: s
|
|
3444
3447
|
})]
|
|
3445
3448
|
});
|
|
3446
|
-
},
|
|
3449
|
+
}, Ei = ({ label: e, options: t, onClick: n, search: r, searchPlaceholder: i = "Search", searchClearLabel: a = "Clear search", noResultsLabel: o = "No results found", backLabel: s = "Back", closeLabel: c = "Close", variant: l = be.Primary }) => {
|
|
3447
3450
|
let u = R(null), [d, f] = z(!1), p = se(), m = /* @__PURE__ */ Y(tt, {
|
|
3448
3451
|
size: B.SM,
|
|
3449
3452
|
stroke: V,
|
|
@@ -3458,7 +3461,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3458
3461
|
"aria-haspopup": "dialog",
|
|
3459
3462
|
"aria-expanded": d,
|
|
3460
3463
|
onClick: () => f(!0)
|
|
3461
|
-
}), /* @__PURE__ */ Y(
|
|
3464
|
+
}), /* @__PURE__ */ Y(Ti, {
|
|
3462
3465
|
open: d,
|
|
3463
3466
|
onClose: () => {
|
|
3464
3467
|
f(!1), r?.onChange("");
|
|
@@ -3486,7 +3489,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3486
3489
|
maxDropdownHeight: 344,
|
|
3487
3490
|
placement: "bottom-end",
|
|
3488
3491
|
matchReferenceWidth: !1,
|
|
3489
|
-
listClassName:
|
|
3492
|
+
listClassName: wi,
|
|
3490
3493
|
menuHeader: /* @__PURE__ */ Y("div", {
|
|
3491
3494
|
className: "sticky -top-1 z-10 bg-layer-raised px-2 pb-1 pt-2",
|
|
3492
3495
|
children: /* @__PURE__ */ Y(Ve, {
|
|
@@ -3537,7 +3540,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3537
3540
|
items: t
|
|
3538
3541
|
})
|
|
3539
3542
|
});
|
|
3540
|
-
},
|
|
3543
|
+
}, Di = ({ title: e, description: t, createButton: n, titleClassName: r = "dial-small-semi-text text-primary", descriptionClassName: i = "dial-tiny-text text-secondary" }) => /* @__PURE__ */ X("div", {
|
|
3541
3544
|
className: "flex size-full flex-col items-center justify-center gap-4 text-center",
|
|
3542
3545
|
children: [/* @__PURE__ */ Y(Le, {
|
|
3543
3546
|
title: e,
|
|
@@ -3545,11 +3548,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3545
3548
|
className: "size-auto",
|
|
3546
3549
|
titleClassName: r,
|
|
3547
3550
|
descriptionClassName: i
|
|
3548
|
-
}), n != null && /* @__PURE__ */ Y(
|
|
3551
|
+
}), n != null && /* @__PURE__ */ Y(Ei, {
|
|
3549
3552
|
variant: be.Secondary,
|
|
3550
3553
|
...n
|
|
3551
3554
|
})]
|
|
3552
|
-
}),
|
|
3555
|
+
}), Oi = {
|
|
3553
3556
|
title: "Browse settings",
|
|
3554
3557
|
view: "View",
|
|
3555
3558
|
sorting: "Sorting",
|
|
@@ -3563,7 +3566,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3563
3566
|
back: "Back",
|
|
3564
3567
|
close: "Close",
|
|
3565
3568
|
formatFilterCount: (e, t) => `${e} of ${t}`
|
|
3566
|
-
},
|
|
3569
|
+
}, ki = {
|
|
3567
3570
|
filterBtn: "_filterBtn_5r8a5_7",
|
|
3568
3571
|
filterBtnActive: "_filterBtnActive_5r8a5_24",
|
|
3569
3572
|
filterBtnOpen: "_filterBtnOpen_5r8a5_28",
|
|
@@ -3575,10 +3578,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3575
3578
|
divider: "_divider_5r8a5_63",
|
|
3576
3579
|
sectionLabel: "_sectionLabel_5r8a5_67",
|
|
3577
3580
|
footer: "_footer_5r8a5_71"
|
|
3578
|
-
},
|
|
3581
|
+
}, Ai = (e, t, n, r, i) => {
|
|
3579
3582
|
let a = e.size > 0;
|
|
3580
3583
|
return n && a ? `${r} · ${e.size}` : n ? r : a ? u(e, t, i) : i;
|
|
3581
|
-
},
|
|
3584
|
+
}, ji = ({ checked: e, onChange: t, values: n, isMyAppsActive: r, onMyAppsChange: i, myAppsLabel: a = "My", topicsLabel: o = "Topics", defaultLabel: s = "From", clearLabel: c = "Clear", applyLabel: l = "Apply", typography: u, colors: d }) => {
|
|
3582
3585
|
let f = (r ?? !1) || e.size > 0, [p, m] = z(!1), h = oe({
|
|
3583
3586
|
"--cat-filter-btn-bg": d?.buttonBackground,
|
|
3584
3587
|
"--cat-filter-btn-border": d?.buttonBorder,
|
|
@@ -3595,7 +3598,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3595
3598
|
"--cat-filter-section-label": d?.sectionLabel,
|
|
3596
3599
|
"--cat-filter-divider": d?.divider,
|
|
3597
3600
|
"--cat-filter-footer-border": d?.footerBorder
|
|
3598
|
-
}), g = L(() => n == null ? [] : [...n].sort(), [n]), _ =
|
|
3601
|
+
}), g = L(() => n == null ? [] : [...n].sort(), [n]), _ = Ai(e, n, r, a, s), [v, y] = z(() => new Set(e)), [b, x] = z(r ?? !1);
|
|
3599
3602
|
I(() => {
|
|
3600
3603
|
p && (y(new Set(e)), x(r ?? !1));
|
|
3601
3604
|
}, [
|
|
@@ -3641,7 +3644,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3641
3644
|
...h,
|
|
3642
3645
|
maxHeight: "calc(var(--fui-available-height, 9999px) - 8px)"
|
|
3643
3646
|
},
|
|
3644
|
-
className: P("flex min-w-[360px] flex-col rounded-xl p-[6px]",
|
|
3647
|
+
className: P("flex min-w-[360px] flex-col rounded-xl p-[6px]", ki.overlay),
|
|
3645
3648
|
onKeyDown: M,
|
|
3646
3649
|
children: [
|
|
3647
3650
|
/* @__PURE__ */ Y(W, {
|
|
@@ -3650,7 +3653,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3650
3653
|
mark: G.Checkbox,
|
|
3651
3654
|
selected: b,
|
|
3652
3655
|
label: a,
|
|
3653
|
-
labelClassName: P(
|
|
3656
|
+
labelClassName: P(ki.rowLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
|
|
3654
3657
|
className: "shrink-0",
|
|
3655
3658
|
tabIndex: w === 0 ? 0 : -1,
|
|
3656
3659
|
ref: (e) => {
|
|
@@ -3661,11 +3664,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3661
3664
|
g.length > 0 && /* @__PURE__ */ X(J, { children: [
|
|
3662
3665
|
/* @__PURE__ */ Y("div", {
|
|
3663
3666
|
role: "separator",
|
|
3664
|
-
className: P("my-1 h-px",
|
|
3667
|
+
className: P("my-1 h-px", ki.divider),
|
|
3665
3668
|
"aria-hidden": !0
|
|
3666
3669
|
}),
|
|
3667
3670
|
/* @__PURE__ */ Y("div", {
|
|
3668
|
-
className: P("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text",
|
|
3671
|
+
className: P("px-[10px] pb-1 pt-[10px]", u?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", ki.sectionLabel),
|
|
3669
3672
|
"aria-hidden": !0,
|
|
3670
3673
|
children: o
|
|
3671
3674
|
}),
|
|
@@ -3679,7 +3682,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3679
3682
|
mark: G.Checkbox,
|
|
3680
3683
|
selected: n,
|
|
3681
3684
|
label: e,
|
|
3682
|
-
labelClassName:
|
|
3685
|
+
labelClassName: ki.rowLabel,
|
|
3683
3686
|
className: "shrink-0",
|
|
3684
3687
|
tabIndex: w === r ? 0 : -1,
|
|
3685
3688
|
ref: (e) => {
|
|
@@ -3691,7 +3694,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3691
3694
|
})
|
|
3692
3695
|
] }),
|
|
3693
3696
|
/* @__PURE__ */ X("div", {
|
|
3694
|
-
className: P("mt-1 flex shrink-0 items-center px-1 py-3",
|
|
3697
|
+
className: P("mt-1 flex shrink-0 items-center px-1 py-3", ki.footer),
|
|
3695
3698
|
ref: O,
|
|
3696
3699
|
children: [/* @__PURE__ */ Y(ke, {
|
|
3697
3700
|
label: c,
|
|
@@ -3713,32 +3716,32 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3713
3716
|
iconBefore: /* @__PURE__ */ Y(st, {
|
|
3714
3717
|
size: B.SM,
|
|
3715
3718
|
stroke: V,
|
|
3716
|
-
className: P("shrink-0",
|
|
3719
|
+
className: P("shrink-0", ki.filterBtnFunnel),
|
|
3717
3720
|
"aria-hidden": !0
|
|
3718
3721
|
}),
|
|
3719
3722
|
label: _,
|
|
3720
|
-
textClassName: P(
|
|
3723
|
+
textClassName: P(ki.filterBtnLabel, u?.filterButtonClassName ?? "dial-small-semi-text"),
|
|
3721
3724
|
iconAfter: /* @__PURE__ */ Y(tt, {
|
|
3722
3725
|
size: 14,
|
|
3723
3726
|
stroke: V,
|
|
3724
|
-
className: P("shrink-0 transition-transform duration-150",
|
|
3727
|
+
className: P("shrink-0 transition-transform duration-150", ki.filterBtnChevron, p && "rotate-180"),
|
|
3725
3728
|
"aria-hidden": !0
|
|
3726
3729
|
}),
|
|
3727
|
-
className: P("h-12 shrink-0 gap-[7px] whitespace-nowrap !rounded-lg px-[18px]",
|
|
3730
|
+
className: P("h-12 shrink-0 gap-[7px] whitespace-nowrap !rounded-lg px-[18px]", ki.filterBtn, f && ki.filterBtnActive, p && ki.filterBtnOpen)
|
|
3728
3731
|
})
|
|
3729
3732
|
});
|
|
3730
|
-
},
|
|
3733
|
+
}, Mi = /* @__PURE__ */ function(e) {
|
|
3731
3734
|
return e.Root = "root", e.View = "view", e.Sorting = "sorting", e.Filtering = "filtering", e;
|
|
3732
|
-
}({}),
|
|
3735
|
+
}({}), Ni = /* @__PURE__ */ Y(rt, {
|
|
3733
3736
|
size: B.SM,
|
|
3734
3737
|
stroke: V,
|
|
3735
3738
|
className: "rtl:scale-x-[-1]",
|
|
3736
3739
|
"aria-hidden": !0
|
|
3737
|
-
}),
|
|
3738
|
-
let [m, h] = z(
|
|
3739
|
-
h(
|
|
3740
|
+
}), Pi = ({ open: e, onClose: t, viewMode: n, onViewModeChange: r, sortOptions: i, sortKey: a, onSortChange: o, filters: s, onFiltersChange: c, filterValues: l, isMyAppsActive: u, onMyAppsChange: d, labels: f, typography: p }) => {
|
|
3741
|
+
let [m, h] = z(Mi.Root), [g, _] = z(() => /* @__PURE__ */ new Set()), [v, y] = z(!1), b = L(() => l == null ? [] : [...l].sort(), [l]), x = i != null && i.length > 0, C = s.size + +!!u, w = () => {
|
|
3742
|
+
h(Mi.Root), t();
|
|
3740
3743
|
}, T = () => {
|
|
3741
|
-
_(new Set(s)), y(u ?? !1), h(
|
|
3744
|
+
_(new Set(s)), y(u ?? !1), h(Mi.Filtering);
|
|
3742
3745
|
}, E = () => {
|
|
3743
3746
|
c(g), d?.(v), w();
|
|
3744
3747
|
}, D = () => {
|
|
@@ -3752,21 +3755,21 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3752
3755
|
label: f.listView,
|
|
3753
3756
|
Icon: Z
|
|
3754
3757
|
}], k = {
|
|
3755
|
-
[
|
|
3756
|
-
[
|
|
3757
|
-
[
|
|
3758
|
-
[
|
|
3759
|
-
}, A = m ===
|
|
3758
|
+
[Mi.Root]: f.title,
|
|
3759
|
+
[Mi.View]: f.view,
|
|
3760
|
+
[Mi.Sorting]: f.sorting,
|
|
3761
|
+
[Mi.Filtering]: f.filtering
|
|
3762
|
+
}, A = m === Mi.Filtering;
|
|
3760
3763
|
return /* @__PURE__ */ X(ge, {
|
|
3761
3764
|
open: e,
|
|
3762
3765
|
title: k[m],
|
|
3763
|
-
onBack: m ===
|
|
3766
|
+
onBack: m === Mi.Root ? void 0 : () => h(Mi.Root),
|
|
3764
3767
|
backAriaLabel: f.back,
|
|
3765
3768
|
closeAriaLabel: f.close,
|
|
3766
3769
|
onClose: w,
|
|
3767
3770
|
bodyClassName: P(A && "flex flex-col"),
|
|
3768
3771
|
children: [
|
|
3769
|
-
m ===
|
|
3772
|
+
m === Mi.Root && /* @__PURE__ */ X("div", {
|
|
3770
3773
|
role: "menu",
|
|
3771
3774
|
"aria-label": f.title,
|
|
3772
3775
|
className: "p-2",
|
|
@@ -3775,27 +3778,27 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3775
3778
|
role: "menuitem",
|
|
3776
3779
|
"aria-haspopup": "menu",
|
|
3777
3780
|
label: f.view,
|
|
3778
|
-
trailing:
|
|
3779
|
-
onClick: () => h(
|
|
3781
|
+
trailing: Ni,
|
|
3782
|
+
onClick: () => h(Mi.View)
|
|
3780
3783
|
}),
|
|
3781
3784
|
x && /* @__PURE__ */ Y(W, {
|
|
3782
3785
|
role: "menuitem",
|
|
3783
3786
|
"aria-haspopup": "menu",
|
|
3784
3787
|
label: f.sorting,
|
|
3785
|
-
trailing:
|
|
3786
|
-
onClick: () => h(
|
|
3788
|
+
trailing: Ni,
|
|
3789
|
+
onClick: () => h(Mi.Sorting)
|
|
3787
3790
|
}),
|
|
3788
3791
|
/* @__PURE__ */ Y(W, {
|
|
3789
3792
|
role: "menuitem",
|
|
3790
3793
|
"aria-haspopup": "menu",
|
|
3791
3794
|
label: f.filtering,
|
|
3792
3795
|
description: C > 0 ? f.formatFilterCount(C, b.length + 1) : void 0,
|
|
3793
|
-
trailing:
|
|
3796
|
+
trailing: Ni,
|
|
3794
3797
|
onClick: T
|
|
3795
3798
|
})
|
|
3796
3799
|
]
|
|
3797
3800
|
}),
|
|
3798
|
-
m ===
|
|
3801
|
+
m === Mi.View && /* @__PURE__ */ Y("div", {
|
|
3799
3802
|
role: "menu",
|
|
3800
3803
|
"aria-label": f.view,
|
|
3801
3804
|
className: "p-2",
|
|
@@ -3815,7 +3818,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3815
3818
|
}
|
|
3816
3819
|
}, e))
|
|
3817
3820
|
}),
|
|
3818
|
-
m ===
|
|
3821
|
+
m === Mi.Sorting && x && /* @__PURE__ */ Y("div", {
|
|
3819
3822
|
role: "menu",
|
|
3820
3823
|
"aria-label": f.sorting,
|
|
3821
3824
|
className: "p-2",
|
|
@@ -3840,17 +3843,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3840
3843
|
mark: G.Checkbox,
|
|
3841
3844
|
selected: v,
|
|
3842
3845
|
label: f.myApps,
|
|
3843
|
-
labelClassName:
|
|
3846
|
+
labelClassName: ki.rowLabel,
|
|
3844
3847
|
className: "shrink-0",
|
|
3845
3848
|
onClick: () => y(!v)
|
|
3846
3849
|
}), b.length > 0 && /* @__PURE__ */ X(J, { children: [
|
|
3847
3850
|
/* @__PURE__ */ Y("div", {
|
|
3848
3851
|
role: "separator",
|
|
3849
|
-
className: P("my-1 h-px",
|
|
3852
|
+
className: P("my-1 h-px", ki.divider),
|
|
3850
3853
|
"aria-hidden": !0
|
|
3851
3854
|
}),
|
|
3852
3855
|
/* @__PURE__ */ Y("div", {
|
|
3853
|
-
className: P("px-[10px] pb-1 pt-[10px]", p?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text",
|
|
3856
|
+
className: P("px-[10px] pb-1 pt-[10px]", p?.filterSectionLabelClassName ?? "dial-tiny-lead-semi-text", ki.sectionLabel),
|
|
3854
3857
|
"aria-hidden": !0,
|
|
3855
3858
|
children: f.topics
|
|
3856
3859
|
}),
|
|
@@ -3862,14 +3865,14 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3862
3865
|
mark: G.Checkbox,
|
|
3863
3866
|
selected: t,
|
|
3864
3867
|
label: e,
|
|
3865
|
-
labelClassName:
|
|
3868
|
+
labelClassName: ki.rowLabel,
|
|
3866
3869
|
className: "shrink-0",
|
|
3867
3870
|
onClick: () => _(S(e, g))
|
|
3868
3871
|
}, e);
|
|
3869
3872
|
})
|
|
3870
3873
|
] })]
|
|
3871
3874
|
}), /* @__PURE__ */ X("div", {
|
|
3872
|
-
className: P("flex shrink-0 items-center gap-3 px-4 py-3",
|
|
3875
|
+
className: P("flex shrink-0 items-center gap-3 px-4 py-3", ki.footer),
|
|
3873
3876
|
children: [/* @__PURE__ */ Y(ke, {
|
|
3874
3877
|
label: f.clear,
|
|
3875
3878
|
className: "flex-1",
|
|
@@ -3882,15 +3885,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3882
3885
|
})] })
|
|
3883
3886
|
]
|
|
3884
3887
|
});
|
|
3885
|
-
},
|
|
3888
|
+
}, Fi = {
|
|
3886
3889
|
section: "_section_8ruhi_1",
|
|
3887
3890
|
divider: "_divider_8ruhi_5",
|
|
3888
3891
|
settingsDot: "_settingsDot_8ruhi_9"
|
|
3889
|
-
},
|
|
3892
|
+
}, Ii = /* @__PURE__ */ new Set(), Li = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", browseHeaderRenderer: i, styles: a, query: o, onQueryChange: s, searchPlaceholder: c, gridViewLabel: l = "Grid view", listViewLabel: u = "List view", viewToggleLabel: d = "View mode", sortKey: f, sortOptions: p, onSortChange: m, sortLabel: h = "Sort", filters: g, onFiltersChange: _, filterValues: v, isMyAppsActive: y, onMyAppsChange: b, filterFromLabel: x, filterMyAppsLabel: S, filterTopicsLabel: C, browseSettingsLabels: w }) => {
|
|
3890
3893
|
let T = se(), [E, D] = z(!1), O = (y ?? !1) || (g?.size ?? 0) > 0, k = {
|
|
3891
|
-
...
|
|
3892
|
-
myApps: S ??
|
|
3893
|
-
topics: C ??
|
|
3894
|
+
...Oi,
|
|
3895
|
+
myApps: S ?? Oi.myApps,
|
|
3896
|
+
topics: C ?? Oi.topics,
|
|
3894
3897
|
...w
|
|
3895
3898
|
}, A = a?.typography?.titleClassName ?? "dial-body-semi-text", j = a?.typography?.countClassName ?? "dial-tiny-semi-text", M = L(() => [{
|
|
3896
3899
|
value: Nt.Grid,
|
|
@@ -3943,7 +3946,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3943
3946
|
value: t,
|
|
3944
3947
|
onChange: n,
|
|
3945
3948
|
items: M
|
|
3946
|
-
}), p != null && p.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", { className: P("h-4 w-px shrink-0",
|
|
3949
|
+
}), p != null && p.length > 0 && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", { className: P("h-4 w-px shrink-0", Fi.divider) }), /* @__PURE__ */ Y(ye, {
|
|
3947
3950
|
items: ne,
|
|
3948
3951
|
label: N,
|
|
3949
3952
|
variant: be.Primary,
|
|
@@ -3977,10 +3980,10 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3977
3980
|
"aria-hidden": !0
|
|
3978
3981
|
})
|
|
3979
3982
|
}), O && /* @__PURE__ */ Y("span", {
|
|
3980
|
-
className: P("pointer-events-none absolute end-2.5 top-2.5 size-2 rounded-full",
|
|
3983
|
+
className: P("pointer-events-none absolute end-2.5 top-2.5 size-2 rounded-full", Fi.settingsDot),
|
|
3981
3984
|
"aria-hidden": !0
|
|
3982
3985
|
})]
|
|
3983
|
-
}), /* @__PURE__ */ Y(
|
|
3986
|
+
}), /* @__PURE__ */ Y(Pi, {
|
|
3984
3987
|
open: E,
|
|
3985
3988
|
onClose: () => D(!1),
|
|
3986
3989
|
viewMode: t,
|
|
@@ -3988,15 +3991,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
3988
3991
|
sortOptions: p,
|
|
3989
3992
|
sortKey: f,
|
|
3990
3993
|
onSortChange: m,
|
|
3991
|
-
filters: g ??
|
|
3994
|
+
filters: g ?? Ii,
|
|
3992
3995
|
onFiltersChange: _ ?? (() => void 0),
|
|
3993
3996
|
filterValues: v,
|
|
3994
3997
|
isMyAppsActive: y,
|
|
3995
3998
|
onMyAppsChange: b,
|
|
3996
3999
|
labels: k,
|
|
3997
4000
|
typography: a?.typography
|
|
3998
|
-
})] }) : /* @__PURE__ */ Y(
|
|
3999
|
-
checked: g ??
|
|
4001
|
+
})] }) : /* @__PURE__ */ Y(ji, {
|
|
4002
|
+
checked: g ?? Ii,
|
|
4000
4003
|
onChange: _ ?? (() => void 0),
|
|
4001
4004
|
values: v,
|
|
4002
4005
|
isMyAppsActive: y,
|
|
@@ -4010,15 +4013,15 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4010
4013
|
})]
|
|
4011
4014
|
})]
|
|
4012
4015
|
});
|
|
4013
|
-
},
|
|
4016
|
+
}, Ri = ({ query: e, onQueryChange: t, searchPlaceholder: n = "Search models, tools, agents…", styles: r, filters: i, onFiltersChange: a, filterValues: o, isMyAppsActive: s, onMyAppsChange: c, filterFromLabel: l, filterMyAppsLabel: u, filterTopicsLabel: d, gridViewLabel: f, listViewLabel: p, viewToggleLabel: m, sortKey: h, sortOptions: g, onSortChange: _, sortLabel: v, ...y }) => {
|
|
4014
4017
|
let b = {
|
|
4015
4018
|
"--cat-browse-divider": r?.colors?.divider,
|
|
4016
4019
|
"--cat-browse-settings-dot": r?.colors?.settingsActiveDot
|
|
4017
4020
|
};
|
|
4018
4021
|
return /* @__PURE__ */ Y("section", {
|
|
4019
|
-
className: P("flex-shrink-0 px-4",
|
|
4022
|
+
className: P("flex-shrink-0 px-4", Fi.section, zt.toolbar),
|
|
4020
4023
|
style: b,
|
|
4021
|
-
children: /* @__PURE__ */ Y(
|
|
4024
|
+
children: /* @__PURE__ */ Y(Li, {
|
|
4022
4025
|
styles: r,
|
|
4023
4026
|
query: e,
|
|
4024
4027
|
onQueryChange: t,
|
|
@@ -4041,11 +4044,11 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4041
4044
|
...y
|
|
4042
4045
|
})
|
|
4043
4046
|
});
|
|
4044
|
-
},
|
|
4047
|
+
}, zi = {
|
|
4045
4048
|
root: "_root_1h83l_1",
|
|
4046
4049
|
heading: "_heading_1h83l_5",
|
|
4047
4050
|
headingTitle: "_headingTitle_1h83l_9"
|
|
4048
|
-
},
|
|
4051
|
+
}, Bi = 3, Vi = 300, Hi = ({ items: e, tabs: t, topicOptions: n, favorites: r, titles: a, browseHeaderRenderer: s, onToggleFavorite: u, isFavoriteVisible: f, columnVisibility: p, onUseInChat: h, isPrimaryActionVisible: v, onShare: b, isPublishVisible: S, isPublishPrimary: C, getPublishHistory: w, publishFolderItems: T, publishExpandedPaths: E, onPublishExpandedPathsChange: D, publishLoadingPaths: O, hasPublishWriteAccess: k, publishDefaultAuthor: A, onPublish: j, onPublishSuccess: M, onPublishError: ee, onCreatePublishFolder: te, publishLabels: N, ruleSourceOptions: ne, onFetchExistingRules: re, shareOverlay: ie, isShareVisible: ae, isSharePrimary: oe, onFetchDetails: se, renderCredentials: ce, onEdit: le, onDownload: ue, isDownloadVisible: fe, isDownloadPrimary: pe, onLoadContentFile: me, onLoadContentFilePreview: he, renderContentFilePreview: ge, renderContentFileTree: _e, onDelete: ve, onUnshare: ye, isUnshareVisible: be, onRevokeShare: xe, onFetchRecipientsCount: Se, isRevokeShareVisible: Ce, onUnpublish: B, isUnpublishVisible: V, onLogin: we, onLogout: H, onCreateClick: Te, createOptions: Ee, createSearch: De, createMenuByTab: Oe, hideCreateButton: ke = !1, hidePageTitle: Ae = !1, isReadonly: je = !1, initialViewMode: Me = Nt.Grid, isFullWidth: U = !1, selectedItemId: Ne, onCardClick: Pe, isLoading: Fe, styles: W, detailsTexts: G, detailsLimitsFooterNote: K, initialDetailsItemId: Ie, sortKey: Le, onSortChange: Re, filterTopics: ze, onFilterTopicsChange: Be, isMyAppsActive: Ve, onMyAppsActiveChange: He, activeTab: Ue, onActiveTabChange: We, renderEmptyState: q }) => {
|
|
4049
4052
|
let { typography: qe } = W ?? {}, Je = Ut(W), Ye = a?.pageTitle ?? "Catalog", Xe = a?.createLabel ?? "Create", Ze = a?.favoritesTitle ?? "Your favorites", Qe = a?.browseTitle ?? "Browse", $e = a?.searchPlaceholder ?? "Search models, tools, agents…", et = a?.noResultsTitle ?? ((e) => `No results for "${e}"`), tt = a?.myAppsEmptyTitle ?? (() => "No personal items yet"), nt = a?.myAppsEmptyDescription ?? "Create your first one, it'll show up right here.", rt = a?.featuredLabel ?? "Featured", it = a?.gridViewLabel ?? "Grid view", at = a?.listViewLabel ?? "List view", ot = a?.viewToggleLabel ?? "View mode", st = a?.ariaLabel ?? "Catalog", ct = a?.sortLabel ?? "Sort", lt = [
|
|
4050
4053
|
{
|
|
4051
4054
|
value: o.RecentlyUpdated,
|
|
@@ -4099,9 +4102,9 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4099
4102
|
}
|
|
4100
4103
|
}
|
|
4101
4104
|
}, [se]), nn = F(async (e) => (Kt(e), Xt(void 0), tn(e)), [tn]), rn = F(async (e, t) => {
|
|
4102
|
-
for (let n = 0; n <
|
|
4105
|
+
for (let n = 0; n < Bi; n++) {
|
|
4103
4106
|
if ($t.current !== e.id || t(await tn(e))) return;
|
|
4104
|
-
n <
|
|
4107
|
+
n < Bi - 1 && await y(Vi);
|
|
4105
4108
|
}
|
|
4106
4109
|
}, [tn]), an = R(null);
|
|
4107
4110
|
I(() => {
|
|
@@ -4217,17 +4220,17 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4217
4220
|
children: /* @__PURE__ */ Y(Ge, {})
|
|
4218
4221
|
}) : /* @__PURE__ */ X("section", {
|
|
4219
4222
|
"aria-label": st,
|
|
4220
|
-
className: P("flex size-full min-h-0 flex-1 flex-col",
|
|
4223
|
+
className: P("flex size-full min-h-0 flex-1 flex-col", zi.root, zt.root),
|
|
4221
4224
|
style: Je,
|
|
4222
4225
|
children: [
|
|
4223
4226
|
(!Ae || _n) && /* @__PURE__ */ Y("div", {
|
|
4224
|
-
className: P("shrink-0",
|
|
4227
|
+
className: P("shrink-0", zi.heading),
|
|
4225
4228
|
children: /* @__PURE__ */ X("div", {
|
|
4226
4229
|
className: "flex h-[64px] w-full items-center justify-between px-4 desktop:px-8",
|
|
4227
4230
|
children: [!Ae && /* @__PURE__ */ Y("h1", {
|
|
4228
|
-
className: P(qe?.pageHeadingFontClassName ?? "dial-display2-text",
|
|
4231
|
+
className: P(qe?.pageHeadingFontClassName ?? "dial-display2-text", zi.headingTitle),
|
|
4229
4232
|
children: Ye
|
|
4230
|
-
}), _n && /* @__PURE__ */ Y(
|
|
4233
|
+
}), _n && /* @__PURE__ */ Y(Ei, { ...jn })]
|
|
4231
4234
|
})
|
|
4232
4235
|
}),
|
|
4233
4236
|
/* @__PURE__ */ X("div", {
|
|
@@ -4235,7 +4238,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4235
4238
|
children: [
|
|
4236
4239
|
vn && /* @__PURE__ */ Y("div", {
|
|
4237
4240
|
className: "w-full px-4 desktop:px-8",
|
|
4238
|
-
children: /* @__PURE__ */ Y(
|
|
4241
|
+
children: /* @__PURE__ */ Y(Zr, {
|
|
4239
4242
|
items: Ot,
|
|
4240
4243
|
totalCount: Ot.length,
|
|
4241
4244
|
title: Ze,
|
|
@@ -4250,7 +4253,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4250
4253
|
}),
|
|
4251
4254
|
/* @__PURE__ */ Y("div", {
|
|
4252
4255
|
className: "w-full pt-6 desktop:px-4",
|
|
4253
|
-
children: /* @__PURE__ */ Y(
|
|
4256
|
+
children: /* @__PURE__ */ Y(Ri, {
|
|
4254
4257
|
totalCount: pn.length,
|
|
4255
4258
|
viewMode: dt,
|
|
4256
4259
|
onViewModeChange: gn,
|
|
@@ -4296,7 +4299,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4296
4299
|
className: P(mn.length > 0 ? ["w-full flex-1 px-4 py-6 desktop:px-8", !U && "mx-auto max-w-[1180px]"] : "min-h-[180px] flex-1", mn.length === 0 && "px-4 py-6 desktop:px-8"),
|
|
4297
4300
|
children: [
|
|
4298
4301
|
kn != null && kn,
|
|
4299
|
-
kn == null && An && /* @__PURE__ */ Y(
|
|
4302
|
+
kn == null && An && /* @__PURE__ */ Y(Di, {
|
|
4300
4303
|
title: tt(Pt),
|
|
4301
4304
|
description: nt,
|
|
4302
4305
|
createButton: Nn
|
|
@@ -4320,7 +4323,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4320
4323
|
}), pt !== "unmounted" && /* @__PURE__ */ Y("div", {
|
|
4321
4324
|
inert: dt !== Nt.Cards,
|
|
4322
4325
|
className: P("pb-8", dt !== Nt.Cards && (pt === "prepared" ? "invisible h-0 overflow-hidden p-0" : "hidden"), mn.length === 0 && dt === Nt.Cards && "h-full"),
|
|
4323
|
-
children: /* @__PURE__ */ Y(
|
|
4326
|
+
children: /* @__PURE__ */ Y(Si, {
|
|
4324
4327
|
type: Pt,
|
|
4325
4328
|
items: mn,
|
|
4326
4329
|
query: ut,
|
|
@@ -4340,7 +4343,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4340
4343
|
})
|
|
4341
4344
|
]
|
|
4342
4345
|
}),
|
|
4343
|
-
ln != null && /* @__PURE__ */ Y(
|
|
4346
|
+
ln != null && /* @__PURE__ */ Y(Kr, {
|
|
4344
4347
|
renderCredentials: ce,
|
|
4345
4348
|
item: ln,
|
|
4346
4349
|
isOpen: qt,
|
|
@@ -4396,7 +4399,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4396
4399
|
})
|
|
4397
4400
|
]
|
|
4398
4401
|
});
|
|
4399
|
-
},
|
|
4402
|
+
}, Ui = ({ selectedId: e, records: t, selectedLabel: n, placeholder: r, labels: i, onSelect: a, onBrowse: o, extraOptions: s = [], isLoading: c = !1, error: l, isDisabled: u = !1, isInvalid: d = !1, labelledById: f, ariaHasPopup: p = "listbox", className: m, panelClassName: h, iconAfter: g, renderPanel: _, open: v, onOpenChange: y, renderOverlay: b }) => {
|
|
4400
4403
|
let [x, S] = z(!1), C = v ?? x, w = (e) => {
|
|
4401
4404
|
e && u || (v === void 0 && S(e), y?.(e));
|
|
4402
4405
|
}, [T, E] = z(""), D = R(null), O = L(() => [...s, ...t].filter((e) => e.label.toLocaleLowerCase().includes(T.toLocaleLowerCase())), [
|
|
@@ -4496,7 +4499,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4496
4499
|
renderOverlay: () => j,
|
|
4497
4500
|
children: M
|
|
4498
4501
|
});
|
|
4499
|
-
},
|
|
4502
|
+
}, Wi = ({ service: e, texts: n, onLogin: r, onLogout: i }) => {
|
|
4500
4503
|
let [a, o] = z(!1), [s, c] = z(!1), [l, u] = z(!1), [d, f] = z(), p = e.authenticationType === t.ApiKey, m = p ? n?.deleteActionLabel ?? "Delete" : n?.logoutActionLabel ?? "Log out", h = p ? n?.deleteApiKeyConfirmMessage?.(C.User) ?? "Are you sure you want to delete your personal API key?" : n?.logoutConfirmMessage ?? "Are you sure you want to log out?";
|
|
4501
4504
|
return /* @__PURE__ */ X(qn, {
|
|
4502
4505
|
label: e.name,
|
|
@@ -4584,7 +4587,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4584
4587
|
})
|
|
4585
4588
|
]
|
|
4586
4589
|
});
|
|
4587
|
-
},
|
|
4590
|
+
}, Gi = ({ services: e, isLoading: t = !1, hasError: n = !1, showEmptyState: r = !1, onRetry: i, onLogin: a, onLogout: o, texts: s }) => t && !e.length ? /* @__PURE__ */ Y("p", {
|
|
4588
4591
|
role: "status",
|
|
4589
4592
|
className: "px-6 py-3",
|
|
4590
4593
|
children: s?.loading ?? "Loading…"
|
|
@@ -4606,7 +4609,7 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4606
4609
|
children: s?.title ?? "Credentials"
|
|
4607
4610
|
}), /* @__PURE__ */ Y("div", {
|
|
4608
4611
|
className: "flex min-w-0 flex-col",
|
|
4609
|
-
children: e.map((e) => /* @__PURE__ */ Y(
|
|
4612
|
+
children: e.map((e) => /* @__PURE__ */ Y(Wi, {
|
|
4610
4613
|
service: e,
|
|
4611
4614
|
texts: s,
|
|
4612
4615
|
onLogin: a,
|
|
@@ -4619,4 +4622,4 @@ var kt = /* @__PURE__ */ function(e) {
|
|
|
4619
4622
|
children: s?.empty ?? "No credentials required"
|
|
4620
4623
|
}) : null;
|
|
4621
4624
|
//#endregion
|
|
4622
|
-
export { cr as AboutTab, Nn as ApiTab, an as AppIdentity,
|
|
4625
|
+
export { cr as AboutTab, Nn as ApiTab, an as AppIdentity, Gi as ApplicationCredentials, zt as CATALOG_CLASS, bn as Card, Sn as CardGrid, xn as CardRowRenderer, Hi as Catalog, It as CatalogContentNodeType, Lt as CatalogContentPreviewType, T as CatalogDetailsTab, At as CatalogLimitStatus, jt as CatalogPricingUnit, Pt as CatalogSelectionMode, o as CatalogSortKey, Nt as CatalogViewMode, kt as CodeLanguage, pr as ContentTab, w as CredentialStatus, er as CredentialsApiKeyOverlay, sn as CredentialsBadge, n as CredentialsBadgeState, Gn as CredentialsBanner, e as CredentialsBannerState, C as CredentialsLevel, Yn as CredentialsManagementPanel, r as CredentialsUiState, Ui as DeploymentSelectorField, Mt as DeploymentSize, Q as DetailsConfirmationKind, sr as DetailsHeader, Kr as DetailsPanel, Jr as FavoriteCard, Zr as Favorites, ji as Filter, Ft as LimitRowLayout, Tr as LimitsTab, Si as ListView, Er as OverviewTab, Dr as PricingTab, Ri as Toolbar, Nr as ToolsTab, t as ToolsetAuthenticationType, fn as TopicTag, x as buildCatalogTabs, d as filterCatalogItems, s as getCatalogDetailsTabs, h as getCredentialsBadgeState, v as getCredentialsBannerState, f as getCredentialsUiState, a as getSignedInLevel, i as getTopicOptions, l as sortCatalogItems, Rt as useFavColumns, Zt as useScrollVirtualizer };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-catalog",
|
|
3
3
|
"description": "Marketplace catalog component for browsing models, tools, and assistants with search, filter, and sort",
|
|
4
|
-
"version": "1.3.0-dev.
|
|
4
|
+
"version": "1.3.0-dev.68",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sideEffects": [
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@tabler/icons-react": "^3.44.0",
|
|
30
30
|
"ag-grid-community": "^35.3.0",
|
|
31
|
-
"@epam/ai-dial-publish-panel": "1.3.0-dev.
|
|
31
|
+
"@epam/ai-dial-publish-panel": "1.3.0-dev.68"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^19.2.8",
|
|
35
|
-
"@epam/ai-dial-chat-shared": "1.3.0-dev.
|
|
35
|
+
"@epam/ai-dial-chat-shared": "1.3.0-dev.68",
|
|
36
36
|
"@epam/ai-dial-ui-kit": "^0.15.4"
|
|
37
37
|
},
|
|
38
38
|
"repository": {
|