@flamingo-stack/openframe-frontend-core 0.0.770 → 0.0.772
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/build/export-map.json +1 -1
- package/dist/{chunk-C66DWLCR.cjs → chunk-2MAENZL3.cjs} +37 -37
- package/dist/{chunk-2MND64QJ.cjs → chunk-5HBGBLJT.cjs} +50 -63
- package/dist/{chunk-4EJU462O.cjs → chunk-5V7BIUGA.cjs} +2 -2
- package/dist/{chunk-HK6UQVOI.cjs → chunk-7FYOVKQD.cjs} +12 -12
- package/dist/{chunk-MYA6NR2C.cjs → chunk-CTRJNTYU.cjs} +2 -2
- package/dist/{chunk-S5EUREOB.cjs → chunk-E25TJPWV.cjs} +3 -3
- package/dist/{chunk-HQF62LAU.cjs → chunk-FPCGKH5K.cjs} +28 -28
- package/dist/{chunk-VATCQOVC.cjs → chunk-FT5NPAZY.cjs} +17 -17
- package/dist/{chunk-I2TSCJT2.cjs → chunk-HFNWBNLE.cjs} +4 -4
- package/dist/{chunk-MFRIFVDV.cjs → chunk-IHCHU355.cjs} +41 -41
- package/dist/{chunk-NZELWPKO.cjs → chunk-ILZEXCJH.cjs} +98 -98
- package/dist/{chunk-DCBZMWLY.cjs → chunk-J5ZNEAGY.cjs} +24 -24
- package/dist/{chunk-BLTNKLAX.cjs → chunk-JJNOAYD4.cjs} +4 -4
- package/dist/{chunk-QS4G7CHU.cjs → chunk-KSCEAIBS.cjs} +2 -2
- package/dist/{chunk-Q575DR36.cjs → chunk-QOEOY7BJ.cjs} +33 -33
- package/dist/{chunk-SL7KFZWJ.cjs → chunk-QPK2433W.cjs} +24 -24
- package/dist/{chunk-VL44GB2I.cjs → chunk-REFL3YNE.cjs} +13 -13
- package/dist/{chunk-37XVY2RE.cjs → chunk-S3NEBAKD.cjs} +6 -6
- package/dist/{chunk-TBKXXMBU.cjs → chunk-UR3I3J5K.cjs} +90 -86
- package/dist/{chunk-MZLWB5AH.cjs → chunk-V3W56L2D.cjs} +18 -9
- package/dist/{chunk-4BRO3RZ6.cjs → chunk-VZAOLKKF.cjs} +72 -80
- package/dist/{chunk-QMUKTHWM.cjs → chunk-W5LX7DFB.cjs} +3 -3
- package/dist/{chunk-ZVNL5OK6.cjs → chunk-X5Z4HRH7.cjs} +2 -2
- package/dist/{chunk-WUYL4BMD.cjs → chunk-YI3CDGKM.cjs} +70 -70
- package/dist/{chunk-BZLHU4EK.cjs → chunk-ZVKJKWAB.cjs} +713 -695
- package/dist/{chunk-QSLKTDZ4.cjs → chunk-ZYGC2A7G.cjs} +4 -4
- package/dist/{cloud-tenants-IAZQL2JF.cjs → cloud-tenants-CUNC5KBD.cjs} +8 -8
- package/dist/components/case-studies/index.cjs +32 -30
- package/dist/components/case-studies/quote-cards-strip.d.ts +7 -2
- package/dist/components/case-studies/quote-cards-strip.d.ts.map +1 -1
- package/dist/components/case-studies/quote-cards-strip.js +7 -5
- package/dist/components/categories-cart.d.ts +9 -2
- package/dist/components/categories-cart.d.ts.map +1 -1
- package/dist/components/categories-cart.js +9 -4
- package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts +5 -1
- package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts.map +1 -1
- package/dist/components/chat/entity-cards/program-card.d.ts.map +1 -1
- package/dist/components/chat/entity-cards/program-card.js +2 -2
- package/dist/components/chat/index.cjs +5 -5
- package/dist/components/contact/index.cjs +9 -9
- package/dist/components/docs/index.cjs +12 -12
- package/dist/components/embeds/index.cjs +9 -9
- package/dist/components/faq/faq-section.d.ts +7 -4
- package/dist/components/faq/faq-section.d.ts.map +1 -1
- package/dist/components/faq/index.cjs +10 -10
- package/dist/components/faq-accordion.d.ts +2 -4
- package/dist/components/faq-accordion.d.ts.map +1 -1
- package/dist/components/features/capability-explorer.d.ts +8 -2
- package/dist/components/features/capability-explorer.d.ts.map +1 -1
- package/dist/components/features/capability-explorer.js +7 -3
- package/dist/components/features/cards-strip.d.ts +2 -2
- package/dist/components/features/index.cjs +8 -8
- package/dist/components/features/model-token-rates.js +2 -2
- package/dist/components/features/remote-session/remote-desktop-chat-panel.js +2 -2
- package/dist/components/help-center-pages/index.cjs +94 -103
- package/dist/components/help-center-pages/trust-center-page.d.ts +1 -1
- package/dist/components/help-center-pages/trust-center-sections.d.ts +7 -4
- package/dist/components/help-center-pages/trust-center-sections.d.ts.map +1 -1
- package/dist/components/help-center-pages/trust-center-sections.js +5 -14
- package/dist/components/index.cjs +66 -61
- package/dist/components/logs-list.d.ts.map +1 -1
- package/dist/components/logs-list.js +3 -2
- package/dist/components/meeting-scheduler/index.cjs +47 -47
- package/dist/components/navigation/index.cjs +11 -11
- package/dist/components/navigation/multi-level-navigation.d.ts +6 -7
- package/dist/components/navigation/multi-level-navigation.d.ts.map +1 -1
- package/dist/components/onboarding-guides/index.cjs +11 -11
- package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts +5 -5
- package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts.map +1 -1
- package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.js +3 -3
- package/dist/components/product-demo/index.cjs +18 -18
- package/dist/components/related-content/index.cjs +5 -5
- package/dist/components/related-content/related-content-section.d.ts.map +1 -1
- package/dist/components/related-content/related-content-section.js +4 -17
- package/dist/components/shared/dev-section/dev-card-row.d.ts +3 -3
- package/dist/components/shared/dev-section/dev-card-row.d.ts.map +1 -1
- package/dist/components/shared/product-release/release-detail-page.js +2 -2
- package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts +6 -1
- package/dist/components/shared/roadmap/roadmap-grid-skeleton.d.ts.map +1 -1
- package/dist/components/shared/roadmap/roadmap-grid-skeleton.js +3 -1
- package/dist/components/shared/roadmap/roadmap-grid.d.ts +10 -3
- package/dist/components/shared/roadmap/roadmap-grid.d.ts.map +1 -1
- package/dist/components/shared/roadmap/roadmap-grid.js +6 -3
- package/dist/components/tickets/help-center-list.js +4 -4
- package/dist/components/tickets/hooks/use-tickets-list.d.ts +2 -0
- package/dist/components/tickets/hooks/use-tickets-list.d.ts.map +1 -1
- package/dist/components/tickets/hooks/use-tickets-list.js +3 -2
- package/dist/components/tickets/index.cjs +14 -14
- package/dist/components/tickets/ticket-center.d.ts.map +1 -1
- package/dist/components/tickets/ticket-center.js +3 -9
- package/dist/components/ui/autocomplete.d.ts +5 -0
- package/dist/components/ui/autocomplete.d.ts.map +1 -1
- package/dist/components/ui/autocomplete.js +3 -2
- package/dist/components/ui/data-table/data-table-body.d.ts +5 -2
- package/dist/components/ui/data-table/data-table-body.d.ts.map +1 -1
- package/dist/components/ui/data-table/data-table-body.js +3 -1
- package/dist/components/ui/data-table/data-table-infinite-footer.d.ts +5 -2
- package/dist/components/ui/data-table/data-table-infinite-footer.d.ts.map +1 -1
- package/dist/components/ui/data-table/data-table-infinite-footer.js +5 -2
- package/dist/components/ui/data-table/utils.d.ts +21 -0
- package/dist/components/ui/data-table/utils.d.ts.map +1 -1
- package/dist/components/ui/data-table/utils.js +7 -0
- package/dist/components/ui/index.cjs +8 -8
- package/dist/components/ui/search-input.d.ts +3 -1
- package/dist/components/ui/search-input.d.ts.map +1 -1
- package/dist/components/ui/search-input.js +3 -2
- package/dist/components/ui/searchable-select.d.ts +2 -0
- package/dist/components/ui/searchable-select.d.ts.map +1 -1
- package/dist/components/ui/searchable-select.js +10 -6
- package/dist/components/ui/select.d.ts +11 -1
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.js +13 -5
- package/dist/components/ui/table/table-skeleton.d.ts +2 -2
- package/dist/components/ui/table/table.d.ts +1 -1
- package/dist/components/ui/table/table.d.ts.map +1 -1
- package/dist/components/ui/table/table.js +2 -1
- package/dist/components/ui/table/types.d.ts +1 -0
- package/dist/components/ui/table/types.d.ts.map +1 -1
- package/dist/{devices-7FDK2CGV.cjs → devices-TO4VUO7F.cjs} +9 -9
- package/dist/{embeddable-chat-3FR2RCHM.cjs → embeddable-chat-CEAP424I.cjs} +73 -73
- package/dist/index.cjs +15 -14
- package/dist/{knowledge-ZLHYBG4L.cjs → knowledge-CYJP4XYY.cjs} +9 -9
- package/dist/{logs-G6AFN7A6.cjs → logs-NL3ZBQKC.cjs} +16 -16
- package/dist/{policies-SEOK4IQO.cjs → policies-WTUV4EIT.cjs} +12 -12
- package/dist/{remote-session-WVORQV7V.cjs → remote-session-TC3BZDBZ.cjs} +4 -4
- package/dist/{scripts-HH4YVUBO.cjs → scripts-EE6MLBQP.cjs} +15 -15
- package/dist/{software-update-4A3XJZQB.cjs → software-update-HX6PN4SB.cjs} +12 -12
- package/dist/types/category.d.ts +5 -0
- package/dist/types/category.d.ts.map +1 -1
- package/dist/types/logs.types.d.ts +2 -0
- package/dist/types/logs.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/case-studies/quote-cards-strip.tsx +16 -7
- package/src/components/categories-cart.tsx +16 -5
- package/src/components/chat/entity-cards/admin-content-card-grid.tsx +5 -1
- package/src/components/chat/entity-cards/program-card.tsx +6 -3
- package/src/components/faq/faq-section.tsx +7 -4
- package/src/components/faq-accordion.tsx +2 -4
- package/src/components/features/capability-explorer.tsx +16 -4
- package/src/components/features/cards-strip.tsx +3 -3
- package/src/components/features/model-token-rates.tsx +4 -4
- package/src/components/features/remote-session/remote-desktop-chat-panel.tsx +4 -4
- package/src/components/help-center-pages/trust-center-page.tsx +1 -1
- package/src/components/help-center-pages/trust-center-sections.tsx +15 -22
- package/src/components/logs-list.tsx +6 -5
- package/src/components/navigation/multi-level-navigation.tsx +6 -7
- package/src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx +6 -6
- package/src/components/related-content/related-content-section.tsx +6 -27
- package/src/components/shared/dev-section/dev-card-row.tsx +3 -3
- package/src/components/shared/product-release/release-detail-page.tsx +2 -2
- package/src/components/shared/roadmap/roadmap-grid-skeleton.tsx +8 -2
- package/src/components/shared/roadmap/roadmap-grid.tsx +14 -4
- package/src/components/tickets/help-center-list.tsx +4 -4
- package/src/components/tickets/hooks/use-tickets-list.ts +3 -2
- package/src/components/tickets/ticket-center.tsx +4 -13
- package/src/components/ui/autocomplete.tsx +12 -3
- package/src/components/ui/data-table/data-table-body.tsx +8 -2
- package/src/components/ui/data-table/data-table-infinite-footer.tsx +10 -3
- package/src/components/ui/data-table/utils.ts +18 -0
- package/src/components/ui/search-input.tsx +9 -3
- package/src/components/ui/searchable-select.tsx +18 -9
- package/src/components/ui/select.tsx +28 -7
- package/src/components/ui/table/table-skeleton.tsx +2 -2
- package/src/components/ui/table/table.tsx +4 -1
- package/src/components/ui/table/types.ts +2 -1
- package/src/types/category.ts +5 -0
- package/src/types/logs.types.ts +2 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkE25TJPWVcjs = require('../../chunk-E25TJPWV.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
@@ -11,10 +11,10 @@ var _chunkSTEJZPIOcjs = require('../../chunk-STEJZPIO.cjs');
|
|
|
11
11
|
require('../../chunk-DKOLQPE7.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _chunkZVKJKWABcjs = require('../../chunk-ZVKJKWAB.cjs');
|
|
15
15
|
require('../../chunk-LJT2KRE2.cjs');
|
|
16
16
|
require('../../chunk-RB7VLVMD.cjs');
|
|
17
|
-
require('../../chunk-
|
|
17
|
+
require('../../chunk-V3W56L2D.cjs');
|
|
18
18
|
require('../../chunk-HQQE74RO.cjs');
|
|
19
19
|
require('../../chunk-DEY6XXGO.cjs');
|
|
20
20
|
require('../../chunk-XVFM6SJA.cjs');
|
|
@@ -22,10 +22,10 @@ require('../../chunk-2JRSYWFP.cjs');
|
|
|
22
22
|
require('../../chunk-24I6RFVU.cjs');
|
|
23
23
|
require('../../chunk-A6P6DHEZ.cjs');
|
|
24
24
|
require('../../chunk-MZ4KBSH7.cjs');
|
|
25
|
-
require('../../chunk-
|
|
25
|
+
require('../../chunk-KSCEAIBS.cjs');
|
|
26
26
|
require('../../chunk-C42WIUH6.cjs');
|
|
27
|
-
require('../../chunk-
|
|
28
|
-
require('../../chunk-
|
|
27
|
+
require('../../chunk-YI3CDGKM.cjs');
|
|
28
|
+
require('../../chunk-ILZEXCJH.cjs');
|
|
29
29
|
require('../../chunk-EHJE3UWZ.cjs');
|
|
30
30
|
require('../../chunk-RNLRS4ID.cjs');
|
|
31
31
|
require('../../chunk-5QP3K2CE.cjs');
|
|
@@ -1826,8 +1826,8 @@ require('../../chunk-7DNL734S.cjs');
|
|
|
1826
1826
|
require('../../chunk-WWUSFOJ7.cjs');
|
|
1827
1827
|
require('../../chunk-SKI6NKOE.cjs');
|
|
1828
1828
|
require('../../chunk-EWPR7662.cjs');
|
|
1829
|
-
require('../../chunk-
|
|
1830
|
-
require('../../chunk-
|
|
1829
|
+
require('../../chunk-FPCGKH5K.cjs');
|
|
1830
|
+
require('../../chunk-5V7BIUGA.cjs');
|
|
1831
1831
|
require('../../chunk-R3JX4MXD.cjs');
|
|
1832
1832
|
require('../../chunk-SETFUCZA.cjs');
|
|
1833
1833
|
require('../../chunk-VFUMM6JC.cjs');
|
|
@@ -1868,15 +1868,15 @@ var _react = require('react');
|
|
|
1868
1868
|
|
|
1869
1869
|
// src/components/product-demo/registry.ts
|
|
1870
1870
|
var PRODUCT_SCREEN_LOADERS = {
|
|
1871
|
-
"remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-
|
|
1872
|
-
"software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-
|
|
1873
|
-
devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-
|
|
1874
|
-
policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-
|
|
1875
|
-
"cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-
|
|
1871
|
+
"remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-TC3BZDBZ.cjs"))),
|
|
1872
|
+
"software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-HX6PN4SB.cjs"))),
|
|
1873
|
+
devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-TO4VUO7F.cjs"))),
|
|
1874
|
+
policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-WTUV4EIT.cjs"))),
|
|
1875
|
+
"cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-CUNC5KBD.cjs"))),
|
|
1876
1876
|
"tickets-board": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../tickets-board-YT25IX3O.cjs"))),
|
|
1877
|
-
logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-
|
|
1878
|
-
knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-
|
|
1879
|
-
scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-
|
|
1877
|
+
logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-NL3ZBQKC.cjs"))),
|
|
1878
|
+
knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-CYJP4XYY.cjs"))),
|
|
1879
|
+
scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-EE6MLBQP.cjs")))
|
|
1880
1880
|
};
|
|
1881
1881
|
|
|
1882
1882
|
// src/components/product-demo/screen-keys.ts
|
|
@@ -1902,7 +1902,7 @@ var PRODUCT_SCREEN_OPTIONS = PRODUCT_SCREEN_KEYS.map(
|
|
|
1902
1902
|
// src/components/product-demo/screen-loading.tsx
|
|
1903
1903
|
var _jsxruntime = require('react/jsx-runtime');
|
|
1904
1904
|
function DevicesScreenLoading({ compact = false }) {
|
|
1905
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1905
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE25TJPWVcjs.DevicesScreenView, { compact, loading: true });
|
|
1906
1906
|
}
|
|
1907
1907
|
var PRODUCT_SCREEN_LOADING = {
|
|
1908
1908
|
devices: DevicesScreenLoading
|
|
@@ -1939,7 +1939,7 @@ function ProductScreenShell({
|
|
|
1939
1939
|
const layoutWidth = _nullishCoalesce(compactWidth, () => ( // A screen with a minimum keeps it whether or not the host names a width (the frame's default is narrower).
|
|
1940
1940
|
(minWidth !== void 0 ? Math.max(_nullishCoalesce(designWidth, () => ( minWidth)), minWidth) : designWidth)));
|
|
1941
1941
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1942
|
-
|
|
1942
|
+
_chunkZVKJKWABcjs.ProductScreenFrame,
|
|
1943
1943
|
{
|
|
1944
1944
|
...frame,
|
|
1945
1945
|
designWidth: layoutWidth,
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
require('../../chunk-
|
|
8
|
-
require('../../chunk-
|
|
9
|
-
require('../../chunk-
|
|
6
|
+
var _chunk5HBGBLJTcjs = require('../../chunk-5HBGBLJT.cjs');
|
|
7
|
+
require('../../chunk-KSCEAIBS.cjs');
|
|
8
|
+
require('../../chunk-FPCGKH5K.cjs');
|
|
9
|
+
require('../../chunk-5V7BIUGA.cjs');
|
|
10
10
|
require('../../chunk-R3JX4MXD.cjs');
|
|
11
11
|
require('../../chunk-SETFUCZA.cjs');
|
|
12
12
|
require('../../chunk-VFUMM6JC.cjs');
|
|
@@ -36,4 +36,4 @@ require('../../chunk-65VVJSQZ.cjs');
|
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
exports.GROUP_PAGE_SIZE =
|
|
39
|
+
exports.GROUP_PAGE_SIZE = _chunk5HBGBLJTcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunk5HBGBLJTcjs.RelatedContentSection; exports.RelatedContentSectionSkeleton = _chunk5HBGBLJTcjs.RelatedContentSectionSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"related-content-section.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/related-content-section.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAYhF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAa5E,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,iBAAiB,CAAC;AAEzB;;;;6EAI6E;AAC7E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,mBAAmB,GAAG,IAAI,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CAChF;AACD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAuB1E;;8DAE8D;AAC9D,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAC5D;AA2JD;;;;;;;mEAOmE;AACnE,eAAO,MAAM,eAAe,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"related-content-section.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/related-content-section.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,18 +108,7 @@ const GROUP_CLASS = "space-y-4";
|
|
|
108
108
|
const GROUP_LIST_CLASS = "space-y-4";
|
|
109
109
|
const GROUP_HEADING_CLASS = "font-semibold text-ods-text-secondary text-h5";
|
|
110
110
|
const RAIL_CLASS = "flex flex-col gap-8";
|
|
111
|
-
const RAIL_SKELETON_CARDS = 3;
|
|
112
|
-
const RAIL_LIST_FOLD = 2;
|
|
113
|
-
const RAIL_GRID_FOLD_ROWS = 2;
|
|
114
111
|
const UNKNOWN_TYPE_CARD = "blog_post_existing";
|
|
115
|
-
const GRID_COLUMNS_BY_STEP = { 2: [1, 2, 2], 3: [1, 2, 3] };
|
|
116
|
-
function gridFoldClass(index, columns) {
|
|
117
|
-
const [phone, sm, lg] = GRID_COLUMNS_BY_STEP[columns].map((c) => c * RAIL_GRID_FOLD_ROWS);
|
|
118
|
-
if (index < phone) return void 0;
|
|
119
|
-
if (index < sm) return "hidden sm:block";
|
|
120
|
-
if (index < lg) return "hidden lg:block";
|
|
121
|
-
return "hidden";
|
|
122
|
-
}
|
|
123
112
|
function GroupHeading({ type }) {
|
|
124
113
|
return /* @__PURE__ */ jsx("h3", { className: GROUP_HEADING_CLASS, children: getContentRefLabelOrTitleCase(type) });
|
|
125
114
|
}
|
|
@@ -362,9 +351,9 @@ function RelatedContentSectionSkeleton({
|
|
|
362
351
|
const canonicalEntityType = entityType ? canonicalContentRefType(entityType) : null;
|
|
363
352
|
const unknownGroup = types.length === 0 ? /* @__PURE__ */ jsxs("div", { className: GROUP_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
|
|
364
353
|
/* @__PURE__ */ jsx("h3", { className: GROUP_HEADING_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
|
|
365
|
-
/* @__PURE__ */ jsx("div", { className: gridClassFor(columns), children: Array.from({ length:
|
|
354
|
+
/* @__PURE__ */ jsx("div", { className: gridClassFor(columns), children: Array.from({ length: GROUP_PAGE_SIZE }, (_, i) => (
|
|
366
355
|
// biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
|
|
367
|
-
/* @__PURE__ */ jsx("div", {
|
|
356
|
+
/* @__PURE__ */ jsx("div", { "data-loading-item": true, children: renderSkeletonForType(UNKNOWN_TYPE_CARD, "default", adminCampaignCard, extras) }, i)
|
|
368
357
|
)) })
|
|
369
358
|
] }) : null;
|
|
370
359
|
return /* @__PURE__ */ jsxs(LoadingRegion, { as: "section", label: "Loading related content", className: RAIL_CLASS, children: [
|
|
@@ -374,15 +363,13 @@ function RelatedContentSectionSkeleton({
|
|
|
374
363
|
const config = resolveGroupConfig(type);
|
|
375
364
|
const sameType = canonicalEntityType !== null && canonicalContentRefType(type) === canonicalEntityType;
|
|
376
365
|
const isList = config.layout === "list";
|
|
377
|
-
const fold = isList ? RAIL_LIST_FOLD : Math.max(...GRID_COLUMNS_BY_STEP[columns]) * RAIL_GRID_FOLD_ROWS;
|
|
378
366
|
const count = Math.min(
|
|
379
367
|
GROUP_PAGE_SIZE,
|
|
380
|
-
|
|
381
|
-
(sameType ? sameTypeMinResults ?? minResults : minResults) ?? RAIL_SKELETON_CARDS
|
|
368
|
+
(sameType ? sameTypeMinResults ?? minResults : minResults) ?? GROUP_PAGE_SIZE
|
|
382
369
|
);
|
|
383
370
|
const cards = Array.from({ length: count }, (_, i) => (
|
|
384
371
|
// biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
|
|
385
|
-
/* @__PURE__ */ jsx("div", {
|
|
372
|
+
/* @__PURE__ */ jsx("div", { "data-loading-item": true, children: renderSkeletonForType(type, config.gridSize, adminCampaignCard, extras) }, i)
|
|
386
373
|
));
|
|
387
374
|
return /* @__PURE__ */ jsxs("div", { className: GROUP_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
|
|
388
375
|
/* @__PURE__ */ jsx(GroupHeading, { type }),
|
|
@@ -45,13 +45,13 @@ export declare function DevCardRowContentSkeleton(): import("react").JSX.Element
|
|
|
45
45
|
*/
|
|
46
46
|
export declare function DevCardRowSkeleton(): import("react").JSX.Element;
|
|
47
47
|
/**
|
|
48
|
-
* The
|
|
49
|
-
*
|
|
50
|
-
* tickets (`tickets-list.tsx`) mount this directly.
|
|
48
|
+
* The skeleton rows inside a bordered card: the loading state of every list shell. A list draws ONE FULL PAGE, so
|
|
49
|
+
* a paged list passes its page size (the tickets list passes its own); `5` is the typical count for a list with none.
|
|
51
50
|
*/
|
|
52
51
|
export declare function DevCardRowSkeletonList({ region, rows, }: {
|
|
53
52
|
/** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
|
|
54
53
|
region?: boolean;
|
|
54
|
+
/** Rows to draw: the list's page size. Default `5`. */
|
|
55
55
|
rows?: number;
|
|
56
56
|
}): import("react").JSX.Element;
|
|
57
57
|
//# sourceMappingURL=dev-card-row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dev-card-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-card-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB;uDACmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,SAAS,CAAC;CACxB;AAWD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAA4C,EAC5C,WAAW,GACZ,EAAE,sBAAsB,+BAqBxB;AAED,kHAAkH;AAClH,wBAAgB,yBAAyB,gCAoBxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAMjC;AAED
|
|
1
|
+
{"version":3,"file":"dev-card-row.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-card-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB;uDACmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,WAAW,EAAE,SAAS,CAAC;CACxB;AAWD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAA4C,EAC5C,WAAW,GACZ,EAAE,sBAAsB,+BAqBxB;AAED,kHAAkH;AAClH,wBAAgB,yBAAyB,gCAoBxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAMjC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAa,EACb,IAAQ,GACT,EAAE;IACD,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,+BAYA"}
|
|
@@ -32,7 +32,7 @@ const RELEASE_TITLE_SKELETON_LINES = { phone: 7, md: 4, lg: 2 };
|
|
|
32
32
|
const METADATA_GRID_CLASS = "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4";
|
|
33
33
|
const METADATA_CELL_EDGE_CLASS = "border-b border-ods-border bg-ods-card content-md:border-b-0 content-md:border-r";
|
|
34
34
|
const SUMMARY_CLASS = "text-ods-text-primary text-h4";
|
|
35
|
-
const
|
|
35
|
+
const RELEASE_TAG_ROW_MAX = 3;
|
|
36
36
|
const RELEASE_TAG_SKELETON_WIDTH_CLASS = "w-[10ch]";
|
|
37
37
|
const RELEASE_TYPE_LABEL = "Release Type";
|
|
38
38
|
const RELEASE_STATUS_LABEL = "Release Status";
|
|
@@ -185,7 +185,7 @@ function ReleaseDetailPage({
|
|
|
185
185
|
EntityTagBadges,
|
|
186
186
|
{
|
|
187
187
|
tags: view.product_release_tags,
|
|
188
|
-
max:
|
|
188
|
+
max: RELEASE_TAG_ROW_MAX,
|
|
189
189
|
skeletonItemClassName: RELEASE_TAG_SKELETON_WIDTH_CLASS
|
|
190
190
|
}
|
|
191
191
|
),
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
* `content-md:grid-cols-${n}` is invisible to Tailwind's scanner and is never generated.
|
|
10
10
|
*/
|
|
11
11
|
export declare function roadmapGridClass(columns: 1 | 2, showLeftMargin: boolean): string;
|
|
12
|
+
/**
|
|
13
|
+
* Cards the grid's skeleton draws when its host states no count: a typical count. The roadmap lists every item it
|
|
14
|
+
* holds (no page, no limit); a host that reads a known number of items passes it as `count`.
|
|
15
|
+
*/
|
|
16
|
+
export declare const ROADMAP_GRID_SKELETON_CARDS = 4;
|
|
12
17
|
export interface RoadmapGridSkeletonProps {
|
|
13
18
|
/** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
|
|
14
19
|
region?: boolean;
|
|
15
|
-
/**
|
|
20
|
+
/** Skeleton cards: the number of items the host reads. Default `ROADMAP_GRID_SKELETON_CARDS`, a typical count. */
|
|
16
21
|
count?: number;
|
|
17
22
|
/** Show the desktop left margin (~120px) that aligns the grid with
|
|
18
23
|
* the page hero's title block. Default `true`. Related-content rails
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roadmap-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid-skeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,GAAG,MAAM,CAIhF;AAED,MAAM,WAAW,wBAAwB;IACvC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"roadmap-grid-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid-skeleton.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,OAAO,GAAG,MAAM,CAIhF;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kHAAkH;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;gFAE4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAa,EACb,KAAmC,EACnC,cAAqB,EACrB,OAAW,GACZ,EAAE,wBAAwB,+BAU1B"}
|
|
@@ -5,15 +5,17 @@ import { LoadingRegion } from "../../loading/loading-region.js";
|
|
|
5
5
|
function roadmapGridClass(columns, showLeftMargin) {
|
|
6
6
|
return `grid grid-cols-1 gap-6 ${columns === 2 ? "content-md:grid-cols-2" : ""} ${showLeftMargin ? "content-md:ml-[120px]" : ""}`;
|
|
7
7
|
}
|
|
8
|
+
const ROADMAP_GRID_SKELETON_CARDS = 4;
|
|
8
9
|
function RoadmapGridSkeleton({
|
|
9
10
|
region = true,
|
|
10
|
-
count =
|
|
11
|
+
count = ROADMAP_GRID_SKELETON_CARDS,
|
|
11
12
|
showLeftMargin = true,
|
|
12
13
|
columns = 2
|
|
13
14
|
}) {
|
|
14
15
|
return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the roadmap", announce: region, className: roadmapGridClass(columns, showLeftMargin), children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "min-w-0", "data-loading-item": true, children: /* @__PURE__ */ jsx(RoadmapCardSkeleton, {}) }, i)) });
|
|
15
16
|
}
|
|
16
17
|
export {
|
|
18
|
+
ROADMAP_GRID_SKELETON_CARDS,
|
|
17
19
|
RoadmapGridSkeleton,
|
|
18
20
|
roadmapGridClass
|
|
19
21
|
};
|
|
@@ -32,16 +32,23 @@ export interface RoadmapGridProps {
|
|
|
32
32
|
quartersToKeepClosed?: number;
|
|
33
33
|
/** The items are being read (the host's query runs): the grid draws its own skeleton. A page's loading scope does too. */
|
|
34
34
|
isLoading?: boolean;
|
|
35
|
-
/**
|
|
35
|
+
/**
|
|
36
|
+
* The cards the grid's skeleton draws: the number of items the host reads (its limit), drawn at every width.
|
|
37
|
+
* Default `ROADMAP_GRID_SKELETON_CARDS`, a typical count for a roadmap that lists everything it holds.
|
|
38
|
+
*/
|
|
39
|
+
skeletonCount?: number;
|
|
40
|
+
/** @deprecated Use `skeletonCount`. */
|
|
36
41
|
fold?: number;
|
|
37
42
|
}
|
|
38
43
|
/**
|
|
39
44
|
* The quarter-grouped grid while its items are read: one quarter, its heading and item count as bars, then the
|
|
40
45
|
* grid's card skeletons.
|
|
41
46
|
*/
|
|
42
|
-
export declare function RoadmapGridQuarterSkeleton({ showLeftMargin, columns, }: {
|
|
47
|
+
export declare function RoadmapGridQuarterSkeleton({ showLeftMargin, columns, count, }: {
|
|
43
48
|
showLeftMargin?: boolean;
|
|
44
49
|
columns?: 1 | 2;
|
|
50
|
+
/** The quarter's skeleton cards. Default the grid skeleton's own. */
|
|
51
|
+
count?: number;
|
|
45
52
|
}): import("react").JSX.Element;
|
|
46
|
-
export declare function RoadmapGrid({ items, onItemUpdate, showLeftMargin, columns, buildRefreshUrl, votingOptions, groupByQuarter, hasActiveFilters, quartersToKeepClosed, isLoading, fold, }: RoadmapGridProps): import("react").JSX.Element;
|
|
53
|
+
export declare function RoadmapGrid({ items, onItemUpdate, showLeftMargin, columns, buildRefreshUrl, votingOptions, groupByQuarter, hasActiveFilters, quartersToKeepClosed, isLoading, skeletonCount, fold, }: RoadmapGridProps): import("react").JSX.Element;
|
|
47
54
|
//# sourceMappingURL=roadmap-grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roadmap-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAoB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AA6DtF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD;oEACgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,yDAAyD;IACzD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC;;;kEAG8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;qDACiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0HAA0H;IAC1H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"roadmap-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/roadmap/roadmap-grid.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAM1E,OAAO,EAAoB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AA6DtF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD;oEACgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,yDAAyD;IACzD,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC;;;kEAG8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;qDACiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0HAA0H;IAC1H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAiDD;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,cAAqB,EACrB,OAAW,EACX,KAAK,GACN,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAiBA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,cAAqB,EACrB,OAAW,EACX,eAA2C,EAC3C,aAAa,EACb,cAAsB,EACtB,gBAAwB,EACxB,oBAAwB,EACxB,SAAiB,EACjB,aAAa,EACb,IAAI,GACL,EAAE,gBAAgB,+BAsLlB"}
|
|
@@ -85,14 +85,15 @@ const QUARTER_CONTENT_CLASS = "pt-4";
|
|
|
85
85
|
const QUARTER_CONTENT_INNER_CLASS = "pb-4";
|
|
86
86
|
function RoadmapGridQuarterSkeleton({
|
|
87
87
|
showLeftMargin = true,
|
|
88
|
-
columns = 2
|
|
88
|
+
columns = 2,
|
|
89
|
+
count
|
|
89
90
|
}) {
|
|
90
91
|
return /* @__PURE__ */ jsx("div", { className: QUARTER_LIST_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", "data-loading-item": true, children: [
|
|
91
92
|
/* @__PURE__ */ jsxs("div", { className: QUARTER_HEAD_CLASS, children: [
|
|
92
93
|
/* @__PURE__ */ jsx(TextLineSkeleton, { type: "h2", className: "w-40" }),
|
|
93
94
|
/* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-16" })
|
|
94
95
|
] }),
|
|
95
|
-
/* @__PURE__ */ jsx("div", { className: QUARTER_CONTENT_CLASS, children: /* @__PURE__ */ jsx("div", { className: QUARTER_CONTENT_INNER_CLASS, children: /* @__PURE__ */ jsx(RoadmapGridSkeleton, { region: false, showLeftMargin, columns }) }) })
|
|
96
|
+
/* @__PURE__ */ jsx("div", { className: QUARTER_CONTENT_CLASS, children: /* @__PURE__ */ jsx("div", { className: QUARTER_CONTENT_INNER_CLASS, children: /* @__PURE__ */ jsx(RoadmapGridSkeleton, { region: false, count, showLeftMargin, columns }) }) })
|
|
96
97
|
] }) });
|
|
97
98
|
}
|
|
98
99
|
function RoadmapGrid({
|
|
@@ -106,8 +107,10 @@ function RoadmapGrid({
|
|
|
106
107
|
hasActiveFilters = false,
|
|
107
108
|
quartersToKeepClosed = 2,
|
|
108
109
|
isLoading = false,
|
|
110
|
+
skeletonCount,
|
|
109
111
|
fold
|
|
110
112
|
}) {
|
|
113
|
+
const skeletonCards = skeletonCount ?? fold;
|
|
111
114
|
const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
|
|
112
115
|
const inScope = useLoadingScope();
|
|
113
116
|
const [votingTasks, setVotingTasks] = useState(/* @__PURE__ */ new Set());
|
|
@@ -179,7 +182,7 @@ function RoadmapGrid({
|
|
|
179
182
|
);
|
|
180
183
|
}, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
|
|
181
184
|
if (inScope || isLoading) {
|
|
182
|
-
return groupByQuarter ? /* @__PURE__ */ jsx(RoadmapGridQuarterSkeleton, { showLeftMargin, columns }) : /* @__PURE__ */ jsx(RoadmapGridSkeleton, { region: !inScope, count:
|
|
185
|
+
return groupByQuarter ? /* @__PURE__ */ jsx(RoadmapGridQuarterSkeleton, { showLeftMargin, columns, count: skeletonCards }) : /* @__PURE__ */ jsx(RoadmapGridSkeleton, { region: !inScope, count: skeletonCards, showLeftMargin, columns });
|
|
183
186
|
}
|
|
184
187
|
if (items.length === 0) {
|
|
185
188
|
return /* @__PURE__ */ jsx(
|
|
@@ -22,7 +22,7 @@ import { UnifiedPagination } from "../unified-pagination.js";
|
|
|
22
22
|
import { HelpCenterCard } from "./help-center-card.js";
|
|
23
23
|
import { HelpCenterCreateForm, HelpCenterCreateFormSkeleton } from "./help-center-create-form.js";
|
|
24
24
|
import { useTicketActions } from "./hooks/use-ticket-actions.js";
|
|
25
|
-
import { useTicketsList } from "./hooks/use-tickets-list.js";
|
|
25
|
+
import { TICKETS_PAGE_SIZE, useTicketsList } from "./hooks/use-tickets-list.js";
|
|
26
26
|
import { isOptimistic } from "./types.js";
|
|
27
27
|
function HelpCenterList({ toast = defaultToast, backButton, title, shell } = {}) {
|
|
28
28
|
const identity = useChatIdentity();
|
|
@@ -42,7 +42,7 @@ function HelpCenterList({ toast = defaultToast, backButton, title, shell } = {})
|
|
|
42
42
|
title,
|
|
43
43
|
shell,
|
|
44
44
|
preControls: /* @__PURE__ */ jsx(HelpCenterCreateFormSkeleton, {}),
|
|
45
|
-
children: /* @__PURE__ */ jsx(DevCardRowSkeletonList, {})
|
|
45
|
+
children: /* @__PURE__ */ jsx(DevCardRowSkeletonList, { rows: TICKETS_PAGE_SIZE })
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
}
|
|
@@ -106,7 +106,7 @@ function HelpCenterListAuthed({
|
|
|
106
106
|
},
|
|
107
107
|
[searchParams, router, pathname]
|
|
108
108
|
);
|
|
109
|
-
const { tickets, isLoading, isFetching, error, refetch, totalPages } = useTicketsList({
|
|
109
|
+
const { tickets, isLoading, isFetching, error, refetch, totalPages, pageSize } = useTicketsList({
|
|
110
110
|
// `sessionEmail` is drilled in from the parent — see the same
|
|
111
111
|
// pattern + race-cause rationale documented in
|
|
112
112
|
// `HelpCenterCreateForm.sessionName/sessionEmail`. Calling
|
|
@@ -177,7 +177,7 @@ function HelpCenterListAuthed({
|
|
|
177
177
|
] }),
|
|
178
178
|
/* @__PURE__ */ jsx(Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
|
|
179
179
|
] }),
|
|
180
|
-
!error && /* @__PURE__ */ jsx("div", { className: "w-full", children: isLoading ? /* @__PURE__ */ jsx(DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
|
|
180
|
+
!error && /* @__PURE__ */ jsx("div", { className: "w-full", children: isLoading ? /* @__PURE__ */ jsx(DevCardRowSkeletonList, { rows: pageSize }) : !hasResults && isFetching ? (
|
|
181
181
|
// Bridge state — background refetch in flight and the
|
|
182
182
|
// optimistic placeholder was just removed by the mutation
|
|
183
183
|
// callback. Without this branch "No tickets yet" would flash
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import type { DataSync } from '../../../types/data-sync';
|
|
2
2
|
import type { TicketData } from '../types';
|
|
3
|
+
/** The tickets a page of the list loads unless the host asks for another size; also its skeleton's row count. */
|
|
4
|
+
export declare const TICKETS_PAGE_SIZE = 20;
|
|
3
5
|
export interface UseTicketsListFilters {
|
|
4
6
|
/** Customer email — the identity the parent already resolved via
|
|
5
7
|
* `useChatIdentity` at the gate. THIS hook does NOT call
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tickets-list.d.ts","sourceRoot":"","sources":["../../../../src/components/tickets/hooks/use-tickets-list.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"use-tickets-list.d.ts","sourceRoot":"","sources":["../../../../src/components/tickets/hooks/use-tickets-list.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,iHAAiH;AACjH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAcpC,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;6DASyD;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB;6DACyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;2DACuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;kCAC8B;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;4BACwB;IACxB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB;oEACgE;IAChE,UAAU,EAAE,MAAM,CAAC;IACnB;8CAC0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB;;uBAEmB;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAyFnF"}
|
|
@@ -4,7 +4,7 @@ import { useRequiredChatRuntime } from "../../../contexts/chat-runtime-context.j
|
|
|
4
4
|
import { embedAuthedFetch } from "../../../utils/embed-authed-fetch.js";
|
|
5
5
|
import { PAGE_PARAM_LIMITS, pageCount, positiveInt } from "../../../utils/search-params.js";
|
|
6
6
|
const FIND_TICKET_ENDPOINT = "/api/chat/agent/find-ticket";
|
|
7
|
-
const
|
|
7
|
+
const TICKETS_PAGE_SIZE = 20;
|
|
8
8
|
function useTicketsList(filters) {
|
|
9
9
|
const findTicketEndpoint = useRequiredChatRuntime().endpoints.findTicketUrl ?? FIND_TICKET_ENDPOINT;
|
|
10
10
|
const customerEmail = filters.customerEmail;
|
|
@@ -12,7 +12,7 @@ function useTicketsList(filters) {
|
|
|
12
12
|
const status = (filters.status ?? "").trim().toLowerCase();
|
|
13
13
|
const statusFilter = status && status !== "all" ? status : "";
|
|
14
14
|
const page = positiveInt(filters.page, 1);
|
|
15
|
-
const pageSize = positiveInt(filters.pageSize,
|
|
15
|
+
const pageSize = positiveInt(filters.pageSize, TICKETS_PAGE_SIZE, { max: PAGE_PARAM_LIMITS.maxPageSize });
|
|
16
16
|
const enabled = !!customerEmail;
|
|
17
17
|
const identityKey = customerEmail || "anon";
|
|
18
18
|
const query = useQuery({
|
|
@@ -80,5 +80,6 @@ function useTicketsList(filters) {
|
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
export {
|
|
83
|
+
TICKETS_PAGE_SIZE,
|
|
83
84
|
useTicketsList
|
|
84
85
|
};
|
|
@@ -16,21 +16,21 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
20
|
-
require('../../chunk-
|
|
21
|
-
require('../../chunk-
|
|
22
|
-
require('../../chunk-
|
|
23
|
-
require('../../chunk-
|
|
19
|
+
var _chunkVZAOLKKFcjs = require('../../chunk-VZAOLKKF.cjs');
|
|
20
|
+
require('../../chunk-J5ZNEAGY.cjs');
|
|
21
|
+
require('../../chunk-QPK2433W.cjs');
|
|
22
|
+
require('../../chunk-JJNOAYD4.cjs');
|
|
23
|
+
require('../../chunk-REFL3YNE.cjs');
|
|
24
24
|
require('../../chunk-HEVW75L3.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
var
|
|
30
|
-
require('../../chunk-
|
|
29
|
+
var _chunkHFNWBNLEcjs = require('../../chunk-HFNWBNLE.cjs');
|
|
30
|
+
require('../../chunk-ZVKJKWAB.cjs');
|
|
31
31
|
require('../../chunk-LJT2KRE2.cjs');
|
|
32
32
|
require('../../chunk-RB7VLVMD.cjs');
|
|
33
|
-
require('../../chunk-
|
|
33
|
+
require('../../chunk-V3W56L2D.cjs');
|
|
34
34
|
require('../../chunk-HQQE74RO.cjs');
|
|
35
35
|
require('../../chunk-DEY6XXGO.cjs');
|
|
36
36
|
require('../../chunk-XVFM6SJA.cjs');
|
|
@@ -38,13 +38,13 @@ require('../../chunk-2JRSYWFP.cjs');
|
|
|
38
38
|
require('../../chunk-24I6RFVU.cjs');
|
|
39
39
|
require('../../chunk-A6P6DHEZ.cjs');
|
|
40
40
|
require('../../chunk-MZ4KBSH7.cjs');
|
|
41
|
-
require('../../chunk-
|
|
41
|
+
require('../../chunk-KSCEAIBS.cjs');
|
|
42
42
|
require('../../chunk-C42WIUH6.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var
|
|
47
|
-
require('../../chunk-
|
|
46
|
+
var _chunkYI3CDGKMcjs = require('../../chunk-YI3CDGKM.cjs');
|
|
47
|
+
require('../../chunk-ILZEXCJH.cjs');
|
|
48
48
|
require('../../chunk-EHJE3UWZ.cjs');
|
|
49
49
|
require('../../chunk-RNLRS4ID.cjs');
|
|
50
50
|
require('../../chunk-5QP3K2CE.cjs');
|
|
@@ -1845,8 +1845,8 @@ require('../../chunk-7DNL734S.cjs');
|
|
|
1845
1845
|
require('../../chunk-WWUSFOJ7.cjs');
|
|
1846
1846
|
require('../../chunk-SKI6NKOE.cjs');
|
|
1847
1847
|
require('../../chunk-EWPR7662.cjs');
|
|
1848
|
-
require('../../chunk-
|
|
1849
|
-
require('../../chunk-
|
|
1848
|
+
require('../../chunk-FPCGKH5K.cjs');
|
|
1849
|
+
require('../../chunk-5V7BIUGA.cjs');
|
|
1850
1850
|
require('../../chunk-R3JX4MXD.cjs');
|
|
1851
1851
|
require('../../chunk-SETFUCZA.cjs');
|
|
1852
1852
|
require('../../chunk-VFUMM6JC.cjs');
|
|
@@ -1900,4 +1900,4 @@ require('../../chunk-KHKPLOU4.cjs');
|
|
|
1900
1900
|
|
|
1901
1901
|
|
|
1902
1902
|
|
|
1903
|
-
exports.HelpCenterCard =
|
|
1903
|
+
exports.HelpCenterCard = _chunkVZAOLKKFcjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkVZAOLKKFcjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkVZAOLKKFcjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkVZAOLKKFcjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunkYI3CDGKMcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkVZAOLKKFcjs.TOAST_COPY; exports.TicketCenter = _chunkVZAOLKKFcjs.TicketCenter; exports.TicketDetailDrawer = _chunkVZAOLKKFcjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkVZAOLKKFcjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkHFNWBNLEcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkVZAOLKKFcjs.TicketOpenForm; exports.TicketReplyComposer = _chunkVZAOLKKFcjs.TicketReplyComposer; exports.TicketRow = _chunkVZAOLKKFcjs.TicketRow; exports.buildTicketOpenHref = _chunkYI3CDGKMcjs.buildTicketOpenHref; exports.isOptimistic = _chunkVZAOLKKFcjs.isOptimistic; exports.mapTicketActionError = _chunkVZAOLKKFcjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkHFNWBNLEcjs.useOptionalTicketLive; exports.useTicketActions = _chunkVZAOLKKFcjs.useTicketActions; exports.useTicketEngagements = _chunkVZAOLKKFcjs.useTicketEngagements; exports.useTicketLive = _chunkHFNWBNLEcjs.useTicketLive; exports.useTicketsList = _chunkVZAOLKKFcjs.useTicketsList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ticket-center.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-center.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"ticket-center.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-center.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAwB9D,MAAM,WAAW,iBAAiB;IAChC;kCAC8B;IAC9B,KAAK,CAAC,EAAE,OAAO,YAAY,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAoB,EAAE,GAAE,iBAAsB,+BAI5E"}
|
|
@@ -4,7 +4,6 @@ import { useQueryClient } from "@tanstack/react-query";
|
|
|
4
4
|
import { RefreshCw } from "lucide-react";
|
|
5
5
|
import { useCallback, useState } from "react";
|
|
6
6
|
import { toast as defaultToast } from "../../hooks/use-toast.js";
|
|
7
|
-
import { cn } from "../../utils/cn.js";
|
|
8
7
|
import { devSectionAnchorId } from "../../utils/dev-sections/dev-section-param-keys.js";
|
|
9
8
|
import { ChatTicketItemSkeleton } from "../chat/entity-cards/chat-ticket-item.js";
|
|
10
9
|
import { useChatIdentity } from "../chat/hooks/use-chat-identity.js";
|
|
@@ -16,14 +15,13 @@ import { Card } from "../ui/card.js";
|
|
|
16
15
|
import { DataSyncLine } from "../ui/data-attribution.js";
|
|
17
16
|
import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
|
|
18
17
|
import { useTicketActions } from "./hooks/use-ticket-actions.js";
|
|
19
|
-
import { useTicketsList } from "./hooks/use-tickets-list.js";
|
|
18
|
+
import { TICKETS_PAGE_SIZE, useTicketsList } from "./hooks/use-tickets-list.js";
|
|
20
19
|
import { TicketOpenForm } from "./ticket-open-form.js";
|
|
21
20
|
import { TicketRow } from "./ticket-row.js";
|
|
22
21
|
import { isOptimistic } from "./types.js";
|
|
23
22
|
const TICKET_CENTER_CLASS = "flex flex-col gap-6";
|
|
24
23
|
const TICKET_LIST_BLOCK_CLASS = "flex flex-col gap-2";
|
|
25
24
|
const TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
|
|
26
|
-
const TICKET_LIST_FOLD = { phone: 2, wide: 4 };
|
|
27
25
|
function TicketCenter({ toast = defaultToast } = {}) {
|
|
28
26
|
if (useLoadingScope()) return /* @__PURE__ */ jsx(TicketCenterPending, { region: false });
|
|
29
27
|
return /* @__PURE__ */ jsx(TicketCenterGate, { toast });
|
|
@@ -199,14 +197,10 @@ function TicketListHeader({
|
|
|
199
197
|
] });
|
|
200
198
|
}
|
|
201
199
|
function TicketListSkeleton() {
|
|
202
|
-
return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: Array.from({ length:
|
|
200
|
+
return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: Array.from({ length: TICKETS_PAGE_SIZE }, (_, i) => /* @__PURE__ */ jsx(
|
|
203
201
|
"div",
|
|
204
202
|
{
|
|
205
|
-
className:
|
|
206
|
-
TICKET_ROW_FRAME_CLASS,
|
|
207
|
-
i >= TICKET_LIST_FOLD.phone && "hidden md:block",
|
|
208
|
-
i >= TICKET_LIST_FOLD.wide && "md:hidden"
|
|
209
|
-
),
|
|
203
|
+
className: TICKET_ROW_FRAME_CLASS,
|
|
210
204
|
children: /* @__PURE__ */ jsx(ChatTicketItemSkeleton, {})
|
|
211
205
|
},
|
|
212
206
|
i
|
|
@@ -67,6 +67,11 @@ interface AutocompleteBaseProps<T = string> {
|
|
|
67
67
|
loading?: boolean;
|
|
68
68
|
/** Loading text */
|
|
69
69
|
loadingText?: string;
|
|
70
|
+
/**
|
|
71
|
+
* Option rows the list draws while `loading`: the options the host reads (its search's limit). Default a typical
|
|
72
|
+
* count.
|
|
73
|
+
*/
|
|
74
|
+
loadingRows?: number;
|
|
70
75
|
/**
|
|
71
76
|
* The field itself is read and has not arrived (its value and its options): it draws its skeleton, as in a
|
|
72
77
|
* loading scope. DISTINCT from `loading`, a search in flight under a field that stays up.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const innerInputStyles = cn(
|
|
|
34
34
|
);
|
|
35
35
|
const AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS = "min-h-11 md:min-h-12";
|
|
36
36
|
const AUTOCOMPLETE_OPTION_ROW_CLASS = "flex min-h-11 items-center border-b border-ods-border px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] last:border-b-0 md:min-h-12 text-h4";
|
|
37
|
-
const
|
|
37
|
+
const AUTOCOMPLETE_LOADING_ROWS = 5;
|
|
38
38
|
const AUTOCOMPLETE_ANCHOR_SHAPE_CLASS = "rounded-[6px]";
|
|
39
39
|
function AutocompleteSkeleton({ label, labelVariant, className }) {
|
|
40
40
|
return /* @__PURE__ */ jsx(FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
|
|
@@ -60,6 +60,7 @@ function AutocompleteInner(props, ref) {
|
|
|
60
60
|
onInputChange,
|
|
61
61
|
loading = false,
|
|
62
62
|
loadingText = "Loading options",
|
|
63
|
+
loadingRows = AUTOCOMPLETE_LOADING_ROWS,
|
|
63
64
|
fieldLoading = false,
|
|
64
65
|
creatable = false,
|
|
65
66
|
onCreateOption,
|
|
@@ -436,7 +437,7 @@ function AutocompleteInner(props, ref) {
|
|
|
436
437
|
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] min-h-0 w-full [&>div]:!block", children: /* @__PURE__ */ jsx("div", { role: loading ? void 0 : "listbox", children: loading ? (
|
|
437
438
|
// The options while they are read: the list's own rows, a label bar each (`loadingText` is what a
|
|
438
439
|
// screen reader hears).
|
|
439
|
-
/* @__PURE__ */ jsx(LoadingRegion, { label: loadingText, children: Array.from({ length:
|
|
440
|
+
/* @__PURE__ */ jsx(LoadingRegion, { label: loadingText, children: Array.from({ length: loadingRows }, (_, i) => (
|
|
440
441
|
// biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
|
|
441
442
|
/* @__PURE__ */ jsx("div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }, i)
|
|
442
443
|
)) })
|