@astryxdesign/core 0.1.2-canary.bfcbf64 → 0.1.2-canary.c560a91
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/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +11 -11
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +4 -12
- package/dist/ContextMenu/ContextMenu.d.ts +1 -6
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +7 -58
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +4 -3
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +8 -5
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +0 -12
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +4 -25
- package/dist/Field/Field.d.ts +2 -19
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/Field/Field.js +0 -4
- package/dist/Field/FieldLabel.d.ts +2 -21
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +22 -37
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +1 -14
- package/dist/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/InputGroup/InputGroup.js +1 -4
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +6 -35
- package/dist/MultiSelector/hooks.d.ts +1 -12
- package/dist/MultiSelector/hooks.d.ts.map +1 -1
- package/dist/MultiSelector/hooks.js +1 -14
- package/dist/NavMenu/NavHeadingMenu.d.ts.map +1 -1
- package/dist/NavMenu/NavHeadingMenu.js +2 -17
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +4 -3
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +0 -8
- package/dist/ProgressBar/ProgressBar.js +1 -1
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +1 -4
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +8 -15
- package/dist/Selector/hooks.d.ts +1 -8
- package/dist/Selector/hooks.d.ts.map +1 -1
- package/dist/Selector/hooks.js +1 -14
- package/dist/TabList/TabList.d.ts +2 -2
- package/dist/TabList/TabList.d.ts.map +1 -1
- package/dist/TabList/TabList.js +39 -22
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Toolbar/Toolbar.js +3 -7
- package/dist/TreeList/TreeList.d.ts +1 -1
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +2 -78
- package/dist/TreeList/TreeListItem.d.ts +1 -10
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +10 -44
- package/dist/astryx.css +0 -3
- package/dist/astryx.umd.js +46 -46
- package/dist/astryx.umd.js.map +4 -4
- package/dist/hooks/index.d.ts +1 -7
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -4
- package/dist/hooks/useFocusTrap.d.ts +0 -18
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +0 -65
- package/dist/hooks/useListFocus.d.ts +8 -79
- package/dist/hooks/useListFocus.d.ts.map +1 -1
- package/dist/hooks/useListFocus.js +48 -262
- package/package.json +1 -1
- package/src/Calendar/Calendar.test.tsx +0 -25
- package/src/Calendar/Calendar.tsx +12 -10
- package/src/CheckboxList/CheckboxList.test.tsx +0 -19
- package/src/CheckboxList/CheckboxList.tsx +3 -18
- package/src/ContextMenu/ContextMenu.doc.mjs +0 -6
- package/src/ContextMenu/ContextMenu.test.tsx +1 -115
- package/src/ContextMenu/ContextMenu.tsx +4 -75
- package/src/DateInput/DateInput.tsx +16 -3
- package/src/DateTimeInput/DateTimeInput.test.tsx +3 -3
- package/src/DateTimeInput/DateTimeInput.tsx +21 -5
- package/src/Dialog/Dialog.tsx +0 -12
- package/src/DropdownMenu/DropdownMenu.test.tsx +4 -26
- package/src/DropdownMenu/DropdownMenu.tsx +2 -36
- package/src/Field/Field.test.tsx +0 -32
- package/src/Field/Field.tsx +5 -23
- package/src/Field/FieldLabel.tsx +17 -53
- package/src/FileInput/FileInput.test.tsx +2 -68
- package/src/FileInput/FileInput.tsx +0 -18
- package/src/InputGroup/InputGroup.test.tsx +63 -21
- package/src/InputGroup/InputGroup.tsx +1 -4
- package/src/MultiSelector/MultiSelector.test.tsx +2 -124
- package/src/MultiSelector/MultiSelector.tsx +9 -50
- package/src/MultiSelector/hooks.ts +0 -27
- package/src/NavMenu/NavHeadingMenu.test.tsx +1 -32
- package/src/NavMenu/NavHeadingMenu.tsx +2 -30
- package/src/NumberInput/NumberInput.tsx +16 -3
- package/src/Pagination/Pagination.test.tsx +5 -58
- package/src/Pagination/Pagination.tsx +0 -12
- package/src/ProgressBar/ProgressBar.test.tsx +26 -34
- package/src/ProgressBar/ProgressBar.tsx +1 -1
- package/src/RadioList/RadioList.test.tsx +4 -25
- package/src/RadioList/RadioList.tsx +1 -4
- package/src/Selector/Selector.test.tsx +0 -53
- package/src/Selector/Selector.tsx +8 -15
- package/src/Selector/hooks.ts +0 -23
- package/src/TabList/TabList.tsx +50 -19
- package/src/Toolbar/Toolbar.test.tsx +0 -45
- package/src/Toolbar/Toolbar.tsx +2 -5
- package/src/TreeList/TreeList.test.tsx +0 -273
- package/src/TreeList/TreeList.tsx +1 -84
- package/src/TreeList/TreeListItem.tsx +2 -42
- package/src/hooks/index.ts +1 -17
- package/src/hooks/useFocusTrap.test.tsx +3 -67
- package/src/hooks/useFocusTrap.ts +0 -75
- package/src/hooks/useListFocus.doc.mjs +10 -49
- package/src/hooks/useListFocus.test.tsx +0 -269
- package/src/hooks/useListFocus.ts +54 -339
- package/dist/TreeList/treeListItem.markers.stylex.d.ts +0 -16
- package/dist/TreeList/treeListItem.markers.stylex.d.ts.map +0 -1
- package/dist/TreeList/treeListItem.markers.stylex.js +0 -22
- package/dist/hooks/useLongPress.d.ts +0 -21
- package/dist/hooks/useLongPress.d.ts.map +0 -1
- package/dist/hooks/useLongPress.js +0 -89
- package/dist/hooks/useTreeFocus.d.ts +0 -133
- package/dist/hooks/useTreeFocus.d.ts.map +0 -1
- package/dist/hooks/useTreeFocus.js +0 -274
- package/dist/hooks/useTypeahead.d.ts +0 -63
- package/dist/hooks/useTypeahead.d.ts.map +0 -1
- package/dist/hooks/useTypeahead.js +0 -117
- package/src/TreeList/treeListItem.markers.stylex.ts +0 -20
- package/src/hooks/useLongPress.test.tsx +0 -134
- package/src/hooks/useLongPress.ts +0 -119
- package/src/hooks/useTreeFocus.doc.mjs +0 -126
- package/src/hooks/useTreeFocus.test.tsx +0 -214
- package/src/hooks/useTreeFocus.ts +0 -464
- package/src/hooks/useTypeahead.test.tsx +0 -109
- package/src/hooks/useTypeahead.ts +0 -183
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAI5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA4RtD;yBA5Re,QAAQ"}
|
|
@@ -23,7 +23,7 @@ import { Icon } from "../Icon/index.js";
|
|
|
23
23
|
import { useGridFocus } from "../hooks/index.js";
|
|
24
24
|
import { useCalendarDays, useCalendarConstraints, useCalendarRovingTabindex } from "./hooks/index.js";
|
|
25
25
|
import { calendarStyles, monthGridStyles, dayCellStyles, dayCellTheme } from "./styles.js";
|
|
26
|
-
import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
|
|
26
|
+
import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateFromDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
|
|
27
27
|
import { mergeProps } from "../utils/index.js";
|
|
28
28
|
import { computeDayCellState, computeRangeRounding, computePreviewRounding, isEndpoint } from "./dayCellUtils.js";
|
|
29
29
|
|
|
@@ -361,21 +361,21 @@ function MonthGrid({
|
|
|
361
361
|
selectedDate: selectedDateForTabindex
|
|
362
362
|
});
|
|
363
363
|
|
|
364
|
-
// Helper to get the focused date from the currently focused element
|
|
365
|
-
// Reads the machine-readable `data-date` (ISO) attribute rather than parsing
|
|
366
|
-
// the human-readable `aria-label` with `new Date()`, which is locale/format
|
|
367
|
-
// dependent and returns Invalid Date in non-English locales (e.g. fr-FR,
|
|
368
|
-
// ja-JP), silently swallowing month-boundary arrow navigation (complex-4).
|
|
364
|
+
// Helper to get the focused date from the currently focused element
|
|
369
365
|
const getFocusedDate = useCallback(() => {
|
|
370
366
|
const activeElement = document.activeElement;
|
|
371
367
|
if (!activeElement) {
|
|
372
368
|
return null;
|
|
373
369
|
}
|
|
374
|
-
const
|
|
375
|
-
if (!
|
|
370
|
+
const ariaLabel = activeElement.getAttribute('aria-label');
|
|
371
|
+
if (!ariaLabel) {
|
|
376
372
|
return null;
|
|
377
373
|
}
|
|
378
|
-
|
|
374
|
+
const parsed = new Date(ariaLabel);
|
|
375
|
+
if (isNaN(parsed.getTime())) {
|
|
376
|
+
return null;
|
|
377
|
+
}
|
|
378
|
+
return plainDateToISO(plainDateFromDate(parsed));
|
|
379
379
|
}, []);
|
|
380
380
|
|
|
381
381
|
// Handle navigation to previous month
|
|
@@ -438,10 +438,10 @@ function MonthGrid({
|
|
|
438
438
|
}
|
|
439
439
|
const buttons = gridRef.current.querySelectorAll('button:not([disabled])');
|
|
440
440
|
const targetPd = plainDateFromISO(pendingFocus);
|
|
441
|
-
const
|
|
441
|
+
const targetLabel = plainDateFormat(targetPd, DATE_FORMAT_WITH_WEEKDAY);
|
|
442
442
|
let targetButton = null;
|
|
443
443
|
for (const button of buttons) {
|
|
444
|
-
if (button.getAttribute('
|
|
444
|
+
if (button.getAttribute('aria-label') === targetLabel) {
|
|
445
445
|
targetButton = button;
|
|
446
446
|
break;
|
|
447
447
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxList.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAUrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAoB,EACpB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,iBAAiB,+
|
|
1
|
+
{"version":3,"file":"CheckboxList.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAUrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAoB,EACpB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,iBAAiB,+BAmFnB;yBAtGe,YAAY"}
|
|
@@ -62,7 +62,6 @@ export function CheckboxList({
|
|
|
62
62
|
'data-testid': dataTestId
|
|
63
63
|
}) {
|
|
64
64
|
const inputID = useId();
|
|
65
|
-
const labelElementID = useId();
|
|
66
65
|
const descriptionID = useId();
|
|
67
66
|
const statusMessageID = useId();
|
|
68
67
|
const [, startTransition] = useTransition();
|
|
@@ -98,8 +97,6 @@ export function CheckboxList({
|
|
|
98
97
|
isLabelHidden: isLabelHidden,
|
|
99
98
|
description: description,
|
|
100
99
|
inputID: inputID,
|
|
101
|
-
labelElementID: labelElementID,
|
|
102
|
-
isGroupLabel: true,
|
|
103
100
|
descriptionID: description ? descriptionID : undefined,
|
|
104
101
|
isDisabled: isDisabled,
|
|
105
102
|
status: status ? {
|
|
@@ -116,15 +113,10 @@ export function CheckboxList({
|
|
|
116
113
|
}),
|
|
117
114
|
children: /*#__PURE__*/_jsx(CheckboxListContext, {
|
|
118
115
|
value: contextValue,
|
|
119
|
-
children: /*#__PURE__*/_jsx(
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
children: /*#__PURE__*/_jsx(List, {
|
|
124
|
-
density: density,
|
|
125
|
-
hasDividers: hasDividers,
|
|
126
|
-
children: children
|
|
127
|
-
})
|
|
116
|
+
children: /*#__PURE__*/_jsx(List, {
|
|
117
|
+
density: density,
|
|
118
|
+
hasDividers: hasDividers,
|
|
119
|
+
children: children
|
|
128
120
|
})
|
|
129
121
|
})
|
|
130
122
|
});
|
|
@@ -38,11 +38,6 @@ interface ContextMenuBaseProps extends BaseProps {
|
|
|
38
38
|
menuWidth?: number | string;
|
|
39
39
|
/** Size of menu items. @default 'md' */
|
|
40
40
|
size?: 'sm' | 'md' | 'lg';
|
|
41
|
-
/**
|
|
42
|
-
* Accessible name for the menu surface, announced when it opens.
|
|
43
|
-
* @default 'Context menu'
|
|
44
|
-
*/
|
|
45
|
-
label?: string;
|
|
46
41
|
/**
|
|
47
42
|
* Whether to auto-focus the first menu item when the menu opens.
|
|
48
43
|
* Set to `false` for inline showcases or documentation previews.
|
|
@@ -89,7 +84,7 @@ export type ContextMenuProps = ContextMenuDataProps | ContextMenuCompoundProps;
|
|
|
89
84
|
* </ContextMenu>
|
|
90
85
|
* ```
|
|
91
86
|
*/
|
|
92
|
-
export declare function ContextMenu({ children, menuWidth, size,
|
|
87
|
+
export declare function ContextMenu({ children, menuWidth, size, hasAutoFocus, isDisabled, onOpenChange, ref, className, style, xstyle, 'data-testid': testId, ...props }: ContextMenuProps): React.JSX.Element;
|
|
93
88
|
export declare namespace ContextMenu {
|
|
94
89
|
var displayName: string;
|
|
95
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAmBrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,8BAA8B,CAAC;AAiCtC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAMnD,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,oDAAoD;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,oBAAqB,SAAQ,oBAAoB;IACzD,gDAAgD;IAChD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,wBAAyB,SAAQ,oBAAoB;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AAM/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,IAAW,EACX,YAAmB,EACnB,UAAkB,EAClB,YAAY,EACZ,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA4KlB;yBAzLe,WAAW"}
|
|
@@ -30,8 +30,6 @@ import { useLayer } from "../Layer/useLayer.js";
|
|
|
30
30
|
import { renderDropdownItems } from "../DropdownMenu/renderDropdownItems.js";
|
|
31
31
|
import { DropdownMenuContext } from "../DropdownMenu/DropdownMenuContext.js";
|
|
32
32
|
import { useListFocus } from "../hooks/useListFocus.js";
|
|
33
|
-
import { useTypeahead } from "../hooks/useTypeahead.js";
|
|
34
|
-
import { useLongPress } from "../hooks/useLongPress.js";
|
|
35
33
|
import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
|
|
36
34
|
import "../theme/tokens.stylex.js";
|
|
37
35
|
import { colorVars, spacingVars, radiusVars, durationVars, easeVars, shadowVars } from "../theme/tokens.stylex.js";
|
|
@@ -109,7 +107,6 @@ export function ContextMenu({
|
|
|
109
107
|
children,
|
|
110
108
|
menuWidth,
|
|
111
109
|
size = 'md',
|
|
112
|
-
label = 'Context menu',
|
|
113
110
|
hasAutoFocus = true,
|
|
114
111
|
isDisabled = false,
|
|
115
112
|
onOpenChange,
|
|
@@ -155,22 +152,13 @@ export function ContextMenu({
|
|
|
155
152
|
const {
|
|
156
153
|
listRef,
|
|
157
154
|
handleKeyDown: listNavKeyDown,
|
|
158
|
-
focusFirst
|
|
159
|
-
focusItem
|
|
155
|
+
focusFirst
|
|
160
156
|
} = useListFocus({
|
|
161
157
|
itemSelector: '[role="menuitem"]:not([aria-disabled="true"])',
|
|
162
158
|
wrap: false,
|
|
163
159
|
onEscape: closeMenu
|
|
164
160
|
});
|
|
165
161
|
|
|
166
|
-
// First-character typeahead over the enabled menu items (menus-11).
|
|
167
|
-
const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], [listRef]);
|
|
168
|
-
const typeahead = useTypeahead({
|
|
169
|
-
getItemLabels: () => getMenuItems().map(el => el.textContent),
|
|
170
|
-
onMatch: focusItem,
|
|
171
|
-
getCurrentIndex: () => getMenuItems().findIndex(el => el === document.activeElement || el.contains(document.activeElement))
|
|
172
|
-
});
|
|
173
|
-
|
|
174
162
|
// Dismiss on any click outside the menu. We use popover="manual" (not
|
|
175
163
|
// "auto") because the native light-dismiss treats the mouseup from the
|
|
176
164
|
// opening right-click as a dismiss event. Handling it ourselves via
|
|
@@ -224,34 +212,17 @@ export function ContextMenu({
|
|
|
224
212
|
}
|
|
225
213
|
return;
|
|
226
214
|
}
|
|
227
|
-
if (typeahead.onKeyDown(e)) {
|
|
228
|
-
e.preventDefault();
|
|
229
|
-
return;
|
|
230
|
-
}
|
|
231
215
|
listNavKeyDown(e);
|
|
232
|
-
}, [listNavKeyDown
|
|
216
|
+
}, [listNavKeyDown]);
|
|
233
217
|
const handleContextMenu = useCallback(e => {
|
|
234
218
|
if (isDisabled) {
|
|
235
219
|
return;
|
|
236
220
|
}
|
|
237
221
|
e.preventDefault();
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
const isKeyboardInvoked = e.clientX === 0 && e.clientY === 0 && e.detail === 0;
|
|
243
|
-
if (isKeyboardInvoked && e.currentTarget instanceof HTMLElement) {
|
|
244
|
-
const rect = e.currentTarget.getBoundingClientRect();
|
|
245
|
-
positionRef.current = {
|
|
246
|
-
x: rect.left,
|
|
247
|
-
y: rect.bottom
|
|
248
|
-
};
|
|
249
|
-
} else {
|
|
250
|
-
positionRef.current = {
|
|
251
|
-
x: e.clientX,
|
|
252
|
-
y: e.clientY
|
|
253
|
-
};
|
|
254
|
-
}
|
|
222
|
+
positionRef.current = {
|
|
223
|
+
x: e.clientX,
|
|
224
|
+
y: e.clientY
|
|
225
|
+
};
|
|
255
226
|
// Remember the element focused before opening so we can restore it on
|
|
256
227
|
// close (Escape or outside-click), instead of dropping focus to <body>.
|
|
257
228
|
triggerFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : e.currentTarget;
|
|
@@ -260,24 +231,6 @@ export function ContextMenu({
|
|
|
260
231
|
requestAnimationFrame(() => focusFirst());
|
|
261
232
|
}
|
|
262
233
|
}, [isDisabled, layer, hasAutoFocus, focusFirst]);
|
|
263
|
-
|
|
264
|
-
// Touch long-press invocation (menus-8). iOS Safari never synthesizes a
|
|
265
|
-
// `contextmenu` event on long-press, so a context menu is otherwise
|
|
266
|
-
// unreachable on touch. Open the menu at the touch point once the press is
|
|
267
|
-
// held long enough (see useLongPress for timer/move-cancel/cleanup logic).
|
|
268
|
-
const longPressHandlers = useLongPress({
|
|
269
|
-
disabled: isDisabled,
|
|
270
|
-
onLongPress: useCallback(point => {
|
|
271
|
-
positionRef.current = {
|
|
272
|
-
x: point.x,
|
|
273
|
-
y: point.y
|
|
274
|
-
};
|
|
275
|
-
layer.show();
|
|
276
|
-
if (hasAutoFocus) {
|
|
277
|
-
requestAnimationFrame(() => focusFirst());
|
|
278
|
-
}
|
|
279
|
-
}, [layer, hasAutoFocus, focusFirst])
|
|
280
|
-
});
|
|
281
234
|
const popoverXstyle = menuWidth ? styles.popoverCustomWidth(menuWidth) : styles.popover;
|
|
282
235
|
const contextValue = useMemo(() => ({
|
|
283
236
|
closeMenu,
|
|
@@ -288,17 +241,13 @@ export function ContextMenu({
|
|
|
288
241
|
children: [/*#__PURE__*/_jsx("div", {
|
|
289
242
|
ref: ref,
|
|
290
243
|
onContextMenu: handleContextMenu,
|
|
291
|
-
|
|
244
|
+
"aria-haspopup": "menu",
|
|
292
245
|
"data-testid": testId,
|
|
293
|
-
...{
|
|
294
|
-
className: "xpdipgo"
|
|
295
|
-
},
|
|
296
246
|
children: children
|
|
297
247
|
}), layer.render(/*#__PURE__*/_jsx("div", {
|
|
298
248
|
ref: listRef,
|
|
299
249
|
id: menuId,
|
|
300
250
|
role: "menu",
|
|
301
|
-
"aria-label": label,
|
|
302
251
|
onKeyDown: listKeyDown,
|
|
303
252
|
...mergeProps(themeProps('context-menu'), stylex.props(styles.menu, xstyle), className, style),
|
|
304
253
|
children: /*#__PURE__*/_jsx(DropdownMenuContext, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAU3C,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAU3C,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAW,KAAK,aAAa,EAAsB,MAAM,aAAa,CAAC;AAuE9E,QAAA,MAAM,UAAU;;;;;;;;;;;;;EAad,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC;AAIpD,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,eAAe,IAAI,mBAAmB,GACvC,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,SAAS,EACT,UAAU,GAAG,cAAc,CAC5B;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,GAAG,EACH,GAAG,EACH,eAAe,EACf,WAA6B,EAC7B,IAAW,EACX,MAAM,EACN,YAAY,EACZ,QAAgB,EAChB,cAAkB,EAClB,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BAqUhB;yBA/Ve,SAAS"}
|
|
@@ -21,7 +21,6 @@ import "../theme/tokens.stylex.js";
|
|
|
21
21
|
import { colorVars, sizeVars, radiusVars, typographyVars, typeScaleVars, borderVars } from "../theme/tokens.stylex.js";
|
|
22
22
|
import { Field, inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles } from "../Field/index.js";
|
|
23
23
|
import { Icon } from "../Icon/index.js";
|
|
24
|
-
import { VisuallyHidden } from "../VisuallyHidden/index.js";
|
|
25
24
|
import { Spinner } from "../Spinner/index.js";
|
|
26
25
|
import { Calendar } from "../Calendar/index.js";
|
|
27
26
|
import { useCalendarConstraints } from "../Calendar/hooks/index.js";
|
|
@@ -335,10 +334,12 @@ export function DateInput({
|
|
|
335
334
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
336
335
|
}
|
|
337
336
|
}[!!isEffectivelyDisabled << 1 | !!!isInputValid << 0]
|
|
338
|
-
}), /*#__PURE__*/_jsx(
|
|
339
|
-
as: "div",
|
|
337
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
340
338
|
role: "alert",
|
|
341
339
|
"aria-live": "assertive",
|
|
340
|
+
...{
|
|
341
|
+
className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
|
|
342
|
+
},
|
|
342
343
|
children: !isInputValid ? 'Invalid date' : ''
|
|
343
344
|
}), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
|
|
344
345
|
type: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAyBlB,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG;IACvC,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,YAAY,EACV,WAAW,IAAI,mBAAmB,EAClC,eAAe,IAAI,uBAAuB,GAC3C,MAAM,UAAU,CAAC;AA4FlB,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,SAAS,EACT,UAAU,GAAG,cAAc,CAC5B;IACC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAElC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;;OAGG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IAErC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAqCD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,GAAG,EACH,GAAG,EACH,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,aAAiB,EACjB,QAAgB,EAChB,WAA6B,EAC7B,eAAiC,EACjC,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,YAAY,EACZ,cAAkB,EAClB,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAyiBpB;yBAxkBe,aAAa"}
|
|
@@ -21,7 +21,6 @@ import "../theme/tokens.stylex.js";
|
|
|
21
21
|
import { colorVars, sizeVars, radiusVars, spacingVars, typographyVars, typeScaleVars, borderVars } from "../theme/tokens.stylex.js";
|
|
22
22
|
import { Field, inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles } from "../Field/index.js";
|
|
23
23
|
import { Icon } from "../Icon/index.js";
|
|
24
|
-
import { VisuallyHidden } from "../VisuallyHidden/index.js";
|
|
25
24
|
import { Spinner } from "../Spinner/index.js";
|
|
26
25
|
import { Calendar } from "../Calendar/index.js";
|
|
27
26
|
import { useCalendarConstraints } from "../Calendar/hooks/index.js";
|
|
@@ -498,10 +497,12 @@ export function DateTimeInput({
|
|
|
498
497
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
499
498
|
}
|
|
500
499
|
}[!!isEffectivelyDisabled << 1 | !!!isDateInputValid << 0]
|
|
501
|
-
}), /*#__PURE__*/_jsx(
|
|
502
|
-
as: "div",
|
|
500
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
503
501
|
role: "alert",
|
|
504
502
|
"aria-live": "assertive",
|
|
503
|
+
...{
|
|
504
|
+
className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
|
|
505
|
+
},
|
|
505
506
|
children: !isDateInputValid ? 'Invalid date' : ''
|
|
506
507
|
}), hasClear && value !== undefined && !isEffectivelyDisabled && /*#__PURE__*/_jsx("button", {
|
|
507
508
|
type: "button",
|
|
@@ -564,10 +565,12 @@ export function DateTimeInput({
|
|
|
564
565
|
className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
|
|
565
566
|
}
|
|
566
567
|
}[!!isEffectivelyDisabled << 1 | !!!isTimeInputValid << 0]
|
|
567
|
-
}), /*#__PURE__*/_jsx(
|
|
568
|
-
as: "div",
|
|
568
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
569
569
|
role: "alert",
|
|
570
570
|
"aria-live": "assertive",
|
|
571
|
+
...{
|
|
572
|
+
className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
|
|
573
|
+
},
|
|
571
574
|
children: !isTimeInputValid ? 'Invalid time' : ''
|
|
572
575
|
})]
|
|
573
576
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmB5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAwBhD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,IAAI,CAAC;IACf,UAAU,EAAE,IAAI,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAyHD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,QAAgB,EAChB,YAAY,EACZ,KAAW,EACX,SAAkB,EAClB,QAAQ,EACR,OAAoB,EACpB,OAAgB,EAChB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,sCA8Nb;yBA9Oe,MAAM"}
|
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
import { useEffect, useMemo, useRef } from 'react';
|
|
19
19
|
import * as stylex from '@stylexjs/stylex';
|
|
20
20
|
import { useScrollLock } from "../hooks/useScrollLock.js";
|
|
21
|
-
import { hasActiveFocusTrapEscape, isImeKeyEvent } from "../hooks/useFocusTrap.js";
|
|
22
21
|
import "../theme/tokens.stylex.js";
|
|
23
22
|
import { colorVars, radiusVars, durationVars, easeVars, shadowVars } from "../theme/tokens.stylex.js";
|
|
24
23
|
import { container } from "../Layout/container.stylex.js";
|
|
@@ -301,12 +300,6 @@ export function Dialog({
|
|
|
301
300
|
}
|
|
302
301
|
const handleKeyDown = event => {
|
|
303
302
|
if (event.key === 'Escape') {
|
|
304
|
-
// Ignore IME composition-cancel, and defer to any popover/menu layered
|
|
305
|
-
// on top of this dialog so a single Escape closes only the top-most
|
|
306
|
-
// layer (the popover's own focus trap handles it and stops propagation).
|
|
307
|
-
if (isImeKeyEvent(event) || hasActiveFocusTrapEscape()) {
|
|
308
|
-
return;
|
|
309
|
-
}
|
|
310
303
|
event.preventDefault();
|
|
311
304
|
if (allowEscape) {
|
|
312
305
|
onOpenChange(false);
|
|
@@ -331,11 +324,6 @@ export function Dialog({
|
|
|
331
324
|
// Handle native cancel event (browser Escape handling)
|
|
332
325
|
const handleCancel = event => {
|
|
333
326
|
event.preventDefault();
|
|
334
|
-
// Defer to a popover/menu layered on top of this dialog; it will dismiss
|
|
335
|
-
// itself on the same Escape press.
|
|
336
|
-
if (hasActiveFocusTrapEscape()) {
|
|
337
|
-
return;
|
|
338
|
-
}
|
|
339
327
|
if (allowEscape) {
|
|
340
328
|
onOpenChange(false);
|
|
341
329
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAStC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwC5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC1B,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,CAAC;AAMxB,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GACzB,qBAAqB,GACrB,yBAAyB,CAAC;AA4B9B,wBAAgB,YAAY,CAAC,EAC3B,MAAuB,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,YAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwOnB;yBAtPe,YAAY"}
|
|
@@ -29,7 +29,6 @@ import { Icon } from "../Icon/index.js";
|
|
|
29
29
|
import { renderDropdownItems } from "./renderDropdownItems.js";
|
|
30
30
|
import { DropdownMenuContext } from "./DropdownMenuContext.js";
|
|
31
31
|
import { useListFocus } from "../hooks/useListFocus.js";
|
|
32
|
-
import { useTypeahead } from "../hooks/useTypeahead.js";
|
|
33
32
|
import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
|
|
34
33
|
import "../theme/tokens.stylex.js";
|
|
35
34
|
import { spacingVars, radiusVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
@@ -185,23 +184,13 @@ export function DropdownMenu({
|
|
|
185
184
|
const {
|
|
186
185
|
listRef,
|
|
187
186
|
handleKeyDown: listNavKeyDown,
|
|
188
|
-
focusFirst
|
|
189
|
-
focusItem
|
|
187
|
+
focusFirst
|
|
190
188
|
} = useListFocus({
|
|
191
189
|
itemSelector: '[role="menuitem"]:not([aria-disabled="true"])',
|
|
192
190
|
wrap: false,
|
|
193
191
|
onEscape: closeMenu
|
|
194
192
|
});
|
|
195
193
|
|
|
196
|
-
// First-character typeahead over the (enabled) menu items — jump to the next
|
|
197
|
-
// item whose label starts with the typed text (menus-11).
|
|
198
|
-
const getMenuItems = useCallback(() => listRef.current ? Array.from(listRef.current.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], [listRef]);
|
|
199
|
-
const typeahead = useTypeahead({
|
|
200
|
-
getItemLabels: () => getMenuItems().map(el => el.textContent),
|
|
201
|
-
onMatch: focusItem,
|
|
202
|
-
getCurrentIndex: () => getMenuItems().findIndex(el => el === document.activeElement || el.contains(document.activeElement))
|
|
203
|
-
});
|
|
204
|
-
|
|
205
194
|
// Sync controlled open state → popover, and focus first item on open
|
|
206
195
|
useEffect(() => {
|
|
207
196
|
if (isControlled) {
|
|
@@ -216,7 +205,7 @@ export function DropdownMenu({
|
|
|
216
205
|
}
|
|
217
206
|
}, [controlledIsOpen, isControlled, popover, hasAutoFocus, focusFirst]);
|
|
218
207
|
|
|
219
|
-
// Extend useListFocus with Enter/Space activation
|
|
208
|
+
// Extend useListFocus with Enter/Space activation
|
|
220
209
|
const listKeyDown = useCallback(e => {
|
|
221
210
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
222
211
|
e.preventDefault();
|
|
@@ -235,13 +224,8 @@ export function DropdownMenu({
|
|
|
235
224
|
closeMenu();
|
|
236
225
|
return;
|
|
237
226
|
}
|
|
238
|
-
// Type-to-focus next; if it consumed a printable key, stop here.
|
|
239
|
-
if (typeahead.onKeyDown(e)) {
|
|
240
|
-
e.preventDefault();
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
227
|
listNavKeyDown(e);
|
|
244
|
-
}, [listNavKeyDown, closeMenu
|
|
228
|
+
}, [listNavKeyDown, closeMenu]);
|
|
245
229
|
const openAndFocus = useCallback(() => {
|
|
246
230
|
popover.show();
|
|
247
231
|
if (hasAutoFocus) {
|
|
@@ -320,12 +304,7 @@ export function DropdownMenu({
|
|
|
320
304
|
}), popover.render(/*#__PURE__*/_jsx("div", {
|
|
321
305
|
ref: listRef,
|
|
322
306
|
id: menuId,
|
|
323
|
-
role: "menu"
|
|
324
|
-
// Give the menu an accessible name from its trigger's label, so
|
|
325
|
-
// screen readers announce e.g. "Actions menu" rather than an unnamed
|
|
326
|
-
// menu (menus-13).
|
|
327
|
-
,
|
|
328
|
-
"aria-label": button.label,
|
|
307
|
+
role: "menu",
|
|
329
308
|
onKeyDown: listKeyDown,
|
|
330
309
|
...mergeProps(themeProps('dropdown-menu'), stylex.props(styles.dropdown, xstyle), className, style),
|
|
331
310
|
children: /*#__PURE__*/_jsx(DropdownMenuContext, {
|
package/dist/Field/Field.d.ts
CHANGED
|
@@ -49,26 +49,9 @@ export interface FieldProps extends Omit<BaseProps<HTMLDivElement>, 'children'>
|
|
|
49
49
|
*/
|
|
50
50
|
description?: string;
|
|
51
51
|
/**
|
|
52
|
-
* ID
|
|
53
|
-
* `htmlFor`). This is the id of the *control*, not of the label element —
|
|
54
|
-
* see `labelElementID` for the latter.
|
|
52
|
+
* ID for the input element (used for label's htmlFor attribute).
|
|
55
53
|
*/
|
|
56
54
|
inputID: string;
|
|
57
|
-
/**
|
|
58
|
-
* The `id` applied TO the label element itself (distinct from `inputID`,
|
|
59
|
-
* which is the control the label points at). A grouping control
|
|
60
|
-
* (radiogroup, checkbox group) references this via `aria-labelledby` to take
|
|
61
|
-
* the label as its accessible name. Pair with `isGroupLabel`.
|
|
62
|
-
*/
|
|
63
|
-
labelElementID?: string;
|
|
64
|
-
/**
|
|
65
|
-
* When the field wraps a group of controls rather than a single input, set
|
|
66
|
-
* this so the label renders as a non-`<label>` element (a `<span>`): a
|
|
67
|
-
* `<label>` semantically names one control and can't be associated with a
|
|
68
|
-
* group. Pair with `labelElementID` + `aria-labelledby` on the group.
|
|
69
|
-
* @default false
|
|
70
|
-
*/
|
|
71
|
-
isGroupLabel?: boolean;
|
|
72
55
|
/**
|
|
73
56
|
* ID for the description element (use for aria-describedby on the input).
|
|
74
57
|
*/
|
|
@@ -133,7 +116,7 @@ export interface FieldProps extends Omit<BaseProps<HTMLDivElement>, 'children'>
|
|
|
133
116
|
* </Field>
|
|
134
117
|
* ```
|
|
135
118
|
*/
|
|
136
|
-
export declare function Field({ label, isLabelHidden, description, inputID,
|
|
119
|
+
export declare function Field({ label, isLabelHidden, description, inputID, descriptionID, isOptional, isRequired, isDisabled, labelIcon, status, labelTooltip, statusVariant, width, xstyle, children, className, style, ref, ...props }: FieldProps): import("react").JSX.Element;
|
|
137
120
|
export declare namespace Field {
|
|
138
121
|
var displayName: string;
|
|
139
122
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAM,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAoCtC,YAAY,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAM,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAoCtC,YAAY,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,OAAO,EACP,aAAa,EACb,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAA0B,EAC1B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,+BAsGZ;yBA1He,KAAK"}
|
package/dist/Field/Field.js
CHANGED
|
@@ -69,8 +69,6 @@ export function Field({
|
|
|
69
69
|
isLabelHidden = false,
|
|
70
70
|
description,
|
|
71
71
|
inputID,
|
|
72
|
-
labelElementID,
|
|
73
|
-
isGroupLabel = false,
|
|
74
72
|
descriptionID,
|
|
75
73
|
isOptional = false,
|
|
76
74
|
isRequired = false,
|
|
@@ -99,8 +97,6 @@ export function Field({
|
|
|
99
97
|
const labelNode = /*#__PURE__*/_jsx(FieldLabel, {
|
|
100
98
|
label: label,
|
|
101
99
|
inputID: inputID,
|
|
102
|
-
labelElementID: labelElementID,
|
|
103
|
-
isGroupLabel: isGroupLabel,
|
|
104
100
|
isLabelHidden: isLabelHidden,
|
|
105
101
|
isDisabled: isDisabled,
|
|
106
102
|
isOptional: isOptional,
|
|
@@ -20,28 +20,9 @@ export interface FieldLabelProps extends BaseProps<HTMLLabelElement> {
|
|
|
20
20
|
*/
|
|
21
21
|
label: string;
|
|
22
22
|
/**
|
|
23
|
-
* ID of the input element this label
|
|
24
|
-
* label). This is *not* the id of the label element itself — see
|
|
25
|
-
* `labelElementID` for that.
|
|
23
|
+
* ID of the input element this label is for.
|
|
26
24
|
*/
|
|
27
25
|
inputID: string;
|
|
28
|
-
/**
|
|
29
|
-
* The `id` applied TO the label element itself (not the element it points
|
|
30
|
-
* at — that's `inputID`). A grouping control (e.g. `role="radiogroup"`) can
|
|
31
|
-
* reference this via `aria-labelledby` to take the label as its accessible
|
|
32
|
-
* name.
|
|
33
|
-
*/
|
|
34
|
-
labelElementID?: string;
|
|
35
|
-
/**
|
|
36
|
-
* When true, the field wraps a *group* of controls (e.g. a radiogroup)
|
|
37
|
-
* rather than a single input. In that case the label is rendered as a
|
|
38
|
-
* `<span>` instead of a `<label>` — a `<label>` semantically names one form
|
|
39
|
-
* control and can't be associated with a group, so it must not be a literal
|
|
40
|
-
* label element. The group takes the label as its name via
|
|
41
|
-
* `labelElementID` + `aria-labelledby`.
|
|
42
|
-
* @default false
|
|
43
|
-
*/
|
|
44
|
-
isGroupLabel?: boolean;
|
|
45
26
|
/**
|
|
46
27
|
* Whether to visually hide the label and description (still accessible
|
|
47
28
|
* to screen readers). When hidden, the entire label group is rendered
|
|
@@ -95,7 +76,7 @@ export interface FieldLabelProps extends BaseProps<HTMLLabelElement> {
|
|
|
95
76
|
* <FieldLabel label="Search" inputID={inputId} isLabelHidden />
|
|
96
77
|
* ```
|
|
97
78
|
*/
|
|
98
|
-
export declare function FieldLabel({ label, inputID,
|
|
79
|
+
export declare function FieldLabel({ label, inputID, isLabelHidden, isDisabled, isOptional, isRequired, labelIcon, labelTooltip, description, descriptionID, ref, }: FieldLabelProps): import("react").JSX.Element;
|
|
99
80
|
export declare namespace FieldLabel {
|
|
100
81
|
var displayName: string;
|
|
101
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../src/Field/FieldLabel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAU5C,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAkD5D,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAClE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../src/Field/FieldLabel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAU5C,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAkD5D,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAClE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,aAAqB,EACrB,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,GAAG,GACJ,EAAE,eAAe,+BAuCjB;yBAnDe,UAAU"}
|