@astryxdesign/core 0.3.0-canary.e0fef44 → 0.3.0-canary.e9fc2bb
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/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +15 -14
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.js +21 -8
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +16 -16
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +14 -8
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +33 -12
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +15 -22
- package/dist/DropdownMenu/DropdownMenu.d.ts +13 -9
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +9 -0
- package/dist/DropdownMenu/renderDropdownItems.d.ts.map +1 -1
- package/dist/DropdownMenu/renderDropdownItems.js +21 -14
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +49 -43
- package/dist/NumberInput/NumberInput.js +1 -1
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +49 -43
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +29 -14
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +55 -19
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +28 -22
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +14 -8
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +21 -17
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +28 -32
- package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
- package/dist/Table/plugins/tree/useTableTreeData.js +29 -33
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +3 -2
- package/dist/TextInput/TextInput.js +1 -1
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +54 -16
- package/dist/TopNav/TopNavMegaMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenu.js +40 -23
- package/dist/TopNav/TopNavMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMenu.js +40 -22
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +13 -0
- package/dist/TreeList/TreeListBranches.d.ts +1 -1
- package/dist/TreeList/TreeListBranches.d.ts.map +1 -1
- package/dist/TreeList/TreeListBranches.js +14 -4
- package/dist/TreeList/TreeListItem.d.ts +11 -1
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +45 -20
- package/dist/astryx.css +11 -0
- package/dist/astryx.umd.js +49 -49
- package/dist/astryx.umd.js.map +3 -3
- package/locales/en.json +4 -0
- package/locales/pseudo.json +3 -0
- package/package.json +2 -2
- package/src/Avatar/Avatar.doc.mjs +1 -1
- package/src/Banner/Banner.tsx +9 -6
- package/src/Breadcrumbs/BreadcrumbItem.tsx +16 -6
- package/src/Carousel/Carousel.doc.mjs +3 -0
- package/src/Chat/ChatToolCalls.tsx +24 -16
- package/src/CodeBlock/CodeBlock.tsx +14 -6
- package/src/Collapsible/Collapsible.tsx +20 -9
- package/src/ComplexSelector/ComplexSelector.tsx +25 -18
- package/src/DropdownMenu/DropdownMenu.tsx +16 -9
- package/src/DropdownMenu/renderDropdownItems.tsx +17 -21
- package/src/Icon/Icon.doc.mjs +2 -1
- package/src/Item/Item.doc.mjs +1 -1
- package/src/MultiSelector/MultiSelector.test.tsx +15 -5
- package/src/MultiSelector/MultiSelector.tsx +31 -20
- package/src/NumberInput/NumberInput.test.tsx +55 -0
- package/src/NumberInput/NumberInput.tsx +1 -1
- package/src/Pagination/Pagination.doc.mjs +1 -1
- package/src/ProgressBar/ProgressBar.doc.mjs +1 -1
- package/src/Selector/Selector.test.tsx +15 -5
- package/src/Selector/Selector.tsx +31 -21
- package/src/SideNav/SideNavCollapseButton.tsx +15 -10
- package/src/SideNav/SideNavHeading.tsx +43 -9
- package/src/SideNav/SideNavItem.tsx +20 -12
- package/src/TabList/TabMenu.tsx +11 -7
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +29 -13
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +42 -22
- package/src/Table/plugins/tree/useTableTreeData.tsx +43 -24
- package/src/TextArea/TextArea.test.tsx +55 -0
- package/src/TextArea/TextArea.tsx +9 -2
- package/src/TextInput/TextInput.test.tsx +55 -0
- package/src/TextInput/TextInput.tsx +1 -1
- package/src/TopNav/TopNavHeading.tsx +42 -13
- package/src/TopNav/TopNavMegaMenu.tsx +27 -15
- package/src/TopNav/TopNavMenu.tsx +27 -14
- package/src/TreeList/TreeList.doc.mjs +5 -0
- package/src/TreeList/TreeList.test.tsx +199 -0
- package/src/TreeList/TreeList.tsx +22 -0
- package/src/TreeList/TreeListBranches.tsx +25 -2
- package/src/TreeList/TreeListItem.tsx +71 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAMjE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAMjE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgLD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAqJb;yBAtKe,MAAM"}
|
package/dist/Banner/Banner.js
CHANGED
|
@@ -137,6 +137,16 @@ const styles = {
|
|
|
137
137
|
keTefX: "xvc5jky",
|
|
138
138
|
kqGvvJ: "x81ka23",
|
|
139
139
|
$$css: true
|
|
140
|
+
},
|
|
141
|
+
chevron: {
|
|
142
|
+
k1ekBW: "x11xpdln",
|
|
143
|
+
kIyJzY: "xuedmi6 x12w9bfk",
|
|
144
|
+
kAMwcw: "xlr8y92",
|
|
145
|
+
$$css: true
|
|
146
|
+
},
|
|
147
|
+
chevronExpanded: {
|
|
148
|
+
k3aq6I: "x19jd1h0",
|
|
149
|
+
$$css: true
|
|
140
150
|
}
|
|
141
151
|
};
|
|
142
152
|
const statusStyles = {
|
|
@@ -324,20 +334,11 @@ export function Banner({
|
|
|
324
334
|
size: "sm",
|
|
325
335
|
label: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
|
|
326
336
|
tooltip: isExpanded ? t('@astryx.banner.collapse') : t('@astryx.banner.expand'),
|
|
327
|
-
icon: /*#__PURE__*/_jsx(
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
1: {
|
|
333
|
-
className: "x3nfvp2 x11xpdln xuedmi6 x12w9bfk xlr8y92 x19jd1h0"
|
|
334
|
-
}
|
|
335
|
-
}[!!isExpanded << 0],
|
|
336
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
|
337
|
-
icon: "chevronDown",
|
|
338
|
-
size: "sm",
|
|
339
|
-
color: "inherit"
|
|
340
|
-
})
|
|
337
|
+
icon: /*#__PURE__*/_jsx(Icon, {
|
|
338
|
+
icon: "chevronDown",
|
|
339
|
+
size: "sm",
|
|
340
|
+
color: "inherit",
|
|
341
|
+
xstyle: [styles.chevron, isExpanded && styles.chevronExpanded]
|
|
341
342
|
}),
|
|
342
343
|
onClick: handleToggleExpand,
|
|
343
344
|
"aria-expanded": isExpanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAMrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAMrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAmHD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,qBAoMrB;yBAnNe,cAAc"}
|
|
@@ -29,7 +29,7 @@ import { BreadcrumbContext } from "./Breadcrumbs.js";
|
|
|
29
29
|
import { useLinkComponent } from "../Link/useLinkComponent.js";
|
|
30
30
|
import { mergeProps, mergeRefs } from "../utils/index.js";
|
|
31
31
|
import { themeProps } from "../utils/themeProps.js";
|
|
32
|
-
import {
|
|
32
|
+
import { Icon } from "../Icon/index.js";
|
|
33
33
|
import { usePopover } from "../Popover/usePopover.js";
|
|
34
34
|
import { useListFocus } from "../hooks/useListFocus.js";
|
|
35
35
|
import { useTypeahead } from "../hooks/useTypeahead.js";
|
|
@@ -64,6 +64,15 @@ const itemStyles = {
|
|
|
64
64
|
kGuDYH: "x141an7d",
|
|
65
65
|
kLWn49: "x1ltkj2j",
|
|
66
66
|
$$css: true
|
|
67
|
+
},
|
|
68
|
+
chevron: {
|
|
69
|
+
k1xSpc: "x78zum5",
|
|
70
|
+
kGNEyG: "x6s0dn4",
|
|
71
|
+
kmuXW: "x2lah0s",
|
|
72
|
+
kzqmXN: "x5livx5",
|
|
73
|
+
kZKoxP: "x15rwvks",
|
|
74
|
+
kGuDYH: "x141an7d",
|
|
75
|
+
$$css: true
|
|
67
76
|
}
|
|
68
77
|
};
|
|
69
78
|
const menuStyles = {
|
|
@@ -312,7 +321,6 @@ function BreadcrumbMenuTrigger({
|
|
|
312
321
|
// wrapper would announce an unnamed dialog around the menu.
|
|
313
322
|
role: 'none'
|
|
314
323
|
});
|
|
315
|
-
const chevronDownIcon = useIcon('chevronDown');
|
|
316
324
|
const closeMenu = useCallback(() => {
|
|
317
325
|
popover.hide();
|
|
318
326
|
}, [popover]);
|
|
@@ -403,12 +411,17 @@ function BreadcrumbMenuTrigger({
|
|
|
403
411
|
className: "x78zum5 x6s0dn4 xzye2dw xu0wf1k x1hl2dhg x4ohgrr x1ypdohk x1717udv x1ghz6dp xln7xf2 xv1l7n4"
|
|
404
412
|
}
|
|
405
413
|
}[!!isSupporting << 0],
|
|
406
|
-
children: [children, /*#__PURE__*/_jsx(
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
414
|
+
children: [children, /*#__PURE__*/_jsx(Icon, {
|
|
415
|
+
icon: "chevronDown"
|
|
416
|
+
// 0.75rem — the 12px supporting-text box the bare glyph already
|
|
417
|
+
// rendered at; `itemStyles.chevron` keeps that box on the token.
|
|
418
|
+
,
|
|
419
|
+
size: "xsm"
|
|
420
|
+
// The chevron reads as part of the link label, so it takes the
|
|
421
|
+
// trigger's link color rather than an icon color.
|
|
422
|
+
,
|
|
423
|
+
color: "inherit",
|
|
424
|
+
xstyle: itemStyles.chevron
|
|
412
425
|
})]
|
|
413
426
|
}), popover.render(/*#__PURE__*/_jsx("div", {
|
|
414
427
|
ref: listRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;
|
|
1
|
+
{"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AA8YD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BA0JtD;yBA1Je,aAAa"}
|
|
@@ -45,6 +45,14 @@ const styles = {
|
|
|
45
45
|
keoZOQ: "xtbrsbv",
|
|
46
46
|
$$css: true
|
|
47
47
|
},
|
|
48
|
+
chevronTransition: {
|
|
49
|
+
kmkexE: "x1ob6yzd x9kvfbb",
|
|
50
|
+
$$css: true
|
|
51
|
+
},
|
|
52
|
+
chevronExpanded: {
|
|
53
|
+
k3aq6I: "x19jd1h0",
|
|
54
|
+
$$css: true
|
|
55
|
+
},
|
|
48
56
|
statusIcon: {
|
|
49
57
|
kVAEAm: "x1n2onr6",
|
|
50
58
|
k1xSpc: "x3nfvp2",
|
|
@@ -202,17 +210,13 @@ function CallRow({
|
|
|
202
210
|
children: call.duration
|
|
203
211
|
}), hasDetail && /*#__PURE__*/_jsx("span", {
|
|
204
212
|
...{
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
},
|
|
208
|
-
1: {
|
|
209
|
-
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb xvc5jky x19jd1h0"
|
|
210
|
-
}
|
|
211
|
-
}[!!isDetailOpen << 0],
|
|
213
|
+
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu xvc5jky"
|
|
214
|
+
},
|
|
212
215
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
213
216
|
icon: "chevronDown",
|
|
214
217
|
size: "xsm",
|
|
215
|
-
color: "inherit"
|
|
218
|
+
color: "inherit",
|
|
219
|
+
xstyle: [styles.chevronTransition, isDetailOpen && styles.chevronExpanded]
|
|
216
220
|
})
|
|
217
221
|
})]
|
|
218
222
|
});
|
|
@@ -386,17 +390,13 @@ export function ChatToolCalls(props) {
|
|
|
386
390
|
})
|
|
387
391
|
}), /*#__PURE__*/_jsx("span", {
|
|
388
392
|
...{
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
},
|
|
392
|
-
1: {
|
|
393
|
-
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x9kvfbb x19jd1h0"
|
|
394
|
-
}
|
|
395
|
-
}[!!isExpanded << 0],
|
|
393
|
+
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu"
|
|
394
|
+
},
|
|
396
395
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
397
396
|
icon: "chevronDown",
|
|
398
397
|
size: "xsm",
|
|
399
|
-
color: "inherit"
|
|
398
|
+
color: "inherit",
|
|
399
|
+
xstyle: [styles.chevronTransition, isExpanded && styles.chevronExpanded]
|
|
400
400
|
})
|
|
401
401
|
})]
|
|
402
402
|
}), /*#__PURE__*/_jsx("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2B5C,OAAO,EAAc,KAAK,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2B5C,OAAO,EAAc,KAAK,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AA2XxE,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAqPD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAsB,EACtB,KAAK,EACL,gBAAuB,EACvB,cAAsB,EACtB,cAAc,EACd,aAAoB,EACpB,MAAM,EACN,SAAiB,EACjB,SAAS,EACT,aAAqB,EACrB,oBAAyB,EACzB,IAAW,EACX,KAAK,EAAE,SAAyB,EAChC,SAAkB,EAClB,SAAS,EAAE,eAAe,EAC1B,aAAsB,EACtB,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,qBA2OhB;yBAnQe,SAAS"}
|
|
@@ -80,6 +80,16 @@ const styles = {
|
|
|
80
80
|
kVQacm: "xb3r6kr",
|
|
81
81
|
$$css: true
|
|
82
82
|
},
|
|
83
|
+
collapseChevronIcon: {
|
|
84
|
+
k1ekBW: "x11xpdln",
|
|
85
|
+
kIyJzY: "xuedmi6",
|
|
86
|
+
kAMwcw: "xlr8y92",
|
|
87
|
+
$$css: true
|
|
88
|
+
},
|
|
89
|
+
collapseChevronExpanded: {
|
|
90
|
+
k3aq6I: "x1iffjtl",
|
|
91
|
+
$$css: true
|
|
92
|
+
},
|
|
83
93
|
code: {
|
|
84
94
|
k1xSpc: "x1lliihq",
|
|
85
95
|
kUk6DE: "x98rzlu",
|
|
@@ -526,17 +536,13 @@ export function CodeBlock({
|
|
|
526
536
|
},
|
|
527
537
|
children: [canCollapse && /*#__PURE__*/_jsx("span", {
|
|
528
538
|
...{
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
},
|
|
532
|
-
1: {
|
|
533
|
-
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnur1sd xb3r6kr x1mjzq1q x1gbn2au x1aquc0h x12wqnr7 x128ha8g x11xpdln xuedmi6 xlr8y92 x1iffjtl"
|
|
534
|
-
}
|
|
535
|
-
}[!!!isCollapsed << 0],
|
|
539
|
+
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnur1sd xb3r6kr x1mjzq1q x1gbn2au x1aquc0h x12wqnr7 x128ha8g"
|
|
540
|
+
},
|
|
536
541
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
537
542
|
icon: "chevronRight",
|
|
538
543
|
size: "xsm",
|
|
539
|
-
color: "inherit"
|
|
544
|
+
color: "inherit",
|
|
545
|
+
xstyle: [styles.collapseChevronIcon, !isCollapsed && styles.collapseChevronExpanded]
|
|
540
546
|
})
|
|
541
547
|
}), title, title && languageLabel ? ' — ' : '', languageLabel]
|
|
542
548
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAa,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAa,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8H5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,MAAM,EAAE,gBAAgB,EACxB,UAAkB,EAClB,YAAY,EACZ,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAsGlB;yBAnHe,WAAW"}
|
|
@@ -32,7 +32,7 @@ import "../theme/tokens.stylex.js";
|
|
|
32
32
|
import { borderVars, colorVars, typographyVars, fontWeightVars, spacingVars, typeScaleVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
33
33
|
import { useCollapsible } from "./useCollapsible.js";
|
|
34
34
|
import { CollapsibleGroupPresentationContext } from "./CollapsibleGroupContext.js";
|
|
35
|
-
import {
|
|
35
|
+
import { Icon } from "../Icon/index.js";
|
|
36
36
|
import { mergeProps } from "../utils/index.js";
|
|
37
37
|
import { themeProps } from "../utils/themeProps.js";
|
|
38
38
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -63,6 +63,27 @@ const styles = {
|
|
|
63
63
|
kSiTet: "xbyyjgo",
|
|
64
64
|
$$css: true
|
|
65
65
|
},
|
|
66
|
+
chevron: {
|
|
67
|
+
k1xSpc: "x3nfvp2",
|
|
68
|
+
kGNEyG: "x6s0dn4",
|
|
69
|
+
kjj79g: "xl56j7k",
|
|
70
|
+
kmuXW: "x2lah0s",
|
|
71
|
+
kzqmXN: "xta46cu",
|
|
72
|
+
kZKoxP: "x1seg80s",
|
|
73
|
+
kGuDYH: "x18juvz8",
|
|
74
|
+
k1ekBW: "x11xpdln",
|
|
75
|
+
kIyJzY: "xuedmi6",
|
|
76
|
+
kAMwcw: "xlr8y92",
|
|
77
|
+
$$css: true
|
|
78
|
+
},
|
|
79
|
+
chevronOpen: {
|
|
80
|
+
k3aq6I: "x19jd1h0",
|
|
81
|
+
$$css: true
|
|
82
|
+
},
|
|
83
|
+
chevronClosed: {
|
|
84
|
+
k3aq6I: "x7p49u4",
|
|
85
|
+
$$css: true
|
|
86
|
+
},
|
|
66
87
|
contentHidden: {
|
|
67
88
|
k1xSpc: "x1s85apg",
|
|
68
89
|
$$css: true
|
|
@@ -203,7 +224,6 @@ export function Collapsible({
|
|
|
203
224
|
const presentation = use(CollapsibleGroupPresentationContext);
|
|
204
225
|
const isDivided = presentation?.hasDividers ?? false;
|
|
205
226
|
const density = presentation?.density ?? null;
|
|
206
|
-
const chevronIcon = useIcon('chevronDown');
|
|
207
227
|
|
|
208
228
|
// Links the trigger to the region it shows/hides so assistive tech can move
|
|
209
229
|
// from the button to its controlled content (disclosure pattern).
|
|
@@ -235,16 +255,17 @@ export function Collapsible({
|
|
|
235
255
|
className: "x1b2iylo xwgcxoh"
|
|
236
256
|
},
|
|
237
257
|
children: trigger
|
|
238
|
-
}), /*#__PURE__*/_jsx(
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
258
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
259
|
+
icon: "chevronDown"
|
|
260
|
+
// Nearest size to the trigger's 17px type step; `chevron` re-pins the
|
|
261
|
+
// exact box (see the style) so the glyph does not resize.
|
|
262
|
+
,
|
|
263
|
+
size: "sm"
|
|
264
|
+
// Was `--color-icon-secondary` on the old wrapper span; `secondary`
|
|
265
|
+
// is the same token, expressed as an Icon color.
|
|
266
|
+
,
|
|
267
|
+
color: "secondary",
|
|
268
|
+
xstyle: [styles.chevron, isOpen ? styles.chevronOpen : styles.chevronClosed]
|
|
248
269
|
})]
|
|
249
270
|
}), /*#__PURE__*/_jsx("div", {
|
|
250
271
|
id: contentId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComplexSelector.d.ts","sourceRoot":"","sources":["../../src/ComplexSelector/ComplexSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAA4B,KAAK,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAiB5E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ComplexSelector.d.ts","sourceRoot":"","sources":["../../src/ComplexSelector/ComplexSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,16 +82,13 @@ const styles = {
|
|
|
82
82
|
},
|
|
83
83
|
triggerIcon: {
|
|
84
84
|
kmuXW: "x2lah0s",
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
kzqmXN: "x1kky2od",
|
|
89
|
-
kZKoxP: "xlup9mm",
|
|
85
|
+
$$css: true
|
|
86
|
+
},
|
|
87
|
+
triggerIconRotation: {
|
|
90
88
|
k1ekBW: "x11xpdln",
|
|
91
89
|
kIyJzY: "xuedmi6",
|
|
92
90
|
kAMwcw: "xlr8y92",
|
|
93
91
|
k3nNDw: "x1g0ag68",
|
|
94
|
-
kMwMTN: "xv9yike",
|
|
95
92
|
$$css: true
|
|
96
93
|
},
|
|
97
94
|
triggerIconOpen: {
|
|
@@ -268,22 +265,18 @@ export function ComplexSelector({
|
|
|
268
265
|
})
|
|
269
266
|
}), isBusy && /*#__PURE__*/_jsx(Spinner, {
|
|
270
267
|
size: "sm"
|
|
271
|
-
}), /*#__PURE__*/_jsx(
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
color: "inherit",
|
|
284
|
-
...themeProps('complex-selector-indicator-icon', {
|
|
285
|
-
state: popover.isOpen ? 'expanded' : 'collapsed'
|
|
286
|
-
})
|
|
268
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
269
|
+
icon: "chevronDown",
|
|
270
|
+
size: "sm",
|
|
271
|
+
color: "secondary"
|
|
272
|
+
// No wrapper: Icon's own span already provides the 16px box (`sm`)
|
|
273
|
+
// and the secondary icon color the wrapper used to set, so the glyph
|
|
274
|
+
// IS the trigger's icon element — one node carrying the box, the
|
|
275
|
+
// color, the rotation, and the theme target.
|
|
276
|
+
,
|
|
277
|
+
xstyle: [styles.triggerIcon, styles.triggerIconRotation, popover.isOpen && styles.triggerIconOpen],
|
|
278
|
+
...themeProps('complex-selector-indicator-icon', {
|
|
279
|
+
state: popover.isOpen ? 'expanded' : 'collapsed'
|
|
287
280
|
})
|
|
288
281
|
})]
|
|
289
282
|
}), popover.render(content, {
|
|
@@ -19,19 +19,23 @@
|
|
|
19
19
|
*/
|
|
20
20
|
import React, { type ReactNode } from 'react';
|
|
21
21
|
import { type ButtonProps } from '../Button';
|
|
22
|
-
import type {
|
|
22
|
+
import type { DropdownMenuItemProps } from './DropdownMenuItem';
|
|
23
23
|
import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer';
|
|
24
24
|
import type { BaseProps } from '../BaseProps';
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
/**
|
|
26
|
+
* Data-mode shape for one menu row.
|
|
27
|
+
*
|
|
28
|
+
* The item fields are sourced from `DropdownMenuItemProps` — data mode renders
|
|
29
|
+
* through `DropdownMenuItem`, so the two APIs describe the same thing and must
|
|
30
|
+
* not drift. Only the fields listed here are part of the data API; add a key to
|
|
31
|
+
* the `Pick` to expose more of the item's props to `items`.
|
|
32
|
+
*/
|
|
33
|
+
export interface DropdownMenuItemData extends Pick<DropdownMenuItemProps, 'icon' | 'onClick' | 'isDisabled' | 'variant'> {
|
|
30
34
|
/**
|
|
31
|
-
*
|
|
32
|
-
*
|
|
35
|
+
* Primary label text. Narrowed to `string` from the item's `ReactNode`:
|
|
36
|
+
* data mode derives each row's React key from the label.
|
|
33
37
|
*/
|
|
34
|
-
|
|
38
|
+
label: string;
|
|
35
39
|
/**
|
|
36
40
|
* Nested submenu entries. When present, this row becomes a submenu (a
|
|
37
41
|
* flyout revealing `items`) instead of a leaf action — no separate item
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAInD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAa9D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAyC5C;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,qBAAqB,EACrB,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAC9C;IACC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAMnE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA+BpD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwRnB;yBAtSe,YAAY"}
|
|
@@ -82,6 +82,15 @@ const styles = {
|
|
|
82
82
|
// Types
|
|
83
83
|
// =============================================================================
|
|
84
84
|
|
|
85
|
+
/**
|
|
86
|
+
* Data-mode shape for one menu row.
|
|
87
|
+
*
|
|
88
|
+
* The item fields are sourced from `DropdownMenuItemProps` — data mode renders
|
|
89
|
+
* through `DropdownMenuItem`, so the two APIs describe the same thing and must
|
|
90
|
+
* not drift. Only the fields listed here are part of the data API; add a key to
|
|
91
|
+
* the `Pick` to expose more of the item's props to `items`.
|
|
92
|
+
*/
|
|
93
|
+
|
|
85
94
|
// =============================================================================
|
|
86
95
|
// Props
|
|
87
96
|
// =============================================================================
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderDropdownItems.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/renderDropdownItems.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"renderDropdownItems.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/renderDropdownItems.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAe,SAAS,EAAC,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AAuCxB;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAwD1E"}
|
|
@@ -27,6 +27,25 @@ function getSectionKey(section, index) {
|
|
|
27
27
|
return `section-${section.title ?? index}`;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
/**
|
|
31
|
+
* Renders one leaf row as a `DropdownMenuItem`.
|
|
32
|
+
*
|
|
33
|
+
* `items` is stripped because it selects the submenu shape rather than being an
|
|
34
|
+
* item prop; every other field of `DropdownMenuItemData` is a
|
|
35
|
+
* `DropdownMenuItem` prop by construction (the type is `Pick`ed from
|
|
36
|
+
* `DropdownMenuItemProps`), so the data path forwards them wholesale and can't
|
|
37
|
+
* silently drop a field the data API advertises.
|
|
38
|
+
*/
|
|
39
|
+
function renderLeafItem(item) {
|
|
40
|
+
const {
|
|
41
|
+
items: _submenuItems,
|
|
42
|
+
...itemProps
|
|
43
|
+
} = item;
|
|
44
|
+
return /*#__PURE__*/_jsx(DropdownMenuItem, {
|
|
45
|
+
...itemProps
|
|
46
|
+
}, getItemKey(item));
|
|
47
|
+
}
|
|
48
|
+
|
|
30
49
|
/**
|
|
31
50
|
* Converts data-driven items into DropdownMenuItem components,
|
|
32
51
|
* so both modes share the same rendering and keyboard navigation path.
|
|
@@ -50,13 +69,7 @@ export function renderDropdownItems(items) {
|
|
|
50
69
|
className: "xu0wf1k xf314gf x9ynric x141an7d x1ltkj2j xv1l7n4 x87ps6o"
|
|
51
70
|
}),
|
|
52
71
|
children: option.title
|
|
53
|
-
}), option.items.map(
|
|
54
|
-
icon: item.icon,
|
|
55
|
-
label: item.label,
|
|
56
|
-
onClick: item.onClick,
|
|
57
|
-
isDisabled: item.isDisabled,
|
|
58
|
-
variant: item.variant
|
|
59
|
-
}, getItemKey(item)))]
|
|
72
|
+
}), option.items.map(renderLeafItem)]
|
|
60
73
|
}, getSectionKey(option, i)));
|
|
61
74
|
} else if (!('type' in option)) {
|
|
62
75
|
// A plain item that declares nested `items` becomes a submenu (data-mode
|
|
@@ -72,13 +85,7 @@ export function renderDropdownItems(items) {
|
|
|
72
85
|
children: renderDropdownItems(option.items)
|
|
73
86
|
}, getItemKey(option)));
|
|
74
87
|
} else {
|
|
75
|
-
elements.push(
|
|
76
|
-
icon: option.icon,
|
|
77
|
-
label: option.label,
|
|
78
|
-
onClick: option.onClick,
|
|
79
|
-
isDisabled: option.isDisabled,
|
|
80
|
-
variant: option.variant
|
|
81
|
-
}, getItemKey(option)));
|
|
88
|
+
elements.push(renderLeafItem(option));
|
|
82
89
|
}
|
|
83
90
|
}
|
|
84
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAE5D,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAkBlB,OAAO,KAAK,EACV,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAWjB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -63,6 +63,21 @@ const styles = {
|
|
|
63
63
|
kMwMTN: "xv1l7n4",
|
|
64
64
|
$$css: true
|
|
65
65
|
},
|
|
66
|
+
triggerIcon: {
|
|
67
|
+
kmuXW: "x2lah0s",
|
|
68
|
+
$$css: true
|
|
69
|
+
},
|
|
70
|
+
triggerIconRotation: {
|
|
71
|
+
k1ekBW: "x11xpdln",
|
|
72
|
+
kIyJzY: "xuedmi6",
|
|
73
|
+
kAMwcw: "xlr8y92",
|
|
74
|
+
k3nNDw: "x1g0ag68",
|
|
75
|
+
$$css: true
|
|
76
|
+
},
|
|
77
|
+
triggerIconOpen: {
|
|
78
|
+
k3aq6I: "x19jd1h0",
|
|
79
|
+
$$css: true
|
|
80
|
+
},
|
|
66
81
|
triggerGhost: {
|
|
67
82
|
kzqmXN: "x14atkfc",
|
|
68
83
|
kMzoRj: "xc342km",
|
|
@@ -901,52 +916,43 @@ export function MultiSelector({
|
|
|
901
916
|
,
|
|
902
917
|
...themeProps('multi-selector-clear-icon')
|
|
903
918
|
})
|
|
904
|
-
}), /*#__PURE__*/_jsx("
|
|
919
|
+
}), showStatusIcon ? showStatusTooltip ? /*#__PURE__*/_jsx("button", {
|
|
920
|
+
ref: statusTooltip.ref,
|
|
921
|
+
type: "button",
|
|
922
|
+
"aria-label": t(STATUS_BUTTON_LABEL_KEY[status.type]),
|
|
923
|
+
"aria-describedby": statusTooltip.describedBy,
|
|
924
|
+
onClick: e => e.stopPropagation(),
|
|
905
925
|
...{
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
2: {
|
|
910
|
-
className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike x19jd1h0"
|
|
911
|
-
},
|
|
912
|
-
1: {
|
|
913
|
-
className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike xq2gx43"
|
|
914
|
-
},
|
|
915
|
-
3: {
|
|
916
|
-
className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike x19jd1h0 xq2gx43"
|
|
917
|
-
}
|
|
918
|
-
}[!!(!showStatusIcon && popover.isOpen) << 1 | !!showStatusIcon << 0],
|
|
919
|
-
children: showStatusIcon ? showStatusTooltip ? /*#__PURE__*/_jsx("button", {
|
|
920
|
-
ref: statusTooltip.ref,
|
|
921
|
-
type: "button",
|
|
922
|
-
"aria-label": t(STATUS_BUTTON_LABEL_KEY[status.type]),
|
|
923
|
-
"aria-describedby": statusTooltip.describedBy,
|
|
924
|
-
onClick: e => e.stopPropagation(),
|
|
925
|
-
...{
|
|
926
|
-
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1heor9g x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
927
|
-
},
|
|
928
|
-
children: /*#__PURE__*/_jsx(Icon, {
|
|
929
|
-
icon: STATUS_ICON_MAP[status.type],
|
|
930
|
-
size: "sm",
|
|
931
|
-
color: STATUS_ICON_COLOR_MAP[status.type]
|
|
932
|
-
})
|
|
933
|
-
}) : /*#__PURE__*/_jsx(Icon, {
|
|
926
|
+
className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1heor9g x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
|
|
927
|
+
},
|
|
928
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
934
929
|
icon: STATUS_ICON_MAP[status.type],
|
|
935
930
|
size: "sm",
|
|
936
|
-
color: STATUS_ICON_COLOR_MAP[status.type]
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
931
|
+
color: STATUS_ICON_COLOR_MAP[status.type],
|
|
932
|
+
xstyle: styles.triggerIcon
|
|
933
|
+
})
|
|
934
|
+
}) : /*#__PURE__*/_jsx(Icon, {
|
|
935
|
+
icon: STATUS_ICON_MAP[status.type],
|
|
936
|
+
size: "sm",
|
|
937
|
+
color: STATUS_ICON_COLOR_MAP[status.type],
|
|
938
|
+
xstyle: styles.triggerIcon
|
|
939
|
+
}) : /*#__PURE__*/_jsx(Icon, {
|
|
940
|
+
icon: "chevronDown",
|
|
941
|
+
size: "sm",
|
|
942
|
+
color: "secondary"
|
|
943
|
+
// The rotation rides on the glyph, alongside the box and color
|
|
944
|
+
// the wrapper used to provide, so one element carries the mark,
|
|
945
|
+
// its open/closed transform, and the theme target.
|
|
946
|
+
,
|
|
947
|
+
xstyle: [styles.triggerIcon, styles.triggerIconRotation, popover.isOpen && styles.triggerIconOpen]
|
|
948
|
+
// Stable theme target on the chevron glyph itself, so a theme can
|
|
949
|
+
// restyle just this icon (color, size, hover) — and its
|
|
950
|
+
// open/closed state — via `defineTheme`. Same-element rules in
|
|
951
|
+
// @layer astryx-theme win over the icon's own base color/size,
|
|
952
|
+
// which a button-level target could not reach.
|
|
953
|
+
,
|
|
954
|
+
...themeProps('multi-selector-indicator-icon', {
|
|
955
|
+
state: popover.isOpen ? 'expanded' : 'collapsed'
|
|
950
956
|
})
|
|
951
957
|
})]
|
|
952
958
|
}), popover.render(/*#__PURE__*/_jsxs("div", {
|