@orcestr/ui 0.1.0 → 0.2.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 +11 -11
- package/README.ru.md +10 -10
- package/dist/components/Action/ActionConfirmModal.d.ts.map +1 -1
- package/dist/components/Action/ActionTypes.d.ts +1 -1
- package/dist/components/Action/ActionTypes.d.ts.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts.map +1 -1
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/AppShell/AppShell.d.ts +11 -0
- package/dist/components/AppShell/AppShell.d.ts.map +1 -1
- package/dist/components/AppShell/AppShell.js +15 -14
- package/dist/components/AppSidebar/AppSidebar.d.ts.map +1 -1
- package/dist/components/AppSidebar/AppSidebar.js +84 -15
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/BadgeSelectMenu/BadgeSelectMenu.d.ts.map +1 -1
- package/dist/components/BadgeSelectMenu/BadgeSelectMenu.js +5 -5
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Collapse/Collapse.d.ts.map +1 -1
- package/dist/components/Collapse/Collapse.js +5 -25
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.js +7 -2
- package/dist/components/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/components/CommandPalette/CommandPalette.js +6 -12
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +3 -3
- package/dist/components/CopyButton/CopyButton.d.ts +24 -0
- package/dist/components/CopyButton/CopyButton.d.ts.map +1 -0
- package/dist/components/CopyButton/CopyButton.js +81 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +29 -22
- package/dist/components/DataTable/DataTableStateAdapters.d.ts.map +1 -1
- package/dist/components/DataTable/DataTableStateAdapters.js +3 -4
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePickerState.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePickerState.js +3 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPicker.d.ts.map +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPicker.js +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPickerState.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +2 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.js +3 -3
- package/dist/components/EntityPicker/EntityPicker.d.ts.map +1 -1
- package/dist/components/EntityPicker/EntityPicker.js +2 -2
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.js +1 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +1 -1
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Highlight/Highlight.d.ts.map +1 -1
- package/dist/components/Highlight/Highlight.js +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +3 -3
- package/dist/components/IconText/IconText.d.ts.map +1 -1
- package/dist/components/IconText/IconText.js +3 -1
- package/dist/components/IconTextButton/IconTextButton.d.ts.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.js +22 -7
- package/dist/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.js +2 -2
- package/dist/components/Listbox/Listbox.js +2 -2
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/Menu.js +5 -5
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +4 -8
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +5 -7
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/NumberField.js +1 -1
- package/dist/components/Overlay/OverlayProvider.d.ts +1 -1
- package/dist/components/Overlay/OverlayProvider.d.ts.map +1 -1
- package/dist/components/Overlay/OverlayProvider.js +3 -7
- package/dist/components/PaginatedCombobox/PaginatedCombobox.d.ts.map +1 -1
- package/dist/components/PaginatedCombobox/PaginatedCombobox.js +9 -8
- package/dist/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.d.ts.map +1 -1
- package/dist/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.js +2 -2
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/Popover.js +16 -18
- package/dist/components/Portal/Portal.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/components/ScrollArea/ScrollArea.js +10 -23
- package/dist/components/Section/Section.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +4 -4
- package/dist/components/Separator/Separator.d.ts.map +1 -1
- package/dist/components/Separator/Separator.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/SpecialModal/SpecialModal.d.ts.map +1 -1
- package/dist/components/SpecialModal/SpecialModal.js +2 -2
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.js +1 -1
- package/dist/components/State/State.d.ts.map +1 -1
- package/dist/components/State/State.js +5 -5
- package/dist/components/State/stateIcon.d.ts.map +1 -1
- package/dist/components/StepperInput/StepperInput.js +2 -2
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.js +2 -2
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +24 -15
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.js +2 -2
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.js +3 -3
- package/dist/components/Toast/Toast.d.ts +0 -4
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +63 -45
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +7 -9
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/example/CodePreview.d.ts +2 -1
- package/dist/example/CodePreview.d.ts.map +1 -1
- package/dist/example/CodePreview.js +18 -53
- package/dist/example/ExampleActionsSection.d.ts +1 -1
- package/dist/example/ExampleActionsSection.d.ts.map +1 -1
- package/dist/example/ExampleActionsSection.js +3 -3
- package/dist/example/ExampleApplicationSection.d.ts.map +1 -1
- package/dist/example/ExampleApplicationSection.js +91 -23
- package/dist/example/ExampleBasicsSections.d.ts +1 -1
- package/dist/example/ExampleBasicsSections.d.ts.map +1 -1
- package/dist/example/ExampleBasicsSections.js +22 -8
- package/dist/example/ExampleDataSection.d.ts.map +1 -1
- package/dist/example/ExampleDataSection.js +5 -5
- package/dist/example/ExampleFieldsSection.d.ts.map +1 -1
- package/dist/example/ExampleFieldsSection.js +8 -10
- package/dist/example/ExampleFoundationsSection.d.ts +1 -1
- package/dist/example/ExampleFoundationsSection.d.ts.map +1 -1
- package/dist/example/ExampleFoundationsSection.js +4 -4
- package/dist/example/ExampleOverlays.d.ts.map +1 -1
- package/dist/example/ExampleOverlays.js +4 -4
- package/dist/example/ExampleOverlaysSection.d.ts.map +1 -1
- package/dist/example/ExampleOverlaysSection.js +22 -35
- package/dist/example/ExampleSelectionSection.d.ts.map +1 -1
- package/dist/example/ExampleSelectionSection.js +8 -8
- package/dist/example/ExampleStateSection.d.ts +3 -3
- package/dist/example/ExampleStateSection.d.ts.map +1 -1
- package/dist/example/ExampleStateSection.js +15 -14
- package/dist/example/ExampleThemePlayground.d.ts +26 -26
- package/dist/example/ExampleThemePlayground.d.ts.map +1 -1
- package/dist/example/ExampleThemePlayground.js +58 -44
- package/dist/example/UiExamplePage.d.ts.map +1 -1
- package/dist/example/UiExamplePage.js +42 -55
- package/dist/example/UiExampleSection.d.ts.map +1 -1
- package/dist/example/UiExampleSection.js +1 -1
- package/dist/example/codeSamples.d.ts +1 -1
- package/dist/example/codeSamples.d.ts.map +1 -1
- package/dist/example/codeSamples.js +172 -70
- package/dist/example/exampleData.d.ts.map +1 -1
- package/dist/example/exampleData.js +5 -11
- package/dist/example/styles.css +79 -119
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +1 -3
- package/dist/hooks/useFloatingLayer.d.ts.map +1 -1
- package/dist/hooks/useFloatingLayer.js +1 -1
- package/dist/hooks/useFloatingPosition.d.ts.map +1 -1
- package/dist/hooks/useFloatingPosition.js +10 -15
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useListNavigation.d.ts.map +1 -1
- package/dist/hooks/useListNavigation.js +2 -4
- package/dist/hooks/useOutsidePointerDown.d.ts.map +1 -1
- package/dist/hooks/useTypeahead.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/locale/LocaleProvider.d.ts.map +1 -1
- package/dist/locale/LocaleProvider.js +1 -1
- package/dist/provider/OrcestrUiProvider.d.ts.map +1 -1
- package/dist/styles/orcestr-ui.css +658 -1033
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +21 -29
- package/dist/theme/defaultTheme.d.ts.map +1 -1
- package/dist/theme/defaultTheme.js +200 -89
- package/dist/theme/systemProps.d.ts +2 -2
- package/dist/theme/systemProps.d.ts.map +1 -1
- package/dist/theme/systemProps.js +4 -35
- package/dist/theme/themeTypes.d.ts +24 -19
- package/dist/theme/themeTypes.d.ts.map +1 -1
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/composeRefs.d.ts.map +1 -1
- package/dist/utils/mergeProps.d.ts.map +1 -1
- package/dist/utils/polymorphic.d.ts.map +1 -1
- package/package.json +4 -1
|
@@ -40,7 +40,7 @@ export function DatePicker({ value, onValueChange, min, max, disabledDate, place
|
|
|
40
40
|
if (nextOpen)
|
|
41
41
|
setCursorMonth(monthCursorForDate(value));
|
|
42
42
|
setOpen(nextOpen);
|
|
43
|
-
}, disabled: disabled || readOnly, matchTriggerWidth: false, sideOffset: 6, testId: testId ? `${testId}-popover` : undefined, trigger: _jsx(TextField, { value: displayValue, placeholder: placeholder, readOnly: true, disabled: disabled, clearable: clearable && Boolean(value) && !readOnly, testId: testId, "aria-label": openCalendarLabel ?? copy.common.openCalendar, onClear: () => onValueChange(''), rightSlot: _jsx("button", { type:
|
|
43
|
+
}, disabled: disabled || readOnly, matchTriggerWidth: false, sideOffset: 6, testId: testId ? `${testId}-popover` : undefined, trigger: _jsx(TextField, { value: displayValue, placeholder: placeholder, readOnly: true, disabled: disabled, clearable: clearable && Boolean(value) && !readOnly, testId: testId, "aria-label": openCalendarLabel ?? copy.common.openCalendar, onClear: () => onValueChange(''), rightSlot: _jsx("button", { type: "button", className: "oui-date-picker-trigger", "aria-label": openCalendarLabel ?? copy.common.openCalendar, disabled: disabled || readOnly, onClick: openCalendar, children: _jsx(LuCalendarDays, { size: 16 }) }) }), className: "oui-date-picker-popover", children: _jsxs("div", { className: "oui-date-picker-panel", children: [_jsxs("div", { className: "oui-date-picker-head", children: [_jsx(IconButton, { size: 1, v: "ghost", type: "button", icon: _jsx(LuChevronLeft, { size: 16 }), "aria-label": previousMonthLabel ?? copy.common.previous, onClick: () => setCursorMonth((current) => shiftMonth(current, -1)) }), _jsx("strong", { children: formatMonthLabel(cursorMonth, actualLocale) }), _jsx(IconButton, { size: 1, v: "ghost", type: "button", icon: _jsx(LuChevronRight, { size: 16 }), "aria-label": nextMonthLabel ?? copy.common.next, onClick: () => setCursorMonth((current) => shiftMonth(current, 1)) })] }), _jsx("div", { className: "oui-date-picker-weekdays", children: weekdays.map((weekday) => (_jsx("span", { children: weekday }, weekday))) }), _jsx("div", { className: "oui-date-picker-grid", children: monthState.weeks.flatMap((week) => week.map((day) => (_jsx("button", { type: "button", className: "oui-date-picker-day", "data-outside": day.outsideMonth ? 'true' : undefined, "data-selected": day.selected ? 'true' : undefined, "data-today": day.today ? 'true' : undefined, disabled: day.disabled, "aria-pressed": day.selected, onClick: () => selectDate(day.date), children: day.day }, day.date)))) }), _jsxs("div", { className: "oui-date-picker-foot", children: [_jsx(Button, { size: 1, v: "ghost", type: "button", onClick: () => selectDate(clampDate(new Date().toISOString().slice(0, 10), min, max)), children: todayLabel ?? copy.dates.today }), clearable ? (_jsx(Button, { size: 1, v: "ghost", type: "button", disabled: !value, onClick: () => {
|
|
44
44
|
onValueChange('');
|
|
45
45
|
setOpen(false);
|
|
46
46
|
}, children: copy.common.clear })) : null] })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,EAC/B,WAAW,EACX,YAAY,EACZ,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAY,GACf,EAAE;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACzC,GAAG,kBAAkB,CA+BrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"DatePickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,EAC/B,WAAW,EACX,YAAY,EACZ,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAY,GACf,EAAE;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACzC,GAAG,kBAAkB,CA+BrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAMnF;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGtE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAI3E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAQrE;AAED,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO5E;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAKtD"}
|
|
@@ -28,7 +28,9 @@ export function calendarMonthState({ cursorMonth, selectedDate, today, min, max,
|
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
export function monthCursorForDate(value, fallback) {
|
|
31
|
-
const parts = parseDateParts(value ?? '') ??
|
|
31
|
+
const parts = parseDateParts(value ?? '') ??
|
|
32
|
+
parseDateParts(fallback ?? '') ??
|
|
33
|
+
requiredDateParts(todayIsoDate());
|
|
32
34
|
return formatMonth(parts.year, parts.monthIndex);
|
|
33
35
|
}
|
|
34
36
|
export function shiftMonth(cursorMonth, offset) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,GAAG,EACH,GAAG,EACH,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,GACT,EAAE;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA6BA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePresetPicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DateRangePresetPicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG/E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,EAClC,QAAQ,EACR,aAAa,EACb,OAAoC,EACpC,KAAK,EACL,MAAM,GACT,EAAE;IACC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA6BA"}
|
|
@@ -15,7 +15,7 @@ export function DateRangePresetPicker({ onSelect, onValueChange, presets = ['tod
|
|
|
15
15
|
onValueChange?.(resolveDateRangePreset(preset, today), preset);
|
|
16
16
|
},
|
|
17
17
|
}));
|
|
18
|
-
return (_jsx(Menu, { side:
|
|
18
|
+
return (_jsx(Menu, { side: "top", align: "start", items: items, testId: testId, trigger: _jsx(IconButton, { size: 2, v: "ghost", icon: _jsx(LuCalendarDays, { size: 15 }), "aria-label": copy.dates.quickPeriods, type: "button", testId: testId ? `${testId}-trigger` : undefined }) }));
|
|
19
19
|
}
|
|
20
20
|
function presetLabel(preset, copy) {
|
|
21
21
|
if (preset === 'today')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePresetPickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPickerState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DateRangePresetPickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPickerState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,eAAe,EACvB,KAAK,SAAwC,GAC9C,oBAAoB,CActB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC;AAErC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC;AAWH,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAIpE;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC1B,UAAU,EACV,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,CAC9E,GAAG;IACA,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,kDA2BlF;AAED,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEN,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAa9E;AAED,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,GAAG,WAAW,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEN,iBAAS,iBAAiB,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EAAE,KAAK,EACX,GAAG,KAAK,EACX,EAAE,sBAAsB,2CAaxB;AAED,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAelD"}
|
|
@@ -21,10 +21,11 @@ export type DrawerProps = {
|
|
|
21
21
|
panelClassName?: string;
|
|
22
22
|
bodyClassName?: string;
|
|
23
23
|
backdropClassName?: string;
|
|
24
|
+
portalContainer?: HTMLElement | null;
|
|
24
25
|
style?: CSSProperties;
|
|
25
26
|
panelStyle?: CSSProperties;
|
|
26
27
|
backdropStyle?: CSSProperties;
|
|
27
28
|
testId?: string;
|
|
28
29
|
};
|
|
29
|
-
export declare function Drawer({ open, defaultOpen, onOpenChange, side, size, title, description, children, footer, modal, trapFocus, lockScroll, closeOnBackdropClick, closeOnEscape, showBackdrop, showCloseButton, className, panelClassName, bodyClassName, backdropClassName, style, panelStyle, backdropStyle, testId, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
30
|
+
export declare function Drawer({ open, defaultOpen, onOpenChange, side, size, title, description, children, footer, modal, trapFocus, lockScroll, closeOnBackdropClick, closeOnEscape, showBackdrop, showCloseButton, className, panelClassName, bodyClassName, backdropClassName, portalContainer, style, panelStyle, backdropStyle, testId, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
30
31
|
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAkBf,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAc,EACd,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAY,EACZ,SAAiB,EACjB,UAAkB,EAClB,oBAA2B,EAC3B,aAAoB,EACpB,YAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,UAAU,EACV,aAAa,EACb,MAAM,GACT,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAkBf,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAc,EACd,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAY,EACZ,SAAiB,EACjB,UAAkB,EAClB,oBAA2B,EAC3B,aAAoB,EACpB,YAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,UAAU,EACV,aAAa,EACb,MAAM,GACT,EAAE,WAAW,kDAiHb"}
|
|
@@ -11,7 +11,7 @@ import { cn } from '../../utils/cn';
|
|
|
11
11
|
import { IconButton } from '../IconButton/IconButton';
|
|
12
12
|
import { lockOverlayScroll, overlayLayerZIndex, useOverlayContext, useOverlayLayerIndex, } from '../Overlay/OverlayProvider';
|
|
13
13
|
import { Portal } from '../Portal/Portal';
|
|
14
|
-
export function Drawer({ open, defaultOpen, onOpenChange, side = 'right', size, title, description, children, footer, modal = true, trapFocus = modal, lockScroll = modal, closeOnBackdropClick = true, closeOnEscape = true, showBackdrop = modal, showCloseButton = true, className, panelClassName, bodyClassName, backdropClassName, style, panelStyle, backdropStyle, testId, }) {
|
|
14
|
+
export function Drawer({ open, defaultOpen, onOpenChange, side = 'right', size, title, description, children, footer, modal = true, trapFocus = modal, lockScroll = modal, closeOnBackdropClick = true, closeOnEscape = true, showBackdrop = modal, showCloseButton = true, className, panelClassName, bodyClassName, backdropClassName, portalContainer, style, panelStyle, backdropStyle, testId, }) {
|
|
15
15
|
const { copy } = useOrcestrUiLocale();
|
|
16
16
|
const themeContext = useContext(OrcestrThemeContext);
|
|
17
17
|
const overlay = useOverlayContext();
|
|
@@ -54,10 +54,10 @@ export function Drawer({ open, defaultOpen, onOpenChange, side = 'right', size,
|
|
|
54
54
|
}, [lockScroll, present]);
|
|
55
55
|
if (!present)
|
|
56
56
|
return null;
|
|
57
|
-
return (_jsx(Portal, { children: _jsxs("div", { className: cn('oui-drawer-layer', className), "data-state": state, "data-side": side, "data-modal": modal ? 'true' : undefined, "data-testid": testId, style: drawerStyle, children: [showBackdrop ? (_jsx("button", { type:
|
|
57
|
+
return (_jsx(Portal, { container: portalContainer, children: _jsxs("div", { className: cn('oui-drawer-layer', className), "data-state": state, "data-side": side, "data-modal": modal ? 'true' : undefined, "data-testid": testId, style: drawerStyle, children: [showBackdrop ? (_jsx("button", { type: "button", "aria-label": copy.common.close, className: cn('oui-drawer-backdrop', backdropClassName), "data-state": state, "data-testid": testId ? `${testId}-backdrop` : undefined, style: backdropStyle, onClick: () => {
|
|
58
58
|
if (closeOnBackdropClick)
|
|
59
59
|
setOpen(false);
|
|
60
|
-
} })) : null, _jsxs("div", { ref: panelRef, role: modal ? 'dialog' : 'complementary', "aria-modal": modal ? 'true' : undefined, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, className: cn('oui-drawer-panel', panelClassName), "data-state": state, "data-side": side, "data-testid": testId ? `${testId}-panel` : undefined, style: panelStyle, children: [title || description || showCloseButton ? (_jsxs("div", { className:
|
|
60
|
+
} })) : null, _jsxs("div", { ref: panelRef, role: modal ? 'dialog' : 'complementary', "aria-modal": modal ? 'true' : undefined, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, className: cn('oui-drawer-panel', panelClassName), "data-state": state, "data-side": side, "data-testid": testId ? `${testId}-panel` : undefined, style: panelStyle, children: [title || description || showCloseButton ? (_jsxs("div", { className: "oui-drawer-header", children: [_jsxs("div", { className: "oui-drawer-title-wrap", children: [title ? (_jsx("h2", { id: titleId, className: "oui-drawer-title", children: title })) : null, description ? (_jsx("p", { id: descriptionId, className: "oui-drawer-description", children: description })) : null] }), showCloseButton ? (_jsx(IconButton, { v: "ghost", icon: _jsx(LuX, { size: 18 }), "aria-label": copy.common.close, onClick: () => setOpen(false) })) : null] })) : null, _jsx("div", { className: cn('oui-drawer-body', bodyClassName), children: children }), footer ? _jsx("div", { className: "oui-drawer-footer", children: footer }) : null] })] }) }));
|
|
61
61
|
}
|
|
62
62
|
function defaultDrawerSize(side) {
|
|
63
63
|
return side === 'left' || side === 'right' ? 'min(86vw, 360px)' : 'min(80vh, 420px)';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EntityPicker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EntityPicker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAGH,KAAK,eAAe,EACvB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,SAAgB,EAChB,WAAkB,EAClB,OAAO,EACP,IAAQ,EACR,SAAe,EACf,aAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA+CtB"}
|
|
@@ -8,10 +8,10 @@ export function EntityPicker({ loadPage, getEntityId, renderEntity, renderValue,
|
|
|
8
8
|
? {
|
|
9
9
|
label: typeof createAction.label === 'string'
|
|
10
10
|
? createAction.label
|
|
11
|
-
: createAction.label ?? copy.common.selectEntity,
|
|
11
|
+
: (createAction.label ?? copy.common.selectEntity),
|
|
12
12
|
disabled: createAction.disabled,
|
|
13
13
|
onClick: (search) => createAction.onCreate(search),
|
|
14
14
|
}
|
|
15
15
|
: undefined;
|
|
16
|
-
return (_jsx(PaginatedCombobox, { loadPage: loadPage, getItemId: getEntityId, renderOption: (item) => (_jsx("div", { className:
|
|
16
|
+
return (_jsx(PaginatedCombobox, { loadPage: loadPage, getItemId: getEntityId, renderOption: (item) => (_jsx("div", { className: "oui-entity-picker-option", children: renderEntity(item) })), renderSelectedLabel: (item) => (_jsx("span", { className: "oui-entity-picker-value", children: renderValue?.(item) ?? renderEntity(item) })), value: value, onChange: onValueChange, placeholder: placeholder ?? copy.common.selectEntity, emptyText: emptyText ?? copy.common.noOptions, loadingText: loadingText, errorText: errorText, retryLabel: retryLabel, disabled: disabled, clearable: clearable, showChevron: showChevron, trigger: trigger, size: size, maxHeight: maxHeight, closeOnSelect: closeOnSelect, isItemSelected: isEntitySelected, searchAction: searchAction, optionAction: optionAction, resetKey: resetKey, debounceMs: debounceMs, testId: testId }));
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9C,wBAAgB,KAAK,CAAC,EAClB,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAsBA"}
|
|
@@ -4,5 +4,5 @@ import { cn } from '../../utils/cn';
|
|
|
4
4
|
import { Text } from '../Text/Text';
|
|
5
5
|
export function Field({ label, helperText, error, required, htmlFor, children, className, testId, }) {
|
|
6
6
|
const helperId = useId();
|
|
7
|
-
return (_jsxs("div", { className: cn('oui-field', className), "data-testid": testId, children: [label ? (_jsxs("label", { className:
|
|
7
|
+
return (_jsxs("div", { className: cn('oui-field', className), "data-testid": testId, children: [label ? (_jsxs("label", { className: "oui-field-label", htmlFor: htmlFor, children: [label, required ? _jsx("span", { className: "oui-field-required", children: "*" }) : null] })) : null, children, error ? (_jsx(Text, { id: helperId, className: "oui-field-error", fs: "12px", children: error })) : helperText ? (_jsx(Text, { id: helperId, className: "oui-field-helper", fs: "12px", children: helperText })) : null] }));
|
|
8
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SALJ,WAAW;cACN,OAAO;aACR,MAAM;kDA2BrB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
4
|
import { splitSystemProps } from '../../theme/systemProps';
|
|
5
5
|
import { renderSlot } from '../../utils/slot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,MAAM,MAAM,WAAW,GACjB,MAAM,GACN,MAAM,GACN;IACI,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAER,eAAO,MAAM,IAAI;cAfC,WAAW;aACZ,MAAM;kDAiCrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/components/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAsB,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACxD,WAAW,GAAG;IACV,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAON,eAAO,MAAM,YAAY;QAXb,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDAuBrB,CAAC;AAEH,eAAO,MAAM,eAAe;QA5BhB,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDAwCrB,CAAC;AAEH,eAAO,MAAM,aAAa;QA7Cd,MAAM,GAAG,MAAM;YACX,MAAM;cACJ,OAAO;aACR,MAAM;kDA0CqB,CAAC"}
|
|
@@ -19,7 +19,7 @@ const Highlight = forwardRef(function Highlight({ className, style, h = 32, colo
|
|
|
19
19
|
'--oui-highlight-height': highlightHeight(h),
|
|
20
20
|
...(color ? { '--oui-highlight-color': color } : null),
|
|
21
21
|
};
|
|
22
|
-
return (_jsx("div", { ref: ref, "aria-hidden":
|
|
22
|
+
return (_jsx("div", { ref: ref, "aria-hidden": "true", className: cn('oui-highlight', className), "data-testid": testId, style: highlightStyle, ...restProps }));
|
|
23
23
|
});
|
|
24
24
|
function highlightHeight(value) {
|
|
25
25
|
return typeof value === 'number' ? `${value}px` : value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAuBN,eAAO,MAAM,UAAU;WArCR,MAAM;QACT,aAAa;WACV,SAAS;WACT,SAAS;cACN,OAAO;YACT,OAAO;YACP,SAAS;gBACL,SAAS;eACV,MAAM;kBACH,MAAM;qBACH,oBAAoB;cAC3B,OAAO;eACN,SAAS;aACX,MAAM;qDA+FrB,CAAC"}
|
|
@@ -16,7 +16,7 @@ function withBadge(children, badge) {
|
|
|
16
16
|
return children;
|
|
17
17
|
}
|
|
18
18
|
const child = children;
|
|
19
|
-
return cloneElement(child, undefined,
|
|
19
|
+
return cloneElement(child, undefined, _jsxs(_Fragment, { children: [child.props.children, badge] }));
|
|
20
20
|
}
|
|
21
21
|
export const IconButton = forwardRef(function IconButton({ className, style, size = 3, v = 'soft', tone = 'neutral', loading = false, round = true, badge, badgeTone = 'danger', badgeMax = 99, badgeTestId, pressAnimation, asChild = false, testId, icon, children, disabled, type = 'button', ...props }, ref) {
|
|
22
22
|
const themeContext = useContext(OrcestrThemeContext);
|
|
@@ -35,8 +35,8 @@ export const IconButton = forwardRef(function IconButton({ className, style, siz
|
|
|
35
35
|
style: { ...systemStyle, ...style },
|
|
36
36
|
...restProps,
|
|
37
37
|
};
|
|
38
|
-
const badgeNode = badge === null || badge === undefined ? null : (_jsx("span", { className:
|
|
39
|
-
const content = (_jsxs(_Fragment, { children: [loading ? _jsx(Spinner, { size: 1 }) : icon ?? children, badgeNode] }));
|
|
38
|
+
const badgeNode = badge === null || badge === undefined ? null : (_jsx("span", { className: "oui-icon-button-badge", "data-tone": normalizeTone(badgeTone), "data-testid": badgeTestId, children: formatBadge(badge, badgeMax) }));
|
|
39
|
+
const content = (_jsxs(_Fragment, { children: [loading ? _jsx(Spinner, { size: 1 }) : (icon ?? children), badgeNode] }));
|
|
40
40
|
if (asChild) {
|
|
41
41
|
return renderSlot(withBadge(children, badgeNode), {
|
|
42
42
|
...commonProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../src/components/IconText/IconText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"IconText.d.ts","sourceRoot":"","sources":["../../../src/components/IconText/IconText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,2CAoBf"}
|
|
@@ -3,5 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
4
|
import { Text } from '../Text/Text';
|
|
5
5
|
export function IconText({ icon, iconTone, iconColor, iconClassName, iconSpin, className, children, ...props }) {
|
|
6
|
-
return (_jsxs(Text, { className: cn('oui-icon-text', className), ...props, children: [icon ? (_jsx("span", { className: cn('oui-icon-text-icon', iconClassName), "data-spin": iconSpin ? 'true' : undefined, "data-tone": iconTone, style: iconColor
|
|
6
|
+
return (_jsxs(Text, { className: cn('oui-icon-text', className), ...props, children: [icon ? (_jsx("span", { className: cn('oui-icon-text-icon', iconClassName), "data-spin": iconSpin ? 'true' : undefined, "data-tone": iconTone, style: iconColor
|
|
7
|
+
? { '--oui-icon-text-icon-color': iconColor }
|
|
8
|
+
: undefined, children: icon })) : null, children] }));
|
|
7
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTextButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconTextButton/IconTextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"IconTextButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconTextButton/IconTextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE5E,KAAK,sBAAsB,GAAG;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7E,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACpD,CAAC,yBAAyB,GAAG,uBAAuB,CAAC,CAAC;AAO1D,eAAO,MAAM,cAAc,uIAsDzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,
|
|
1
|
+
{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI7E,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAhBjB,SAAS;WACT,SAAS;aACP,SAAS;eACP,OAAO;WACX,OAAO;eACH,OAAO;gBACN,OAAO;cACT,MAAM,IAAI;aACX,MAAM,IAAI;iBACN,MAAM;YACX,MAAM;gBACF,MAAM;YACV,aAAa;aACZ,MAAM;kDA6IlB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB;eAdlB,SAAS;YACZ,SAAS;aACR,SAAS;UACZ,OAAO;eACF,OAAO;WACX,OAAO;eACH,OAAO;aACT,MAAM,IAAI;YACX,MAAM;gBACF,MAAM;YACV,aAAa;aACZ,MAAM;kDAsFlB,CAAC"}
|
|
@@ -22,17 +22,26 @@ export const InlineEditField = forwardRef(function InlineEditField({ label, meta
|
|
|
22
22
|
return;
|
|
23
23
|
element.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
24
24
|
element.animate([
|
|
25
|
-
{
|
|
25
|
+
{
|
|
26
|
+
backgroundColor: 'transparent',
|
|
27
|
+
boxShadow: '0 0 0 0 var(--oui-primary-surface)',
|
|
28
|
+
},
|
|
26
29
|
{
|
|
27
30
|
backgroundColor: 'var(--oui-primary-surface)',
|
|
28
31
|
boxShadow: '0 0 0 4px var(--oui-primary-surface)',
|
|
29
32
|
},
|
|
30
|
-
{
|
|
33
|
+
{
|
|
34
|
+
backgroundColor: 'transparent',
|
|
35
|
+
boxShadow: '0 0 0 0 var(--oui-primary-surface)',
|
|
36
|
+
},
|
|
31
37
|
{
|
|
32
38
|
backgroundColor: 'var(--oui-primary-surface)',
|
|
33
39
|
boxShadow: '0 0 0 4px var(--oui-primary-surface)',
|
|
34
40
|
},
|
|
35
|
-
{
|
|
41
|
+
{
|
|
42
|
+
backgroundColor: 'transparent',
|
|
43
|
+
boxShadow: '0 0 0 0 var(--oui-primary-surface)',
|
|
44
|
+
},
|
|
36
45
|
], { duration: 1400, easing: 'ease-in-out' });
|
|
37
46
|
}, [flash]);
|
|
38
47
|
const showActions = editable && (!disabled || busy);
|
|
@@ -62,7 +71,7 @@ export const InlineEditField = forwardRef(function InlineEditField({ label, meta
|
|
|
62
71
|
observer.observe(actionsRef.current);
|
|
63
72
|
return () => observer.disconnect();
|
|
64
73
|
}, [label, meta, action, clearable, editable, disabled, busy]);
|
|
65
|
-
return (_jsxs("div", { ref: composeRefs(innerRef, ref), className: cn('oui-inline-edit', compact && 'oui-inline-edit-compact', className), "data-busy": busy ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsx("button", { ref: labelRef, type:
|
|
74
|
+
return (_jsxs("div", { ref: composeRefs(innerRef, ref), className: cn('oui-inline-edit', compact && 'oui-inline-edit-compact', className), "data-busy": busy ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsx("button", { ref: labelRef, type: "button", className: "oui-inline-edit-label", disabled: !onOpen || disabled, onClick: onOpen, children: label }), meta || showActions ? (_jsxs("div", { className: "oui-inline-edit-meta", children: [meta ? (_jsx("span", { ref: extraRef, className: "oui-inline-edit-extra", children: meta })) : null, showActions ? (_jsxs("span", { ref: actionsRef, className: "oui-inline-edit-actions", children: [busy ? _jsx(Spinner, { size: 1 }) : action, clearable && !busy ? (_jsx(IconButton, { type: "button", v: "ghost", tone: "neutral", size: 1, "aria-label": clearLabel, className: "oui-inline-edit-action", onClick: onClear, children: _jsx(LuX, {}) })) : null] })) : null] })) : null] }));
|
|
66
75
|
});
|
|
67
76
|
export const InlineEditMultiField = forwardRef(function InlineEditMultiField({ children, empty, action, col = false, editable = true, busy = false, disabled = false, onOpen, flash = 0, className, style, testId, ...props }, ref) {
|
|
68
77
|
const innerRef = useRef(null);
|
|
@@ -75,12 +84,18 @@ export const InlineEditMultiField = forwardRef(function InlineEditMultiField({ c
|
|
|
75
84
|
return;
|
|
76
85
|
element.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
77
86
|
element.animate([
|
|
78
|
-
{
|
|
87
|
+
{
|
|
88
|
+
backgroundColor: 'transparent',
|
|
89
|
+
boxShadow: '0 0 0 0 var(--oui-primary-surface)',
|
|
90
|
+
},
|
|
79
91
|
{
|
|
80
92
|
backgroundColor: 'var(--oui-primary-surface)',
|
|
81
93
|
boxShadow: '0 0 0 4px var(--oui-primary-surface)',
|
|
82
94
|
},
|
|
83
|
-
{
|
|
95
|
+
{
|
|
96
|
+
backgroundColor: 'transparent',
|
|
97
|
+
boxShadow: '0 0 0 0 var(--oui-primary-surface)',
|
|
98
|
+
},
|
|
84
99
|
], { duration: 1000, easing: 'ease-in-out' });
|
|
85
100
|
}, [flash]);
|
|
86
101
|
const showActions = editable && (!disabled || busy);
|
|
@@ -94,5 +109,5 @@ export const InlineEditMultiField = forwardRef(function InlineEditMultiField({ c
|
|
|
94
109
|
event.preventDefault();
|
|
95
110
|
onOpen();
|
|
96
111
|
}
|
|
97
|
-
}, ...restProps, children: [_jsx("div", { className:
|
|
112
|
+
}, ...restProps, children: [_jsx("div", { className: "oui-inline-edit-multi-items", children: children ?? _jsx("span", { className: "oui-inline-edit-empty", children: empty }) }), showActions ? (_jsx("div", { className: "oui-inline-edit-multi-actions", children: busy ? _jsx(Spinner, { size: 1 }) : action })) : null] }));
|
|
98
113
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;WAVR,MAAM;QACT,aAAa;WACV,SAAS;gBACJ,OAAO;eACR,SAAS;gBACR,SAAS;qBACJ,oBAAoB;aAC5B,MAAM;qDA0CrB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef, useContext
|
|
3
|
+
import { forwardRef, useContext } from 'react';
|
|
4
4
|
import { splitSystemProps, normalizeTone, } from '../../theme/systemProps';
|
|
5
5
|
import { OrcestrThemeContext } from '../../theme/useTheme';
|
|
6
6
|
import { cn } from '../../utils/cn';
|
|
@@ -8,5 +8,5 @@ export const LinkButton = forwardRef(function LinkButton({ className, style, siz
|
|
|
8
8
|
const themeContext = useContext(OrcestrThemeContext);
|
|
9
9
|
const actualPressAnimation = pressAnimation ?? themeContext?.theme.motion.pressAnimation ?? 'soft';
|
|
10
10
|
const { systemStyle, restProps } = splitSystemProps(props);
|
|
11
|
-
return (_jsxs("a", { ref: ref, className: cn('oui-button', fullWidth && 'oui-button-full', className), "data-size": size, "data-variant": v, "data-tone": normalizeTone(tone), "data-press-animation": actualPressAnimation, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [leftIcon, _jsx("span", { className:
|
|
11
|
+
return (_jsxs("a", { ref: ref, className: cn('oui-button', fullWidth && 'oui-button-full', className), "data-size": size, "data-variant": v, "data-tone": normalizeTone(tone), "data-press-animation": actualPressAnimation, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [leftIcon, _jsx("span", { className: "oui-button-label", children: children }), rightIcon] }));
|
|
12
12
|
});
|
|
@@ -57,10 +57,10 @@ export function Listbox({ items, value, onValueChange, className, testId, }) {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
}, [commit, handleTypeahead, highlighted, navigation]);
|
|
60
|
-
return (_jsx("div", { ref: listboxRef, className: cn('oui-listbox', className), role:
|
|
60
|
+
return (_jsx("div", { ref: listboxRef, className: cn('oui-listbox', className), role: "listbox", tabIndex: 0, "data-testid": testId, onKeyDown: handleKeyDown, children: items.map((item) => {
|
|
61
61
|
const isSelected = value === item.value;
|
|
62
62
|
const isHighlighted = highlighted === item.value;
|
|
63
|
-
return (_jsx("button", { type:
|
|
63
|
+
return (_jsx("button", { type: "button", role: "option", "aria-selected": isSelected, className: "oui-listbox-item", "data-oui-listbox-value": item.value, "data-selected": isSelected ? 'true' : undefined, "data-highlighted": isHighlighted ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, disabled: item.disabled, tabIndex: -1, onMouseEnter: () => {
|
|
64
64
|
if (!item.disabled)
|
|
65
65
|
navigation.setHighlightedValue(item.value);
|
|
66
66
|
}, onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAQf,OAAO,EAGH,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAQf,OAAO,EAGH,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIhE,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAa,EACb,IAAe,EACf,UAAc,EACd,MAAM,GACT,EAAE;IACC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2UA6CA"}
|
|
@@ -97,17 +97,17 @@ function MenuList({ items, reserveIconSpace, inlineState, close, requestConfirma
|
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
}, [close, handleTypeahead, navigation, selectHighlighted]);
|
|
100
|
-
return (_jsx("div", { ref: listRef, className:
|
|
100
|
+
return (_jsx("div", { ref: listRef, className: "oui-menu-list", role: "menu", tabIndex: 0, "data-testid": testId, onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(MenuRow, { item: item, reserveIconSpace: reserveIconSpace, inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, highlighted: highlightedKey === item.key, setHighlighted: () => navigation.setHighlightedValue(item.key), testId: testId ? `${testId}-${item.key}` : undefined }, item.key))) }));
|
|
101
101
|
}
|
|
102
102
|
function MenuRow({ item, reserveIconSpace, inlineState, close, requestConfirmation, highlighted, setHighlighted, testId, }) {
|
|
103
103
|
const [hoverOpen, setHoverOpen] = useState(false);
|
|
104
104
|
const hasChildren = Boolean(item.children?.length);
|
|
105
105
|
const inlineOpen = inlineState.openSubmenus.has(item.key);
|
|
106
106
|
const submenuPresence = usePresence(hoverOpen, 180);
|
|
107
|
-
return (_jsxs("div", { className:
|
|
107
|
+
return (_jsxs("div", { className: "oui-menu-row", onMouseEnter: () => {
|
|
108
108
|
setHighlighted();
|
|
109
109
|
setHoverOpen(true);
|
|
110
|
-
}, onMouseLeave: () => setHoverOpen(false), children: [item.separatorBefore ? _jsx("div", { className:
|
|
110
|
+
}, onMouseLeave: () => setHoverOpen(false), children: [item.separatorBefore ? _jsx("div", { className: "oui-menu-separator" }) : null, _jsxs("button", { type: "button", className: "oui-menu-item oui-combobox-option", "data-tone": item.tone, "data-selected": "false", "data-highlighted": highlighted ? 'true' : undefined, "data-submenu-state": inlineOpen || hoverOpen ? 'open' : 'closed', "data-loading": item.loading ? 'true' : undefined, "data-testid": testId, "aria-busy": item.loading ? 'true' : undefined, disabled: isActionItemDisabled(item), tabIndex: -1, onClick: (event) => {
|
|
111
111
|
event.stopPropagation();
|
|
112
112
|
if (isActionItemDisabled(item))
|
|
113
113
|
return;
|
|
@@ -122,11 +122,11 @@ function MenuRow({ item, reserveIconSpace, inlineState, close, requestConfirmati
|
|
|
122
122
|
}
|
|
123
123
|
item.onSelect?.();
|
|
124
124
|
close();
|
|
125
|
-
}, role:
|
|
125
|
+
}, role: "menuitem", children: [_jsx(MenuItemContent, { item: item, reserveIconSpace: reserveIconSpace }), hasChildren ? (_jsx(LuChevronRight, { className: "oui-menu-sub-chevron", size: 15, "aria-hidden": true })) : null] }), hasChildren && item.children ? (inlineState.inlineSubmenus ? (_jsx("div", { className: "oui-menu-inline-subitems", "data-state": inlineOpen ? 'open' : 'closed', children: inlineOpen ? (_jsx(MenuList, { items: item.children, reserveIconSpace: menuHasIcons(item.children), inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, autoFocus: false, testId: testId ? `${testId}-subitems` : undefined })) : null })) : submenuPresence.present ? (_jsx("div", { className: "oui-menu-subcontent oui-popover-content", "data-state": submenuPresence.state, "data-testid": testId ? `${testId}-subcontent` : undefined, children: _jsx(MenuList, { items: item.children, reserveIconSpace: menuHasIcons(item.children), inlineState: inlineState, close: close, requestConfirmation: requestConfirmation, autoFocus: false, testId: testId ? `${testId}-subitems` : undefined }) })) : null) : null] }));
|
|
126
126
|
}
|
|
127
127
|
function MenuItemContent({ item, reserveIconSpace, }) {
|
|
128
128
|
const { copy } = useOrcestrUiLocale();
|
|
129
|
-
return (_jsxs(_Fragment, { children: [_jsxs("span", { className:
|
|
129
|
+
return (_jsxs(_Fragment, { children: [_jsxs("span", { className: "oui-menu-item-main", children: [item.icon || item.loading || reserveIconSpace ? (_jsx("span", { className: "oui-menu-icon", "aria-hidden": !item.icon && !item.loading, children: item.loading ? _jsx(Spinner, { size: 1 }) : item.icon })) : null, _jsx("span", { className: "oui-menu-label", children: item.label }), item.description ? (_jsx("span", { className: "oui-menu-description", children: item.description })) : null] }), item.shortcut ? _jsx("span", { className: "oui-menu-shortcut", children: item.shortcut }) : null, item.info ? (_jsx(Tooltip, { content: item.info, children: _jsx("span", { className: "oui-menu-info", "aria-label": copy.common.details, onPointerDown: (event) => {
|
|
130
130
|
event.preventDefault();
|
|
131
131
|
event.stopPropagation();
|
|
132
132
|
}, onClick: (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAU7D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,iBAAS,SAAS,CAAC,EACf,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,mBAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,MAAM,GACT,EAAE,UAAU,kDAoIZ;AA4DD,KAAK,cAAc,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,cAAc,2CAMlE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,cAAc,2CAMhE;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,cAAc,2CAMlE;AAED,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAYzD;AAED,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}
|
|
@@ -54,9 +54,7 @@ function ModalRoot({ open, onOpenChange, children, maxWidth, minHeight, overlayC
|
|
|
54
54
|
backdropFilter: overlayBackdropFilter,
|
|
55
55
|
WebkitBackdropFilter: overlayBackdropFilter,
|
|
56
56
|
};
|
|
57
|
-
const animation = layer.animate(state === 'opening'
|
|
58
|
-
? [closedFrame, openFrame]
|
|
59
|
-
: [openFrame, closedFrame], {
|
|
57
|
+
const animation = layer.animate(state === 'opening' ? [closedFrame, openFrame] : [openFrame, closedFrame], {
|
|
60
58
|
duration: actualAnimationMs,
|
|
61
59
|
easing: actualAnimationEase,
|
|
62
60
|
fill: 'forwards',
|
|
@@ -89,13 +87,11 @@ function ModalRoot({ open, onOpenChange, children, maxWidth, minHeight, overlayC
|
|
|
89
87
|
if (closeOnOverlayClick)
|
|
90
88
|
onOpenChange(false);
|
|
91
89
|
}
|
|
92
|
-
}, children: _jsx("div", { ref: contentRef, role:
|
|
90
|
+
}, children: _jsx("div", { ref: contentRef, role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className: cn('oui-modal-content', contentClassName), "data-state": state, "data-animation": actualAnimation, "data-testid": testId ? `${testId}-content` : undefined, style: {
|
|
93
91
|
width: typeof actualMaxWidth === 'number'
|
|
94
92
|
? `min(calc(100vw - 24px), ${actualMaxWidth}px)`
|
|
95
93
|
: `min(calc(100vw - 24px), ${actualMaxWidth})`,
|
|
96
|
-
minHeight: typeof minHeight === 'number'
|
|
97
|
-
? `${minHeight}px`
|
|
98
|
-
: minHeight,
|
|
94
|
+
minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,
|
|
99
95
|
'--oui-modal-border-color': borderColor,
|
|
100
96
|
'--oui-modal-radius': cssLength(radius),
|
|
101
97
|
'--oui-modal-shadow': shadow,
|
|
@@ -165,7 +161,7 @@ function ModalFooter({ children, className, style }) {
|
|
|
165
161
|
}
|
|
166
162
|
function ModalClose({ onClick, ...props }) {
|
|
167
163
|
const context = useContext(ModalContext);
|
|
168
|
-
return (_jsx("button", { type:
|
|
164
|
+
return (_jsx("button", { type: "button", ...props, onClick: (event) => {
|
|
169
165
|
onClick?.(event);
|
|
170
166
|
if (!event.defaultPrevented)
|
|
171
167
|
context?.onOpenChange(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnD,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAgB,EAChB,QAAgB,EAChB,WAAkB,EAClB,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,IAAQ,EACR,SAAe,EACf,SAAS,EACT,WAAW,EACX,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAuNA"}
|