@orcestr/ui 0.1.1 → 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.map +1 -1
- package/dist/components/AppShell/AppShell.js +9 -10
- package/dist/components/AppSidebar/AppSidebar.d.ts.map +1 -1
- package/dist/components/AppSidebar/AppSidebar.js +22 -17
- 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 +1 -1
- 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.map +1 -1
- 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.map +1 -1
- package/dist/components/Drawer/Drawer.js +2 -2
- 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 +10 -12
- 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.map +1 -1
- package/dist/components/Toast/Toast.js +9 -15
- 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.map +1 -1
- package/dist/example/CodePreview.js +10 -10
- package/dist/example/ExampleActionsSection.d.ts +1 -1
- package/dist/example/ExampleActionsSection.d.ts.map +1 -1
- package/dist/example/ExampleActionsSection.js +2 -2
- package/dist/example/ExampleApplicationSection.d.ts.map +1 -1
- package/dist/example/ExampleApplicationSection.js +69 -21
- package/dist/example/ExampleBasicsSections.d.ts.map +1 -1
- package/dist/example/ExampleBasicsSections.js +15 -7
- 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 +10 -10
- 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 +6 -6
- package/dist/example/ExampleThemePlayground.d.ts +25 -25
- package/dist/example/ExampleThemePlayground.d.ts.map +1 -1
- package/dist/example/ExampleThemePlayground.js +48 -37
- package/dist/example/UiExamplePage.d.ts.map +1 -1
- package/dist/example/UiExamplePage.js +12 -16
- package/dist/example/UiExampleSection.d.ts.map +1 -1
- package/dist/example/UiExampleSection.js +1 -1
- package/dist/example/codeSamples.d.ts.map +1 -1
- package/dist/example/codeSamples.js +10 -10
- package/dist/example/exampleData.d.ts.map +1 -1
- package/dist/example/exampleData.js +2 -2
- 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/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 +249 -881
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +2 -12
- package/dist/theme/defaultTheme.d.ts.map +1 -1
- package/dist/theme/defaultTheme.js +158 -52
- 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 +1 -1
- 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 +1 -1
|
@@ -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"}
|
|
@@ -24,7 +24,7 @@ export function MultiSelect({ items, value, onValueChange, placeholder, clearabl
|
|
|
24
24
|
const highlighted = navigation.highlightedValue;
|
|
25
25
|
const canClear = clearable && selectedItems.length > 0 && !disabled;
|
|
26
26
|
const triggerLabel = selectedItems.length > 0
|
|
27
|
-
? renderValue?.(selectedItems) ?? defaultMultiSelectLabel(selectedItems)
|
|
27
|
+
? (renderValue?.(selectedItems) ?? defaultMultiSelectLabel(selectedItems))
|
|
28
28
|
: value.length > 0
|
|
29
29
|
? typeof selectedFallbackLabel === 'function'
|
|
30
30
|
? selectedFallbackLabel(value)
|
|
@@ -97,7 +97,7 @@ export function MultiSelect({ items, value, onValueChange, placeholder, clearabl
|
|
|
97
97
|
setOpen(next);
|
|
98
98
|
if (!next)
|
|
99
99
|
navigation.reset();
|
|
100
|
-
}, trigger: _jsx(Button, { type:
|
|
100
|
+
}, trigger: _jsx(Button, { type: "button", v: "surface", size: size, disabled: disabled, fullWidth: true, pressAnimation: "none", className: "oui-combobox-trigger oui-multi-select-trigger", "data-state": open ? 'open' : 'closed', testId: testId, "aria-haspopup": "listbox", "aria-expanded": open, onKeyDown: handleKeyDown, rightIcon: _jsxs("span", { className: "oui-combobox-trigger-actions", children: [canClear ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clearSelectedValues, className: "oui-combobox-clear", onPointerDown: (event) => {
|
|
101
101
|
event.preventDefault();
|
|
102
102
|
event.stopPropagation();
|
|
103
103
|
}, onClick: (event) => {
|
|
@@ -105,19 +105,17 @@ export function MultiSelect({ items, value, onValueChange, placeholder, clearabl
|
|
|
105
105
|
event.stopPropagation();
|
|
106
106
|
onValueChange([]);
|
|
107
107
|
navigation.reset();
|
|
108
|
-
}, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: triggerLabel
|
|
109
|
-
? 'oui-combobox-trigger-label'
|
|
110
|
-
: 'oui-combobox-placeholder', children: triggerLabel ?? placeholder ?? copy.common.selectValue }) }), className: className ? `oui-select-content ${className}` : 'oui-select-content', testId: testId ? `${testId}-popover` : undefined, align: 'start', sideOffset: 4, matchTriggerWidth: true, disabled: disabled, children: _jsx("div", { ref: optionsRef, role: 'listbox', "aria-multiselectable": 'true', className: 'oui-combobox-scroll oui-combobox-options', "data-testid": testId ? `${testId}-listbox` : undefined, style: { maxHeight }, tabIndex: -1, onKeyDown: handleKeyDown, children: items.length === 0 ? (_jsx("div", { className: 'oui-combobox-empty', children: emptyText ?? copy.common.noOptions })) : (items.map((item) => {
|
|
108
|
+
}, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: triggerLabel ? 'oui-combobox-trigger-label' : 'oui-combobox-placeholder', children: triggerLabel ?? placeholder ?? copy.common.selectValue }) }), className: className ? `oui-select-content ${className}` : 'oui-select-content', testId: testId ? `${testId}-popover` : undefined, align: "start", sideOffset: 4, matchTriggerWidth: true, disabled: disabled, children: _jsx("div", { ref: optionsRef, role: "listbox", "aria-multiselectable": "true", className: "oui-combobox-scroll oui-combobox-options", "data-testid": testId ? `${testId}-listbox` : undefined, style: { maxHeight }, tabIndex: -1, onKeyDown: handleKeyDown, children: items.length === 0 ? (_jsx("div", { className: "oui-combobox-empty", children: emptyText ?? copy.common.noOptions })) : (items.map((item) => {
|
|
111
109
|
const selected = selectedSet.has(item.value);
|
|
112
110
|
const isHighlighted = highlighted === item.value;
|
|
113
|
-
return (_jsxs("button", { type:
|
|
111
|
+
return (_jsxs("button", { type: "button", role: "option", "aria-selected": selected, disabled: item.disabled, className: "oui-combobox-option oui-multi-select-option", "data-oui-multi-select-value": item.value, "data-selected": selected ? 'true' : 'false', "data-highlighted": isHighlighted ? 'true' : 'false', onMouseEnter: () => {
|
|
114
112
|
if (!item.disabled) {
|
|
115
113
|
navigation.setHighlightedValue(item.value);
|
|
116
114
|
}
|
|
117
115
|
}, onClick: () => {
|
|
118
116
|
if (!item.disabled)
|
|
119
117
|
toggle(item.value);
|
|
120
|
-
}, children: [_jsx("span", { className:
|
|
118
|
+
}, children: [_jsx("span", { className: "oui-multi-select-check", children: selected ? _jsx(LuCheck, { size: 14 }) : null }), _jsx("span", { className: "oui-combobox-option-main", children: item.label })] }, item.value));
|
|
121
119
|
})) }) }));
|
|
122
120
|
}
|
|
123
121
|
function defaultMultiSelectLabel(items) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,WAAW,+GAKtB,CAAC"}
|
|
@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { TextField } from '../TextField/TextField';
|
|
4
4
|
export const NumberField = forwardRef(function NumberField({ testId, ...props }, ref) {
|
|
5
|
-
return
|
|
5
|
+
return _jsx(TextField, { ref: ref, type: "number", inputMode: "decimal", testId: testId, ...props });
|
|
6
6
|
});
|
|
@@ -11,7 +11,7 @@ export type OverlayProviderProps = {
|
|
|
11
11
|
zIndex?: Partial<OverlayZIndex>;
|
|
12
12
|
testId?: string;
|
|
13
13
|
};
|
|
14
|
-
export declare function OverlayProvider({ children, container, zIndex, testId
|
|
14
|
+
export declare function OverlayProvider({ children, container, zIndex, testId }: OverlayProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export declare function useOverlayContext(): OverlayContextValue;
|
|
16
16
|
export declare function useOverlayLayerIndex(active: boolean): number;
|
|
17
17
|
export declare function overlayLayerZIndex(zIndex: OverlayZIndex, kind: OverlayLayerKind, layerIndex: number): number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/OverlayProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACvB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAwBF,wBAAgB,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"OverlayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Overlay/OverlayProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACvB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAwBF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAwB5F;AAED,wBAAgB,iBAAiB,wBAEhC;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,UAwBnD;AAED,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,MAAM,UAQrB;AAKD,wBAAgB,iBAAiB,eAYhC"}
|
|
@@ -19,7 +19,7 @@ function emitLayerChange() {
|
|
|
19
19
|
for (const listener of listeners)
|
|
20
20
|
listener();
|
|
21
21
|
}
|
|
22
|
-
export function OverlayProvider({ children, container, zIndex, testId
|
|
22
|
+
export function OverlayProvider({ children, container, zIndex, testId }) {
|
|
23
23
|
const fallbackRef = useRef(null);
|
|
24
24
|
const [fallbackContainer, setFallbackContainer] = useState(null);
|
|
25
25
|
const resolvedZIndex = useMemo(() => ({ ...defaultZIndex, ...zIndex }), [zIndex]);
|
|
@@ -30,7 +30,7 @@ export function OverlayProvider({ children, container, zIndex, testId, }) {
|
|
|
30
30
|
useEffect(() => {
|
|
31
31
|
setFallbackContainer(fallbackRef.current);
|
|
32
32
|
}, []);
|
|
33
|
-
return (_jsxs(OverlayContext.Provider, { value: value, children: [children, container === undefined ? (_jsx("div", { ref: fallbackRef, className:
|
|
33
|
+
return (_jsxs(OverlayContext.Provider, { value: value, children: [children, container === undefined ? (_jsx("div", { ref: fallbackRef, className: "oui-overlay-root", "data-testid": testId })) : null] }));
|
|
34
34
|
}
|
|
35
35
|
export function useOverlayContext() {
|
|
36
36
|
return useContext(OverlayContext);
|
|
@@ -39,11 +39,7 @@ export function useOverlayLayerIndex(active) {
|
|
|
39
39
|
const [id] = useState(() => Symbol('oui-layer'));
|
|
40
40
|
const [index, setIndex] = useState(0);
|
|
41
41
|
const currentIndex = layerIds.indexOf(id);
|
|
42
|
-
const optimisticIndex = active
|
|
43
|
-
? currentIndex === -1
|
|
44
|
-
? layerIds.length
|
|
45
|
-
: currentIndex
|
|
46
|
-
: index;
|
|
42
|
+
const optimisticIndex = active ? (currentIndex === -1 ? layerIds.length : currentIndex) : index;
|
|
47
43
|
useEffect(() => {
|
|
48
44
|
if (!active)
|
|
49
45
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCombobox/PaginatedCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PaginatedCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCombobox/PaginatedCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7C,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,mBAAmB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACnC,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,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACtC,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAC7C,YAAY,CAAC,EAAE;QACX,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;QAC3B,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;QAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;KACnC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EACjC,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,WAAkB,EAClB,OAAO,EACP,IAAQ,EACR,SAAe,EACf,aAAoB,EACpB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAgC,EAChC,MAAM,GACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAuX3B"}
|
|
@@ -63,7 +63,7 @@ export function PaginatedCombobox({ loadPage, getItemId, renderOption, renderSel
|
|
|
63
63
|
const highlightedId = navigation.highlightedValue;
|
|
64
64
|
const highlightedItem = useMemo(() => highlightedId === null
|
|
65
65
|
? null
|
|
66
|
-
: items.find((item) => String(getItemId(item)) === highlightedId) ?? null, [getItemId, highlightedId, items]);
|
|
66
|
+
: (items.find((item) => String(getItemId(item)) === highlightedId) ?? null), [getItemId, highlightedId, items]);
|
|
67
67
|
useEffect(() => {
|
|
68
68
|
if (!open || highlightedId === null)
|
|
69
69
|
return;
|
|
@@ -191,24 +191,25 @@ export function PaginatedCombobox({ loadPage, getItemId, renderOption, renderSel
|
|
|
191
191
|
if (!next) {
|
|
192
192
|
navigation.reset();
|
|
193
193
|
}
|
|
194
|
-
}, trigger: trigger ?? (_jsx(Button, { type:
|
|
194
|
+
}, trigger: trigger ?? (_jsx(Button, { type: "button", v: "surface", size: size, disabled: disabled, fullWidth: true, pressAnimation: "none", className: "oui-combobox-trigger", "data-testid": testId, "data-state": open ? 'open' : 'closed', onKeyDown: handleKeyDown, rightIcon: _jsxs("span", { className: "oui-combobox-trigger-actions", children: [canClear ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clear, className: "oui-combobox-clear", onPointerDown: (event) => {
|
|
195
195
|
event.preventDefault();
|
|
196
196
|
event.stopPropagation();
|
|
197
197
|
}, onClick: (event) => {
|
|
198
198
|
event.preventDefault();
|
|
199
199
|
event.stopPropagation();
|
|
200
200
|
clear();
|
|
201
|
-
}, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: triggerLabel
|
|
201
|
+
}, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: triggerLabel
|
|
202
|
+
? 'oui-combobox-trigger-label'
|
|
203
|
+
: 'oui-combobox-placeholder', children: triggerLabel ?? actualPlaceholder }) })), className: "oui-combobox-content", align: "start", sideOffset: 4, matchTriggerWidth: true, disabled: disabled, children: [_jsxs("div", { className: "oui-combobox-search-wrap", children: [_jsx(TextField, { autoFocus: true, size: 2, placeholder: actualSearchPlaceholder, value: searchInput, onChange: (event) => setSearchInput(event.target.value), onKeyDown: handleKeyDown }), searchAction ? (_jsx(Tooltip, { content: actualSearchActionLabel, children: _jsx(IconButton, { size: 2, v: "soft", icon: _jsx(LuPlus, { size: 14 }), className: "oui-combobox-search-action", "aria-label": actualSearchActionLabel, disabled: searchAction.disabled, onClick: () => {
|
|
202
204
|
setOpen(false);
|
|
203
205
|
searchAction.onClick(searchInput);
|
|
204
|
-
} }) })) : null] }), _jsx("div", { ref: scrollRef, className:
|
|
206
|
+
} }) })) : null] }), _jsx("div", { ref: scrollRef, className: "oui-combobox-scroll", style: { maxHeight }, tabIndex: -1, onKeyDown: handleKeyDown, children: isInitialLoading ? (_jsxs("div", { className: "oui-combobox-state", children: [_jsx(Spinner, {}), _jsx("span", { className: "oui-visually-hidden", children: actualLoadingText })] })) : error ? (_jsxs("div", { className: "oui-combobox-state", children: [_jsx("span", { children: actualErrorText }), _jsx(Button, { size: 1, v: "surface", onClick: () => void fetchPage(1, debouncedSearch), children: actualRetryLabel })] })) : items.length === 0 ? (_jsx("div", { className: "oui-combobox-empty", children: actualEmptyText })) : (_jsxs("div", { className: "oui-combobox-options", children: [items.map((item) => {
|
|
205
207
|
const id = getItemId(item);
|
|
206
208
|
const itemId = String(id);
|
|
207
209
|
const selected = isItemSelected?.(item) ??
|
|
208
|
-
(value !== null &&
|
|
209
|
-
String(getItemId(value)) === itemId);
|
|
210
|
+
(value !== null && String(getItemId(value)) === itemId);
|
|
210
211
|
const highlighted = highlightedId === itemId;
|
|
211
|
-
return (_jsxs("div", { className:
|
|
212
|
+
return (_jsxs("div", { className: "oui-combobox-option", "data-selected": selected ? 'true' : 'false', "data-highlighted": highlighted ? 'true' : 'false', "data-oui-paginated-combobox-value": itemId, onMouseEnter: () => navigation.setHighlightedValue(itemId), children: [_jsx("button", { type: "button", className: "oui-combobox-option-main", onClick: () => handleSelect(item), children: renderOption(item) }), selected ? (_jsx(LuCheck, { className: "oui-combobox-check", size: 15 })) : null, optionAction ? (_jsx(Tooltip, { content: optionAction.label(item), children: _jsx("button", { type: "button", className: "oui-combobox-option-action", "aria-label": optionAction.label(item), disabled: optionAction.disabled?.(item), onPointerDown: (event) => {
|
|
212
213
|
event.preventDefault();
|
|
213
214
|
event.stopPropagation();
|
|
214
215
|
}, onClick: (event) => {
|
|
@@ -216,7 +217,7 @@ export function PaginatedCombobox({ loadPage, getItemId, renderOption, renderSel
|
|
|
216
217
|
event.stopPropagation();
|
|
217
218
|
optionAction.onClick(item, close);
|
|
218
219
|
}, children: optionAction.icon }) })) : null] }, itemId));
|
|
219
|
-
}), hasNextPage ? (_jsx("div", { ref: sentinelRef, className:
|
|
220
|
+
}), hasNextPage ? (_jsx("div", { ref: sentinelRef, className: "oui-combobox-sentinel" })) : null, loadingNext ? (_jsx("div", { className: "oui-combobox-next-loader", children: _jsx(Spinner, { size: 1 }) })) : null] })) })] }));
|
|
220
221
|
}
|
|
221
222
|
function cssAttr(value) {
|
|
222
223
|
return value.replace(/"/g, '\\"');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedComboboxReactQueryAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginatedComboboxReactQueryAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAkB,MAAM,uBAAuB,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,4BAA4B,GAAG;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mCAAmC,CAAC,KAAK,EAAE,SAAS,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC5F,QAAQ,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,SAAS,CAAC;IAC9D,OAAO,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,eAAe,CACvB,eAAe,CAAC,KAAK,CAAC,EACtB,KAAK,EACL,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,CACZ,CAAC,WAAW,CAAC,CAAC;CAClB,CAAC;AAEF,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,SAAS,SAAS,QAAQ,GAAG,QAAQ,EAAE,EAC1F,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,mCAAmC,CAAC,KAAK,EAAE,SAAS,CAAC,UAIzC,MAAM,UAAU,MAAM,qCAQpC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useCallback
|
|
2
|
-
import { useQueryClient
|
|
1
|
+
import { useCallback } from 'react';
|
|
2
|
+
import { useQueryClient } from '@tanstack/react-query';
|
|
3
3
|
export function usePaginatedComboboxQueryLoader({ queryKey, queryFn, staleTime, }) {
|
|
4
4
|
const queryClient = useQueryClient();
|
|
5
5
|
return useCallback((page, search) => queryClient.fetchQuery({
|
|
@@ -5,5 +5,5 @@ import { Text } from '../Text/Text';
|
|
|
5
5
|
import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
|
|
6
6
|
export function Pagination({ page, pageCount, onPageChange, testId, }) {
|
|
7
7
|
const { copy } = useOrcestrUiLocale();
|
|
8
|
-
return (_jsxs(Flex, { a:
|
|
8
|
+
return (_jsxs(Flex, { a: "c", g: 2, testId: testId, children: [_jsx(Button, { size: 1, v: "soft", disabled: page <= 1, testId: testId ? `${testId}-previous` : undefined, onClick: () => onPageChange(page - 1), children: copy.common.previous }), _jsxs(Text, { fs: "13px", testId: testId ? `${testId}-status` : undefined, children: [page, " / ", pageCount] }), _jsx(Button, { size: 1, v: "soft", disabled: page >= pageCount, testId: testId ? `${testId}-next` : undefined, onClick: () => onPageChange(page + 1), children: copy.common.next })] }));
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAWH,KAAK,aAAa,EAClB,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AAGf,OAAO,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAWH,KAAK,aAAa,EAClB,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGxF,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAqB7E,MAAM,MAAM,YAAY,GAAG,WAAW,GAClC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/C,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,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,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAe,EACf,KAAe,EACf,UAAc,EACd,gBAAoB,EACpB,iBAAyB,EACzB,QAAgB,EAChB,SAAS,EACT,YAAY,EACZ,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,gBAAgB,EACvB,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,GAAG,KAAK,EACX,EAAE,YAAY,2CAiHd;AAED,KAAK,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IAClF,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAgBF,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,kDAuB5D;AAED,iBAAS,cAAc,CAAC,MAAM,EAAE,mBAAmB,QAElD;AAwBD,yBAAiB,OAAO,CAAC;IACd,MAAM,IAAI,oBAAc,CAAC;IACzB,MAAM,OAAO,uBAAiB,CAAC;IAC/B,MAAM,OAAO;kBAlEN,SAAS;gBACX,MAAM,GAAG,MAAM;eAChB,MAAM,GAAG,MAAM;gBACd,aAAa;eACd,YAAY;qBACN,MAAM;4BACC,OAAO;oBACf,MAAM;0BACA,CAAC,KAAK,EAAE;YAAE,cAAc,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,IAAI;4BAC7C,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;sDAyDT,CAAC;CACzC"}
|