@orcestr/ui 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -11
- package/README.ru.md +10 -10
- package/dist/components/Action/ActionConfirmModal.d.ts.map +1 -1
- package/dist/components/Action/ActionTypes.d.ts +1 -1
- package/dist/components/Action/ActionTypes.d.ts.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts.map +1 -1
- package/dist/components/Alert/Alert.d.ts.map +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/AppShell/AppShell.d.ts +11 -0
- package/dist/components/AppShell/AppShell.d.ts.map +1 -1
- package/dist/components/AppShell/AppShell.js +15 -14
- package/dist/components/AppSidebar/AppSidebar.d.ts.map +1 -1
- package/dist/components/AppSidebar/AppSidebar.js +84 -15
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/BadgeSelectMenu/BadgeSelectMenu.d.ts.map +1 -1
- package/dist/components/BadgeSelectMenu/BadgeSelectMenu.js +5 -5
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Collapse/Collapse.d.ts.map +1 -1
- package/dist/components/Collapse/Collapse.js +5 -25
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.js +7 -2
- package/dist/components/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/components/CommandPalette/CommandPalette.js +6 -12
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +3 -3
- package/dist/components/CopyButton/CopyButton.d.ts +24 -0
- package/dist/components/CopyButton/CopyButton.d.ts.map +1 -0
- package/dist/components/CopyButton/CopyButton.js +81 -0
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +29 -22
- package/dist/components/DataTable/DataTableStateAdapters.d.ts.map +1 -1
- package/dist/components/DataTable/DataTableStateAdapters.js +3 -4
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePickerState.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePickerState.js +3 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPicker.d.ts.map +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPicker.js +1 -1
- package/dist/components/DateRangePresetPicker/DateRangePresetPickerState.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +2 -1
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.js +3 -3
- package/dist/components/EntityPicker/EntityPicker.d.ts.map +1 -1
- package/dist/components/EntityPicker/EntityPicker.js +2 -2
- package/dist/components/Field/Field.d.ts.map +1 -1
- package/dist/components/Field/Field.js +1 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +1 -1
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Highlight/Highlight.d.ts.map +1 -1
- package/dist/components/Highlight/Highlight.js +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +3 -3
- package/dist/components/IconText/IconText.d.ts.map +1 -1
- package/dist/components/IconText/IconText.js +3 -1
- package/dist/components/IconTextButton/IconTextButton.d.ts.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.js +22 -7
- package/dist/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.js +2 -2
- package/dist/components/Listbox/Listbox.js +2 -2
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/Menu.js +5 -5
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +4 -8
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +5 -7
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/NumberField.js +1 -1
- package/dist/components/Overlay/OverlayProvider.d.ts +1 -1
- package/dist/components/Overlay/OverlayProvider.d.ts.map +1 -1
- package/dist/components/Overlay/OverlayProvider.js +3 -7
- package/dist/components/PaginatedCombobox/PaginatedCombobox.d.ts.map +1 -1
- package/dist/components/PaginatedCombobox/PaginatedCombobox.js +9 -8
- package/dist/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.d.ts.map +1 -1
- package/dist/components/PaginatedCombobox/PaginatedComboboxReactQueryAdapter.js +2 -2
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Popover/Popover.d.ts.map +1 -1
- package/dist/components/Popover/Popover.js +16 -18
- package/dist/components/Portal/Portal.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/components/ScrollArea/ScrollArea.js +10 -23
- package/dist/components/Section/Section.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +4 -4
- package/dist/components/Separator/Separator.d.ts.map +1 -1
- package/dist/components/Separator/Separator.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/SpecialModal/SpecialModal.d.ts.map +1 -1
- package/dist/components/SpecialModal/SpecialModal.js +2 -2
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.js +1 -1
- package/dist/components/State/State.d.ts.map +1 -1
- package/dist/components/State/State.js +5 -5
- package/dist/components/State/stateIcon.d.ts.map +1 -1
- package/dist/components/StepperInput/StepperInput.js +2 -2
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.js +2 -2
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +24 -15
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.js +2 -2
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.js +3 -3
- package/dist/components/Toast/Toast.d.ts +0 -4
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +63 -45
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +7 -9
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/dist/example/CodePreview.d.ts +2 -1
- package/dist/example/CodePreview.d.ts.map +1 -1
- package/dist/example/CodePreview.js +18 -53
- package/dist/example/ExampleActionsSection.d.ts +1 -1
- package/dist/example/ExampleActionsSection.d.ts.map +1 -1
- package/dist/example/ExampleActionsSection.js +3 -3
- package/dist/example/ExampleApplicationSection.d.ts.map +1 -1
- package/dist/example/ExampleApplicationSection.js +91 -23
- package/dist/example/ExampleBasicsSections.d.ts +1 -1
- package/dist/example/ExampleBasicsSections.d.ts.map +1 -1
- package/dist/example/ExampleBasicsSections.js +22 -8
- package/dist/example/ExampleDataSection.d.ts.map +1 -1
- package/dist/example/ExampleDataSection.js +5 -5
- package/dist/example/ExampleFieldsSection.d.ts.map +1 -1
- package/dist/example/ExampleFieldsSection.js +8 -10
- package/dist/example/ExampleFoundationsSection.d.ts +1 -1
- package/dist/example/ExampleFoundationsSection.d.ts.map +1 -1
- package/dist/example/ExampleFoundationsSection.js +4 -4
- package/dist/example/ExampleOverlays.d.ts.map +1 -1
- package/dist/example/ExampleOverlays.js +4 -4
- package/dist/example/ExampleOverlaysSection.d.ts.map +1 -1
- package/dist/example/ExampleOverlaysSection.js +22 -35
- package/dist/example/ExampleSelectionSection.d.ts.map +1 -1
- package/dist/example/ExampleSelectionSection.js +8 -8
- package/dist/example/ExampleStateSection.d.ts +3 -3
- package/dist/example/ExampleStateSection.d.ts.map +1 -1
- package/dist/example/ExampleStateSection.js +15 -14
- package/dist/example/ExampleThemePlayground.d.ts +26 -26
- package/dist/example/ExampleThemePlayground.d.ts.map +1 -1
- package/dist/example/ExampleThemePlayground.js +58 -44
- package/dist/example/UiExamplePage.d.ts.map +1 -1
- package/dist/example/UiExamplePage.js +42 -55
- package/dist/example/UiExampleSection.d.ts.map +1 -1
- package/dist/example/UiExampleSection.js +1 -1
- package/dist/example/codeSamples.d.ts +1 -1
- package/dist/example/codeSamples.d.ts.map +1 -1
- package/dist/example/codeSamples.js +172 -70
- package/dist/example/exampleData.d.ts.map +1 -1
- package/dist/example/exampleData.js +5 -11
- package/dist/example/styles.css +79 -119
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +1 -3
- package/dist/hooks/useFloatingLayer.d.ts.map +1 -1
- package/dist/hooks/useFloatingLayer.js +1 -1
- package/dist/hooks/useFloatingPosition.d.ts.map +1 -1
- package/dist/hooks/useFloatingPosition.js +10 -15
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useListNavigation.d.ts.map +1 -1
- package/dist/hooks/useListNavigation.js +2 -4
- package/dist/hooks/useOutsidePointerDown.d.ts.map +1 -1
- package/dist/hooks/useTypeahead.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/locale/LocaleProvider.d.ts.map +1 -1
- package/dist/locale/LocaleProvider.js +1 -1
- package/dist/provider/OrcestrUiProvider.d.ts.map +1 -1
- package/dist/styles/orcestr-ui.css +658 -1033
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +21 -29
- package/dist/theme/defaultTheme.d.ts.map +1 -1
- package/dist/theme/defaultTheme.js +200 -89
- package/dist/theme/systemProps.d.ts +2 -2
- package/dist/theme/systemProps.d.ts.map +1 -1
- package/dist/theme/systemProps.js +4 -35
- package/dist/theme/themeTypes.d.ts +24 -19
- package/dist/theme/themeTypes.d.ts.map +1 -1
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/composeRefs.d.ts.map +1 -1
- package/dist/utils/mergeProps.d.ts.map +1 -1
- package/dist/utils/polymorphic.d.ts.map +1 -1
- package/package.json +4 -1
|
@@ -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":"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"}
|
|
@@ -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"}
|
|
@@ -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":"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"}
|
|
@@ -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"}
|