@camunda/design-system 0.57.0 → 0.59.0
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/carbon-compat/accordion-skeleton.d.ts +8 -2
- package/dist/carbon-compat/accordion-skeleton.d.ts.map +1 -1
- package/dist/carbon-compat/accordion-skeleton.js +4 -2
- package/dist/carbon-compat/accordion-skeleton.js.map +1 -1
- package/dist/carbon-compat/c3-data-table.d.ts +7 -1
- package/dist/carbon-compat/c3-data-table.d.ts.map +1 -1
- package/dist/carbon-compat/c3-data-table.js +8 -6
- package/dist/carbon-compat/c3-data-table.js.map +1 -1
- package/dist/carbon-compat/code-snippet.d.ts +2 -2
- package/dist/carbon-compat/code-snippet.d.ts.map +1 -1
- package/dist/carbon-compat/code-snippet.js +8 -6
- package/dist/carbon-compat/code-snippet.js.map +1 -1
- package/dist/carbon-compat/error-boundary.d.ts +2 -1
- package/dist/carbon-compat/error-boundary.d.ts.map +1 -1
- package/dist/carbon-compat/error-boundary.js +11 -1
- package/dist/carbon-compat/error-boundary.js.map +1 -1
- package/dist/carbon-compat/modal.d.ts.map +1 -1
- package/dist/carbon-compat/modal.js +5 -1
- package/dist/carbon-compat/modal.js.map +1 -1
- package/dist/carbon-compat/search.d.ts +4 -1
- package/dist/carbon-compat/search.d.ts.map +1 -1
- package/dist/carbon-compat/search.js +4 -2
- package/dist/carbon-compat/search.js.map +1 -1
- package/dist/carbon-compat/table-batch-actions.d.ts +5 -1
- package/dist/carbon-compat/table-batch-actions.d.ts.map +1 -1
- package/dist/carbon-compat/table-batch-actions.js +8 -3
- package/dist/carbon-compat/table-batch-actions.js.map +1 -1
- package/dist/carbon-compat/table-expand.d.ts +5 -1
- package/dist/carbon-compat/table-expand.d.ts.map +1 -1
- package/dist/carbon-compat/table-expand.js +6 -2
- package/dist/carbon-compat/table-expand.js.map +1 -1
- package/dist/carbon-compat/table-select.d.ts +9 -2
- package/dist/carbon-compat/table-select.d.ts.map +1 -1
- package/dist/carbon-compat/table-select.js +5 -2
- package/dist/carbon-compat/table-select.js.map +1 -1
- package/dist/carbon-compat/table-toolbar.d.ts +1 -0
- package/dist/carbon-compat/table-toolbar.d.ts.map +1 -1
- package/dist/carbon-compat/table-toolbar.js +5 -2
- package/dist/carbon-compat/table-toolbar.js.map +1 -1
- package/dist/src/components/ui/alert-dialog.js +1 -1
- package/dist/src/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/components/ui/alert.d.ts +3 -1
- package/dist/src/components/ui/alert.d.ts.map +1 -1
- package/dist/src/components/ui/alert.js +4 -2
- package/dist/src/components/ui/alert.js.map +1 -1
- package/dist/src/components/ui/app-header.d.ts +1 -0
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +4 -2
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/app-sidebar.d.ts +49 -2
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
- package/dist/src/components/ui/app-sidebar.js +20 -9
- package/dist/src/components/ui/app-sidebar.js.map +1 -1
- package/dist/src/components/ui/breadcrumb.d.ts +7 -1
- package/dist/src/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/src/components/ui/breadcrumb.js +6 -3
- package/dist/src/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/components/ui/c4-provider.d.ts +10 -0
- package/dist/src/components/ui/c4-provider.d.ts.map +1 -1
- package/dist/src/components/ui/c4-provider.js +11 -2
- package/dist/src/components/ui/c4-provider.js.map +1 -1
- package/dist/src/components/ui/card.d.ts +3 -1
- package/dist/src/components/ui/card.d.ts.map +1 -1
- package/dist/src/components/ui/card.js +5 -3
- package/dist/src/components/ui/card.js.map +1 -1
- package/dist/src/components/ui/chart.d.ts +1 -0
- package/dist/src/components/ui/chart.d.ts.map +1 -1
- package/dist/src/components/ui/chart.js +5 -3
- package/dist/src/components/ui/chart.js.map +1 -1
- package/dist/src/components/ui/checkbox.js +1 -1
- package/dist/src/components/ui/checkbox.js.map +1 -1
- package/dist/src/components/ui/code-block.d.ts +5 -0
- package/dist/src/components/ui/code-block.d.ts.map +1 -1
- package/dist/src/components/ui/code-block.js +14 -7
- package/dist/src/components/ui/code-block.js.map +1 -1
- package/dist/src/components/ui/combobox.d.ts +2 -0
- package/dist/src/components/ui/combobox.d.ts.map +1 -1
- package/dist/src/components/ui/combobox.js +9 -5
- package/dist/src/components/ui/combobox.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts +63 -6
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +38 -23
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/date-picker.d.ts +1 -0
- package/dist/src/components/ui/date-picker.d.ts.map +1 -1
- package/dist/src/components/ui/date-picker.js +6 -2
- package/dist/src/components/ui/date-picker.js.map +1 -1
- package/dist/src/components/ui/date-range-picker.d.ts +3 -0
- package/dist/src/components/ui/date-range-picker.d.ts.map +1 -1
- package/dist/src/components/ui/date-range-picker.js +6 -4
- package/dist/src/components/ui/date-range-picker.js.map +1 -1
- package/dist/src/components/ui/dialog.d.ts +6 -2
- package/dist/src/components/ui/dialog.d.ts.map +1 -1
- package/dist/src/components/ui/dialog.js +8 -5
- package/dist/src/components/ui/dialog.js.map +1 -1
- package/dist/src/components/ui/dropdown.js +2 -2
- package/dist/src/components/ui/file-uploader.d.ts +4 -4
- package/dist/src/components/ui/file-uploader.d.ts.map +1 -1
- package/dist/src/components/ui/file-uploader.js +19 -9
- package/dist/src/components/ui/file-uploader.js.map +1 -1
- package/dist/src/components/ui/filter-bar.d.ts +12 -0
- package/dist/src/components/ui/filter-bar.d.ts.map +1 -0
- package/dist/src/components/ui/filter-bar.js +24 -0
- package/dist/src/components/ui/filter-bar.js.map +1 -0
- package/dist/src/components/ui/inline-edit.d.ts +1 -1
- package/dist/src/components/ui/inline-edit.d.ts.map +1 -1
- package/dist/src/components/ui/inline-edit.js +4 -2
- package/dist/src/components/ui/inline-edit.js.map +1 -1
- package/dist/src/components/ui/meter.d.ts +1 -0
- package/dist/src/components/ui/meter.d.ts.map +1 -1
- package/dist/src/components/ui/meter.js +7 -3
- package/dist/src/components/ui/meter.js.map +1 -1
- package/dist/src/components/ui/multi-select.d.ts +9 -0
- package/dist/src/components/ui/multi-select.d.ts.map +1 -1
- package/dist/src/components/ui/multi-select.js +16 -5
- package/dist/src/components/ui/multi-select.js.map +1 -1
- package/dist/src/components/ui/multi-step-dialog.d.ts +25 -1
- package/dist/src/components/ui/multi-step-dialog.d.ts.map +1 -1
- package/dist/src/components/ui/multi-step-dialog.js +18 -7
- package/dist/src/components/ui/multi-step-dialog.js.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.d.ts +29 -12
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.js +69 -24
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
- package/dist/src/components/ui/notifications.d.ts +52 -5
- package/dist/src/components/ui/notifications.d.ts.map +1 -1
- package/dist/src/components/ui/notifications.js +25 -10
- package/dist/src/components/ui/notifications.js.map +1 -1
- package/dist/src/components/ui/radio-group.js +1 -1
- package/dist/src/components/ui/radio-group.js.map +1 -1
- package/dist/src/components/ui/scorecard.d.ts +1 -0
- package/dist/src/components/ui/scorecard.d.ts.map +1 -1
- package/dist/src/components/ui/scorecard.js +8 -3
- package/dist/src/components/ui/scorecard.js.map +1 -1
- package/dist/src/components/ui/search-input.d.ts +1 -1
- package/dist/src/components/ui/search-input.d.ts.map +1 -1
- package/dist/src/components/ui/search-input.js +4 -2
- package/dist/src/components/ui/search-input.js.map +1 -1
- package/dist/src/components/ui/sheet.d.ts +5 -2
- package/dist/src/components/ui/sheet.d.ts.map +1 -1
- package/dist/src/components/ui/sheet.js +5 -3
- package/dist/src/components/ui/sheet.js.map +1 -1
- package/dist/src/components/ui/sidebar-provider.d.ts.map +1 -1
- package/dist/src/components/ui/sidebar-provider.js +5 -1
- package/dist/src/components/ui/sidebar-provider.js.map +1 -1
- package/dist/src/components/ui/split-button.d.ts +1 -0
- package/dist/src/components/ui/split-button.d.ts.map +1 -1
- package/dist/src/components/ui/split-button.js +4 -2
- package/dist/src/components/ui/split-button.js.map +1 -1
- package/dist/src/components/ui/switch.js +1 -1
- package/dist/src/components/ui/switch.js.map +1 -1
- package/dist/src/components/ui/table.js +2 -2
- package/dist/src/components/ui/table.js.map +1 -1
- package/dist/src/components/ui/tabs.js +1 -1
- package/dist/src/components/ui/toast.d.ts +6 -1
- package/dist/src/components/ui/toast.d.ts.map +1 -1
- package/dist/src/components/ui/toast.js +4 -2
- package/dist/src/components/ui/toast.js.map +1 -1
- package/dist/src/components/ui/toggle-group.js +1 -1
- package/dist/src/components/ui/toggle-group.js.map +1 -1
- package/dist/src/components/ui/tree-view.d.ts +10 -2
- package/dist/src/components/ui/tree-view.d.ts.map +1 -1
- package/dist/src/components/ui/tree-view.js +9 -4
- package/dist/src/components/ui/tree-view.js.map +1 -1
- package/dist/src/components/ui/user-menu.d.ts +12 -1
- package/dist/src/components/ui/user-menu.d.ts.map +1 -1
- package/dist/src/components/ui/user-menu.js +5 -3
- package/dist/src/components/ui/user-menu.js.map +1 -1
- package/dist/src/examples/project-detail/ProjectDetailPage.d.ts.map +1 -1
- package/dist/src/examples/project-detail/ProjectDetailPage.js +5 -3
- package/dist/src/examples/project-detail/ProjectDetailPage.js.map +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/lib/i18n/context.d.ts +48 -0
- package/dist/src/lib/i18n/context.d.ts.map +1 -0
- package/dist/src/lib/i18n/context.js +157 -0
- package/dist/src/lib/i18n/context.js.map +1 -0
- package/dist/src/lib/i18n/dictionary.d.ts +148 -0
- package/dist/src/lib/i18n/dictionary.d.ts.map +1 -0
- package/dist/src/lib/i18n/dictionary.js +131 -0
- package/dist/src/lib/i18n/dictionary.js.map +1 -0
- package/dist/styles.css +44 -42
- package/package.json +3 -2
|
@@ -7,6 +7,12 @@ declare function BreadcrumbLink({ asChild, className, ...props }: React.Componen
|
|
|
7
7
|
}): React.JSX.Element;
|
|
8
8
|
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
9
9
|
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
10
|
-
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">
|
|
10
|
+
declare function BreadcrumbEllipsis({ className, label, ...props }: React.ComponentProps<"span"> & {
|
|
11
|
+
/**
|
|
12
|
+
* Sr-only text alongside the ellipsis glyph. Sourced from the i18n
|
|
13
|
+
* dictionary at key `"breadcrumb.more"` when omitted.
|
|
14
|
+
*/
|
|
15
|
+
label?: string;
|
|
16
|
+
}): React.JSX.Element;
|
|
11
17
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
12
18
|
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAK5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAe1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAYnD;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAS5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAgB5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,qBAcA;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
|
|
@@ -4,9 +4,11 @@ import * as React from "react";
|
|
|
4
4
|
import { Slot } from "radix-ui";
|
|
5
5
|
import { MoreHorizontal } from "../../icons/lucide.js";
|
|
6
6
|
import { cn } from "../../lib/utils.js";
|
|
7
|
+
import { useC4Dictionary } from "../../lib/i18n/context.js";
|
|
7
8
|
import { typographyVariants } from "./typography.js";
|
|
8
9
|
function Breadcrumb({ ...props }) {
|
|
9
|
-
|
|
10
|
+
const { t } = useC4Dictionary();
|
|
11
|
+
return (_jsx("nav", { "data-slot": "breadcrumb", "aria-label": t("breadcrumb.nav"), ...props }));
|
|
10
12
|
}
|
|
11
13
|
function BreadcrumbList({ className, ...props }) {
|
|
12
14
|
return (_jsx("ol", { "data-slot": "breadcrumb-list",
|
|
@@ -28,8 +30,9 @@ function BreadcrumbPage({ className, ...props }) {
|
|
|
28
30
|
function BreadcrumbSeparator({ children, className, ...props }) {
|
|
29
31
|
return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("select-none text-xs text-neutral-border-strong", children != null && "[&>svg]:size-3.5", className), ...props, children: children ?? "/" }));
|
|
30
32
|
}
|
|
31
|
-
function BreadcrumbEllipsis({ className, ...props }) {
|
|
32
|
-
|
|
33
|
+
function BreadcrumbEllipsis({ className, label, ...props }) {
|
|
34
|
+
const { t } = useC4Dictionary();
|
|
35
|
+
return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: label ?? t("breadcrumb.more") })] }));
|
|
33
36
|
}
|
|
34
37
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
35
38
|
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import type { C4Dictionary } from "../../lib/i18n/dictionary.js";
|
|
2
3
|
/**
|
|
3
4
|
* Scopes all c4-components CSS (design tokens, base resets) to its subtree.
|
|
4
5
|
* Wrap your shadcn component tree with this to avoid polluting the host app's styles.
|
|
@@ -13,6 +14,15 @@ type C4ProviderProps = {
|
|
|
13
14
|
children: React.ReactNode;
|
|
14
15
|
ref?: React.Ref<HTMLDivElement>;
|
|
15
16
|
theme?: "light" | "dark";
|
|
17
|
+
dictionary?: Partial<C4Dictionary>;
|
|
18
|
+
/**
|
|
19
|
+
* BCP-47 language tag (e.g. `"en"`, `"en-US"`, `"de-DE"`) — not
|
|
20
|
+
* underscore-separated (`"en_US"` is not valid BCP-47, even though it's
|
|
21
|
+
* the default format several backend i18n frameworks emit). A malformed
|
|
22
|
+
* value falls back to `"en"` (with a dev-only console warning) rather
|
|
23
|
+
* than throwing.
|
|
24
|
+
*/
|
|
25
|
+
locale?: string;
|
|
16
26
|
};
|
|
17
27
|
declare const C4Provider: React.ForwardRefExoticComponent<Omit<C4ProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
28
|
export { C4Provider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c4-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"c4-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAuBxD;;;;;;;;;GASG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACnC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiGF,QAAA,MAAM,UAAU,qGAA2D,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { withRef } from "../../lib/with-ref.js";
|
|
4
4
|
import { installAriaHiddenInert } from "../../lib/inert-aria-hidden.js";
|
|
5
|
+
import { C4DictionaryContext, resolveDictionary, resolveLocale, } from "../../lib/i18n/context.js";
|
|
5
6
|
/**
|
|
6
7
|
* Propagates light/dark from the app-root C4Provider to nested instances
|
|
7
8
|
* (Dialog, DropdownMenu, Select, etc.) that portal to document.body.
|
|
@@ -24,7 +25,15 @@ function resolveRootDark() {
|
|
|
24
25
|
return true;
|
|
25
26
|
return false;
|
|
26
27
|
}
|
|
27
|
-
function C4ProviderImpl({ ref, children, theme }) {
|
|
28
|
+
function C4ProviderImpl({ ref, children, theme, dictionary, locale, }) {
|
|
29
|
+
const inheritedDictionaryCtx = React.useContext(C4DictionaryContext);
|
|
30
|
+
const resolvedDictionary = React.useMemo(() => resolveDictionary(inheritedDictionaryCtx?.dictionary, dictionary), [inheritedDictionaryCtx?.dictionary, dictionary]);
|
|
31
|
+
const resolvedLocale = React.useMemo(() => resolveLocale(inheritedDictionaryCtx?.locale, locale), [inheritedDictionaryCtx?.locale, locale]);
|
|
32
|
+
// resolvedDictionary/resolvedLocale are already memoized above; without
|
|
33
|
+
// this, raw `useContext(C4DictionaryContext)` consumers still got a new
|
|
34
|
+
// object identity on every render because the `{ dictionary, locale }`
|
|
35
|
+
// literal itself was reconstructed each time.
|
|
36
|
+
const dictionaryContextValue = React.useMemo(() => ({ dictionary: resolvedDictionary, locale: resolvedLocale }), [resolvedDictionary, resolvedLocale]);
|
|
28
37
|
const inheritedDark = React.useContext(C4ThemeContext);
|
|
29
38
|
const isRoot = inheritedDark === undefined;
|
|
30
39
|
const containerRef = React.useRef(null);
|
|
@@ -76,7 +85,7 @@ function C4ProviderImpl({ ref, children, theme }) {
|
|
|
76
85
|
ref.current = node;
|
|
77
86
|
}, [ref]);
|
|
78
87
|
const scope = (_jsx("div", { ref: setRef, className: isDark ? "c4-ui contents dark" : "c4-ui contents", "data-c4-scope": "", children: children }));
|
|
79
|
-
return (_jsx(C4ThemeContext.Provider, { value: isDark, children: isDark && !isRoot ? _jsx("div", { className: "dark", children: scope }) : scope }));
|
|
88
|
+
return (_jsx(C4DictionaryContext.Provider, { value: dictionaryContextValue, children: _jsx(C4ThemeContext.Provider, { value: isDark, children: isDark && !isRoot ? _jsx("div", { className: "dark", children: scope }) : scope }) }));
|
|
80
89
|
}
|
|
81
90
|
const C4Provider = withRef(C4ProviderImpl);
|
|
82
91
|
export { C4Provider };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"c4-provider.js","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"c4-provider.js","sourceRoot":"","sources":["../../../../src/components/ui/c4-provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,10 @@ declare function Card({ className, size, ...props }: React.ComponentProps<"div">
|
|
|
3
3
|
size?: "default" | "sm";
|
|
4
4
|
}): React.JSX.Element;
|
|
5
5
|
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
6
|
-
declare function CardTitle({ className, tooltip, children, ...props }: React.ComponentProps<"div"> & {
|
|
6
|
+
declare function CardTitle({ className, tooltip, moreInformationLabel, children, ...props }: React.ComponentProps<"div"> & {
|
|
7
7
|
tooltip?: React.ReactNode;
|
|
8
|
+
/** Accessible name for the tooltip trigger. Sourced from the i18n dictionary at key `"card.moreInformation"` when omitted. */
|
|
9
|
+
moreInformationLabel?: string;
|
|
8
10
|
}): React.JSX.Element;
|
|
9
11
|
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
10
12
|
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAE,qBAY3D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,oBAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8HAA8H;IAC9H,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,qBAyCA;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}
|
|
@@ -2,15 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Info } from "../../icons/lucide.js";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { useC4Dictionary } from "../../lib/i18n/context.js";
|
|
5
6
|
import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.js";
|
|
6
7
|
import { typographyVariants } from "./typography.js";
|
|
7
8
|
function Card({ className, size = "default", ...props }) {
|
|
8
|
-
return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-neutral-background-subtle py-4 text-sm text-neutral-foreground-strong ring-1 ring-border has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
|
|
9
|
+
return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-neutral-background-subtle py-4 text-sm text-neutral-foreground-strong ring-1 ring-border shadow-sm has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
|
|
9
10
|
}
|
|
10
11
|
function CardHeader({ className, ...props }) {
|
|
11
12
|
return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3", className), ...props }));
|
|
12
13
|
}
|
|
13
|
-
function CardTitle({ className, tooltip, children, ...props }) {
|
|
14
|
+
function CardTitle({ className, tooltip, moreInformationLabel, children, ...props }) {
|
|
15
|
+
const { t } = useC4Dictionary();
|
|
14
16
|
return (_jsx("div", { "data-slot": "card-title", className: cn(
|
|
15
17
|
// min-w-0: without it, this grid item's flex-in-grid content (below)
|
|
16
18
|
// reports its unwrapped text as the item's min-content size, so
|
|
@@ -21,7 +23,7 @@ function CardTitle({ className, tooltip, children, ...props }) {
|
|
|
21
23
|
// Share the type scale via `typographyVariants`; the sm-size Card keeps
|
|
22
24
|
// its 14px override appended after (a distinct group-data modifier, so
|
|
23
25
|
// tailwind-merge does not drop the base text-base).
|
|
24
|
-
typographyVariants({ variant: "heading-sm" }), "group-data-[size=sm]/card:text-sm", className), ...props, children: _jsxs("span", { className: "flex min-w-0 items-center gap-[0.3125rem]", children: [_jsx("span", { className: "min-w-0 truncate", children: children }), tooltip != null && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex size-3.5 shrink-0 cursor-help items-center justify-center rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label":
|
|
26
|
+
typographyVariants({ variant: "heading-sm" }), "group-data-[size=sm]/card:text-sm", className), ...props, children: _jsxs("span", { className: "flex min-w-0 items-center gap-[0.3125rem]", children: [_jsx("span", { className: "min-w-0 truncate", children: children }), tooltip != null && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex size-3.5 shrink-0 cursor-help items-center justify-center rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": moreInformationLabel ?? t("card.moreInformation"), children: _jsx(Info, { className: "size-3.5" }) }) }), _jsx(TooltipContent, { children: tooltip })] }))] }) }));
|
|
25
27
|
}
|
|
26
28
|
function CardDescription({ className, ...props }) {
|
|
27
29
|
return (_jsx("div", { "data-slot": "card-description", className: cn(typographyVariants({ variant: "body-subtle" }), className), ...props }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD;IAC1D,OAAO,CACL,2BACY,MAAM,eACL,IAAI,EACf,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ declare function ChartContainer({ id, className, children, config, loading, empt
|
|
|
12
12
|
config: ChartConfig;
|
|
13
13
|
loading?: boolean;
|
|
14
14
|
empty?: boolean;
|
|
15
|
+
/** Message shown in place of the chart when `empty` is set. Sourced from the i18n dictionary at key `"chart.empty"` when omitted. */
|
|
15
16
|
emptyMessage?: string;
|
|
16
17
|
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
17
18
|
}): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as RechartsPrimitive from "recharts";
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { useC4Dictionary } from "../../lib/i18n/context.js";
|
|
5
6
|
import { CATEGORICAL_ORDER } from "./chart-colors.js";
|
|
6
7
|
import { Skeleton } from "./skeleton.js";
|
|
7
8
|
/**
|
|
@@ -37,10 +38,11 @@ function useChart() {
|
|
|
37
38
|
}
|
|
38
39
|
return context;
|
|
39
40
|
}
|
|
40
|
-
function ChartContainer({ id, className, children, config, loading = false, empty = false, emptyMessage
|
|
41
|
+
function ChartContainer({ id, className, children, config, loading = false, empty = false, emptyMessage, ...props }) {
|
|
42
|
+
const { t } = useC4Dictionary();
|
|
41
43
|
const generatedId = React.useId();
|
|
42
44
|
const chartId = `chart-${generatedId.replace(/:/g, "")}`;
|
|
43
|
-
return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { id: id, "data-slot": "chart", "data-chart": chartId, "aria-busy": loading || undefined, className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick-value]:fill-neutral-foreground-subtle [&_.recharts-cartesian-grid_line]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-radial-bar-background-sector]:fill-neutral-background-strong [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-neutral-background-strong [&_.recharts-reference-line-line]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), loading ? (_jsx(Skeleton, { className: "h-full w-full" })) : empty ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-neutral-foreground-subtle", children: emptyMessage })) : (_jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height: "100%", children: children }))] }) }));
|
|
45
|
+
return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { id: id, "data-slot": "chart", "data-chart": chartId, "aria-busy": loading || undefined, className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick-value]:fill-neutral-foreground-subtle [&_.recharts-cartesian-grid_line]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-radial-bar-background-sector]:fill-neutral-background-strong [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-neutral-background-strong [&_.recharts-reference-line-line]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), loading ? (_jsx(Skeleton, { className: "h-full w-full" })) : empty ? (_jsx("div", { className: "flex h-full w-full items-center justify-center text-neutral-foreground-subtle", children: emptyMessage ?? t("chart.empty") })) : (_jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height: "100%", children: children }))] }) }));
|
|
44
46
|
}
|
|
45
47
|
function ChartStyle({ id, config }) {
|
|
46
48
|
const entries = Object.entries(config);
|
|
@@ -109,7 +111,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
109
111
|
return null;
|
|
110
112
|
}
|
|
111
113
|
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
112
|
-
return (_jsxs("div", { "data-slot": "chart-tooltip-content", className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-
|
|
114
|
+
return (_jsxs("div", { "data-slot": "chart-tooltip-content", className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-md", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
|
|
113
115
|
const key = nameKey
|
|
114
116
|
? readCategoryValue(item.payload, nameKey)
|
|
115
117
|
: `${item.dataKey ?? item.name ?? "value"}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/components/ui/chart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAyB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC;;;;;;;;;;;;GAYG;AACH,MAAM,cAAc,GAGhB;IACF,OAAO,EAAE,kCAAkC;IAC3C,MAAM,EAAE,iCAAiC;IACzC,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE,+BAA+B;CACzC,CAAC;AAEF,SAAS,WAAW,CAClB,KAAuB;IAEvB,OAAO,CACL,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,QAAQ;QAClB,KAAK,KAAK,SAAS;QACnB,KAAK,KAAK,SAAS,CACpB,CAAC;AACJ,CAAC;AAgBD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEzE,SAAS,QAAQ;IACf,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/components/ui/chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { Checkbox as CheckboxPrimitive } from "radix-ui";
|
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
5
|
import { CheckIcon } from "../../icons/lucide.js";
|
|
6
6
|
function Checkbox({ className, ...props }) {
|
|
7
|
-
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-input-background transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger-foreground-subtle aria-invalid:ring-3 aria-invalid:ring-danger-foreground-subtle/20 aria-invalid:aria-checked:border-
|
|
7
|
+
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-input-background transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger-foreground-subtle aria-invalid:ring-3 aria-invalid:ring-danger-foreground-subtle/20 aria-invalid:aria-checked:border-accent-action-default dark:aria-invalid:ring-danger-foreground-subtle/40 data-checked:border-accent-action-default data-checked:bg-accent-action-default data-checked:text-accent-action-foreground dark:data-checked:bg-accent-action-default", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", children: _jsx(CheckIcon, { className: "text-current" }) }) }));
|
|
8
8
|
}
|
|
9
9
|
export { Checkbox };
|
|
10
10
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,ssBAAssB,EACtsB,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,yEAAyE,YAEnF,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAG,GACV,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -5,8 +5,11 @@ declare const codeBlockVariants: (props?: ({
|
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
type CodeBlockProps = Omit<React.ComponentProps<"pre">, "onCopy"> & VariantProps<typeof codeBlockVariants> & {
|
|
7
7
|
copyable?: boolean;
|
|
8
|
+
/** Accessible name for the copy button in its idle state. Sourced from the i18n dictionary at key `"codeBlock.copy"` when omitted. */
|
|
8
9
|
copyLabel?: string;
|
|
10
|
+
/** Accessible name for the copy button right after a successful copy. Sourced from the i18n dictionary at key `"codeBlock.copied"` when omitted. */
|
|
9
11
|
copiedLabel?: string;
|
|
12
|
+
/** Accessible name for the copy button right after a failed copy. Sourced from the i18n dictionary at key `"codeBlock.copyFailed"` when omitted. */
|
|
10
13
|
copyFailedLabel?: string;
|
|
11
14
|
/**
|
|
12
15
|
* `error` carries the original clipboard rejection on failure (e.g. a
|
|
@@ -16,7 +19,9 @@ type CodeBlockProps = Omit<React.ComponentProps<"pre">, "onCopy"> & VariantProps
|
|
|
16
19
|
*/
|
|
17
20
|
onCopy?: (text: string, success: boolean, error?: unknown) => void;
|
|
18
21
|
collapsedRows?: number;
|
|
22
|
+
/** Label for the button that expands a collapsed block. Sourced from the i18n dictionary at key `"codeBlock.showMore"` when omitted. */
|
|
19
23
|
showMoreLabel?: string;
|
|
24
|
+
/** Label for the button that re-collapses an expanded block. Sourced from the i18n dictionary at key `"codeBlock.showLess"` when omitted. */
|
|
20
25
|
showLessLabel?: string;
|
|
21
26
|
};
|
|
22
27
|
declare const CodeBlock: React.ForwardRefExoticComponent<Omit<CodeBlockProps, "ref"> & React.RefAttributes<HTMLPreElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,iBAAiB;;8EAatB,CAAC;AAyBF,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAC/D,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sIAAsI;IACtI,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oJAAoJ;IACpJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wIAAwI;IACxI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6IAA6I;IAC7I,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4PJ,QAAA,MAAM,SAAS,oGAAyD,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,CAAC"}
|
|
@@ -3,6 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { Check, ChevronDown, CircleAlert, Copy } from "../../icons/lucide.js";
|
|
5
5
|
import { cn } from "../../lib/utils.js";
|
|
6
|
+
import { useC4Dictionary } from "../../lib/i18n/context.js";
|
|
6
7
|
import { withRef } from "../../lib/with-ref.js";
|
|
7
8
|
import { Button } from "./button.js";
|
|
8
9
|
const codeBlockVariants = cva("relative rounded-lg border border-border bg-neutral-background-strong p-3 font-mono text-xs text-neutral-foreground-strong", {
|
|
@@ -35,7 +36,13 @@ function mergeRefs(a, b) {
|
|
|
35
36
|
b.current = node;
|
|
36
37
|
};
|
|
37
38
|
}
|
|
38
|
-
function CodeBlockImpl({ ref, className, variant = "single", children, copyable = true, copyLabel
|
|
39
|
+
function CodeBlockImpl({ ref, className, variant = "single", children, copyable = true, copyLabel, copiedLabel, copyFailedLabel, onCopy, collapsedRows, showMoreLabel, showLessLabel, ...props }) {
|
|
40
|
+
const { t } = useC4Dictionary();
|
|
41
|
+
const resolvedCopyLabel = copyLabel ?? t("codeBlock.copy");
|
|
42
|
+
const resolvedCopiedLabel = copiedLabel ?? t("codeBlock.copied");
|
|
43
|
+
const resolvedCopyFailedLabel = copyFailedLabel ?? t("codeBlock.copyFailed");
|
|
44
|
+
const resolvedShowMoreLabel = showMoreLabel ?? t("codeBlock.showMore");
|
|
45
|
+
const resolvedShowLessLabel = showLessLabel ?? t("codeBlock.showLess");
|
|
39
46
|
// In an effect rather than inline in the render body: this fires once per
|
|
40
47
|
// mount/prop-change instead of on every re-render, so a busy parent
|
|
41
48
|
// (re-rendering on every keystroke, poll, etc.) cannot flood the console
|
|
@@ -137,14 +144,14 @@ function CodeBlockImpl({ ref, className, variant = "single", children, copyable
|
|
|
137
144
|
if (announceFrameRef.current !== undefined) {
|
|
138
145
|
cancelAnimationFrame(announceFrameRef.current);
|
|
139
146
|
}
|
|
140
|
-
announceFrameRef.current = requestAnimationFrame(() => setAnnouncement(
|
|
147
|
+
announceFrameRef.current = requestAnimationFrame(() => setAnnouncement(resolvedCopiedLabel));
|
|
141
148
|
}
|
|
142
149
|
else {
|
|
143
150
|
setAnnouncement("");
|
|
144
151
|
if (announceFrameRef.current !== undefined) {
|
|
145
152
|
cancelAnimationFrame(announceFrameRef.current);
|
|
146
153
|
}
|
|
147
|
-
announceFrameRef.current = requestAnimationFrame(() => setAnnouncement(
|
|
154
|
+
announceFrameRef.current = requestAnimationFrame(() => setAnnouncement(resolvedCopyFailedLabel));
|
|
148
155
|
}
|
|
149
156
|
};
|
|
150
157
|
return (_jsxs("div", { "data-slot": "code-block", "data-variant": variant, className: cn(codeBlockVariants({ variant }), copyable && "pr-10"), children: [_jsx("div", { tabIndex: 0, className: cn("outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", variant === "single" ? "overflow-x-auto" : "", isCollapsedVisual ? "overflow-hidden" : ""),
|
|
@@ -153,11 +160,11 @@ function CodeBlockImpl({ ref, className, variant = "single", children, copyable
|
|
|
153
160
|
// computed line-height, so it can't be expressed as a fixed utility class.
|
|
154
161
|
style: isCollapsedVisual && capPx !== null ? { maxHeight: capPx } : undefined, children: _jsx("pre", { ref: preRefCallback, className: cn(variant === "single"
|
|
155
162
|
? "whitespace-pre"
|
|
156
|
-
: "whitespace-pre-wrap break-words", className), ...props, children: _jsx("code", { ref: codeRef, children: children }) }) }), showToggle && (_jsxs(Button, { type: "button", variant: "ghost", size: "xs", onClick: () => setExpanded((prev) => !prev), "aria-expanded": expanded, className: "mt-2", children: [expanded ?
|
|
157
|
-
?
|
|
163
|
+
: "whitespace-pre-wrap break-words", className), ...props, children: _jsx("code", { ref: codeRef, children: children }) }) }), showToggle && (_jsxs(Button, { type: "button", variant: "ghost", size: "xs", onClick: () => setExpanded((prev) => !prev), "aria-expanded": expanded, className: "mt-2", children: [expanded ? resolvedShowLessLabel : resolvedShowMoreLabel, _jsx(ChevronDown, { "aria-hidden": "true", className: cn("transition-transform", expanded && "rotate-180") })] })), copyable && (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", onClick: handleCopy, "aria-label": status === "copied"
|
|
164
|
+
? resolvedCopiedLabel
|
|
158
165
|
: status === "failed"
|
|
159
|
-
?
|
|
160
|
-
:
|
|
166
|
+
? resolvedCopyFailedLabel
|
|
167
|
+
: resolvedCopyLabel, className: "absolute top-1.5 right-1.5", children: status === "copied" ? (_jsx(Check, { className: "text-success-foreground-subtle", "aria-hidden": "true" })) : status === "failed" ? (_jsx(CircleAlert, { className: "text-danger-foreground-subtle", "aria-hidden": "true" })) : (_jsx(Copy, { "aria-hidden": "true" })) }), _jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement })] }))] }));
|
|
161
168
|
}
|
|
162
169
|
const CodeBlock = withRef(CodeBlockImpl);
|
|
163
170
|
export { CodeBlock, codeBlockVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../../src/components/ui/code-block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,iBAAiB,GAAG,GAAG,CAC3B,4HAA4H,EAC5H;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,+EAA+E;AAC/E,8EAA8E;AAC9E,4EAA4E;AAC5E,sDAAsD;AACtD,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,+EAA+E;AAC/E,gFAAgF;AAChF,6EAA6E;AAC7E,qBAAqB;AACrB,SAAS,SAAS,CAChB,CAA2B,EAC3B,CAA4B;IAE5B,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,OAAO,CAAC,KAAK,UAAU;YAAE,CAAC,CAAC,IAAI,CAAC,CAAC;aAChC,IAAI,CAAC;YAAG,CAA+B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5D,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;IACnB,CAAC,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../../src/components/ui/code-block.tsx"],"names":[],"mappings":"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"}
|
|
@@ -56,7 +56,9 @@ export interface ComboboxProps extends Omit<React.ComponentProps<"button">, "onC
|
|
|
56
56
|
* order (the server's rank) is trusted as-is.
|
|
57
57
|
*/
|
|
58
58
|
sortFn?: (a: ComboboxOption, b: ComboboxOption) => number;
|
|
59
|
+
/** Trigger text shown when no option is selected. Sourced from the i18n dictionary at key `"combobox.selectOption"` when omitted. */
|
|
59
60
|
placeholder?: string;
|
|
61
|
+
/** Placeholder for the search input. Sourced from the i18n dictionary at key `"combobox.search"` when omitted. */
|
|
60
62
|
searchPlaceholder?: string;
|
|
61
63
|
emptyIndicator?: React.ReactNode;
|
|
62
64
|
size?: "default" | "sm";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC9B,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CAC5D;IACC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,cAAc,KAAK,MAAM,CAAC;IAC1D,qIAAqI;IACrI,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kHAAkH;IAClH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAgLD,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,gBAAwB,EACxB,iBAAyB,EACzB,SAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,MAAsB,EACtB,cAAc,EACd,IAAgB,EAChB,QAAgB,EAChB,WAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,qBA2Sf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { Popover as PopoverPrimitive } from "radix-ui";
|
|
|
5
5
|
import { CheckIcon, ChevronDownIcon } from "../../icons/lucide.js";
|
|
6
6
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
7
7
|
import { cn } from "../../lib/utils.js";
|
|
8
|
+
import { useC4Dictionary } from "../../lib/i18n/context.js";
|
|
8
9
|
import { C4Provider } from "./c4-provider.js";
|
|
9
10
|
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command.js";
|
|
10
11
|
const ITEM_HEIGHT = 32;
|
|
@@ -54,7 +55,7 @@ function VirtualList({ items, selectedValue, filterValue, onFilterChange, onSele
|
|
|
54
55
|
onCommitCustomValue(filterValue);
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
|
-
return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "border-b px-3", children: _jsx("input", { ref: inputRef, className: "h-9 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground", placeholder: searchPlaceholder
|
|
58
|
+
return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "border-b px-3", children: _jsx("input", { ref: inputRef, className: "h-9 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground", placeholder: searchPlaceholder, value: filterValue, onChange: (e) => onFilterChange(e.target.value), onKeyDown: handleInputKeyDown, "aria-label": searchPlaceholder }) }), filtered.length === 0 ? (_jsx("p", { className: "py-5 text-center text-sm text-muted-foreground", children: emptyIndicator })) : (_jsx("div", { ref: listRef, style: { height: listHeight, overflowY: "auto" }, role: "listbox", children: _jsx("div", { style: { height: virtualizer.getTotalSize(), position: "relative" }, children: virtualizer.getVirtualItems().map((vItem) => {
|
|
58
59
|
const option = filtered[vItem.index];
|
|
59
60
|
const isSelected = option.value === selectedValue;
|
|
60
61
|
return (_jsxs("div", { role: "option", "aria-selected": isSelected, "aria-disabled": option.disabled, tabIndex: option.disabled ? -1 : 0, style: {
|
|
@@ -76,7 +77,10 @@ function VirtualList({ items, selectedValue, filterValue, onFilterChange, onSele
|
|
|
76
77
|
}, children: [_jsx(CheckIcon, { className: cn("size-4 shrink-0", isSelected ? "opacity-100" : "opacity-0"), "aria-hidden": "true" }), option.label] }, vItem.key));
|
|
77
78
|
}) }) }))] }));
|
|
78
79
|
}
|
|
79
|
-
function Combobox({ options, value: controlledValue, defaultValue, onValueChange, onInputChange, allowCustomValue = false, externalFiltering = false, direction = "bottom", placeholder
|
|
80
|
+
function Combobox({ options, value: controlledValue, defaultValue, onValueChange, onInputChange, allowCustomValue = false, externalFiltering = false, direction = "bottom", placeholder, searchPlaceholder, sortFn = defaultSortFn, emptyIndicator, size = "default", disabled = false, virtualized = false, className, ...rest }) {
|
|
81
|
+
const { t } = useC4Dictionary();
|
|
82
|
+
const resolvedPlaceholder = placeholder ?? t("combobox.selectOption");
|
|
83
|
+
const resolvedSearchPlaceholder = searchPlaceholder ?? t("combobox.search");
|
|
80
84
|
if (process.env.NODE_ENV === "development" &&
|
|
81
85
|
!virtualized &&
|
|
82
86
|
options.length > 500) {
|
|
@@ -149,7 +153,7 @@ function Combobox({ options, value: controlledValue, defaultValue, onValueChange
|
|
|
149
153
|
// trigger renders blank instead of the placeholder on first render.
|
|
150
154
|
const isCustomValue = Boolean(allowCustomValue && selected && cachedLabel === undefined);
|
|
151
155
|
const hasValue = Boolean(cachedLabel) || isCustomValue;
|
|
152
|
-
const triggerLabel = cachedLabel ?? (isCustomValue ? selected :
|
|
156
|
+
const triggerLabel = cachedLabel ?? (isCustomValue ? selected : resolvedPlaceholder);
|
|
153
157
|
const filteredCount = React.useMemo(() => {
|
|
154
158
|
// Under `externalFiltering`, "no matches" means the server's current
|
|
155
159
|
// result page is empty — a client-side substring recount over that same
|
|
@@ -237,14 +241,14 @@ function Combobox({ options, value: controlledValue, defaultValue, onValueChange
|
|
|
237
241
|
// `pointer-events-auto` restores interactivity inside a Dialog:
|
|
238
242
|
// the popover portals as a sibling of the dialog, so it inherits
|
|
239
243
|
// `pointer-events: none` from the scroll-locked <body> (#613).
|
|
240
|
-
"pointer-events-auto z-50 w-[--radix-popover-trigger-width] p-0 rounded-lg border border-input bg-popover text-popover-foreground shadow-
|
|
244
|
+
"pointer-events-auto z-50 w-[--radix-popover-trigger-width] p-0 rounded-lg border border-input bg-popover text-popover-foreground shadow-lg ring-1 ring-border outline-hidden", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95"), children: virtualized ? (open && (_jsx(VirtualList, { items: orderedOptions, selectedValue: selected, filterValue: filterValue, onFilterChange: handleInputChange, onSelect: handleSelect, allowCustomValue: allowCustomValue, onCommitCustomValue: handleCommitCustomValue, searchPlaceholder: resolvedSearchPlaceholder, emptyIndicator: resolvedEmptyIndicator, externalFiltering: externalFiltering }))) : (_jsxs(Command, { shouldFilter: !externalFiltering, onKeyDown: handleCommandKeyDown, filter: (value, search) => {
|
|
241
245
|
const option = orderedOptions.find((o) => o.value === value);
|
|
242
246
|
return option?.label
|
|
243
247
|
.toLowerCase()
|
|
244
248
|
.includes(search.toLowerCase())
|
|
245
249
|
? 1
|
|
246
250
|
: 0;
|
|
247
|
-
}, children: [_jsx(CommandInput, { placeholder:
|
|
251
|
+
}, children: [_jsx(CommandInput, { placeholder: resolvedSearchPlaceholder, "aria-label": resolvedSearchPlaceholder, value: filterValue, onValueChange: handleInputChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: resolvedEmptyIndicator }), _jsx(CommandGroup, { children: orderedOptions.map((option) => (_jsxs(CommandItem, { value: option.value, disabled: option.disabled, onSelect: handleSelect, className: "gap-2", children: [_jsx(CheckIcon, { className: cn("size-4 shrink-0", selected === option.value
|
|
248
252
|
? "opacity-100"
|
|
249
253
|
: "opacity-0"), "aria-hidden": "true" }), option.label] }, option.value))) })] })] })) }) }) })] }));
|
|
250
254
|
}
|