@camunda/design-system 0.64.0 → 0.65.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/README.md +41 -0
- package/dist/carbon-compat/accordion-skeleton.js +1 -1
- package/dist/carbon-compat/accordion-skeleton.js.map +1 -1
- package/dist/carbon-compat/accordion.js +1 -1
- package/dist/carbon-compat/accordion.js.map +1 -1
- package/dist/carbon-compat/c3-data-table.js +2 -2
- package/dist/carbon-compat/c3-data-table.js.map +1 -1
- package/dist/carbon-compat/checkbox.d.ts +2 -2
- package/dist/carbon-compat/checkbox.d.ts.map +1 -1
- package/dist/carbon-compat/checkbox.js +24 -12
- package/dist/carbon-compat/checkbox.js.map +1 -1
- package/dist/carbon-compat/combo-box.d.ts.map +1 -1
- package/dist/carbon-compat/combo-box.js +8 -7
- package/dist/carbon-compat/combo-box.js.map +1 -1
- package/dist/carbon-compat/date-picker.d.ts +2 -0
- package/dist/carbon-compat/date-picker.d.ts.map +1 -1
- package/dist/carbon-compat/date-picker.js +36 -8
- package/dist/carbon-compat/date-picker.js.map +1 -1
- package/dist/carbon-compat/dropdown.d.ts.map +1 -1
- package/dist/carbon-compat/dropdown.js +9 -8
- package/dist/carbon-compat/dropdown.js.map +1 -1
- package/dist/carbon-compat/field-messages.d.ts +37 -0
- package/dist/carbon-compat/field-messages.d.ts.map +1 -0
- package/dist/carbon-compat/field-messages.js +47 -0
- package/dist/carbon-compat/field-messages.js.map +1 -0
- package/dist/carbon-compat/filterable-multi-select.d.ts +3 -1
- package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/filterable-multi-select.js +11 -9
- package/dist/carbon-compat/filterable-multi-select.js.map +1 -1
- package/dist/carbon-compat/form-group.js +1 -1
- package/dist/carbon-compat/form-group.js.map +1 -1
- package/dist/carbon-compat/link.js +1 -1
- package/dist/carbon-compat/link.js.map +1 -1
- package/dist/carbon-compat/modal.d.ts.map +1 -1
- package/dist/carbon-compat/modal.js +22 -4
- package/dist/carbon-compat/modal.js.map +1 -1
- package/dist/carbon-compat/multi-select.d.ts +3 -1
- package/dist/carbon-compat/multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/multi-select.js +11 -9
- package/dist/carbon-compat/multi-select.js.map +1 -1
- package/dist/carbon-compat/radio-button.d.ts.map +1 -1
- package/dist/carbon-compat/radio-button.js +11 -11
- package/dist/carbon-compat/radio-button.js.map +1 -1
- package/dist/carbon-compat/radio-tile.js +1 -1
- package/dist/carbon-compat/radio-tile.js.map +1 -1
- package/dist/carbon-compat/select.d.ts.map +1 -1
- package/dist/carbon-compat/select.js +8 -7
- package/dist/carbon-compat/select.js.map +1 -1
- package/dist/carbon-compat/stories/field-message-expect.d.ts +7 -0
- package/dist/carbon-compat/stories/field-message-expect.d.ts.map +1 -0
- package/dist/carbon-compat/stories/field-message-expect.js +20 -0
- package/dist/carbon-compat/stories/field-message-expect.js.map +1 -0
- package/dist/carbon-compat/table-batch-actions.d.ts.map +1 -1
- package/dist/carbon-compat/table-batch-actions.js +2 -2
- package/dist/carbon-compat/table-batch-actions.js.map +1 -1
- package/dist/carbon-compat/text-area.d.ts.map +1 -1
- package/dist/carbon-compat/text-area.js +8 -21
- package/dist/carbon-compat/text-area.js.map +1 -1
- package/dist/carbon-compat/text-input.d.ts.map +1 -1
- package/dist/carbon-compat/text-input.js +6 -24
- package/dist/carbon-compat/text-input.js.map +1 -1
- package/dist/carbon-compat/tile.js +2 -2
- package/dist/carbon-compat/tile.js.map +1 -1
- package/dist/carbon-compat/time-picker.d.ts.map +1 -1
- package/dist/carbon-compat/time-picker.js +8 -15
- package/dist/carbon-compat/time-picker.js.map +1 -1
- package/dist/src/components/ui/alert-dialog.d.ts +8 -1
- package/dist/src/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/src/components/ui/alert-dialog.js +21 -2
- package/dist/src/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/components/ui/checkbox.d.ts +11 -1
- package/dist/src/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/components/ui/checkbox.js +13 -2
- package/dist/src/components/ui/checkbox.js.map +1 -1
- package/dist/src/components/ui/code-block.d.ts +2 -0
- package/dist/src/components/ui/code-block.d.ts.map +1 -1
- package/dist/src/components/ui/code-block.js +27 -12
- package/dist/src/components/ui/code-block.js.map +1 -1
- package/dist/src/components/ui/combobox.d.ts.map +1 -1
- package/dist/src/components/ui/combobox.js +5 -3
- package/dist/src/components/ui/combobox.js.map +1 -1
- package/dist/src/components/ui/command.d.ts +9 -1
- package/dist/src/components/ui/command.d.ts.map +1 -1
- package/dist/src/components/ui/command.js +9 -2
- package/dist/src/components/ui/command.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts +18 -1
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +13 -5
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/date-picker.d.ts +3 -0
- package/dist/src/components/ui/date-picker.d.ts.map +1 -1
- package/dist/src/components/ui/date-picker.js +2 -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 +2 -2
- package/dist/src/components/ui/date-range-picker.js.map +1 -1
- package/dist/src/components/ui/dropdown.js +4 -4
- package/dist/src/components/ui/dropdown.js.map +1 -1
- package/dist/src/components/ui/empty-state.d.ts +1 -0
- package/dist/src/components/ui/empty-state.d.ts.map +1 -1
- package/dist/src/components/ui/empty-state.js +7 -2
- package/dist/src/components/ui/empty-state.js.map +1 -1
- package/dist/src/components/ui/file-uploader.d.ts.map +1 -1
- package/dist/src/components/ui/file-uploader.js +10 -10
- package/dist/src/components/ui/file-uploader.js.map +1 -1
- package/dist/src/components/ui/multi-select.d.ts +4 -1
- package/dist/src/components/ui/multi-select.d.ts.map +1 -1
- package/dist/src/components/ui/multi-select.js +6 -6
- package/dist/src/components/ui/multi-select.js.map +1 -1
- package/dist/src/components/ui/page-layout.js +1 -1
- package/dist/src/components/ui/page-layout.js.map +1 -1
- package/dist/src/components/ui/select.js +1 -1
- package/dist/src/components/ui/select.js.map +1 -1
- package/dist/src/components/ui/split-button.js +1 -1
- 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/examples/shared/DashboardSection.d.ts.map +1 -1
- package/dist/src/examples/shared/DashboardSection.js +1 -1
- package/dist/src/examples/shared/DashboardSection.js.map +1 -1
- package/dist/styles.css +47 -21
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-messages.d.ts","sourceRoot":"","sources":["../../carbon-compat/field-messages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,cAAc,CAAC;IAC1B,sEAAsE;IACtE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAQF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,EACV,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,iBAAiB,EACvE,QAAQ,GAAE,YAAiB,GAC1B,aAAa,CA8Cf"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
// Matches Carbon's `hasHelperText` (@carbon/react/lib/internal/hasHelperText.js):
|
|
4
|
+
// `""` and `null` render no message row, same as `undefined`.
|
|
5
|
+
function hasText(node) {
|
|
6
|
+
return node !== undefined && node !== null && node !== "";
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Resolves Carbon's invalid / warn / helper message trio for one control,
|
|
10
|
+
* with the precedence of Carbon's `useNormalizedInputProps`: invalid wins
|
|
11
|
+
* over warn, and helper text only shows when the control is neither. Unlike
|
|
12
|
+
* Carbon, `readOnly`/`disabled` do not suppress invalid or warn. Returns the
|
|
13
|
+
* ARIA props for the control and the message element to render next to it.
|
|
14
|
+
*/
|
|
15
|
+
export function fieldMessages(id, { invalid, invalidText, warn, warnText, helperText }, consumer = {}) {
|
|
16
|
+
const isInvalid = Boolean(invalid);
|
|
17
|
+
const isWarn = !isInvalid && Boolean(warn);
|
|
18
|
+
const errorId = isInvalid && hasText(invalidText) ? `${id}-error-msg` : undefined;
|
|
19
|
+
const warnId = isWarn && hasText(warnText) ? `${id}-warn-msg` : undefined;
|
|
20
|
+
const helperId = !isInvalid && !isWarn && hasText(helperText)
|
|
21
|
+
? `${id}-helper-text`
|
|
22
|
+
: undefined;
|
|
23
|
+
const messageIds = [errorId, warnId, helperId].filter((value) => value !== undefined);
|
|
24
|
+
// A consumer-supplied `aria-errormessage` wins outright rather than being
|
|
25
|
+
// merged: axe's aria-errormessage rule rejects more than one id token.
|
|
26
|
+
// The error id is also mirrored into `aria-describedby` — most screen
|
|
27
|
+
// readers don't support `aria-errormessage` (WAI-ARIA APG fallback).
|
|
28
|
+
const describedBy = [...messageIds, consumer["aria-describedby"]].filter(Boolean).join(" ") ||
|
|
29
|
+
undefined;
|
|
30
|
+
const ariaProps = {
|
|
31
|
+
"aria-invalid": isInvalid || undefined,
|
|
32
|
+
"aria-errormessage": consumer["aria-errormessage"] ?? errorId,
|
|
33
|
+
"aria-describedby": describedBy,
|
|
34
|
+
};
|
|
35
|
+
let message = null;
|
|
36
|
+
if (errorId) {
|
|
37
|
+
message = (_jsx("span", { id: errorId, className: "text-xs text-danger-foreground-subtle", children: invalidText }));
|
|
38
|
+
}
|
|
39
|
+
else if (warnId) {
|
|
40
|
+
message = (_jsx("span", { id: warnId, className: "text-xs text-warning-foreground-strong", children: warnText }));
|
|
41
|
+
}
|
|
42
|
+
else if (helperId) {
|
|
43
|
+
message = (_jsx("span", { id: helperId, className: "text-xs text-neutral-foreground-subtle", children: helperText }));
|
|
44
|
+
}
|
|
45
|
+
return { invalid: isInvalid, errorId, messageIds, ariaProps, message };
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=field-messages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-messages.js","sourceRoot":"","sources":["../../carbon-compat/field-messages.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,kFAAkF;AAClF,8DAA8D;AAC9D,SAAS,OAAO,CAAC,IAAqB;IACpC,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;AAC5D,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,EAAU,EACV,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAqB,EACvE,WAAyB,EAAE;IAE3B,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,OAAO,GACX,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,QAAQ,GACZ,CAAC,SAAS,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,UAAU,CAAC;QAC1C,CAAC,CAAC,GAAG,EAAE,cAAc;QACrB,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,MAAM,CACnD,CAAC,KAAK,EAAmB,EAAE,CAAC,KAAK,KAAK,SAAS,CAChD,CAAC;IACF,0EAA0E;IAC1E,uEAAuE;IACvE,sEAAsE;IACtE,qEAAqE;IACrE,MAAM,WAAW,GACf,CAAC,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACvE,SAAS,CAAC;IACZ,MAAM,SAAS,GAAmB;QAChC,cAAc,EAAE,SAAS,IAAI,SAAS;QACtC,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,IAAI,OAAO;QAC7D,kBAAkB,EAAE,WAAW;KAChC,CAAC;IACF,IAAI,OAAO,GAAoB,IAAI,CAAC;IACpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,GAAG,CACR,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,uCAAuC,YACjE,WAAW,GACP,CACR,CAAC;IACJ,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,GAAG,CACR,eAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,wCAAwC,YACjE,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,OAAO,GAAG,CACR,eAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,wCAAwC,YACnE,UAAU,GACN,CACR,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACzE,CAAC"}
|
|
@@ -37,8 +37,10 @@ export interface FilterableMultiSelectProps<ItemType = AnyItem> {
|
|
|
37
37
|
className?: string;
|
|
38
38
|
"aria-label"?: string;
|
|
39
39
|
ariaLabel?: string;
|
|
40
|
+
"aria-describedby"?: string;
|
|
41
|
+
"aria-errormessage"?: string;
|
|
40
42
|
[key: string]: unknown;
|
|
41
43
|
}
|
|
42
|
-
declare function FilterableMultiSelect<ItemType extends AnyItem>({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid
|
|
44
|
+
declare function FilterableMultiSelect<ItemType extends AnyItem>({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid, invalidText, warn, warnText, helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, filterItems: _filterItems, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": ariaLabelProp, ariaLabel: ariaLabelLegacy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, ...rest }: FilterableMultiSelectProps<ItemType>): React.JSX.Element;
|
|
43
45
|
export { FilterableMultiSelect };
|
|
44
46
|
//# sourceMappingURL=filterable-multi-select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filterable-multi-select.d.ts","sourceRoot":"","sources":["../../carbon-compat/filterable-multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"filterable-multi-select.d.ts","sourceRoot":"","sources":["../../carbon-compat/filterable-multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIvC,MAAM,WAAW,0BAA0B,CAAC,QAAQ,GAAG,OAAO;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,MAAM,CAAC;IACjD,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAWD,iBAAS,qBAAqB,CAAC,QAAQ,SAAS,OAAO,EAAE,EACvD,EAAE,EACF,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,YAAY,EACzB,cAAc,EAAE,eAAe,EAC/B,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,cAAc,EAAE,eAAe,EAC/B,eAAe,EAAE,gBAAgB,EACjC,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAE,eAAe,EAC1B,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,IAAI,EACR,EAAE,0BAA0B,CAAC,QAAQ,CAAC,qBA2GtC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { warnDroppedProps } from "../src/lib/utils.js";
|
|
4
|
+
import { fieldMessages } from "./field-messages.js";
|
|
4
5
|
import { MultiSelect } from "../src/components/ui/multi-select.js";
|
|
5
6
|
import { Text } from "../src/components/ui/typography.js";
|
|
6
7
|
function defaultItemToString(item) {
|
|
@@ -14,13 +15,8 @@ function defaultItemToString(item) {
|
|
|
14
15
|
}
|
|
15
16
|
// @deprecated — transitional adapter. Replace with DS MultiSelect when migrating off Carbon.
|
|
16
17
|
// REMAP: FilterableMultiSelect → DS MultiSelect (searchable=true by default)
|
|
17
|
-
function FilterableMultiSelect({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid
|
|
18
|
+
function FilterableMultiSelect({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid, invalidText, warn, warnText, helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, filterItems: _filterItems, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": ariaLabelProp, ariaLabel: ariaLabelLegacy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, ...rest }) {
|
|
18
19
|
warnDroppedProps("FilterableMultiSelect", {
|
|
19
|
-
invalid: _invalid,
|
|
20
|
-
invalidText: _invalidText,
|
|
21
|
-
warn: _warn,
|
|
22
|
-
warnText: _warnText,
|
|
23
|
-
helperText: _helperText,
|
|
24
20
|
light: _light,
|
|
25
21
|
size: _size,
|
|
26
22
|
direction: _direction,
|
|
@@ -66,14 +62,20 @@ function FilterableMultiSelect({ id, items, itemToString, initialSelectedItems,
|
|
|
66
62
|
// The DS trigger is a <div role="combobox">, so a `<label htmlFor>` no longer
|
|
67
63
|
// supplies its accessible name — wire it via aria-labelledby when a visible
|
|
68
64
|
// titleText label exists, else fall through to a consumer-supplied aria-label.
|
|
69
|
-
const
|
|
65
|
+
const generatedId = React.useId();
|
|
66
|
+
const resolvedId = id ?? generatedId;
|
|
67
|
+
const labelId = `${resolvedId}-label`;
|
|
70
68
|
const ariaLabel = ariaLabelProp ?? ariaLabelLegacy;
|
|
71
|
-
|
|
69
|
+
const { ariaProps, message } = fieldMessages(resolvedId, { invalid, invalidText, warn, warnText, helperText }, {
|
|
70
|
+
"aria-describedby": ariaDescribedBy,
|
|
71
|
+
"aria-errormessage": ariaErrorMessage,
|
|
72
|
+
});
|
|
73
|
+
return (_jsxs("div", { className: "flex flex-col gap-1", children: [titleText !== undefined ? (_jsx(Text, { as: "label", id: labelId, htmlFor: resolvedId, variant: "label-md-strong", children: titleText })) : null, _jsx(MultiSelect, { id: resolvedId, options: dsOptions, value: value, defaultValue: defaultValue, onValueChange: handleValueChange, placeholder: label, disabled: disabled, searchable: true,
|
|
72
74
|
// Carbon's FilterableMultiSelect trigger has a fixed height that
|
|
73
75
|
// never grows with selection — pin the DS default (which is now
|
|
74
76
|
// unbounded) back to 3 so this adapter keeps rendering the way
|
|
75
77
|
// Carbon's does.
|
|
76
|
-
maxCount: 3, "aria-labelledby": titleText !== undefined ? labelId : undefined, "aria-label": titleText === undefined ? ariaLabel : undefined })] }));
|
|
78
|
+
maxCount: 3, "aria-labelledby": titleText !== undefined ? labelId : undefined, "aria-label": titleText === undefined ? ariaLabel : undefined, ...ariaProps }), message] }));
|
|
77
79
|
}
|
|
78
80
|
export { FilterableMultiSelect };
|
|
79
81
|
//# sourceMappingURL=filterable-multi-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filterable-multi-select.js","sourceRoot":"","sources":["../../carbon-compat/filterable-multi-select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"filterable-multi-select.js","sourceRoot":"","sources":["../../carbon-compat/filterable-multi-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ import { Text } from "../src/components/ui/typography.js";
|
|
|
20
20
|
*/
|
|
21
21
|
function FormGroup({ legendText, legendId, disabled, invalid, message, messageText, className, children, ...rest }) {
|
|
22
22
|
warnDroppedProps("FormGroup", { message, messageText });
|
|
23
|
-
return (_jsxs("fieldset", { "data-slot": "carbon-compat-form-group", disabled: disabled, "aria-invalid": invalid || undefined, className: cn("flex flex-col gap-2 rounded-md border bg-background p-4", invalid && "border-
|
|
23
|
+
return (_jsxs("fieldset", { "data-slot": "carbon-compat-form-group", disabled: disabled, "aria-invalid": invalid || undefined, className: cn("flex flex-col gap-2 rounded-md border bg-background p-4", invalid && "border-danger-foreground-subtle", disabled && "opacity-60", className), ...rest, children: [legendText !== undefined && (_jsx(Text, { as: "legend", id: legendId, variant: "label-md-strong", className: "px-1 text-foreground", children: legendText })), children] }));
|
|
24
24
|
}
|
|
25
25
|
export { FormGroup };
|
|
26
26
|
//# sourceMappingURL=form-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../carbon-compat/form-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAIvD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,SAAS,CAAC,EACjB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACQ;IACf,gBAAgB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IACxD,OAAO,CACL,iCACY,0BAA0B,EACpC,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../carbon-compat/form-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAIvD;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,SAAS,CAAC,EACjB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACQ;IACf,gBAAgB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IACxD,OAAO,CACL,iCACY,0BAA0B,EACpC,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,OAAO,IAAI,iCAAiC,EAC5C,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,KACG,IAAI,aAEP,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAC,sBAAsB,YAE/B,UAAU,GACN,CACR,EACA,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -25,7 +25,7 @@ function Link({ size = "md", disabled, inline, renderIcon, className, children,
|
|
|
25
25
|
// The ring (rather than the browser default outline) is what makes the focus state legible
|
|
26
26
|
// in a Carbon-styled host, where a global `:focus { outline: … var(--cds-focus) }` would
|
|
27
27
|
// otherwise paint Carbon's blue over an otherwise DS-styled link.
|
|
28
|
-
"inline-flex items-center gap-1 rounded-sm text-info-action-default underline-offset-
|
|
28
|
+
"inline-flex items-center gap-1.5 rounded-sm text-info-action-default underline-offset-4 hover:underline focus-visible:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", SIZE_CLASS[size], disabled && "pointer-events-none opacity-50", className), ...rest, children: [renderIcon && renderIconNode(renderIcon), children] }));
|
|
29
29
|
}
|
|
30
30
|
export { Link };
|
|
31
31
|
//# sourceMappingURL=link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../carbon-compat/link.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAMxE,MAAM,UAAU,GAAuC;IACrD,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,SAAS,IAAI,CAAC,EACZ,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACG;IACV,gBAAgB,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,OAAO,CACL,0BACY,oBAAoB,mBACf,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE;QACX,2FAA2F;QAC3F,yFAAyF;QACzF,kEAAkE;QAClE,
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../carbon-compat/link.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAMxE,MAAM,UAAU,GAAuC;IACrD,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,SAAS,IAAI,CAAC,EACZ,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACG;IACV,gBAAgB,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,OAAO,CACL,0BACY,oBAAoB,mBACf,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE;QACX,2FAA2F;QAC3F,yFAAyF;QACzF,kEAAkE;QAClE,yMAAyM,EACzM,UAAU,CAAC,IAAI,CAAC,EAChB,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,KACG,IAAI,aAEP,UAAU,IAAI,cAAc,CAAC,UAAU,CAAC,EACxC,QAAQ,IACP,CACL,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../carbon-compat/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EACV,kBAAkB,IAAI,wBAAwB,EAC9C,gBAAgB,IAAI,sBAAsB,EAC1C,gBAAgB,IAAI,sBAAsB,EAC1C,UAAU,IAAI,gBAAgB,EAC/B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAC1C,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AACtD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../carbon-compat/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EACV,kBAAkB,IAAI,wBAAwB,EAC9C,gBAAgB,IAAI,sBAAsB,EAC1C,gBAAgB,IAAI,sBAAsB,EAC1C,UAAU,IAAI,gBAAgB,EAC/B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAC1C,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AACtD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqCF,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBA6L/B;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAsD/C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAwC3C;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AACF,iBAAS,SAAS,CAChB,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAehE;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqD3C;AAED,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -5,6 +5,20 @@ import { Button } from "../src/components/ui/button.js";
|
|
|
5
5
|
import { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "../src/components/ui/dialog.js";
|
|
6
6
|
import { useC4Dictionary } from "../src/lib/i18n/context.js";
|
|
7
7
|
import { cn, warnDroppedProps } from "../src/lib/utils.js";
|
|
8
|
+
/**
|
|
9
|
+
* Carbon's outside-click rule (`Modal.js`, `ComposedModal.js`): a passive modal closes on an
|
|
10
|
+
* outside click unless `preventCloseOnClickOutside` is set; a transactional one (with actions)
|
|
11
|
+
* stays open unless the prop is explicitly `false`. Radix `Dialog` always closes, so the result
|
|
12
|
+
* drives an `onPointerDownOutside` guard. Escape and the close controls are unaffected.
|
|
13
|
+
*/
|
|
14
|
+
function closesOnClickOutside(passive, preventCloseOnClickOutside) {
|
|
15
|
+
return passive
|
|
16
|
+
? !preventCloseOnClickOutside
|
|
17
|
+
: preventCloseOnClickOutside === false;
|
|
18
|
+
}
|
|
19
|
+
function preventDismiss(event) {
|
|
20
|
+
event.preventDefault();
|
|
21
|
+
}
|
|
8
22
|
function bridgeOnOpenChange(onClose) {
|
|
9
23
|
if (!onClose)
|
|
10
24
|
return undefined;
|
|
@@ -28,7 +42,6 @@ function Modal(props) {
|
|
|
28
42
|
loadingIconDescription,
|
|
29
43
|
loadingStatus,
|
|
30
44
|
onLoadingSuccess,
|
|
31
|
-
preventCloseOnClickOutside,
|
|
32
45
|
secondaryButtons,
|
|
33
46
|
selectorPrimaryFocus,
|
|
34
47
|
selectorsFloatingMenus,
|
|
@@ -45,7 +58,9 @@ function Modal(props) {
|
|
|
45
58
|
(primaryButtonText !== undefined ||
|
|
46
59
|
secondaryButtonText !== undefined) ? (_jsxs(AlertDialogFooter, { children: [secondaryButtonText !== undefined ? (_jsx(Button, { variant: "secondary", onClick: handleSecondary, children: secondaryButtonText })) : null, primaryButtonText !== undefined ? (_jsx(Button, { variant: "destructive", disabled: primaryButtonDisabled, onClick: onRequestSubmit, children: primaryButtonText })) : null] })) : null] }) }));
|
|
47
60
|
}
|
|
48
|
-
return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { id: id, "aria-label": ariaLabel ?? modalAriaLabel, className: className, ...rest,
|
|
61
|
+
return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { id: id, "aria-label": ariaLabel ?? modalAriaLabel, className: className, ...rest, onPointerDownOutside: closesOnClickOutside(!!passiveModal, preventCloseOnClickOutside)
|
|
62
|
+
? undefined
|
|
63
|
+
: preventDismiss, children: [(modalLabel || modalHeading) && (_jsxs(DialogHeader, { children: [modalLabel ? (_jsx("span", { className: "text-sm text-neutral-foreground-subtle", children: modalLabel })) : null, modalHeading ? _jsx(DialogTitle, { children: modalHeading }) : null] })), children ? _jsx(DialogBody, { children: children }) : null, !passiveModal &&
|
|
49
64
|
(primaryButtonText !== undefined ||
|
|
50
65
|
secondaryButtonText !== undefined) ? (_jsxs(DialogFooter, { children: [secondaryButtonText !== undefined ? (_jsx(Button, { variant: "secondary", onClick: handleSecondary, children: secondaryButtonText })) : null, primaryButtonText !== undefined ? (_jsx(Button, { variant: "default", disabled: primaryButtonDisabled, onClick: onRequestSubmit, children: primaryButtonText })) : null] })) : null] }) }));
|
|
51
66
|
}
|
|
@@ -57,14 +72,17 @@ function ComposedModal(props) {
|
|
|
57
72
|
isFullWidth,
|
|
58
73
|
launcherButtonRef,
|
|
59
74
|
onKeyDown,
|
|
60
|
-
preventCloseOnClickOutside,
|
|
61
75
|
selectorPrimaryFocus,
|
|
62
76
|
selectorsFloatingMenus,
|
|
63
77
|
size,
|
|
64
78
|
slug,
|
|
65
79
|
});
|
|
66
80
|
const onOpenChange = bridgeOnOpenChange(onClose);
|
|
67
|
-
|
|
81
|
+
// Carbon treats a ComposedModal without a top-level ModalFooter as passive.
|
|
82
|
+
const passive = !React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === ModalFooter);
|
|
83
|
+
return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsx(DialogContent, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: cn(containerClassName, className), ...rest, onPointerDownOutside: closesOnClickOutside(passive, preventCloseOnClickOutside)
|
|
84
|
+
? undefined
|
|
85
|
+
: preventDismiss, children: children }) }));
|
|
68
86
|
}
|
|
69
87
|
function ModalHeader(props) {
|
|
70
88
|
const { buttonOnClick, children, className, closeClassName, closeIconClassName, closeModal, iconDescription, label, labelClassName, title, titleClassName, ...rest } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../carbon-compat/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAqBxD,SAAS,kBAAkB,CACzB,OAIa;IAEb,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,OAAO,CAAC,IAAa,EAAE,EAAE;QACvB,IAAI,IAAI;YAAE,OAAO;QAChB,OAA6C,CAC5C,EAAmC,CACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,KAAiB;IAC9B,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,EAAE,EACF,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,0BAA0B,EAC1B,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,gBAAgB,CAAC,OAAO,EAAE;QACxB,KAAK;QACL,gBAAgB;QAChB,SAAS;QACT,mBAAmB;QACnB,WAAW;QACX,iBAAiB;QACjB,kBAAkB;QAClB,sBAAsB;QACtB,aAAa;QACb,gBAAgB;QAChB,
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../carbon-compat/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,8 +36,10 @@ export interface MultiSelectProps<ItemType extends AnyItem = AnyItem> {
|
|
|
36
36
|
className?: string;
|
|
37
37
|
"aria-label"?: string;
|
|
38
38
|
ariaLabel?: string;
|
|
39
|
+
"aria-describedby"?: string;
|
|
40
|
+
"aria-errormessage"?: string;
|
|
39
41
|
[key: string]: unknown;
|
|
40
42
|
}
|
|
41
|
-
declare function MultiSelect<ItemType extends AnyItem>({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid
|
|
43
|
+
declare function MultiSelect<ItemType extends AnyItem>({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid, invalidText, warn, warnText, helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": ariaLabelProp, ariaLabel: ariaLabelLegacy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, ...rest }: MultiSelectProps<ItemType>): React.JSX.Element;
|
|
42
44
|
export { MultiSelect };
|
|
43
45
|
//# sourceMappingURL=multi-select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../carbon-compat/multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../carbon-compat/multi-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAGhD,MAAM,WAAW,gBAAgB,CAAC,QAAQ,SAAS,OAAO,GAAG,OAAO;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,MAAM,CAAC;IACjD,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAWD,iBAAS,WAAW,CAAC,QAAQ,SAAS,OAAO,EAAE,EAC7C,EAAE,EACF,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,eAAe,EAC/B,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,cAAc,EAAE,eAAe,EAC/B,eAAe,EAAE,gBAAgB,EACjC,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAE,eAAe,EAC1B,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,IAAI,EACR,EAAE,gBAAgB,CAAC,QAAQ,CAAC,qBAyG5B;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { warnDroppedProps } from "../src/lib/utils.js";
|
|
4
|
+
import { fieldMessages } from "./field-messages.js";
|
|
4
5
|
import { MultiSelect as DSMultiSelect } from "../src/components/ui/multi-select.js";
|
|
5
6
|
import { Text } from "../src/components/ui/typography.js";
|
|
6
7
|
function defaultItemToString(item) {
|
|
@@ -14,13 +15,8 @@ function defaultItemToString(item) {
|
|
|
14
15
|
}
|
|
15
16
|
// @deprecated — transitional adapter. Replace with DS MultiSelect when migrating off Carbon.
|
|
16
17
|
// REMAP: Carbon MultiSelect → DS MultiSelect (searchable=false to match Carbon's non-filterable behavior)
|
|
17
|
-
function MultiSelect({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid
|
|
18
|
+
function MultiSelect({ id, items, itemToString, initialSelectedItems, selectedItems, onChange, titleText, label, disabled, invalid, invalidText, warn, warnText, helperText, light: _light, size: _size, direction: _direction, sortItems: _sortItems, compareItems: _compareItems, locale: _locale, downshiftProps: _downshiftProps, type: _type, selectionFeedback: _selectionFeedback, useTitleInItem: _useTitleInItem, translateWithId: _translateWithId, autoAlign: _autoAlign, className: _className, "aria-label": ariaLabelProp, ariaLabel: ariaLabelLegacy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, ...rest }) {
|
|
18
19
|
warnDroppedProps("MultiSelect", {
|
|
19
|
-
invalid: _invalid,
|
|
20
|
-
invalidText: _invalidText,
|
|
21
|
-
warn: _warn,
|
|
22
|
-
warnText: _warnText,
|
|
23
|
-
helperText: _helperText,
|
|
24
20
|
light: _light,
|
|
25
21
|
size: _size,
|
|
26
22
|
direction: _direction,
|
|
@@ -65,13 +61,19 @@ function MultiSelect({ id, items, itemToString, initialSelectedItems, selectedIt
|
|
|
65
61
|
// The DS trigger is a <div role="combobox">, so a `<label htmlFor>` no longer
|
|
66
62
|
// supplies its accessible name — wire it via aria-labelledby when a visible
|
|
67
63
|
// titleText label exists, else fall through to a consumer-supplied aria-label.
|
|
68
|
-
const
|
|
64
|
+
const generatedId = React.useId();
|
|
65
|
+
const resolvedId = id ?? generatedId;
|
|
66
|
+
const labelId = `${resolvedId}-label`;
|
|
69
67
|
const ariaLabel = ariaLabelProp ?? ariaLabelLegacy;
|
|
70
|
-
|
|
68
|
+
const { ariaProps, message } = fieldMessages(resolvedId, { invalid, invalidText, warn, warnText, helperText }, {
|
|
69
|
+
"aria-describedby": ariaDescribedBy,
|
|
70
|
+
"aria-errormessage": ariaErrorMessage,
|
|
71
|
+
});
|
|
72
|
+
return (_jsxs("div", { className: "flex flex-col gap-1", children: [titleText !== undefined ? (_jsx(Text, { as: "label", id: labelId, htmlFor: resolvedId, variant: "label-md-strong", children: titleText })) : null, _jsx(DSMultiSelect, { id: resolvedId, options: dsOptions, value: value, defaultValue: defaultValue, onValueChange: handleValueChange, placeholder: label, disabled: disabled, searchable: false,
|
|
71
73
|
// Carbon's MultiSelect trigger has a fixed height that never grows
|
|
72
74
|
// with selection — pin the DS default (which is now unbounded) back
|
|
73
75
|
// to 3 so this adapter keeps rendering the way Carbon's does.
|
|
74
|
-
maxCount: 3, "aria-labelledby": titleText !== undefined ? labelId : undefined, "aria-label": titleText === undefined ? ariaLabel : undefined })] }));
|
|
76
|
+
maxCount: 3, "aria-labelledby": titleText !== undefined ? labelId : undefined, "aria-label": titleText === undefined ? ariaLabel : undefined, ...ariaProps }), message] }));
|
|
75
77
|
}
|
|
76
78
|
export { MultiSelect };
|
|
77
79
|
//# sourceMappingURL=multi-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../carbon-compat/multi-select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../carbon-compat/multi-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../carbon-compat/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../carbon-compat/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,qBAAqB,IAAI,2BAA2B,EACpD,gBAAgB,IAAI,sBAAsB,EAC3C,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA+HrD;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAkD3C;AAED,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -3,15 +3,14 @@ import * as React from "react";
|
|
|
3
3
|
import { RadioGroup, RadioGroupItem } from "../src/components/ui/radio-group.js";
|
|
4
4
|
import { Text } from "../src/components/ui/typography.js";
|
|
5
5
|
import { cn, warnDroppedProps } from "../src/lib/utils.js";
|
|
6
|
+
import { fieldMessages } from "./field-messages.js";
|
|
6
7
|
function RadioButtonGroup(props) {
|
|
7
|
-
const { children, className, defaultSelected, disabled, helperText, invalid, invalidText, legendText, name, onChange, orientation, readOnly, valueSelected, warn, warnText, ...rest } = props;
|
|
8
|
-
warnDroppedProps("RadioButtonGroup", {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
warn,
|
|
14
|
-
warnText,
|
|
8
|
+
const { children, className, defaultSelected, disabled, helperText, invalid, invalidText, legendText, name, onChange, orientation, readOnly, valueSelected, warn, warnText, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, ...rest } = props;
|
|
9
|
+
warnDroppedProps("RadioButtonGroup", { readOnly });
|
|
10
|
+
const generatedId = React.useId();
|
|
11
|
+
const { ariaProps, message } = fieldMessages(generatedId, { invalid, invalidText, warn, warnText, helperText }, {
|
|
12
|
+
"aria-describedby": ariaDescribedBy,
|
|
13
|
+
"aria-errormessage": ariaErrorMessage,
|
|
15
14
|
});
|
|
16
15
|
// Collect per-child `onChange` (Carbon-API parity: each RadioButton can
|
|
17
16
|
// own its own onChange handler in addition to the group-level one).
|
|
@@ -34,11 +33,12 @@ function RadioButtonGroup(props) {
|
|
|
34
33
|
onChange?.(value, name, synthetic);
|
|
35
34
|
}
|
|
36
35
|
: undefined;
|
|
37
|
-
const group = (_jsx(RadioGroup, { name: name, value: valueSelected, defaultValue: defaultSelected, disabled: disabled, orientation: orientation === "horizontal" ? "horizontal" : "vertical", onValueChange: handleValueChange, className: cn(legendText && "gap-2", orientation === "horizontal" && "flex flex-row gap-4", className), ...rest, children: children }));
|
|
36
|
+
const group = (_jsx(RadioGroup, { name: name, value: valueSelected, defaultValue: defaultSelected, disabled: disabled, orientation: orientation === "horizontal" ? "horizontal" : "vertical", onValueChange: handleValueChange, className: cn(legendText && "gap-2", orientation === "horizontal" && "flex flex-row gap-4", className), ...ariaProps, ...rest, children: children }));
|
|
37
|
+
const field = message ? (_jsxs("div", { className: "flex flex-col gap-1", children: [group, message] })) : (group);
|
|
38
38
|
if (legendText) {
|
|
39
|
-
return (_jsxs("fieldset", { className: "space-y-3", children: [_jsx(Text, { as: "legend", variant: "label-md-strong", children: legendText }),
|
|
39
|
+
return (_jsxs("fieldset", { className: "space-y-3", children: [_jsx(Text, { as: "legend", variant: "label-md-strong", children: legendText }), field] }));
|
|
40
40
|
}
|
|
41
|
-
return
|
|
41
|
+
return field;
|
|
42
42
|
}
|
|
43
43
|
function RadioButton(props) {
|
|
44
44
|
// `onChange` is plucked out and consumed by the parent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../carbon-compat/radio-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../carbon-compat/radio-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,SAAS,gBAAgB,CAAC,KAA4B;IACpD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,IAAI,EACR,GAAG,KAsBH,CAAC;IACF,gBAAgB,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,aAAa,CAC1C,WAAW,EACX,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EACpD;QACE,kBAAkB,EAAE,eAAe;QACnC,mBAAmB,EAAE,gBAAgB;KACtC,CACF,CAAC;IAEF,wEAAwE;IACxE,oEAAoE;IACpE,MAAM,oBAAoB,GAAG,IAAI,GAAG,EAOjC,CAAC;IACJ,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IACE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC3B,OAAQ,KAAK,CAAC,KAA6B,CAAC,KAAK,KAAK,QAAQ,EAC9D,CAAC;YACD,MAAM,aAAa,GAAI,KAAK,CAAC,KAAwC;iBAClE,QAAQ,CAAC;YACZ,MAAM,UAAU,GAAI,KAAK,CAAC,KAA2B,CAAC,KAAK,CAAC;YAC5D,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE,CAAC;gBACxC,oBAAoB,CAAC,GAAG,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GACrB,QAAQ,IAAI,oBAAoB,CAAC,IAAI,GAAG,CAAC;QACvC,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE;YAChB,MAAM,SAAS,GAAG,EAAyC,CAAC;YAC5D,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;YAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;QACrC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,KAAK,GAAG,CACZ,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EACrE,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,EAAE,CACX,UAAU,IAAI,OAAO,EACrB,WAAW,KAAK,YAAY,IAAI,qBAAqB,EACrD,SAAS,CACV,KACG,SAAS,KACR,IAAgD,YAEpD,QAAQ,GACE,CACd,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,EACL,OAAO,IACJ,CACP,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,oBAAU,SAAS,EAAC,WAAW,aAC7B,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,YACxC,UAAU,GACN,EACN,KAAK,IACG,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,uDAAuD;IACvD,oEAAoE;IACpE,6DAA6D;IAC7D,MAAM,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,GAAG,IAAI,EACR,GAAG,KAUH,CAAC;IACF,gBAAgB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACtD,KAAC,cAAc,OACR,IAAoD,EACzD,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACD,SAAS,KAAK,SAAS,IAAI,CAC1B,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,SAAS,IAAI,SAAS,EACtB,QAAQ,IAAI,+BAA+B,CAC5C,YAEA,SAAS,GACJ,CACT,IACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -25,7 +25,7 @@ function RadioTile(props) {
|
|
|
25
25
|
slug,
|
|
26
26
|
tabIndex,
|
|
27
27
|
});
|
|
28
|
-
return (_jsxs("label", { className: cn("flex cursor-pointer items-start gap-3 rounded-xl border-2 border-border p-4 transition-colors", "has-[[data-state=unchecked]]:hover:bg-neutral-background-medium", "has-[[data-state=checked]]:border-
|
|
28
|
+
return (_jsxs("label", { className: cn("flex cursor-pointer items-start gap-3 rounded-xl border-2 border-border p-4 transition-colors", "has-[[data-state=unchecked]]:hover:bg-neutral-background-medium", "has-[[data-state=checked]]:border-accent-border-strong", "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-70 has-[:disabled]:hover:bg-transparent", className), children: [_jsx(RadioGroupItem, { ...rest, id: id, value: String(value), disabled: disabled }), children] }));
|
|
29
29
|
}
|
|
30
30
|
export { RadioTile, TileGroup };
|
|
31
31
|
//# sourceMappingURL=radio-tile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-tile.js","sourceRoot":"","sources":["../../carbon-compat/radio-tile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAaxD,SAAS,SAAS,CAChB,KAAwB;IAExB,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,QAAQ;QAChC,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAqB,EAAE,IAAI,EAAE,SAAS,CAAC;QACrE,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,KAAK,GAAG,CACZ,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,EACtE,YAAY,EACV,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAErE,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAC5B,IAAgD,YAEpD,QAAQ,GACE,CACd,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,oBAAU,SAAS,EAAC,qBAAqB,aACvC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,YACxC,MAAM,GACF,EACN,KAAK,IACG,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,EAAE,EACF,KAAK,EACL,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE;QAC5B,SAAS;QACT,iBAAiB;QACjB,KAAK;QACL,QAAQ;QACR,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,iEAAiE,EACjE,
|
|
1
|
+
{"version":3,"file":"radio-tile.js","sourceRoot":"","sources":["../../carbon-compat/radio-tile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAaxD,SAAS,SAAS,CAChB,KAAwB;IAExB,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,QAAQ;QAChC,CAAC,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAqB,EAAE,IAAI,EAAE,SAAS,CAAC;QACrE,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,KAAK,GAAG,CACZ,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,EACtE,YAAY,EACV,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAErE,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,iBAAiB,EAChC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAC5B,IAAgD,YAEpD,QAAQ,GACE,CACd,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,oBAAU,SAAS,EAAC,qBAAqB,aACvC,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,YACxC,MAAM,GACF,EACN,KAAK,IACG,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,EAAE,EACF,KAAK,EACL,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,gBAAgB,CAAC,WAAW,EAAE;QAC5B,SAAS;QACT,iBAAiB;QACjB,KAAK;QACL,QAAQ;QACR,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,iEAAiE,EACjE,wDAAwD,EACxD,oGAAoG,EACpG,SAAS,CACV,aAED,KAAC,cAAc,OACR,IAAoD,EACzD,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,QAAQ,GAClB,EACD,QAAQ,IACH,CACT,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../carbon-compat/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../carbon-compat/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,WAAW,IAAI,iBAAiB,EACjC,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAkCpD,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,qBAkHjC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,4BAyBzC;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Select as ShadcnSelect, SelectContent, SelectItem as ShadcnSelectItem, SelectTrigger, SelectValue, } from "../src/components/ui/select.js";
|
|
4
4
|
import { cn, warnDroppedProps } from "../src/lib/utils.js";
|
|
5
|
+
import { fieldMessages } from "./field-messages.js";
|
|
5
6
|
function extractPlaceholderItem(children, placeholder) {
|
|
6
7
|
let resolvedPlaceholder = placeholder;
|
|
7
8
|
const filteredChildren = React.Children.map(children, (child) => {
|
|
@@ -20,19 +21,19 @@ function extractPlaceholderItem(children, placeholder) {
|
|
|
20
21
|
return { resolvedPlaceholder, filteredChildren };
|
|
21
22
|
}
|
|
22
23
|
function Select(props) {
|
|
23
|
-
const { id, value, defaultValue, onChange, disabled, children, className, placeholder, labelText, helperText, invalid, invalidText, warn, warnText, hideLabel, inline, light, size, readOnly, noLabel, "aria-label": ariaLabel, } = props;
|
|
24
|
+
const { id, value, defaultValue, onChange, disabled, children, className, placeholder, labelText, helperText, invalid, invalidText, warn, warnText, hideLabel, inline, light, size, readOnly, noLabel, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, } = props;
|
|
24
25
|
warnDroppedProps("Select", {
|
|
25
|
-
helperText,
|
|
26
|
-
invalid,
|
|
27
|
-
invalidText,
|
|
28
|
-
warn,
|
|
29
|
-
warnText,
|
|
30
26
|
hideLabel,
|
|
31
27
|
inline,
|
|
32
28
|
light,
|
|
33
29
|
readOnly,
|
|
34
30
|
noLabel,
|
|
35
31
|
});
|
|
32
|
+
const generatedId = React.useId();
|
|
33
|
+
const { ariaProps, message } = fieldMessages(id ?? generatedId, { invalid, invalidText, warn, warnText, helperText }, {
|
|
34
|
+
"aria-describedby": ariaDescribedBy,
|
|
35
|
+
"aria-errormessage": ariaErrorMessage,
|
|
36
|
+
});
|
|
36
37
|
const handleValueChange = (next) => {
|
|
37
38
|
if (!onChange)
|
|
38
39
|
return;
|
|
@@ -47,7 +48,7 @@ function Select(props) {
|
|
|
47
48
|
const { resolvedPlaceholder, filteredChildren } = extractPlaceholderItem(children, placeholder);
|
|
48
49
|
// Radix also misbehaves when controlled value is "". Treat it as unset so the placeholder shows.
|
|
49
50
|
const resolvedValue = value === "" ? undefined : value;
|
|
50
|
-
return (_jsxs("div", { className: "flex flex-col gap-1", children: [labelText !== undefined && !noLabel ? (_jsx("label", { htmlFor: id, className: cn("text-sm font-medium", hideLabel && "sr-only"), children: labelText })) : null, _jsxs(ShadcnSelect, { value: resolvedValue, defaultValue: defaultValue, onValueChange: handleValueChange, disabled: disabled, children: [_jsx(SelectTrigger, { id: id, size: triggerSize, className: cn("w-full", className), "aria-label": ariaLabel ?? (typeof labelText === "string" ? labelText : undefined), children: _jsx(SelectValue, { placeholder: resolvedPlaceholder }) }), _jsx(SelectContent, { children: filteredChildren })] })] }));
|
|
51
|
+
return (_jsxs("div", { className: "flex flex-col gap-1", children: [labelText !== undefined && !noLabel ? (_jsx("label", { htmlFor: id, className: cn("text-sm font-medium", hideLabel && "sr-only"), children: labelText })) : null, _jsxs(ShadcnSelect, { value: resolvedValue, defaultValue: defaultValue, onValueChange: handleValueChange, disabled: disabled, children: [_jsx(SelectTrigger, { id: id, size: triggerSize, className: cn("w-full", className), "aria-label": ariaLabel ?? (typeof labelText === "string" ? labelText : undefined), ...ariaProps, children: _jsx(SelectValue, { placeholder: resolvedPlaceholder }) }), _jsx(SelectContent, { children: filteredChildren })] }), message] }));
|
|
51
52
|
}
|
|
52
53
|
function SelectItem(props) {
|
|
53
54
|
const { value, text, disabled, hidden, className, ...rest } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../carbon-compat/select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,IAAI,YAAY,EACtB,aAAa,EACb,UAAU,IAAI,gBAAgB,EAC9B,aAAa,EACb,WAAW,GACZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../carbon-compat/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Asserts that `message` is wired to `control` the way carbon-compat's
|
|
3
|
+
* `fieldMessages` promises: a real, non-`undefined` id listed in
|
|
4
|
+
* `aria-describedby`, plus `aria-invalid`/`aria-errormessage` only for errors.
|
|
5
|
+
*/
|
|
6
|
+
export declare function expectMessageWiring(control: HTMLElement, message: HTMLElement, kind: "error" | "warn" | "helper"): Promise<void>;
|
|
7
|
+
//# sourceMappingURL=field-message-expect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-message-expect.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/field-message-expect.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,iBAclC"}
|