@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
|
@@ -17,7 +17,7 @@ export function Popover({ trigger, children, open, defaultOpen, onOpenChange, si
|
|
|
17
17
|
const disclosure = useDisclosure({ open, defaultOpen, onOpenChange });
|
|
18
18
|
const { open: isOpen, close: closeDisclosure, toggle } = disclosure;
|
|
19
19
|
const previousFocusRef = useRef(null);
|
|
20
|
-
const { triggerRef, contentRef, present, state, style
|
|
20
|
+
const { triggerRef, contentRef, present, state, style } = useFloatingLayer({
|
|
21
21
|
open: isOpen,
|
|
22
22
|
side,
|
|
23
23
|
align,
|
|
@@ -57,23 +57,21 @@ export function Popover({ trigger, children, open, defaultOpen, onOpenChange, si
|
|
|
57
57
|
return;
|
|
58
58
|
toggle();
|
|
59
59
|
}, [disabled, toggle]);
|
|
60
|
-
const triggerNode = isValidElement(trigger)
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}, children: trigger }));
|
|
76
|
-
return (_jsxs(_Fragment, { children: [triggerNode, present ? (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(contentRef, externalContentRef), className: cn('oui-popover-content', className), "data-state": state, "data-layer": 'dropdown', "data-oui-theme": themeContext?.mode, "data-oui-surface": themeContext?.surface, "data-testid": testId ? `${testId}-content` : undefined, style: {
|
|
60
|
+
const triggerNode = isValidElement(trigger) ? (clonePopoverTrigger(trigger, {
|
|
61
|
+
ref: triggerRef,
|
|
62
|
+
open: isOpen,
|
|
63
|
+
disabled,
|
|
64
|
+
testId,
|
|
65
|
+
onClick: handleTriggerClick,
|
|
66
|
+
})) : (_jsx("span", { ref: triggerRef, className: "oui-popover-trigger", "data-disabled": disabled ? 'true' : undefined, role: "button", tabIndex: disabled ? -1 : 0, "aria-expanded": isOpen, "data-testid": testId, onClick: handleTriggerClick, onKeyDown: (event) => {
|
|
67
|
+
if (disabled)
|
|
68
|
+
return;
|
|
69
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
toggle();
|
|
72
|
+
}
|
|
73
|
+
}, children: trigger }));
|
|
74
|
+
return (_jsxs(_Fragment, { children: [triggerNode, present ? (_jsx(Portal, { children: _jsx("div", { ref: composeRefs(contentRef, externalContentRef), className: cn('oui-popover-content', className), "data-state": state, "data-layer": "dropdown", "data-oui-theme": themeContext?.mode, "data-oui-surface": themeContext?.surface, "data-testid": testId ? `${testId}-content` : undefined, style: {
|
|
77
75
|
...themeContext?.cssVariables,
|
|
78
76
|
...style,
|
|
79
77
|
...systemStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,wBAAgB,MAAM,CAAC,EACnB,QAAQ,EACR,SAAS,GACZ,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC,sCASA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAyBA"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
4
|
export function RadioGroup({ value, onValueChange, items, name, className, testId, }) {
|
|
5
|
-
return (_jsx("div", { className: cn('oui-radio-group', className), role:
|
|
5
|
+
return (_jsx("div", { className: cn('oui-radio-group', className), role: "radiogroup", "data-testid": testId, children: items.map((item) => (_jsxs("label", { className: "oui-radio", "data-checked": value === item.value ? 'true' : undefined, "data-disabled": item.disabled ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, children: [_jsx("input", { type: "radio", name: name, value: item.value, checked: value === item.value, disabled: item.disabled, onChange: () => onValueChange(item.value) }), _jsx("span", { className: "oui-radio-dot" }), _jsx("span", { children: item.label })] }, item.value))) }));
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,wBAAwB,EAChC,MAAM,OAAO,CAAC;AAGf,OAAO,
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,wBAAwB,EAChC,MAAM,OAAO,CAAC;AAGf,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,qBAAqB,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACzD,WAAW,GAAG;IACV,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;iBAdF,UAAU,GAAG,YAAY,GAAG,MAAM;WACxC,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO;iBAChC,OAAO;iBACP,MAAM,GAAG,MAAM;qBACX,MAAM;uBACJ,OAAO;qBACT,MAAM;4BACC,MAAM;0BACR,MAAM;mBACb,qBAAqB;sBAClB,qBAAqB;aAC9B,MAAM;kDAoMrB,CAAC"}
|
|
@@ -48,30 +48,22 @@ export const ScrollArea = forwardRef(function ScrollArea({ className, style, chi
|
|
|
48
48
|
const updateOpacity = useCallback(() => {
|
|
49
49
|
const node = scrollRef.current;
|
|
50
50
|
if (!node) {
|
|
51
|
-
setOpacity((current) => current.top === 0 && current.bottom === 0
|
|
52
|
-
|
|
53
|
-
: { top: 0, bottom: 0 });
|
|
54
|
-
setOverflow((current) => !current.x && !current.y ? current : { x: false, y: false });
|
|
51
|
+
setOpacity((current) => current.top === 0 && current.bottom === 0 ? current : { top: 0, bottom: 0 });
|
|
52
|
+
setOverflow((current) => (!current.x && !current.y ? current : { x: false, y: false }));
|
|
55
53
|
return;
|
|
56
54
|
}
|
|
57
55
|
const nextOverflow = {
|
|
58
56
|
x: node.scrollWidth > node.clientWidth + 1,
|
|
59
57
|
y: node.scrollHeight > node.clientHeight + 1,
|
|
60
58
|
};
|
|
61
|
-
setOverflow((current) => current.x === nextOverflow.x && current.y === nextOverflow.y
|
|
62
|
-
? current
|
|
63
|
-
: nextOverflow);
|
|
59
|
+
setOverflow((current) => current.x === nextOverflow.x && current.y === nextOverflow.y ? current : nextOverflow);
|
|
64
60
|
if (!showHighlights) {
|
|
65
|
-
setOpacity((current) => current.top === 0 && current.bottom === 0
|
|
66
|
-
? current
|
|
67
|
-
: { top: 0, bottom: 0 });
|
|
61
|
+
setOpacity((current) => current.top === 0 && current.bottom === 0 ? current : { top: 0, bottom: 0 });
|
|
68
62
|
return;
|
|
69
63
|
}
|
|
70
64
|
const maxScroll = Math.max(0, node.scrollHeight - node.clientHeight);
|
|
71
65
|
const nextOpacity = {
|
|
72
|
-
top: topConfig.visible
|
|
73
|
-
? revealOpacity(node.scrollTop, topConfig)
|
|
74
|
-
: 0,
|
|
66
|
+
top: topConfig.visible ? revealOpacity(node.scrollTop, topConfig) : 0,
|
|
75
67
|
bottom: bottomConfig.visible
|
|
76
68
|
? revealOpacity(maxScroll - node.scrollTop, bottomConfig)
|
|
77
69
|
: 0,
|
|
@@ -93,16 +85,11 @@ export const ScrollArea = forwardRef(function ScrollArea({ className, style, chi
|
|
|
93
85
|
const node = scrollRef.current;
|
|
94
86
|
if (!node)
|
|
95
87
|
return;
|
|
96
|
-
const observer = typeof ResizeObserver === 'undefined'
|
|
97
|
-
|
|
98
|
-
: new ResizeObserver(scheduleUpdate);
|
|
99
|
-
const mutationObserver = typeof MutationObserver === 'undefined'
|
|
100
|
-
? null
|
|
101
|
-
: new MutationObserver(scheduleUpdate);
|
|
88
|
+
const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(scheduleUpdate);
|
|
89
|
+
const mutationObserver = typeof MutationObserver === 'undefined' ? null : new MutationObserver(scheduleUpdate);
|
|
102
90
|
observer?.observe(node);
|
|
103
91
|
Array.from(node.children).forEach((child) => {
|
|
104
|
-
if (child instanceof HTMLElement &&
|
|
105
|
-
!child.classList.contains('oui-highlight')) {
|
|
92
|
+
if (child instanceof HTMLElement && !child.classList.contains('oui-highlight')) {
|
|
106
93
|
observer?.observe(child);
|
|
107
94
|
}
|
|
108
95
|
});
|
|
@@ -122,10 +109,10 @@ export const ScrollArea = forwardRef(function ScrollArea({ className, style, chi
|
|
|
122
109
|
}
|
|
123
110
|
};
|
|
124
111
|
}, [scheduleUpdate]);
|
|
125
|
-
return (_jsxs("div", { className: cn('oui-scroll-area', className), "data-scrollbars": scrollbars, "data-type": type, "data-overflow-x": overflow.x ? 'true' : undefined, "data-overflow-y": overflow.y ? 'true' : undefined, "data-testid": testId, style: { ...systemStyle, ...style }, ...outerProps, children: [_jsx("div", { ref: scrollRef, className:
|
|
112
|
+
return (_jsxs("div", { className: cn('oui-scroll-area', className), "data-scrollbars": scrollbars, "data-type": type, "data-overflow-x": overflow.x ? 'true' : undefined, "data-overflow-y": overflow.y ? 'true' : undefined, "data-testid": testId, style: { ...systemStyle, ...style }, ...outerProps, children: [_jsx("div", { ref: scrollRef, className: "oui-scroll-area-viewport", "data-testid": testId ? `${testId}-viewport` : undefined, onScroll: (event) => {
|
|
126
113
|
onScroll?.(event);
|
|
127
114
|
scheduleUpdate();
|
|
128
|
-
}, children: children }), showHighlights ? (_jsxs("div", { className:
|
|
115
|
+
}, children: children }), showHighlights ? (_jsxs("div", { className: "oui-scroll-area-highlight-overlay", "aria-hidden": "true", children: [topConfig.visible ? (_jsx(TopHighlight, { h: topConfig.h, color: topConfig.color, style: { opacity: opacity.top } })) : null, bottomConfig.visible ? (_jsx(BottomHighlight, { h: bottomConfig.h, color: bottomConfig.color, style: { opacity: opacity.bottom } })) : null] })) : null] }));
|
|
129
116
|
});
|
|
130
117
|
function normalizeHighlightConfig(config) {
|
|
131
118
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAaF,eAAO,MAAM,OAAO;;;;;mBAhBD,MAAM;qBACJ,MAAM,GAAG,MAAM;aACvB,MAAM;kDAiCjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGtD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAkBA;AAED,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,iBAAS,aAAa,CAAC,EACnB,KAAK,EACL,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,MAAM,GACT,EAAE,kBAAkB,2CAsBpB;AAED,iBAAS,aAAa,CAAC,MAAM,EAAE,kBAAkB,QAEhD;AAOD,yBAAiB,gBAAgB,CAAC;IACvB,MAAM,IAAI,sBAAgB,CAAC;IAC3B,MAAM,IAAI,sBAAgB,CAAC;CACrC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Children, isValidElement } from 'react';
|
|
4
4
|
import { cn } from '../../utils/cn';
|
|
5
5
|
export function SegmentedControl({ value, onValueChange, items, size, className, testId, }) {
|
|
6
|
-
return (_jsx("div", { className: cn('oui-segmented', className), "data-size": size, "data-testid": testId, children: items.map((item) => (_jsx("button", { type:
|
|
6
|
+
return (_jsx("div", { className: cn('oui-segmented', className), "data-size": size, "data-testid": testId, children: items.map((item) => (_jsx("button", { type: "button", className: "oui-segmented-item", "data-active": value === item.value ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, disabled: item.disabled, onClick: () => onValueChange(item.value), children: item.label }, item.value))) }));
|
|
7
7
|
}
|
|
8
8
|
function SegmentedRoot({ value, onValueChange, children, size, className, testId, }) {
|
|
9
9
|
const items = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,aAAa,EAGlB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,aAAa,EAGlB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAK1F,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,SAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,IAAQ,EACR,SAAe,EACf,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAkB,EAClB,UAAU,EACV,MAAM,EACN,GAAG,KAAK,EACX,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,2CAwNd;AAED,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC3C,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,GACX,EAAE,eAAe,CAAC,CAAC,CAAC,2CAsBpB;AAED,iBAAS,aAAa,CAAC,MAAM,EAAE,kBAAkB,QAEhD;AAED,iBAAS,aAAa,CAAC,MAAM,EAAE,kBAAkB,QAEhD;AAED,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAExE;AAwCD,yBAAiB,MAAM,CAAC;IACb,MAAM,IAAI,mBAAa,CAAC;IACxB,MAAM,OAAO,sBAAgB,CAAC;IAC9B,MAAM,OAAO,sBAAgB,CAAC;IAC9B,MAAM,IAAI,mBAAa,CAAC;CAClC"}
|
|
@@ -95,7 +95,7 @@ export function Select({ items, value, onValueChange, placeholder, selectedFallb
|
|
|
95
95
|
setOpen(next);
|
|
96
96
|
if (!next)
|
|
97
97
|
navigation.reset();
|
|
98
|
-
}, trigger: _jsx(Button, { type:
|
|
98
|
+
}, trigger: _jsx(Button, { type: "button", v: "surface", size: size, disabled: disabled, fullWidth: true, pressAnimation: "none", className: "oui-combobox-trigger", "data-state": open ? 'open' : 'closed', testId: testId, style: { ...systemStyle, ...style }, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": listboxId, 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) => {
|
|
99
99
|
event.preventDefault();
|
|
100
100
|
event.stopPropagation();
|
|
101
101
|
}, onClick: (event) => {
|
|
@@ -106,17 +106,17 @@ export function Select({ items, value, onValueChange, placeholder, selectedFallb
|
|
|
106
106
|
onClear();
|
|
107
107
|
else
|
|
108
108
|
onValueChange(null);
|
|
109
|
-
}, 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 ?? actualPlaceholder }) }), className: className ? `oui-select-content ${className}` : 'oui-select-content', testId: testId ? `${testId}-popover` : undefined, align:
|
|
109
|
+
}, 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 ?? actualPlaceholder }) }), 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", id: listboxId, tabIndex: -1, className: "oui-combobox-scroll oui-combobox-options", "data-testid": testId ? `${testId}-listbox` : undefined, style: { maxHeight }, onKeyDown: handleKeyDown, children: items.length === 0 ? (_jsx("div", { className: "oui-combobox-empty", children: actualEmptyText })) : (items.map((item) => {
|
|
110
110
|
const isSelected = item.value === value;
|
|
111
111
|
const isHighlighted = item.value === highlighted;
|
|
112
|
-
return (_jsxs("button", { type:
|
|
112
|
+
return (_jsxs("button", { type: "button", role: "option", "aria-selected": isSelected, disabled: item.disabled, className: "oui-combobox-option", "data-oui-select-value": item.value, "data-selected": isSelected ? 'true' : 'false', "data-highlighted": isHighlighted ? 'true' : 'false', onMouseEnter: () => {
|
|
113
113
|
if (!item.disabled) {
|
|
114
114
|
navigation.setHighlightedValue(item.value);
|
|
115
115
|
}
|
|
116
116
|
}, onClick: () => {
|
|
117
117
|
if (!item.disabled)
|
|
118
118
|
commit(item.value);
|
|
119
|
-
}, children: [_jsx("span", { className:
|
|
119
|
+
}, children: [_jsx("span", { className: "oui-combobox-option-main", children: item.label }), isSelected ? (_jsx(LuCheck, { className: "oui-combobox-check", size: 15 })) : null] }, item.value));
|
|
120
120
|
})) }) }));
|
|
121
121
|
}
|
|
122
122
|
function SelectRoot({ value, onValueChange, disabled, children, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG7E,wBAAgB,SAAS,CAAC,EACtB,WAA0B,EAC1B,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,eAAe,CAAC,GAC9B,WAAW,GAAG;IACV,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAaJ"}
|
|
@@ -3,5 +3,5 @@ import { splitSystemProps } from '../../theme/systemProps';
|
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
4
|
export function Separator({ orientation = 'horizontal', className, style, testId, ...props }) {
|
|
5
5
|
const { systemStyle, restProps } = splitSystemProps(props);
|
|
6
|
-
return (_jsx("span", { className: cn('oui-separator', className), "data-orientation": orientation, "data-testid": testId, role:
|
|
6
|
+
return (_jsx("span", { className: cn('oui-separator', className), "data-orientation": orientation, "data-testid": testId, role: "separator", "aria-orientation": orientation, style: { ...systemStyle, ...style }, ...restProps }));
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACxD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;aAHJ,MAAM;mDAkBrB,CAAC"}
|
|
@@ -4,5 +4,5 @@ import { cn } from '../../utils/cn';
|
|
|
4
4
|
import { splitSystemProps } from '../../theme/systemProps';
|
|
5
5
|
export const Skeleton = forwardRef(function Skeleton({ className, style, testId, ...props }, ref) {
|
|
6
6
|
const { systemStyle, restProps } = splitSystemProps(props);
|
|
7
|
-
return (_jsx("span", { ref: ref, className: cn('oui-skeleton', className), "data-testid": testId, style: { ...systemStyle, ...style }, "aria-hidden":
|
|
7
|
+
return (_jsx("span", { ref: ref, className: cn('oui-skeleton', className), "data-testid": testId, style: { ...systemStyle, ...style }, "aria-hidden": "true", ...restProps }));
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpecialModal.d.ts","sourceRoot":"","sources":["../../../src/components/SpecialModal/SpecialModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,
|
|
1
|
+
{"version":3,"file":"SpecialModal.d.ts","sourceRoot":"","sources":["../../../src/components/SpecialModal/SpecialModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAUF,iBAAS,gBAAgB,CAAC,EACtB,IAAW,EACX,IAAI,EACJ,MAAe,EACf,OAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,iBAAiB,2CAiBnB;AAED,KAAK,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAwDF,KAAK,sBAAsB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACX,EAAE,sBAAsB,2CAcxB;AAED,eAAO,MAAM,YAAY;;iBAxFZ,MAAM;;gBAIP,SAAS;eACV,SAAS;kBACN,SAAS;;;iBANV,MAAM;;;iBAAN,MAAM;;;CA6FjB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC"}
|
|
@@ -15,7 +15,7 @@ function SpecialModalRoot({ size = 'lg', maxW, scroll = 'body', density = 'regul
|
|
|
15
15
|
return (_jsx(Modal, { ...props, maxWidth: maxW ?? sizeMaxWidth[size], className: cn('oui-special-modal-layer', className), contentClassName: cn('oui-special-modal', `oui-special-modal-size-${size}`, `oui-special-modal-scroll-${scroll}`, `oui-special-modal-density-${density}`, contentClassName), children: children }));
|
|
16
16
|
}
|
|
17
17
|
const SpecialModalHeader = forwardRef(function SpecialModalHeader({ className, title, meta, actions, children, testId, ...props }, ref) {
|
|
18
|
-
return (_jsx("div", { ref: ref, className: cn('oui-special-modal-header', className), "data-testid": testId, ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className:
|
|
18
|
+
return (_jsx("div", { ref: ref, className: cn('oui-special-modal-header', className), "data-testid": testId, ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "oui-special-modal-title-wrap", children: [title ? _jsx("h2", { className: "oui-special-modal-title", children: title }) : null, meta ? _jsx("div", { className: "oui-special-modal-meta", children: meta }) : null] }), actions ? (_jsx("div", { className: "oui-special-modal-actions", children: actions })) : null] })) }));
|
|
19
19
|
});
|
|
20
20
|
const SpecialModalBody = forwardRef(function SpecialModalBody({ className, testId, ...props }, ref) {
|
|
21
21
|
return (_jsx("div", { ref: ref, className: cn('oui-special-modal-body', className), "data-testid": testId, ...props }));
|
|
@@ -24,7 +24,7 @@ const SpecialModalFooter = forwardRef(function SpecialModalFooter({ className, t
|
|
|
24
24
|
return (_jsx("div", { ref: ref, className: cn('oui-special-modal-footer', className), "data-testid": testId, ...props }));
|
|
25
25
|
});
|
|
26
26
|
function SpecialModalClose({ className, children, 'aria-label': ariaLabel = 'Close', ...props }) {
|
|
27
|
-
return (_jsx(Modal.Close, { ...props, className: cn('oui-icon-button oui-special-modal-close', className), "aria-label": ariaLabel, "data-size":
|
|
27
|
+
return (_jsx(Modal.Close, { ...props, className: cn('oui-icon-button oui-special-modal-close', className), "aria-label": ariaLabel, "data-size": "2", "data-variant": "ghost", "data-tone": "neutral", "data-round": "true", children: children ?? _jsx(LuX, { size: 18 }) }));
|
|
28
28
|
}
|
|
29
29
|
export const SpecialModal = Object.assign(SpecialModalRoot, {
|
|
30
30
|
Header: SpecialModalHeader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,wBAAgB,OAAO,CAAC,EACpB,IAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE;IACC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CASA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from '../../utils/cn';
|
|
3
3
|
export function Spinner({ size = 2, className, style, testId, }) {
|
|
4
|
-
return _jsx("span", { className: cn('oui-spinner', className), "data-size": size, "data-testid": testId, style: style });
|
|
4
|
+
return (_jsx("span", { className: cn('oui-spinner', className), "data-size": size, "data-testid": testId, style: style }));
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACpD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,KAAK;aAHD,MAAM;kDAQrB,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { forwardRef } from 'react';
|
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
4
|
import { Flex } from '../Flex/Flex';
|
|
5
5
|
export const Stack = forwardRef(function Stack({ className, g = 2, ...props }, ref) {
|
|
6
|
-
return
|
|
6
|
+
return _jsx(Flex, { ref: ref, col: true, g: g, className: cn('oui-stack', className), ...props });
|
|
7
7
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/components/State/State.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/components/State/State.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC;AACjC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,CAAC,CAAC,EAAE,gBAAgB,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,IAAgB,EAChB,CAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,OAAO,EACP,aAAsB,EACtB,MAAM,EACN,OAAe,EACf,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,2CAwChB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,2CAG3E;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAWvC;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAkBA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAE7E"}
|
|
@@ -11,20 +11,20 @@ import { stateIcon } from './stateIcon';
|
|
|
11
11
|
export function StateCard({ tone = 'neutral', v = 'soft', icon, iconTone, title, titleTone, description, descriptionTone, titleFs, descriptionFs = '13px', action, compact = false, className, children, testId, ...props }) {
|
|
12
12
|
const hasBody = description || children;
|
|
13
13
|
const actualTitleFs = titleFs ?? (compact ? '14px' : '15px');
|
|
14
|
-
return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-variant": v, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className:
|
|
14
|
+
return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-variant": v, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: "oui-state-card-main", children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: iconTone ?? (tone === 'neutral' ? 'muted' : tone), tone: titleTone, children: title }), hasBody ? (_jsxs("div", { className: "oui-state-card-body", children: [description ? (_jsx(Text, { className: "oui-state-card-description", fs: descriptionFs, tone: descriptionTone, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: "oui-state-card-action", children: action }) : null] }));
|
|
15
15
|
}
|
|
16
16
|
export function EmptyState({ title, ...props }) {
|
|
17
17
|
const { copy } = useOrcestrUiLocale();
|
|
18
|
-
return _jsx(StateCard, { tone:
|
|
18
|
+
return _jsx(StateCard, { tone: "neutral", title: title ?? copy.common.noData, ...props });
|
|
19
19
|
}
|
|
20
20
|
export function LoadingState({ title, description, ...props }) {
|
|
21
21
|
const { copy } = useOrcestrUiLocale();
|
|
22
|
-
return (_jsx(StateCard, { tone:
|
|
22
|
+
return (_jsx(StateCard, { tone: "info", icon: _jsx(Spinner, {}), title: title ?? copy.common.loading, description: description, ...props }));
|
|
23
23
|
}
|
|
24
24
|
export function ErrorState({ title, retryLabel, onRetry, action, ...props }) {
|
|
25
25
|
const { copy } = useOrcestrUiLocale();
|
|
26
|
-
return (_jsx(StateCard, { tone:
|
|
26
|
+
return (_jsx(StateCard, { tone: "danger", title: title ?? copy.table.unableToLoad, action: onRetry ? (_jsx(Button, { size: 1, v: "surface", tone: "danger", onClick: onRetry, children: retryLabel ?? copy.common.retry })) : (action), ...props }));
|
|
27
27
|
}
|
|
28
28
|
export function AccessDeniedState(props) {
|
|
29
|
-
return _jsx(StateCard, { tone:
|
|
29
|
+
return _jsx(StateCard, { tone: "warning", icon: _jsx(LuLock, {}), ...props });
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/State/stateIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"stateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/State/stateIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,2CAKnC"}
|
|
@@ -14,9 +14,9 @@ export function StepperInput({ value, onChange, min, max, step = 1, disabled, un
|
|
|
14
14
|
const clamped = Math.max(min ?? next, Math.min(max ?? next, next));
|
|
15
15
|
onChange(clamped);
|
|
16
16
|
};
|
|
17
|
-
return (_jsxs("span", { className:
|
|
17
|
+
return (_jsxs("span", { className: "oui-stepper", "data-testid": testId, children: [_jsx(IconButton, { size: 1, v: "surface", icon: _jsx(LuMinus, { size: 14 }), round: false, pressAnimation: "none", className: "oui-stepper-button oui-stepper-decrease", "aria-label": decreaseLabel ?? copy.common.decrease, testId: testId ? `${testId}-decrease` : undefined, disabled: disabled || !canDecrease, onClick: () => commit(value - step) }), _jsx(TextField, { value: displayValue, disabled: disabled, className: "oui-stepper-field", size: 1, testId: testId ? `${testId}-input` : undefined, onChange: (event) => {
|
|
18
18
|
const next = Number(event.target.value);
|
|
19
19
|
if (Number.isFinite(next))
|
|
20
20
|
commit(next);
|
|
21
|
-
}, rightSlot: unit ? _jsx("span", { children: unit }) : null, w:
|
|
21
|
+
}, rightSlot: unit ? _jsx("span", { children: unit }) : null, w: "86px" }), _jsx(IconButton, { size: 1, v: "surface", icon: _jsx(LuPlus, { size: 14 }), round: false, pressAnimation: "none", className: "oui-stepper-button oui-stepper-increase", "aria-label": increaseLabel ?? copy.common.increase, testId: testId ? `${testId}-increase` : undefined, disabled: disabled || !canIncrease, onClick: () => commit(value + step) })] }));
|
|
22
22
|
}
|
|
@@ -11,5 +11,5 @@ export const Switch = forwardRef(function Switch({ className, label, children, c
|
|
|
11
11
|
onChange?.(event);
|
|
12
12
|
onCheckedChange?.(event.target.checked);
|
|
13
13
|
};
|
|
14
|
-
return (_jsxs("label", { className: cn('oui-switch', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type:
|
|
14
|
+
return (_jsxs("label", { className: cn('oui-switch', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type: "checkbox", checked: actualChecked, disabled: disabled, onChange: handleChange, ...props }), _jsx("span", { className: "oui-switch-track", children: _jsx("span", { className: "oui-switch-thumb" }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
|
|
15
15
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1F,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC1D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WALP,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;oDAmBrB,CAAC;AAEH,eAAO,MAAM,WAAW,sOAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,sOAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0NAIpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GACvD,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;YAJN,KAAK;aACJ,MAAM;wDAkBrB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAC7D,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,qBAAqB;YAJlB,KAAK;aACJ,MAAM;wDAkBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;YArBf,KAAK;aACJ,MAAM;wDAmCtB,CAAC;AAEF,eAAO,MAAM,KAAK;WAxGH,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;;;eAFR,MAAM;YACT,OAAO,GAAG,SAAS;iBACd,MAAM;;;;;;gBAyCP,KAAK;iBACJ,MAAM;;;gBAsBP,KAAK;iBACJ,MAAM;;;gBADP,KAAK;iBACJ,MAAM;;CA6CrB,CAAC"}
|
|
@@ -21,11 +21,11 @@ export const TableCell = forwardRef(function TableCell({ className, style, align
|
|
|
21
21
|
});
|
|
22
22
|
export const TableColumnHeaderCell = forwardRef(function TableColumnHeaderCell({ className, style, align, testId, ...props }, ref) {
|
|
23
23
|
const { systemStyle, restProps } = splitSystemProps(props);
|
|
24
|
-
return (_jsx("th", { ref: ref, scope:
|
|
24
|
+
return (_jsx("th", { ref: ref, scope: "col", className: cn('oui-table-column-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
|
|
25
25
|
});
|
|
26
26
|
export const TableRowHeaderCell = forwardRef(function TableRowHeaderCell({ className, style, align, testId, ...props }, ref) {
|
|
27
27
|
const { systemStyle, restProps } = splitSystemProps(props);
|
|
28
|
-
return (_jsx("th", { ref: ref, scope:
|
|
28
|
+
return (_jsx("th", { ref: ref, scope: "row", className: cn('oui-table-row-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
|
|
29
29
|
});
|
|
30
30
|
export const Table = Object.assign(TableRoot, {
|
|
31
31
|
Root: TableRoot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,wBAAwB,EAU7B,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAsBF,iBAAS,QAAQ,CAAC,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,wBAAwB,EAU7B,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAsBF,iBAAS,QAAQ,CAAC,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAoKA;AAkBD,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAmD7F;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,iBAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAmKvF;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAU,EACV,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACX,EAAE,YAAY,2CAwCd;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA4B7F;AAoBD,eAAO,MAAM,IAAI;;;;;CAKf,CAAC"}
|
|
@@ -43,7 +43,7 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
|
|
|
43
43
|
};
|
|
44
44
|
setActiveRect((current) => stableTabRect(current, readRect(active?.value)));
|
|
45
45
|
const nextHoverRect = readRect(hoveredValue);
|
|
46
|
-
setHoverRect((current) =>
|
|
46
|
+
setHoverRect((current) => nextHoverRect ? stableTabRect(current, nextHoverRect) : current);
|
|
47
47
|
setHoverVisible(Boolean(hoveredValue && nextHoverRect && hoveredValue !== active?.value));
|
|
48
48
|
}, [active?.value, hoveredValue]);
|
|
49
49
|
const moveFocus = (currentValue, direction) => {
|
|
@@ -78,14 +78,14 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
|
|
|
78
78
|
}, [items, measure]);
|
|
79
79
|
if (!active)
|
|
80
80
|
return null;
|
|
81
|
-
return (_jsxs("div", { className: cn('oui-tabs', className), "data-testid": testId, children: [_jsx("div", { className:
|
|
81
|
+
return (_jsxs("div", { className: cn('oui-tabs', className), "data-testid": testId, children: [_jsx("div", { className: "oui-tabs-shell", children: _jsxs("div", { ref: listRef, className: cn('oui-tabs-list', listClassName), role: "tablist", "data-testid": testId ? `${testId}-list` : undefined, onMouseLeave: () => setHoveredValue(null), children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-active-indicator", style: indicatorStyle(activeRect) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-hover-indicator", "data-visible": hoverVisible ? 'true' : undefined, style: indicatorStyle(hoverRect) })) : null, items.map((item) => {
|
|
82
82
|
const isActive = active.value === item.value;
|
|
83
83
|
return (_jsxs("button", { ref: (element) => {
|
|
84
84
|
if (element)
|
|
85
85
|
triggerRefs.current.set(item.value, element);
|
|
86
86
|
else
|
|
87
87
|
triggerRefs.current.delete(item.value);
|
|
88
|
-
}, type:
|
|
88
|
+
}, type: "button", role: "tab", "aria-selected": isActive, className: "oui-tabs-trigger", "data-active": isActive ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, onMouseEnter: () => setHoveredValue(item.value), onFocus: () => setHoveredValue(item.value), onBlur: () => setHoveredValue(null), onKeyDown: (event) => {
|
|
89
89
|
if (event.key === 'ArrowRight') {
|
|
90
90
|
event.preventDefault();
|
|
91
91
|
moveFocus(item.value, 1);
|
|
@@ -102,10 +102,10 @@ function ItemTabs({ items, value, onValueChange, className, listClassName, conte
|
|
|
102
102
|
event.preventDefault();
|
|
103
103
|
focusEdge('last');
|
|
104
104
|
}
|
|
105
|
-
}, onClick: () => onValueChange(item.value), children: [item.icon ? (_jsx("span", { className:
|
|
105
|
+
}, onClick: () => onValueChange(item.value), children: [item.icon ? (_jsx("span", { className: "oui-tabs-trigger-icon", "aria-hidden": true, children: item.icon })) : null, _jsx("span", { className: "oui-tabs-trigger-label", children: item.label }), item.badge ? (_jsx("span", { className: "oui-tabs-trigger-badge", children: item.badge })) : null] }, item.value));
|
|
106
106
|
})] }) }), _jsx("div", { className: cn('oui-tabs-content', contentClassName), "data-testid": testId ? `${testId}-content` : undefined, children: items.map((item) => {
|
|
107
107
|
const open = active.value === item.value;
|
|
108
|
-
return (_jsx(Collapse, { open: open, children: _jsx("div", { role:
|
|
108
|
+
return (_jsx(Collapse, { open: open, children: _jsx("div", { role: "tabpanel", className: "oui-tabs-panel", "data-active": open ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}-panel` : undefined, children: item.content }) }, item.value));
|
|
109
109
|
}) })] }));
|
|
110
110
|
}
|
|
111
111
|
const TabsCtx = createContext(null);
|
|
@@ -217,9 +217,7 @@ function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
|
|
|
217
217
|
const list = listRef.current;
|
|
218
218
|
if (!list || list.scrollWidth <= list.clientWidth + 1)
|
|
219
219
|
return;
|
|
220
|
-
const rawDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX)
|
|
221
|
-
? event.deltaY
|
|
222
|
-
: event.deltaX;
|
|
220
|
+
const rawDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX) ? event.deltaY : event.deltaX;
|
|
223
221
|
if (rawDelta === 0)
|
|
224
222
|
return;
|
|
225
223
|
const delta = event.deltaMode === 1
|
|
@@ -242,7 +240,7 @@ function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
|
|
|
242
240
|
return () => list.removeEventListener('wheel', handleWheel);
|
|
243
241
|
}, [handleWheel]);
|
|
244
242
|
const hasOverflowControls = canScrollLeft || canScrollRight;
|
|
245
|
-
return (_jsxs("div", { className:
|
|
243
|
+
return (_jsxs("div", { className: "oui-tabs-compound-shell", children: [canScrollLeft ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-edge oui-tabs-edge-left" })) : null, canScrollRight ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-edge oui-tabs-edge-right" })) : null, canScrollLeft ? (_jsx(IconButton, { type: "button", v: "soft", tone: "neutral", round: true, size: 1, onClick: () => scrollList(-1), "aria-label": "Scroll tabs left", className: "oui-tabs-scroll-button oui-tabs-scroll-button-left", children: _jsx(LuChevronLeft, { size: 16 }) })) : null, canScrollRight ? (_jsx(IconButton, { type: "button", v: "soft", tone: "neutral", round: true, size: 1, onClick: () => scrollList(1), "aria-label": "Scroll tabs right", className: "oui-tabs-scroll-button oui-tabs-scroll-button-right", children: _jsx(LuChevronRight, { size: 16 }) })) : null, _jsxs("div", { ref: listRef, role: "tablist", onMouseLeave: () => ctx.setHoveredValue(null), className: cn('oui-tabs-list-scroll', className), "data-overflow": hasOverflowControls ? 'true' : undefined, style: style, ...props, children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-compound-active-indicator", style: compoundIndicatorStyle(activeRect, indicatorPaddingY) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: "oui-tabs-compound-hover-indicator", "data-visible": hoverVisible ? 'true' : undefined, style: compoundIndicatorStyle(hoverRect, indicatorPaddingY) })) : null, children] })] }));
|
|
246
244
|
}
|
|
247
245
|
function Trigger({ value, children, icon, size = '2', className, onMouseEnter, onClick, ...props }) {
|
|
248
246
|
const ctx = useTabsCtx();
|
|
@@ -252,7 +250,7 @@ function Trigger({ value, children, icon, size = '2', className, onMouseEnter, o
|
|
|
252
250
|
ctx.registerTrigger(value, ref.current);
|
|
253
251
|
return () => ctx.registerTrigger(value, null);
|
|
254
252
|
}, [ctx, value]);
|
|
255
|
-
return (_jsxs("button", { ref: ref, type:
|
|
253
|
+
return (_jsxs("button", { ref: ref, type: "button", role: "tab", "aria-selected": isActive, className: cn('oui-tabs-trigger', className), "data-active": isActive ? 'true' : undefined, "data-size": size, "data-tabs-trigger": value, onMouseEnter: (event) => {
|
|
256
254
|
ctx.setHoveredValue(value);
|
|
257
255
|
onMouseEnter?.(event);
|
|
258
256
|
}, onClick: (event) => {
|
|
@@ -261,7 +259,7 @@ function Trigger({ value, children, icon, size = '2', className, onMouseEnter, o
|
|
|
261
259
|
return;
|
|
262
260
|
ctx.setHoveredValue(value);
|
|
263
261
|
ctx.setActiveValue(value);
|
|
264
|
-
}, ...props, children: [icon ? (_jsx("span", { className:
|
|
262
|
+
}, ...props, children: [icon ? (_jsx("span", { className: "oui-tabs-trigger-icon", "aria-hidden": true, children: icon })) : null, children] }));
|
|
265
263
|
}
|
|
266
264
|
function Content({ value, children, className, mountOnActive = false, ...props }) {
|
|
267
265
|
const ctx = useTabsCtx();
|
|
@@ -274,7 +272,7 @@ function Content({ value, children, className, mountOnActive = false, ...props }
|
|
|
274
272
|
return () => window.cancelAnimationFrame(frameId);
|
|
275
273
|
}, [mounted, open]);
|
|
276
274
|
const shouldRenderChildren = !mountOnActive || mounted || open;
|
|
277
|
-
return (_jsx("div", { role:
|
|
275
|
+
return (_jsx("div", { role: "tabpanel", className: cn('oui-tabs-compound-panel', className), "data-tabs-content": value, hidden: !open, ...props, children: _jsx(Collapse, { open: open, children: _jsx("div", { className: "oui-tabs-compound-panel-inner", children: shouldRenderChildren ? children : null }) }) }));
|
|
278
276
|
}
|
|
279
277
|
function indicatorStyle(rect) {
|
|
280
278
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,KAAK,WAAW,EAAY,MAAM,OAAO,CAAC;AAG9F,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SAVJ,WAAW;WACT,SAAS;cACN,OAAO;WACV,MAAM;aACJ,MAAM;UACT,MAAM;WACL,MAAM;aACJ,MAAM;+CA+BrB,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 { normalizeTone, splitSystemProps, } from '../../theme/systemProps';
|
|
5
5
|
import { renderSlot } from '../../utils/slot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAoB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDAwCrB,CAAC"}
|