@flamingo-stack/openframe-frontend-core 0.0.775 → 0.0.777
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/case-study-card-FMH622O5.cjs +25 -0
- package/dist/{chunk-F67SEXCW.cjs → chunk-3PCSEZNZ.cjs} +53 -53
- package/dist/{chunk-R3JX4MXD.cjs → chunk-3ZLPYEL5.cjs} +10 -10
- package/dist/{chunk-SWEPHSIP.cjs → chunk-4JZDJ34E.cjs} +17 -17
- package/dist/{chunk-DGFDBPO7.cjs → chunk-5GJM7VRR.cjs} +1 -94
- package/dist/{chunk-E64HPPRH.cjs → chunk-5PK22JP7.cjs} +50 -50
- package/dist/{chunk-57B5RUYD.cjs → chunk-64KBI5MI.cjs} +2 -2
- package/dist/{chunk-PMX6QNNN.cjs → chunk-7LJSGOWS.cjs} +18 -16
- package/dist/{chunk-ASMNNSUQ.cjs → chunk-7PNRXJX2.cjs} +3 -3
- package/dist/{chunk-VAGZJRYV.cjs → chunk-ALA4KHTE.cjs} +6 -6
- package/dist/{chunk-VFZFCRAL.cjs → chunk-AQXKXZWB.cjs} +4 -4
- package/dist/{chunk-4LFB4YY3.cjs → chunk-BDDOC425.cjs} +8 -8
- package/dist/{chunk-VFUMM6JC.cjs → chunk-BEMGJDXI.cjs} +2 -2
- package/dist/{chunk-HY6BCZH7.cjs → chunk-BNUZKBNV.cjs} +3 -3
- package/dist/{chunk-Y3EBUFX4.cjs → chunk-CGQ7CL62.cjs} +213 -1647
- package/dist/{chunk-ODF3KCRK.cjs → chunk-DOM5CUEY.cjs} +33 -31
- package/dist/{chunk-36GYLB3Z.cjs → chunk-G2N7INFT.cjs} +28 -28
- package/dist/{chunk-42JGOJCB.cjs → chunk-HXLOCZMG.cjs} +595 -591
- package/dist/{chunk-CZIMISAR.cjs → chunk-JB2SEF6Q.cjs} +7 -7
- package/dist/{chunk-6SJYFUGD.cjs → chunk-JMFF3L3T.cjs} +28 -26
- package/dist/{chunk-LJT2KRE2.cjs → chunk-KLTUTZBO.cjs} +24 -24
- package/dist/{chunk-EHJE3UWZ.cjs → chunk-LBGAHB6X.cjs} +20 -20
- package/dist/{chunk-TUXPFF4P.cjs → chunk-LGNJTSKB.cjs} +37 -35
- package/dist/{chunk-FHTTRWAK.cjs → chunk-LU2DGST4.cjs} +97 -95
- package/dist/chunk-MQPTOJMF.cjs +1504 -0
- package/dist/{chunk-XXJL5GY3.cjs → chunk-OJZBZH56.cjs} +3 -3
- package/dist/{chunk-TF2XYDH3.cjs → chunk-QIATO42V.cjs} +3 -3
- package/dist/{chunk-RB7VLVMD.cjs → chunk-R6BKQKIF.cjs} +9 -7
- package/dist/{chunk-BTVO676B.cjs → chunk-S3YDUX2I.cjs} +114 -112
- package/dist/{chunk-VISK6LKE.cjs → chunk-SDZG7VV7.cjs} +5 -5
- package/dist/{chunk-V3W56L2D.cjs → chunk-SIDDZZKL.cjs} +38 -38
- package/dist/chunk-SZHDXXMK.cjs +102 -0
- package/dist/{chunk-5YJWT5ZQ.cjs → chunk-T47VAUYR.cjs} +91 -89
- package/dist/{chunk-IQQ3SLUK.cjs → chunk-T7NDPPLF.cjs} +23 -21
- package/dist/{chunk-5P4TDV7V.cjs → chunk-TUAATMUE.cjs} +5 -93
- package/dist/{chunk-KWZ62LPZ.cjs → chunk-TZP7PSPG.cjs} +249 -243
- package/dist/{chunk-USMR73ND.cjs → chunk-U5VQFKRZ.cjs} +6 -6
- package/dist/{chunk-L5CKY5WA.cjs → chunk-UW6AOF42.cjs} +22 -22
- package/dist/chunk-V4FXUIMH.cjs +92 -0
- package/dist/{chunk-2JRSYWFP.cjs → chunk-VXAKQRV7.cjs} +5 -5
- package/dist/{chunk-3XLDYEQD.cjs → chunk-VY3NGJRH.cjs} +53 -51
- package/dist/{chunk-TOPGBOCN.cjs → chunk-WCSWWVPF.cjs} +2 -2
- package/dist/{chunk-EQBJHJS7.cjs → chunk-WMZIBRTR.cjs} +2 -2
- package/dist/{chunk-5QP3K2CE.cjs → chunk-XEYL6AFZ.cjs} +9 -9
- package/dist/{chunk-VDXBACD3.cjs → chunk-XVAVQ4BK.cjs} +116 -82
- package/dist/{chunk-5AOKXXHV.cjs → chunk-Y6MQBLTZ.cjs} +4 -4
- package/dist/{cloud-tenants-ISGAMTJD.cjs → cloud-tenants-EUH42CCL.cjs} +27 -24
- package/dist/components/case-studies/index.cjs +45 -41
- package/dist/components/chat/index.cjs +21 -17
- package/dist/components/contact/index.cjs +28 -25
- package/dist/components/docs/index.cjs +31 -28
- package/dist/components/embeds/index.cjs +28 -25
- package/dist/components/faq/index.cjs +29 -26
- package/dist/components/features/index.cjs +28 -24
- package/dist/components/features/use-file-playback.d.ts +6 -4
- package/dist/components/features/use-file-playback.d.ts.map +1 -1
- package/dist/components/features/use-file-playback.js +16 -7
- package/dist/components/help-center-pages/index.cjs +131 -127
- package/dist/components/index.cjs +94 -90
- package/dist/components/meeting-scheduler/index.cjs +95 -92
- package/dist/components/navigation/index.cjs +30 -27
- package/dist/components/navigation/nav-panel.d.ts.map +1 -1
- package/dist/components/navigation/nav-panel.js +47 -13
- package/dist/components/onboarding-guides/index.cjs +30 -27
- package/dist/components/product-demo/index.cjs +38 -35
- package/dist/components/related-content/index.cjs +15 -12
- package/dist/components/tickets/index.cjs +33 -30
- package/dist/components/ui/index.cjs +28 -24
- package/dist/{devices-AHJX6ACJ.cjs → devices-WL3I23EE.cjs} +28 -25
- package/dist/{embeddable-chat-DI7ZZTBP.cjs → embeddable-chat-KEWUGQIF.cjs} +99 -95
- package/dist/hooks/index.cjs +12 -10
- package/dist/index.cjs +36 -30
- package/dist/{knowledge-FH5GVRVP.cjs → knowledge-O3PXUX73.cjs} +28 -25
- package/dist/{logs-JBIHHLUQ.cjs → logs-XODCXWYI.cjs} +35 -32
- package/dist/{policies-XLJ2ABY5.cjs → policies-CQACBIKK.cjs} +31 -28
- package/dist/{remote-session-TC3BZDBZ.cjs → remote-session-TGM2OTTV.cjs} +12 -10
- package/dist/{scripts-CQLXM7PP.cjs → scripts-QMM6SEB5.cjs} +34 -31
- package/dist/{software-update-7NYZ7L76.cjs → software-update-CCCKS4ZE.cjs} +31 -28
- package/dist/{tickets-board-YT25IX3O.cjs → tickets-board-FB5AGLJD.cjs} +16 -14
- package/dist/{video-file-player-4TXA7BZF.cjs → video-file-player-SIJW5UWU.cjs} +19 -9
- package/package.json +1 -1
- package/src/components/features/use-file-playback.ts +33 -14
- package/src/components/navigation/nav-panel.tsx +74 -14
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk4JZDJ34Ecjs = require('./chunk-4JZDJ34E.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkU5VQFKRZcjs = require('./chunk-U5VQFKRZ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
@@ -18,19 +18,19 @@ var _chunkUSMR73NDcjs = require('./chunk-USMR73ND.cjs');
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _chunkHXLOCZMGcjs = require('./chunk-HXLOCZMG.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _chunkR6BKQKIFcjs = require('./chunk-R6BKQKIF.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _chunk5PK22JP7cjs = require('./chunk-5PK22JP7.cjs');
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
var
|
|
33
|
+
var _chunkVXAKQRV7cjs = require('./chunk-VXAKQRV7.cjs');
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
|
|
@@ -38,14 +38,15 @@ var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
var _chunkBTVO676Bcjs = require('./chunk-BTVO676B.cjs');
|
|
42
41
|
|
|
42
|
+
var _chunkS3YDUX2Icjs = require('./chunk-S3YDUX2I.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
var _chunkKWZ62LPZcjs = require('./chunk-KWZ62LPZ.cjs');
|
|
46
45
|
|
|
46
|
+
var _chunkTZP7PSPGcjs = require('./chunk-TZP7PSPG.cjs');
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
|
|
49
|
+
var _chunkLBGAHB6Xcjs = require('./chunk-LBGAHB6X.cjs');
|
|
49
50
|
|
|
50
51
|
|
|
51
52
|
var _chunk756VZNPPcjs = require('./chunk-756VZNPP.cjs');
|
|
@@ -93,24 +94,23 @@ var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
|
|
|
93
94
|
var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
|
|
94
95
|
|
|
95
96
|
|
|
96
|
-
|
|
97
|
-
var _chunkY3EBUFX4cjs = require('./chunk-Y3EBUFX4.cjs');
|
|
97
|
+
var _chunkMQPTOJMFcjs = require('./chunk-MQPTOJMF.cjs');
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
|
-
var
|
|
101
|
+
var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var
|
|
104
|
+
var _chunkAQXKXZWBcjs = require('./chunk-AQXKXZWB.cjs');
|
|
105
105
|
|
|
106
106
|
|
|
107
107
|
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
var
|
|
110
|
+
var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
|
|
111
111
|
|
|
112
112
|
|
|
113
|
-
var
|
|
113
|
+
var _chunkSZHDXXMKcjs = require('./chunk-SZHDXXMK.cjs');
|
|
114
114
|
|
|
115
115
|
|
|
116
116
|
|
|
@@ -166,7 +166,7 @@ function RowGlyph({ link, box, glyph }) {
|
|
|
166
166
|
{
|
|
167
167
|
"aria-hidden": "true",
|
|
168
168
|
className: _chunk65VVJSQZcjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
|
|
169
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
169
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
|
|
170
170
|
}
|
|
171
171
|
);
|
|
172
172
|
}
|
|
@@ -179,7 +179,7 @@ function RowGlyph({ link, box, glyph }) {
|
|
|
179
179
|
"flex shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg text-ods-text-primary",
|
|
180
180
|
box
|
|
181
181
|
),
|
|
182
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
182
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
|
|
183
183
|
}
|
|
184
184
|
);
|
|
185
185
|
}
|
|
@@ -192,7 +192,7 @@ function NavItemRow({
|
|
|
192
192
|
className
|
|
193
193
|
}) {
|
|
194
194
|
const label = navLinkLabel(link);
|
|
195
|
-
const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
195
|
+
const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
|
|
196
196
|
const singleLine = !link.description && !link.builtOn;
|
|
197
197
|
const rowClassName = _chunk65VVJSQZcjs.cn.call(void 0,
|
|
198
198
|
ROW_CLASSES[variant],
|
|
@@ -209,7 +209,7 @@ function NavItemRow({
|
|
|
209
209
|
] });
|
|
210
210
|
} else if (variant === "side") {
|
|
211
211
|
children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
212
|
-
link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
212
|
+
link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
|
|
213
213
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: label }),
|
|
214
214
|
counter
|
|
215
215
|
] });
|
|
@@ -235,6 +235,50 @@ function NavItemRow({
|
|
|
235
235
|
|
|
236
236
|
// src/components/navigation/nav-panel.tsx
|
|
237
237
|
|
|
238
|
+
var featureCard = null;
|
|
239
|
+
var featureCardLoad = null;
|
|
240
|
+
var featureCardListeners = /* @__PURE__ */ new Set();
|
|
241
|
+
function loadFeatureCard() {
|
|
242
|
+
if (featureCard || featureCardLoad) return;
|
|
243
|
+
featureCardLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./case-study-card-FMH622O5.cjs"))).then((module) => {
|
|
244
|
+
featureCard = module.CaseStudyCard;
|
|
245
|
+
for (const listener of featureCardListeners) listener();
|
|
246
|
+
}).catch(() => void 0).finally(() => {
|
|
247
|
+
featureCardLoad = null;
|
|
248
|
+
});
|
|
249
|
+
}
|
|
250
|
+
function subscribeToFeatureCard(listener) {
|
|
251
|
+
featureCardListeners.add(listener);
|
|
252
|
+
const cancel = _chunkS3YDUX2Icjs.afterPageLoad.call(void 0, loadFeatureCard);
|
|
253
|
+
return () => {
|
|
254
|
+
featureCardListeners.delete(listener);
|
|
255
|
+
cancel();
|
|
256
|
+
};
|
|
257
|
+
}
|
|
258
|
+
var loadedFeatureCard = () => featureCard;
|
|
259
|
+
var noFeatureCard = () => null;
|
|
260
|
+
function FeatureCards({
|
|
261
|
+
features,
|
|
262
|
+
open,
|
|
263
|
+
onNavigate
|
|
264
|
+
}) {
|
|
265
|
+
const Card = _react.useSyncExternalStore.call(void 0, subscribeToFeatureCard, loadedFeatureCard, noFeatureCard);
|
|
266
|
+
_react.useEffect.call(void 0, () => {
|
|
267
|
+
if (open) loadFeatureCard();
|
|
268
|
+
}, [open]);
|
|
269
|
+
if (!Card) return null;
|
|
270
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: features.map((feature) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
271
|
+
Card,
|
|
272
|
+
{
|
|
273
|
+
size: "menu",
|
|
274
|
+
study: feature.study,
|
|
275
|
+
href: feature.href,
|
|
276
|
+
mediaMounted: open,
|
|
277
|
+
onNavigate,
|
|
278
|
+
className: "h-full"
|
|
279
|
+
}
|
|
280
|
+
) }, feature.id)) });
|
|
281
|
+
}
|
|
238
282
|
var TWO_COLUMN_OVER = 4;
|
|
239
283
|
function isMegaMenu(menu) {
|
|
240
284
|
return (_nullishCoalesce(_optionalChain([menu, 'access', _2 => _2.columns, 'optionalAccess', _3 => _3.length]), () => ( 0))) > 1 || !!_optionalChain([menu, 'access', _4 => _4.features, 'optionalAccess', _5 => _5.length]) || !!_optionalChain([menu, 'access', _6 => _6.sideLinks, 'optionalAccess', _7 => _7.length]);
|
|
@@ -312,17 +356,7 @@ var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
|
|
|
312
356
|
columns.map((group) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Column, { group, wide: true, rowProps }, group.id)),
|
|
313
357
|
!!_optionalChain([menu, 'access', _10 => _10.features, 'optionalAccess', _11 => _11.length]) && // One row of cards, as many as the bar's width holds: a card that
|
|
314
358
|
// would wrap lands on a zero-height row, where its cell clips it.
|
|
315
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid min-w-0 flex-[3] auto-rows-[0px] grid-cols-[repeat(auto-fit,minmax(240px,1fr))] grid-rows-[minmax(0,1fr)] gap-x-[var(--spacing-system-mf)]", children:
|
|
316
|
-
_chunkY3EBUFX4cjs.CaseStudyCard,
|
|
317
|
-
{
|
|
318
|
-
size: "menu",
|
|
319
|
-
study: feature.study,
|
|
320
|
-
href: feature.href,
|
|
321
|
-
mediaMounted: open,
|
|
322
|
-
onNavigate,
|
|
323
|
-
className: "h-full"
|
|
324
|
-
}
|
|
325
|
-
) }, feature.id)) }),
|
|
359
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid min-w-0 flex-[3] auto-rows-[0px] grid-cols-[repeat(auto-fit,minmax(240px,1fr))] grid-rows-[minmax(0,1fr)] gap-x-[var(--spacing-system-mf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FeatureCards, { features: menu.features, open, onNavigate }) }),
|
|
326
360
|
!!_optionalChain([menu, 'access', _12 => _12.sideLinks, 'optionalAccess', _13 => _13.length]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-[260px] shrink-0 flex-col gap-0.5 border-l border-ods-border pl-8 pt-5", children: [
|
|
327
361
|
menu.sideTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HEADING_CLASS, children: menu.sideTitle }),
|
|
328
362
|
menu.sideLinks.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -430,7 +464,7 @@ function TopNavigation({
|
|
|
430
464
|
|
|
431
465
|
var TOP_ITEM_CLASS = "relative inline-flex h-10 items-center gap-1.5 whitespace-nowrap rounded-md px-3.5 text-ods-text-secondary transition-colors text-h6 hover:bg-ods-bg-hover hover:text-ods-text-primary";
|
|
432
466
|
var TOP_ITEM_CURRENT_CLASS = "rounded-b-none bg-gradient-to-b from-transparent to-ods-accent/10 text-ods-text-primary after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-ods-accent";
|
|
433
|
-
var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
467
|
+
var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
|
|
434
468
|
function SiteHeader({
|
|
435
469
|
nav,
|
|
436
470
|
pathname,
|
|
@@ -453,8 +487,8 @@ function SiteHeader({
|
|
|
453
487
|
}) {
|
|
454
488
|
const [show, setShow] = _react.useState.call(void 0, true);
|
|
455
489
|
const lastScrollY = _react.useRef.call(void 0, 0);
|
|
456
|
-
const activeId =
|
|
457
|
-
const { openId, close, getTriggerProps, getPanelProps } =
|
|
490
|
+
const activeId = _chunk5PK22JP7cjs.useActiveSection.call(void 0, nav.menus, pathname);
|
|
491
|
+
const { openId, close, getTriggerProps, getPanelProps } = _chunk5PK22JP7cjs.useNavMenus.call(void 0, { pathname });
|
|
458
492
|
const [trail, setTrail] = _react.useState.call(void 0, { id: null, from: null });
|
|
459
493
|
if (trail.id !== openId) setTrail({ id: openId, from: trail.id });
|
|
460
494
|
const previousId = trail.id === openId ? trail.from : trail.id;
|
|
@@ -580,7 +614,7 @@ function SiteHeader({
|
|
|
580
614
|
leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
581
615
|
leading,
|
|
582
616
|
mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
583
|
-
|
|
617
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
584
618
|
{
|
|
585
619
|
className: "border-r border-ods-border lg:hidden",
|
|
586
620
|
onClick: mobile.onToggle,
|
|
@@ -606,7 +640,7 @@ function SiteHeader({
|
|
|
606
640
|
centerClassName: "justify-start pl-[var(--spacing-system-xlf)]",
|
|
607
641
|
cta: hasRight ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
608
642
|
mingo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
609
|
-
|
|
643
|
+
_chunkS3YDUX2Icjs.MingoAiButton,
|
|
610
644
|
{
|
|
611
645
|
source: mingo.source,
|
|
612
646
|
icon: mingo.icon,
|
|
@@ -672,9 +706,9 @@ function MobileNavSheetBody({
|
|
|
672
706
|
const sheetRef = _react.useRef.call(void 0, null);
|
|
673
707
|
const menus = [..._nullishCoalesce(nav.mobileMenus, () => ( nav.menus)), ..._nullishCoalesce(extraMenus, () => ( []))];
|
|
674
708
|
_overlays.usePreventScroll.call(void 0, );
|
|
675
|
-
|
|
709
|
+
_chunk5PK22JP7cjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
|
|
676
710
|
const [openGroups, setOpenGroups] = _react.useState.call(void 0, () => {
|
|
677
|
-
const active =
|
|
711
|
+
const active = _chunk5PK22JP7cjs.resolveActiveSection.call(void 0, menus, pathname);
|
|
678
712
|
return active ? { [active]: true } : {};
|
|
679
713
|
});
|
|
680
714
|
const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", href: nav.primaryCta.href, onClick: onClose, className: "w-full", children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
|
|
@@ -710,7 +744,7 @@ function MobileNavSheetBody({
|
|
|
710
744
|
] }),
|
|
711
745
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-5", children: [
|
|
712
746
|
askAI && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
713
|
-
|
|
747
|
+
_chunkS3YDUX2Icjs.MingoAiButton,
|
|
714
748
|
{
|
|
715
749
|
variant: "field",
|
|
716
750
|
source: askAI.source,
|
|
@@ -888,7 +922,7 @@ function SiteFooter({
|
|
|
888
922
|
const columns = nav.footerColumns;
|
|
889
923
|
const accordion = columns.length > ACCORDION_OVER;
|
|
890
924
|
const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
891
|
-
|
|
925
|
+
_chunkHXLOCZMGcjs.SocialIconRow,
|
|
892
926
|
{
|
|
893
927
|
compact: true,
|
|
894
928
|
links: nav.brand.social.map((link) => ({
|
|
@@ -991,12 +1025,12 @@ var _framermotion = require('framer-motion');
|
|
|
991
1025
|
|
|
992
1026
|
function SlidingSidebar({ config }) {
|
|
993
1027
|
const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
|
|
994
|
-
const mounted =
|
|
1028
|
+
const mounted = _chunkTZP7PSPGcjs.useIsHydrated.call(void 0, );
|
|
995
1029
|
const headerHeight = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, );
|
|
996
1030
|
const asideRef = _react.useRef.call(void 0, null);
|
|
997
1031
|
const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
|
|
998
1032
|
_overlays.usePreventScroll.call(void 0, { isDisabled: !config.isOpen });
|
|
999
|
-
|
|
1033
|
+
_chunk5PK22JP7cjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
|
|
1000
1034
|
const toggleExpanded = (itemId) => {
|
|
1001
1035
|
const newExpanded = new Set(expandedItems);
|
|
1002
1036
|
if (newExpanded.has(itemId)) {
|
|
@@ -1123,7 +1157,7 @@ function SlidingSidebar({ config }) {
|
|
|
1123
1157
|
duration: 0.3,
|
|
1124
1158
|
ease: [0.4, 0, 0.2, 1]
|
|
1125
1159
|
},
|
|
1126
|
-
className: _chunk65VVJSQZcjs.cn.call(void 0, "fixed inset-0 z-[45]",
|
|
1160
|
+
className: _chunk65VVJSQZcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkR6BKQKIFcjs.OVERLAY_BACKDROP_CLASS),
|
|
1127
1161
|
onClick: () => config.onClose()
|
|
1128
1162
|
}
|
|
1129
1163
|
) }),
|
|
@@ -1166,7 +1200,7 @@ function SlidingSidebar({ config }) {
|
|
|
1166
1200
|
// src/components/navigation/page-section-bar.tsx
|
|
1167
1201
|
|
|
1168
1202
|
|
|
1169
|
-
var SECTION_BAR_HEIGHT_PX =
|
|
1203
|
+
var SECTION_BAR_HEIGHT_PX = _chunk4JZDJ34Ecjs.STICKY_SECTION_NAV_HEIGHT_PX;
|
|
1170
1204
|
var PAGE_ANCHOR_SCROLL_MARGIN_CLASS = "scroll-mt-36";
|
|
1171
1205
|
var PAGE_ANCHOR_SCOPE_CLASS = "[&_[id]]:scroll-mt-36";
|
|
1172
1206
|
var PAGE_ANCHOR_GAP_PX = 16;
|
|
@@ -1194,21 +1228,21 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
|
|
|
1194
1228
|
const sections = useRenderedSections(listed);
|
|
1195
1229
|
const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
|
|
1196
1230
|
const headerBottom = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, void 0, { stuckOnly: true });
|
|
1197
|
-
const { activeSection, handleSectionClick } =
|
|
1231
|
+
const { activeSection, handleSectionClick } = _chunk4JZDJ34Ecjs.useScrollSpy.call(void 0, sections, {
|
|
1198
1232
|
syncHash: true,
|
|
1199
1233
|
aboveFirst: "none",
|
|
1200
1234
|
headerOffset: headerBottom + SECTION_BAR_HEIGHT_PX + PAGE_ANCHOR_GAP_PX
|
|
1201
1235
|
});
|
|
1202
1236
|
if (sections.length === 0 && !inScope) return null;
|
|
1203
1237
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1204
|
-
|
|
1238
|
+
_chunkHXLOCZMGcjs.PageContainer,
|
|
1205
1239
|
{
|
|
1206
1240
|
as: "div",
|
|
1207
1241
|
backgroundClassName: "sticky z-30 border-b border-ods-border bg-ods-bg transition-[top] duration-300 ease-in-out motion-reduce:transition-none",
|
|
1208
1242
|
backgroundStyle: { top: headerBottom },
|
|
1209
1243
|
contentPadding: SECTION_BAR_INSET_CLASS,
|
|
1210
1244
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1211
|
-
|
|
1245
|
+
_chunk4JZDJ34Ecjs.StickySectionNav,
|
|
1212
1246
|
{
|
|
1213
1247
|
orientation: "horizontal",
|
|
1214
1248
|
label,
|
|
@@ -1217,7 +1251,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
|
|
|
1217
1251
|
onSectionClick: handleSectionClick,
|
|
1218
1252
|
brand,
|
|
1219
1253
|
action: action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1220
|
-
|
|
1254
|
+
_chunkTZP7PSPGcjs.NavLinkAnchorViaRuntime,
|
|
1221
1255
|
{
|
|
1222
1256
|
href: action.href,
|
|
1223
1257
|
onClick: (event) => {
|
|
@@ -1271,7 +1305,7 @@ function NavigationSidebarHeader({ minimized }) {
|
|
|
1271
1305
|
|
|
1272
1306
|
function NavigationItemBadge({ label, compact = false, className, ...rest }) {
|
|
1273
1307
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1274
|
-
|
|
1308
|
+
_chunkBNUZKBNVcjs.Tag,
|
|
1275
1309
|
{
|
|
1276
1310
|
as: "span",
|
|
1277
1311
|
label,
|
|
@@ -1336,7 +1370,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
|
|
|
1336
1370
|
_react.cloneElement.call(void 0, item.icon, {
|
|
1337
1371
|
color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
|
|
1338
1372
|
}),
|
|
1339
|
-
hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1373
|
+
hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.UnreadDot, { size: "fixed" })
|
|
1340
1374
|
] }),
|
|
1341
1375
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
1342
1376
|
"span",
|
|
@@ -1427,17 +1461,17 @@ var SIDEBAR_GEOMETRY_CLASSES = [
|
|
|
1427
1461
|
var SIDEBAR_TABLET_WIDTH = { rail: "md:w-14", overlay: "md:w-56" };
|
|
1428
1462
|
var isModifiedClick = (event) => !!event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0);
|
|
1429
1463
|
function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
|
|
1430
|
-
const isMdUp = _nullishCoalesce(
|
|
1431
|
-
const isLgUp = _nullishCoalesce(
|
|
1464
|
+
const isMdUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useMdUp.call(void 0, ), () => ( false));
|
|
1465
|
+
const isLgUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useLgUp.call(void 0, ), () => ( false));
|
|
1432
1466
|
const isTablet = isMdUp && !isLgUp;
|
|
1433
|
-
const [desktopMinimized, setDesktopMinimized] =
|
|
1467
|
+
const [desktopMinimized, setDesktopMinimized] = _chunkVXAKQRV7cjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
|
|
1434
1468
|
const [tabletMinimized, setTabletMinimized] = _react.useState.call(void 0, true);
|
|
1435
1469
|
const [tabletFor, setTabletFor] = _react.useState.call(void 0, isTablet);
|
|
1436
1470
|
if (tabletFor !== isTablet) {
|
|
1437
1471
|
setTabletFor(isTablet);
|
|
1438
1472
|
if (isTablet) setTabletMinimized(true);
|
|
1439
1473
|
}
|
|
1440
|
-
const hydrated =
|
|
1474
|
+
const hydrated = _chunkTZP7PSPGcjs.useIsHydrated.call(void 0, );
|
|
1441
1475
|
const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : _nullishCoalesce(config.minimized, () => ( false));
|
|
1442
1476
|
const [transitionsEnabled, setTransitionsEnabled] = _react.useState.call(void 0, false);
|
|
1443
1477
|
const isOverlayOpen = isTablet && !minimized;
|
|
@@ -1504,10 +1538,10 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
|
|
|
1504
1538
|
};
|
|
1505
1539
|
}, [config.loading, _optionalChain([config, 'access', _44 => _44.loadingRows, 'optionalAccess', _45 => _45.primary]), _optionalChain([config, 'access', _46 => _46.loadingRows, 'optionalAccess', _47 => _47.secondary])]);
|
|
1506
1540
|
const sidebarWidth = _react.useMemo.call(void 0, () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`, [minimized]);
|
|
1507
|
-
|
|
1541
|
+
_chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
|
|
1508
1542
|
document.documentElement.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
|
|
1509
1543
|
}, [sidebarWidth]);
|
|
1510
|
-
|
|
1544
|
+
_chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
|
|
1511
1545
|
if (transitionsEnabled) return void 0;
|
|
1512
1546
|
const id = requestAnimationFrame(() => {
|
|
1513
1547
|
setTransitionsEnabled(true);
|
|
@@ -1629,7 +1663,7 @@ function HeaderGlobalSearch({
|
|
|
1629
1663
|
"form",
|
|
1630
1664
|
{
|
|
1631
1665
|
onSubmit: handleSubmit,
|
|
1632
|
-
...
|
|
1666
|
+
..._chunkS3YDUX2Icjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
|
|
1633
1667
|
className: _chunk65VVJSQZcjs.cn.call(void 0,
|
|
1634
1668
|
"flex h-full flex-1 items-center gap-2 px-3",
|
|
1635
1669
|
// Transparent so the cell inherits the bar's background
|
|
@@ -1700,7 +1734,7 @@ function HeaderMingoButton({
|
|
|
1700
1734
|
) : (
|
|
1701
1735
|
// Outer frame follows the button's text color (currentColor); the eyes
|
|
1702
1736
|
// and corner block are ODS cyan.
|
|
1703
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1737
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLBGAHB6Xcjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
|
|
1704
1738
|
),
|
|
1705
1739
|
!iconOnly && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap font-bold tracking-[-0.36px] text-h3", children: "Mingo AI" })
|
|
1706
1740
|
]
|
|
@@ -1754,16 +1788,16 @@ function HeaderOrganizationFilter({
|
|
|
1754
1788
|
// src/components/navigation/ticket-alerts-button.tsx
|
|
1755
1789
|
|
|
1756
1790
|
function TicketAlertsButton({ href, onNavigate, disabled, className }) {
|
|
1757
|
-
const live =
|
|
1791
|
+
const live = _chunkU5VQFKRZcjs.useOptionalTicketLive.call(void 0, );
|
|
1758
1792
|
if (!live || !live.authed || live.unreadTotal === 0) return null;
|
|
1759
1793
|
const targetId = live.nextUnreadTicketId;
|
|
1760
|
-
const target = targetId ?
|
|
1794
|
+
const target = targetId ? _chunkS3YDUX2Icjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
|
|
1761
1795
|
const handleClick = () => {
|
|
1762
1796
|
if (onNavigate) onNavigate(target);
|
|
1763
1797
|
else window.location.assign(target);
|
|
1764
1798
|
};
|
|
1765
1799
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1766
|
-
|
|
1800
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
1767
1801
|
{
|
|
1768
1802
|
icon: (
|
|
1769
1803
|
// Glyph inherits HeaderButton's standard cell coloring (secondary at
|
|
@@ -1773,7 +1807,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
|
|
|
1773
1807
|
// existing while updates are unread — never by tinting the glyph.
|
|
1774
1808
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
|
|
1775
1809
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
|
|
1776
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1810
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.UnreadCountBadge, { count: live.unreadTotal })
|
|
1777
1811
|
] })
|
|
1778
1812
|
),
|
|
1779
1813
|
"aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
|
|
@@ -1816,7 +1850,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1816
1850
|
loading = false,
|
|
1817
1851
|
loadingActionCells
|
|
1818
1852
|
}) {
|
|
1819
|
-
const isMdUp = _nullishCoalesce(
|
|
1853
|
+
const isMdUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useMdUp.call(void 0, ), () => ( false));
|
|
1820
1854
|
if (loading) {
|
|
1821
1855
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1822
1856
|
AppHeaderSkeleton,
|
|
@@ -1849,7 +1883,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1849
1883
|
leading: (
|
|
1850
1884
|
// Mobile: Burger Menu Button
|
|
1851
1885
|
!isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1852
|
-
|
|
1886
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
1853
1887
|
{
|
|
1854
1888
|
onClick: onToggleMobileMenu,
|
|
1855
1889
|
isActive: isMobileMenuOpen,
|
|
@@ -1875,7 +1909,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1875
1909
|
center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
|
|
1876
1910
|
sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1877
1911
|
showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1878
|
-
|
|
1912
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
1879
1913
|
{
|
|
1880
1914
|
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
|
|
1881
1915
|
"aria-label": "Search",
|
|
@@ -1892,7 +1926,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1892
1926
|
className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
|
|
1893
1927
|
}
|
|
1894
1928
|
),
|
|
1895
|
-
showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1929
|
+
showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.TimeTrackerHeaderButton, { disabled, className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
|
|
1896
1930
|
showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1897
1931
|
NotificationsHeaderButton,
|
|
1898
1932
|
{
|
|
@@ -1912,10 +1946,10 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1912
1946
|
),
|
|
1913
1947
|
isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { children: [
|
|
1914
1948
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1915
|
-
|
|
1949
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
1916
1950
|
{
|
|
1917
1951
|
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1918
|
-
|
|
1952
|
+
_chunkBNUZKBNVcjs.SquareAvatar,
|
|
1919
1953
|
{
|
|
1920
1954
|
src: userAvatarUrl || void 0,
|
|
1921
1955
|
alt: userName || "User",
|
|
@@ -1941,7 +1975,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1941
1975
|
children: [
|
|
1942
1976
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b border-ods-border bg-ods-card p-3", children: [
|
|
1943
1977
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1944
|
-
|
|
1978
|
+
_chunkBNUZKBNVcjs.SquareAvatar,
|
|
1945
1979
|
{
|
|
1946
1980
|
src: userAvatarUrl || void 0,
|
|
1947
1981
|
alt: userName || "User",
|
|
@@ -1997,12 +2031,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
|
|
|
1997
2031
|
);
|
|
1998
2032
|
});
|
|
1999
2033
|
function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
|
|
2000
|
-
const ctx =
|
|
2034
|
+
const ctx = _chunkHXLOCZMGcjs.useOptionalNotifications.call(void 0, );
|
|
2001
2035
|
const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _56 => _56.unreadCount]), () => ( fallbackUnreadCount))) > 0;
|
|
2002
2036
|
const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _57 => _57.isOpen]), () => ( false));
|
|
2003
2037
|
const onClick = _optionalChain([ctx, 'optionalAccess', _58 => _58.toggle]);
|
|
2004
2038
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2005
|
-
|
|
2039
|
+
_chunkHXLOCZMGcjs.HeaderButton,
|
|
2006
2040
|
{
|
|
2007
2041
|
icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: "h-6 w-6" }),
|
|
2008
2042
|
showUnreadDot: !isActive && hasUnread,
|
|
@@ -2074,7 +2108,7 @@ function AppHeaderSkeleton({
|
|
|
2074
2108
|
|
|
2075
2109
|
var SIDE_PANEL_INSET = 16;
|
|
2076
2110
|
var SIDE_PANEL_FRAME_WIDTH = 2;
|
|
2077
|
-
var MOBILE_QUERY = `not all and ${
|
|
2111
|
+
var MOBILE_QUERY = `not all and ${_chunkV4FXUIMHcjs.breakpoints.md}`;
|
|
2078
2112
|
var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
|
|
2079
2113
|
var MORPH_MS = 300;
|
|
2080
2114
|
var STORAGE_EVENT = "of:side-panel-size";
|
|
@@ -2156,7 +2190,7 @@ function useAppLayoutSidePanel(config, row) {
|
|
|
2156
2190
|
const minimum = { width: minWidth, expanded: false };
|
|
2157
2191
|
const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _62 => _62.defaultWidth]), () => ( minWidth)));
|
|
2158
2192
|
const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
|
|
2159
|
-
|
|
2193
|
+
_chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
|
|
2160
2194
|
if (!enabled || !row) return void 0;
|
|
2161
2195
|
const update = () => setRowWidth(row.clientWidth);
|
|
2162
2196
|
update();
|
|
@@ -2164,8 +2198,8 @@ function useAppLayoutSidePanel(config, row) {
|
|
|
2164
2198
|
observer.observe(row);
|
|
2165
2199
|
return () => observer.disconnect();
|
|
2166
2200
|
}, [enabled, row]);
|
|
2167
|
-
const isMobile =
|
|
2168
|
-
const reduceMotion =
|
|
2201
|
+
const isMobile = _chunkV4FXUIMHcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
|
|
2202
|
+
const reduceMotion = _chunkV4FXUIMHcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
|
|
2169
2203
|
const [morph, setMorph] = _react.useState.call(void 0, null);
|
|
2170
2204
|
const [liveWidth, setLiveWidth] = _react.useState.call(void 0, null);
|
|
2171
2205
|
const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _63 => _63.storageKey]), { width: defaultWidth, expanded: false });
|
|
@@ -2454,7 +2488,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
|
|
|
2454
2488
|
}) {
|
|
2455
2489
|
const panelRef = _react.useRef.call(void 0, null);
|
|
2456
2490
|
_overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
|
|
2457
|
-
|
|
2491
|
+
_chunk5PK22JP7cjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
|
|
2458
2492
|
const handleItemClick = _react.useCallback.call(void 0,
|
|
2459
2493
|
(item) => {
|
|
2460
2494
|
if (item.onClick) {
|
|
@@ -2519,7 +2553,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
|
|
|
2519
2553
|
{
|
|
2520
2554
|
className: _chunk65VVJSQZcjs.cn.call(void 0,
|
|
2521
2555
|
"absolute inset-0 z-[100] md:hidden",
|
|
2522
|
-
|
|
2556
|
+
_chunkR6BKQKIFcjs.OVERLAY_BACKDROP_CLASS,
|
|
2523
2557
|
"transition-all duration-300 motion-reduce:transition-none",
|
|
2524
2558
|
isOpen ? "opacity-100" : "pointer-events-none opacity-0"
|
|
2525
2559
|
),
|
|
@@ -2560,7 +2594,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
|
|
|
2560
2594
|
"aria-disabled": disabled || void 0,
|
|
2561
2595
|
children: [
|
|
2562
2596
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2563
|
-
|
|
2597
|
+
_chunkBNUZKBNVcjs.SquareAvatar,
|
|
2564
2598
|
{
|
|
2565
2599
|
src: user.userAvatarUrl || void 0,
|
|
2566
2600
|
alt: user.userName || "User",
|
|
@@ -2629,7 +2663,7 @@ function AppLayout({
|
|
|
2629
2663
|
const [contentWidth, setContentWidth] = _react.useState.call(void 0, null);
|
|
2630
2664
|
const hasSidePanel = sidePanel !== void 0;
|
|
2631
2665
|
const sidePanelState = useAppLayoutSidePanel(sidePanel, drawerContainer);
|
|
2632
|
-
|
|
2666
|
+
_chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
|
|
2633
2667
|
if (!hasSidePanel || !mainElement) return void 0;
|
|
2634
2668
|
const update = () => setContentWidth(mainElement.clientWidth);
|
|
2635
2669
|
update();
|
|
@@ -2675,7 +2709,7 @@ function AppLayout({
|
|
|
2675
2709
|
}),
|
|
2676
2710
|
[]
|
|
2677
2711
|
);
|
|
2678
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2712
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
|
|
2679
2713
|
topBar,
|
|
2680
2714
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
|
|
2681
2715
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
|
|
@@ -2699,7 +2733,7 @@ function AppLayout({
|
|
|
2699
2733
|
disabled
|
|
2700
2734
|
}
|
|
2701
2735
|
),
|
|
2702
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2736
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.NotificationDrawer, {}),
|
|
2703
2737
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2704
2738
|
"div",
|
|
2705
2739
|
{
|
|
@@ -2721,7 +2755,7 @@ function AppLayout({
|
|
|
2721
2755
|
_optionalChain([sidePanelState, 'optionalAccess', _76 => _76.overlapsContent]) && "isolate",
|
|
2722
2756
|
mainClassName
|
|
2723
2757
|
),
|
|
2724
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2758
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAQXKXZWBcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
|
|
2725
2759
|
}
|
|
2726
2760
|
)
|
|
2727
2761
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkWCSWWVPFcjs = require('./chunk-WCSWWVPF.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -184,14 +184,14 @@ function UnifiedPagination({
|
|
|
184
184
|
}, 0);
|
|
185
185
|
};
|
|
186
186
|
if (loading) {
|
|
187
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
187
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCSWWVPFcjs.Pagination, { loading: true, currentPage, totalPages, onPageChange: handlePageChange }) });
|
|
188
188
|
}
|
|
189
189
|
if (totalPages <= 1) {
|
|
190
|
-
return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
190
|
+
return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCSWWVPFcjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
|
|
191
191
|
} }) }) }) : null;
|
|
192
192
|
}
|
|
193
193
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
194
|
-
|
|
194
|
+
_chunkWCSWWVPFcjs.Pagination,
|
|
195
195
|
{
|
|
196
196
|
currentPage,
|
|
197
197
|
totalPages,
|