@aivenio/aquarium 6.0.1 → 6.1.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/dist/atoms.cjs +270 -238
- package/dist/atoms.mjs +265 -238
- package/dist/src/atoms/Button/Button.d.ts +1 -1
- package/dist/src/atoms/ChoiceChip/ChoiceChip.d.ts +11 -7
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +4 -4
- package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +85 -0
- package/dist/src/atoms/CommandPalette/CommandPalette.js +33 -0
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +131 -0
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/Section/Section.js +2 -2
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Alert/Alert.js +6 -6
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -2
- package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +48 -0
- package/dist/src/molecules/CommandPalette/CommandPalette.js +79 -0
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.d.ts +36 -0
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +119 -0
- package/dist/src/molecules/CommandPalette/rankCommands.d.ts +10 -0
- package/dist/src/molecules/CommandPalette/rankCommands.js +51 -0
- package/dist/src/molecules/CommandPalette/types.d.ts +39 -0
- package/dist/src/molecules/CommandPalette/types.js +17 -0
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/constants.d.ts +3 -3
- package/dist/src/utils/constants.js +4 -4
- package/dist/styles.css +106 -0
- package/dist/system.cjs +1499 -1214
- package/dist/system.mjs +1520 -1215
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -2
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type MenuItemProps as AriaMenuItemProps, type MenuSectionProps as AriaMenuSectionProps } from 'react-aria-components';
|
|
3
|
+
import { type CommandPaletteProviderProps, type ShortcutConfig, useCommandPalette } from './CommandPaletteProvider';
|
|
4
|
+
import type { Icon } from '../../../types/IconProps';
|
|
5
|
+
type CommandsProps = {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
type SectionProps<T extends object> = AriaMenuSectionProps<T> & {
|
|
9
|
+
title?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
declare const Section: {
|
|
13
|
+
<T extends object>({ title, items, children, ...props }: SectionProps<T>): React.JSX.Element | null;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
export type CommandProps = Omit<AriaMenuItemProps, 'className'> & {
|
|
17
|
+
/**
|
|
18
|
+
* The text label displayed for this command. Also used as the default search text.
|
|
19
|
+
*
|
|
20
|
+
* If two commands in the same section share the same label, pass an explicit `id` or
|
|
21
|
+
* `key` so React can keep reconciliation stable when results are re-ordered by ranking.
|
|
22
|
+
*/
|
|
23
|
+
label: string;
|
|
24
|
+
/** Optional icon displayed before the label. */
|
|
25
|
+
icon?: Icon;
|
|
26
|
+
/** Additional search terms that participate in fuzzy matching and ranking, but are not displayed. */
|
|
27
|
+
keywords?: string[];
|
|
28
|
+
/** When true, the command is visible but cannot be selected. */
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/** When true, this command is always visible regardless of the search query. Useful for loading indicators or status messages. */
|
|
31
|
+
static?: boolean;
|
|
32
|
+
className?: string;
|
|
33
|
+
/** Callback fired when the command is selected. */
|
|
34
|
+
onAction: () => void;
|
|
35
|
+
};
|
|
36
|
+
declare const Command: {
|
|
37
|
+
({ className, icon, label, keywords, disabled, static: isStatic, ...props }: CommandProps): React.JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
type CommandPaletteComponent = {
|
|
41
|
+
Provider: React.FC<CommandPaletteProviderProps>;
|
|
42
|
+
Commands: React.FC<CommandsProps>;
|
|
43
|
+
Section: typeof Section;
|
|
44
|
+
Command: typeof Command;
|
|
45
|
+
};
|
|
46
|
+
export declare const CommandPalette: CommandPaletteComponent;
|
|
47
|
+
export { useCommandPalette };
|
|
48
|
+
export type { CommandPaletteProviderProps, ShortcutConfig };
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { useEffect } from 'react';
|
|
13
|
+
import { Collection as AriaCollection, composeRenderProps, Header as AriaHeader, MenuItem as AriaMenuItem, MenuSection as AriaMenuSection, } from 'react-aria-components';
|
|
14
|
+
import { useId } from '@react-aria/utils';
|
|
15
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
16
|
+
import { commandPaletteStyles } from '../../../src/atoms/CommandPalette/CommandPalette';
|
|
17
|
+
import { dropdownMenuGroupStyles, dropdownMenuItemStyles } from '../../../src/atoms/DropdownMenu/DropdownMenu';
|
|
18
|
+
import { CommandPaletteProvider, useCommandPalette, useCommandPaletteQuery, useCommandPaletteRootContext, } from './CommandPaletteProvider';
|
|
19
|
+
import { rankChildren } from './rankCommands';
|
|
20
|
+
import { ActionTypes, FIELD_SEPARATOR, STATIC_ITEM_MARKER } from './types';
|
|
21
|
+
const Commands = ({ children }) => {
|
|
22
|
+
const id = useId();
|
|
23
|
+
const [, dispatch] = useCommandPaletteRootContext();
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
dispatch({ type: ActionTypes.Register, registration: { id, children } });
|
|
26
|
+
return () => {
|
|
27
|
+
dispatch({ type: ActionTypes.Unregister, id });
|
|
28
|
+
};
|
|
29
|
+
// We only want to register once on mount and unregister on unmount.
|
|
30
|
+
// Updates are handled by the effect below.
|
|
31
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32
|
+
}, []);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
dispatch({ type: ActionTypes.Update, registration: { id, children } });
|
|
35
|
+
}, [dispatch, id, children]);
|
|
36
|
+
return null;
|
|
37
|
+
};
|
|
38
|
+
Commands.displayName = 'CommandPalette.Commands';
|
|
39
|
+
const Section = (_a) => {
|
|
40
|
+
var { title, items, children } = _a, props = __rest(_a, ["title", "items", "children"]);
|
|
41
|
+
const groupStyles = dropdownMenuGroupStyles();
|
|
42
|
+
const query = useCommandPaletteQuery();
|
|
43
|
+
const renderShell = (content) => (React.createElement(AriaMenuSection, Object.assign({ className: groupStyles.base({ className: 'Aquarium-CommandPalette.Section' }) }, props),
|
|
44
|
+
title && React.createElement(AriaHeader, { className: groupStyles.title() }, title),
|
|
45
|
+
content));
|
|
46
|
+
// Dynamic collection paths — consumer controls ordering; rely on Autocomplete's filter predicate.
|
|
47
|
+
if (items || typeof children === 'function') {
|
|
48
|
+
return renderShell(items ? React.createElement(AriaCollection, { items: items }, children) : React.createElement(AriaCollection, null, children));
|
|
49
|
+
}
|
|
50
|
+
if (!query) {
|
|
51
|
+
return renderShell(React.createElement(AriaCollection, null, children));
|
|
52
|
+
}
|
|
53
|
+
const ranked = rankChildren(children, query, Command);
|
|
54
|
+
if (ranked.length === 0) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
return renderShell(React.createElement(AriaCollection, null, ranked));
|
|
58
|
+
};
|
|
59
|
+
Section.displayName = 'CommandPalette.Section';
|
|
60
|
+
const Command = (_a) => {
|
|
61
|
+
var { className, icon, label, keywords, disabled, static: isStatic } = _a, props = __rest(_a, ["className", "icon", "label", "keywords", "disabled", "static"]);
|
|
62
|
+
const styles = commandPaletteStyles();
|
|
63
|
+
const textValue = props.textValue || label || (typeof props.children === 'string' ? props.children : undefined);
|
|
64
|
+
// Join label and keywords with FIELD_SEPARATOR so the Autocomplete predicate can
|
|
65
|
+
// rank them as distinct fields (prevents subsequences from crossing the boundary).
|
|
66
|
+
const resolvedTextValue = [textValue, ...(keywords !== null && keywords !== void 0 ? keywords : [])].filter(Boolean).join(FIELD_SEPARATOR);
|
|
67
|
+
return (React.createElement(AriaMenuItem, Object.assign({ className: (values) => dropdownMenuItemStyles(Object.assign(Object.assign({}, values), { className: ['Aquarium-CommandPalette.Item', className] })), textValue: isStatic ? `${STATIC_ITEM_MARKER}${resolvedTextValue}` : resolvedTextValue, isDisabled: disabled }, props), composeRenderProps(props.children, (children) => (React.createElement(React.Fragment, null,
|
|
68
|
+
icon && React.createElement(InlineIcon, { icon: icon, className: styles.itemIcon() }),
|
|
69
|
+
React.createElement("span", { className: "grow" }, label || children))))));
|
|
70
|
+
};
|
|
71
|
+
Command.displayName = 'CommandPalette.Command';
|
|
72
|
+
export const CommandPalette = {
|
|
73
|
+
Provider: CommandPaletteProvider,
|
|
74
|
+
Commands,
|
|
75
|
+
Section,
|
|
76
|
+
Command,
|
|
77
|
+
};
|
|
78
|
+
export { useCommandPalette };
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tbWFuZFBhbGV0dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbW1hbmRQYWxldHRlL0NvbW1hbmRQYWxldHRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3pDLE9BQU8sRUFDTCxVQUFVLElBQUksY0FBYyxFQUM1QixrQkFBa0IsRUFDbEIsTUFBTSxJQUFJLFVBQVUsRUFDcEIsUUFBUSxJQUFJLFlBQVksRUFFeEIsV0FBVyxJQUFJLGVBQWUsR0FFL0IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXRHLE9BQU8sRUFDTCxzQkFBc0IsRUFHdEIsaUJBQWlCLEVBQ2pCLHNCQUFzQixFQUN0Qiw0QkFBNEIsR0FDN0IsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFVM0UsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ3pELE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQ25CLE1BQU0sQ0FBQyxFQUFFLFFBQVEsQ0FBQyxHQUFHLDRCQUE0QixFQUFFLENBQUM7SUFFcEQsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLFFBQVEs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
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { type Dispatch } from 'react';
|
|
2
|
+
import { type Actions, type State } from './types';
|
|
3
|
+
type CommandPaletteContextValue = [State, Dispatch<Actions>];
|
|
4
|
+
declare const CommandPaletteContext: React.Context<CommandPaletteContextValue | null>;
|
|
5
|
+
declare const useCommandPaletteRootContext: () => CommandPaletteContextValue;
|
|
6
|
+
export declare const useCommandPalette: () => {
|
|
7
|
+
open: () => void;
|
|
8
|
+
close: () => void;
|
|
9
|
+
toggle: () => void;
|
|
10
|
+
isOpen: boolean;
|
|
11
|
+
};
|
|
12
|
+
export { CommandPaletteContext, useCommandPaletteRootContext };
|
|
13
|
+
declare const CommandPaletteQueryContext: React.Context<string>;
|
|
14
|
+
/** Read the current palette search query. Returns '' when the palette is closed or empty. */
|
|
15
|
+
export declare const useCommandPaletteQuery: () => string;
|
|
16
|
+
export { CommandPaletteQueryContext };
|
|
17
|
+
export type ShortcutConfig = {
|
|
18
|
+
key: string;
|
|
19
|
+
metaKey?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export type CommandPaletteProviderProps = {
|
|
22
|
+
/** Keyboard shortcut to toggle the palette. Pass `null` to disable the global shortcut. */
|
|
23
|
+
shortcut?: ShortcutConfig | null;
|
|
24
|
+
/** Top margin for the palette, e.g. `'15vh'` or `'100px'`. */
|
|
25
|
+
marginTop?: string;
|
|
26
|
+
/** Placeholder text for the search input. */
|
|
27
|
+
placeholder?: string;
|
|
28
|
+
/** Content to show when no commands match the search query. */
|
|
29
|
+
emptyState?: React.ReactNode;
|
|
30
|
+
/** Called when the palette opens or closes. */
|
|
31
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
32
|
+
/** Called when the search input value changes. */
|
|
33
|
+
onInputChange?: (value: string) => void;
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
};
|
|
36
|
+
export declare const CommandPaletteProvider: React.FC<CommandPaletteProviderProps>;
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef, useState, } from 'react';
|
|
2
|
+
import { Autocomplete as AriaAutocomplete, Dialog as AriaDialog, Input as AriaInput, Menu as AriaMenu, Modal as AriaModal, ModalOverlay as AriaModalOverlay, SearchField as AriaSearchField, } from 'react-aria-components';
|
|
3
|
+
import { isCtrlKeyPressed } from '@react-aria/utils';
|
|
4
|
+
import { CommandPalette as Base, commandPaletteStyles } from '../../../src/atoms/CommandPalette/CommandPalette';
|
|
5
|
+
import { dropdownMenuStyles } from '../../../src/atoms/DropdownMenu/DropdownMenu';
|
|
6
|
+
import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
|
|
7
|
+
import { SearchIcon } from '../../../src/utils/form/InputAdornment/InputAdornment';
|
|
8
|
+
import { autocompleteFilter } from './rankCommands';
|
|
9
|
+
import { ActionTypes } from './types';
|
|
10
|
+
// -- Reducer --
|
|
11
|
+
const reducer = (state, action) => {
|
|
12
|
+
switch (action.type) {
|
|
13
|
+
case ActionTypes.Register: {
|
|
14
|
+
if (state.registrations.some((r) => r.id === action.registration.id)) {
|
|
15
|
+
return state;
|
|
16
|
+
}
|
|
17
|
+
return Object.assign(Object.assign({}, state), { registrations: [...state.registrations, action.registration] });
|
|
18
|
+
}
|
|
19
|
+
case ActionTypes.Unregister:
|
|
20
|
+
return Object.assign(Object.assign({}, state), { registrations: state.registrations.filter((r) => r.id !== action.id) });
|
|
21
|
+
case ActionTypes.Update:
|
|
22
|
+
return Object.assign(Object.assign({}, state), { registrations: state.registrations.map((r) => (r.id === action.registration.id ? action.registration : r)) });
|
|
23
|
+
case ActionTypes.Open:
|
|
24
|
+
return Object.assign(Object.assign({}, state), { isOpen: true });
|
|
25
|
+
case ActionTypes.Close:
|
|
26
|
+
return Object.assign(Object.assign({}, state), { isOpen: false });
|
|
27
|
+
default:
|
|
28
|
+
throw new Error('Unsupported action type.');
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const CommandPaletteContext = createContext(null);
|
|
32
|
+
const useCommandPaletteRootContext = () => {
|
|
33
|
+
const ctx = useContext(CommandPaletteContext);
|
|
34
|
+
if (ctx === null) {
|
|
35
|
+
throw new Error('CommandPaletteContext was used outside of provider.');
|
|
36
|
+
}
|
|
37
|
+
return ctx;
|
|
38
|
+
};
|
|
39
|
+
export const useCommandPalette = () => {
|
|
40
|
+
const [state, dispatch] = useCommandPaletteRootContext();
|
|
41
|
+
const open = useCallback(() => dispatch({ type: ActionTypes.Open }), [dispatch]);
|
|
42
|
+
const close = useCallback(() => dispatch({ type: ActionTypes.Close }), [dispatch]);
|
|
43
|
+
const toggle = useCallback(() => dispatch(state.isOpen ? { type: ActionTypes.Close } : { type: ActionTypes.Open }), [dispatch, state.isOpen]);
|
|
44
|
+
return { open, close, toggle, isOpen: state.isOpen };
|
|
45
|
+
};
|
|
46
|
+
export { CommandPaletteContext, useCommandPaletteRootContext };
|
|
47
|
+
// -- Query context (internal) --
|
|
48
|
+
const CommandPaletteQueryContext = createContext('');
|
|
49
|
+
/** Read the current palette search query. Returns '' when the palette is closed or empty. */
|
|
50
|
+
export const useCommandPaletteQuery = () => useContext(CommandPaletteQueryContext);
|
|
51
|
+
export { CommandPaletteQueryContext };
|
|
52
|
+
const DEFAULT_SHORTCUT = { key: 'k', metaKey: true };
|
|
53
|
+
export const CommandPaletteProvider = ({ children, shortcut = DEFAULT_SHORTCUT, marginTop = '100px', placeholder = 'Search commands...', emptyState, onOpenChange, onInputChange, }) => {
|
|
54
|
+
const [state, dispatch] = useReducer(reducer, { registrations: [], isOpen: false });
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (shortcut === null) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
const handleKeyDown = (e) => {
|
|
60
|
+
if (e.key === shortcut.key && (!shortcut.metaKey || isCtrlKeyPressed(e))) {
|
|
61
|
+
e.preventDefault();
|
|
62
|
+
dispatch(state.isOpen ? { type: ActionTypes.Close } : { type: ActionTypes.Open });
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
66
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
67
|
+
}, [shortcut, state.isOpen]);
|
|
68
|
+
const isInitialMount = useRef(true);
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
if (isInitialMount.current) {
|
|
71
|
+
isInitialMount.current = false;
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(state.isOpen);
|
|
75
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
76
|
+
}, [state.isOpen]);
|
|
77
|
+
return (React.createElement(CommandPaletteContext.Provider, { value: [state, dispatch] },
|
|
78
|
+
children,
|
|
79
|
+
React.createElement(CommandPaletteOverlay, { marginTop: marginTop, placeholder: placeholder, emptyState: emptyState, onInputChange: onInputChange })));
|
|
80
|
+
};
|
|
81
|
+
const CommandPaletteOverlay = ({ marginTop, placeholder, emptyState, onInputChange, }) => {
|
|
82
|
+
const [state, dispatch] = useCommandPaletteRootContext();
|
|
83
|
+
const [query, setQuery] = useState('');
|
|
84
|
+
const styles = commandPaletteStyles();
|
|
85
|
+
const { overlay, dialog } = modalStyles({ kind: 'dialog' });
|
|
86
|
+
// Clear the query on every close so the next open starts fresh — regardless of
|
|
87
|
+
// whether the close came from Escape, backdrop click, action selection, or Cmd+K.
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
if (!state.isOpen) {
|
|
90
|
+
setQuery('');
|
|
91
|
+
}
|
|
92
|
+
}, [state.isOpen]);
|
|
93
|
+
const handleOpenChange = (isOpen) => {
|
|
94
|
+
dispatch(isOpen ? { type: ActionTypes.Open } : { type: ActionTypes.Close });
|
|
95
|
+
};
|
|
96
|
+
const handleAction = () => {
|
|
97
|
+
dispatch({ type: ActionTypes.Close });
|
|
98
|
+
};
|
|
99
|
+
const handleSearchChange = (value) => {
|
|
100
|
+
setQuery(value);
|
|
101
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(value);
|
|
102
|
+
};
|
|
103
|
+
if (!state.isOpen) {
|
|
104
|
+
return null;
|
|
105
|
+
}
|
|
106
|
+
return (React.createElement(CommandPaletteQueryContext.Provider, { value: query },
|
|
107
|
+
React.createElement(AriaModalOverlay, { isOpen: state.isOpen, onOpenChange: handleOpenChange, isDismissable: true, className: overlay({ className: 'Aquarium-CommandPalette items-start' }) },
|
|
108
|
+
React.createElement(BaseModal.BackDrop, null),
|
|
109
|
+
React.createElement(AriaModal, { className: styles.modal(), style: marginTop ? { marginTop } : undefined },
|
|
110
|
+
React.createElement(AriaDialog, { "aria-label": "Command palette", className: dialog({ className: styles.dialog() }) },
|
|
111
|
+
React.createElement(AriaAutocomplete, { filter: autocompleteFilter },
|
|
112
|
+
React.createElement(AriaSearchField, { autoFocus: true, "aria-label": "Search commands", className: styles.searchContainer(), onChange: handleSearchChange },
|
|
113
|
+
React.createElement(SearchIcon, { "aria-hidden": true }),
|
|
114
|
+
React.createElement(AriaInput, { placeholder: placeholder, className: styles.searchInput() })),
|
|
115
|
+
React.createElement(AriaMenu, { onAction: handleAction, className: dropdownMenuStyles({
|
|
116
|
+
className: 'Aquarium-CommandPalette.List flex-1 min-h-0 p-3 overflow-y-auto',
|
|
117
|
+
}), renderEmptyState: () => React.createElement(Base.EmptyState, null, emptyState) }, state.registrations.map((registration) => (React.createElement(React.Fragment, { key: registration.id }, registration.children))))))))));
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tbWFuZFBhbGV0dGVQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ29tbWFuZFBhbGV0dGUvQ29tbWFuZFBhbGV0dGVQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFDWixhQUFhLEVBRWIsV0FBVyxFQUNYLFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixRQUFRLEdBQ1QsTUFBTSxPQUFPLENBQUM7QUFDZixPQUFPLEVBQ0wsWUFBWSxJQUFJLGdCQUFnQixFQUNoQyxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixJQUFJLElBQUksUUFBUSxFQUNoQixLQUFLLElBQUksU0FBUyxFQUNsQixZQUFZLElBQUksZ0JBQWdCLEVBQ2hDLFdBQVcsSUFBSSxlQUFlLEdBQy9CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFckQsT0FBTyxFQUFFLGNBQWMsSUFBSSxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEQsT0FBTyxFQUFnQixXQUFXLEVBQWMsTUFBTSxTQUFTLENBQUM7QUFFaEUsZ0JBQWdCO0FBRWhCLE1BQU0sT0FBTyxHQUFHLENBQUMsS0FBWSxFQUFFLE1BQWUsRUFBUyxFQUFFO0lBQ3ZELFFBQVEsTUFBTSxDQUFDLElBQUks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
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Reorders and filters a Section's children against `query` using match-sorter's
|
|
4
|
+
* default `MATCHES` threshold (subsequence). Static Command elements are always
|
|
5
|
+
* kept in source order; non-Command children are preserved at the end. Returns
|
|
6
|
+
* the original children unchanged when `query` is empty.
|
|
7
|
+
*/
|
|
8
|
+
export declare const rankChildren: (children: React.ReactNode, query: string, CommandType: React.ElementType) => React.ReactNode[];
|
|
9
|
+
/** Predicate for `<AriaAutocomplete filter>` — same match-sorter semantics as {@link rankChildren}. */
|
|
10
|
+
export declare const autocompleteFilter: (textValue: string, inputValue: string) => boolean;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { matchSorter } from 'match-sorter';
|
|
3
|
+
import { FIELD_SEPARATOR, STATIC_ITEM_MARKER } from './types';
|
|
4
|
+
const isCommandElement = (node, CommandType) => React.isValidElement(node) && node.type === CommandType;
|
|
5
|
+
/**
|
|
6
|
+
* Reorders and filters a Section's children against `query` using match-sorter's
|
|
7
|
+
* default `MATCHES` threshold (subsequence). Static Command elements are always
|
|
8
|
+
* kept in source order; non-Command children are preserved at the end. Returns
|
|
9
|
+
* the original children unchanged when `query` is empty.
|
|
10
|
+
*/
|
|
11
|
+
export const rankChildren = (children, query, CommandType) => {
|
|
12
|
+
const flat = React.Children.toArray(children);
|
|
13
|
+
if (!query) {
|
|
14
|
+
return flat;
|
|
15
|
+
}
|
|
16
|
+
const staticEls = [];
|
|
17
|
+
const rankable = [];
|
|
18
|
+
const passThrough = [];
|
|
19
|
+
// `React.Children.toArray` assigns a stable key to every element (user-provided or
|
|
20
|
+
// positional like ".0"), so reordering doesn't trigger unmount/remount.
|
|
21
|
+
flat.forEach((child) => {
|
|
22
|
+
var _a;
|
|
23
|
+
if (isCommandElement(child, CommandType)) {
|
|
24
|
+
if (child.props.static) {
|
|
25
|
+
staticEls.push(child);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
rankable.push({ el: child, label: child.props.label, keywords: (_a = child.props.keywords) !== null && _a !== void 0 ? _a : [] });
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
passThrough.push(child);
|
|
32
|
+
});
|
|
33
|
+
// Rank label and keywords as separate keys so subsequences can't straddle the boundary
|
|
34
|
+
// between them (e.g. "seka" must not match "Service: Go to Valkey" via the `cache` keyword).
|
|
35
|
+
const ranked = matchSorter(rankable, query, { keys: ['label', 'keywords'] }).map((entry) => entry.el);
|
|
36
|
+
return [...staticEls, ...ranked, ...passThrough];
|
|
37
|
+
};
|
|
38
|
+
/** Predicate for `<AriaAutocomplete filter>` — same match-sorter semantics as {@link rankChildren}. */
|
|
39
|
+
export const autocompleteFilter = (textValue, inputValue) => {
|
|
40
|
+
if (textValue.startsWith(STATIC_ITEM_MARKER)) {
|
|
41
|
+
return true;
|
|
42
|
+
}
|
|
43
|
+
if (!inputValue) {
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
// `<Command>` joins label + keywords with FIELD_SEPARATOR. Splitting here ranks each
|
|
47
|
+
// field independently, so a subsequence can't straddle the label/keyword boundary.
|
|
48
|
+
const fields = textValue.split(FIELD_SEPARATOR);
|
|
49
|
+
return matchSorter([{ fields }], inputValue, { keys: ['fields'] }).length > 0;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFua0NvbW1hbmRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db21tYW5kUGFsZXR0ZS9yYW5rQ29tbWFuZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQU05RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsSUFBcUIsRUFBRSxXQUE4QixFQUEwQixFQUFFLENBQ3pHLEtBQUssQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxXQUFXLENBQUM7QUFFMUQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FDMUIsUUFBeUIsRUFDekIsS0FBYSxFQUNiLFdBQThCLEVBQ1gsRUFBRTtJQUNyQixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM5QyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDWCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLFNBQVMsR0FBc0IsRUFBRSxDQUFDO0lBQ3hDLE1BQU0sUUFBUSxHQUFxRSxFQUFFLENBQUM7SUFDdEYsTUFBTSxXQUFXLEdBQXNCLEVBQUUsQ0FBQztJQUUxQyxtRkFBbUY7SUFDbkYsd0VBQXdFO0lBQ3hFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7UUFDckIsSUFBSSxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN6QyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3ZCLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3RCLE9BQU87WUFDVCxDQUFDO1lBQ0QsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFBLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxtQ0FBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzdGLE9BQU87UUFDVCxDQUFDO1FBQ0QsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDLENBQUMsQ0FBQztJQUVILHVGQUF1RjtJQUN2Riw2RkFBNkY7SUFDN0YsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3RHLE9BQU8sQ0FBQyxHQUFHLFNBQVMsRUFBRSxHQUFHLE1BQU0sRUFBRSxHQUFHLFdBQVcsQ0FBQyxDQUFDO0FBQ25ELENBQUMsQ0FBQztBQUVGLHVHQUF1RztBQUN2RyxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFNBQWlCLEVBQUUsVUFBa0IsRUFBVyxFQUFFO0lBQ25GLElBQUksU0FBUyxDQUFDLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxFQUFFLENBQUM7UUFDN0MsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2hCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUNELHFGQUFxRjtJQUNyRixtRkFBbUY7SUFDbkYsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNoRCxPQUFPLFdBQVcsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztBQUNoRixDQUFDLENBQUMifQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
/** Zero-width space used to mark items that bypass client-side filtering. */
|
|
3
|
+
export declare const STATIC_ITEM_MARKER = "\u200B";
|
|
4
|
+
/**
|
|
5
|
+
* ASCII unit separator used inside a `<Command>`'s `textValue` to keep label and keywords
|
|
6
|
+
* as distinct fields, so fuzzy matching in the Autocomplete predicate can't subsequence
|
|
7
|
+
* across the boundary between them.
|
|
8
|
+
*/
|
|
9
|
+
export declare const FIELD_SEPARATOR = "\u001F";
|
|
10
|
+
export type CommandPaletteRegistrationId = string;
|
|
11
|
+
export type CommandPaletteRegistration = {
|
|
12
|
+
id: CommandPaletteRegistrationId;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
export type State = {
|
|
16
|
+
registrations: CommandPaletteRegistration[];
|
|
17
|
+
isOpen: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare enum ActionTypes {
|
|
20
|
+
Register = 0,
|
|
21
|
+
Unregister = 1,
|
|
22
|
+
Update = 2,
|
|
23
|
+
Open = 3,
|
|
24
|
+
Close = 4
|
|
25
|
+
}
|
|
26
|
+
export type Actions = {
|
|
27
|
+
type: ActionTypes.Close;
|
|
28
|
+
} | {
|
|
29
|
+
type: ActionTypes.Open;
|
|
30
|
+
} | {
|
|
31
|
+
type: ActionTypes.Register;
|
|
32
|
+
registration: CommandPaletteRegistration;
|
|
33
|
+
} | {
|
|
34
|
+
type: ActionTypes.Unregister;
|
|
35
|
+
id: CommandPaletteRegistrationId;
|
|
36
|
+
} | {
|
|
37
|
+
type: ActionTypes.Update;
|
|
38
|
+
registration: CommandPaletteRegistration;
|
|
39
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/** Zero-width space used to mark items that bypass client-side filtering. */
|
|
2
|
+
export const STATIC_ITEM_MARKER = '';
|
|
3
|
+
/**
|
|
4
|
+
* ASCII unit separator used inside a `<Command>`'s `textValue` to keep label and keywords
|
|
5
|
+
* as distinct fields, so fuzzy matching in the Autocomplete predicate can't subsequence
|
|
6
|
+
* across the boundary between them.
|
|
7
|
+
*/
|
|
8
|
+
export const FIELD_SEPARATOR = '';
|
|
9
|
+
export var ActionTypes;
|
|
10
|
+
(function (ActionTypes) {
|
|
11
|
+
ActionTypes[ActionTypes["Register"] = 0] = "Register";
|
|
12
|
+
ActionTypes[ActionTypes["Unregister"] = 1] = "Unregister";
|
|
13
|
+
ActionTypes[ActionTypes["Update"] = 2] = "Update";
|
|
14
|
+
ActionTypes[ActionTypes["Open"] = 3] = "Open";
|
|
15
|
+
ActionTypes[ActionTypes["Close"] = 4] = "Close";
|
|
16
|
+
})(ActionTypes || (ActionTypes = {}));
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbW1hbmRQYWxldHRlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLENBQUM7QUFFdEM7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUM7QUFjbkMsTUFBTSxDQUFOLElBQVksV0FNWDtBQU5ELFdBQVksV0FBVztJQUNyQixxREFBUSxDQUFBO0lBQ1IseURBQVUsQ0FBQTtJQUNWLGlEQUFNLENBQUE7SUFDTiw2Q0FBSSxDQUFBO0lBQ0osK0NBQUssQ0FBQTtBQUNQLENBQUMsRUFOVyxXQUFXLEtBQVgsV0FBVyxRQU10QiJ9
|
|
@@ -78,7 +78,7 @@ export declare const emptyStateClasses: import("tailwind-variants").TVReturnType
|
|
|
78
78
|
true: string;
|
|
79
79
|
false: string;
|
|
80
80
|
};
|
|
81
|
-
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
81
|
+
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
82
82
|
layout: {
|
|
83
83
|
vertical: string;
|
|
84
84
|
horizontal: string;
|
|
@@ -134,7 +134,7 @@ export declare const emptyStateClasses: import("tailwind-variants").TVReturnType
|
|
|
134
134
|
true: string;
|
|
135
135
|
false: string;
|
|
136
136
|
};
|
|
137
|
-
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
137
|
+
}, undefined, "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
138
138
|
layout: {
|
|
139
139
|
vertical: string;
|
|
140
140
|
horizontal: string;
|
|
@@ -10,7 +10,7 @@ export var EmptyStateLayout;
|
|
|
10
10
|
})(EmptyStateLayout || (EmptyStateLayout = {}));
|
|
11
11
|
const isVerticalLayout = (layout) => layout === EmptyStateLayout.Vertical;
|
|
12
12
|
export const emptyStateClasses = tv({
|
|
13
|
-
base: 'Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
13
|
+
base: 'Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full',
|
|
14
14
|
variants: {
|
|
15
15
|
layout: {
|
|
16
16
|
vertical: 'flex-col justify-center items-center gap-7 text-center px-9',
|
|
@@ -23,7 +23,7 @@ export const emptyStateClasses = tv({
|
|
|
23
23
|
},
|
|
24
24
|
fullHeight: {
|
|
25
25
|
true: 'h-full',
|
|
26
|
-
false: '',
|
|
26
|
+
false: 'max-h-[800px]',
|
|
27
27
|
},
|
|
28
28
|
},
|
|
29
29
|
defaultVariants: {
|
|
@@ -71,4 +71,4 @@ export const EmptyState = ({ title, image: Image, imageAlt = '', imageWidth, chi
|
|
|
71
71
|
footer && (React.createElement(Box, null,
|
|
72
72
|
React.createElement(Typography.Small, { color: "default" }, footer))))));
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBSWpELE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIseUNBQXFCLENBQUE7SUFDckIsNkNBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUEyRUQsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQXdCLEVBQVcsRUFBRSxDQUFDLE1BQU0sS0FBSyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7QUFFckcsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQ2xDLElBQUksRUFBRSw2RUFBNkU7SUFDbkYsUUFBUSxFQUFFO1FBQ1IsTUFBTSxFQUFFO1lBQ04sUUFBUSxFQUFFLDZEQUE2RDtZQUN2RSxVQUFVLEVBQUUseURBQXlEO1NBQ3RFO1FBQ0QsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLHNCQUFzQjtZQUM5QixLQUFLLEVBQUUsa0NBQWtDO1lBQ3pDLElBQUksRUFBRSxFQUFFO1NBQ1Q7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsUUFBUTtZQUNkLEtBQUssRUFBRSxlQUFlO1NBQ3ZCO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixNQUFNLEVBQUUsVUFBVTtRQUNsQixXQUFXLEVBQUUsUUFB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
|
|
@@ -29,7 +29,7 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
29
29
|
return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose(), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
|
|
30
30
|
size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
|
|
31
31
|
React.createElement(AriaModal, { className: styles.dialog() },
|
|
32
|
-
React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto outline-none" }, ({ close }) => (React.createElement(React.Fragment, null,
|
|
33
33
|
React.createElement(BaseModal.CloseButtonContainer, null,
|
|
34
34
|
React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
|
|
35
35
|
headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
|
|
@@ -51,4 +51,4 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
51
51
|
};
|
|
52
52
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
53
53
|
React.createElement(ModalTabContainer, { className: "!py-4" }, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBRXBDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUEyQzFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osT0FBTyxFQUNQLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLElBQUksR0FBRyxJQUFJLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1YsT0FBTyxJQUFJLENB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
|
|
@@ -13,6 +13,7 @@ export * from './CheckboxGroup/CheckboxGroup';
|
|
|
13
13
|
export * from './Chip/Chip';
|
|
14
14
|
export * from './ChoiceChipGroup/ChoiceChipGroup';
|
|
15
15
|
export * from './Combobox/Combobox';
|
|
16
|
+
export * from './CommandPalette/CommandPalette';
|
|
16
17
|
export * from './Container/Container';
|
|
17
18
|
export * from './Context/Context';
|
|
18
19
|
export * from './ControlLabel/ControlLabel';
|
|
@@ -15,6 +15,7 @@ export * from './CheckboxGroup/CheckboxGroup';
|
|
|
15
15
|
export * from './Chip/Chip';
|
|
16
16
|
export * from './ChoiceChipGroup/ChoiceChipGroup';
|
|
17
17
|
export * from './Combobox/Combobox';
|
|
18
|
+
export * from './CommandPalette/CommandPalette';
|
|
18
19
|
export * from './Container/Container';
|
|
19
20
|
export * from './Context/Context';
|
|
20
21
|
export * from './ControlLabel/ControlLabel';
|
|
@@ -82,4 +83,4 @@ export * from '../utils/table/useTableSort';
|
|
|
82
83
|
export * from './ItemList/ItemList';
|
|
83
84
|
export * from './Pagination/usePagination';
|
|
84
85
|
export const SelectItem = Select.Item;
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM3RCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFFeEMsdUNBQXVDO0FBQ3ZDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|
|
@@ -7,7 +7,7 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
7
7
|
true: string;
|
|
8
8
|
false: string;
|
|
9
9
|
};
|
|
10
|
-
}, undefined, "block w-full rounded
|
|
10
|
+
}, undefined, "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
11
11
|
readOnly: {
|
|
12
12
|
true: string;
|
|
13
13
|
false: string;
|
|
@@ -43,7 +43,7 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
43
43
|
true: string;
|
|
44
44
|
false: string;
|
|
45
45
|
};
|
|
46
|
-
}, undefined, "block w-full rounded
|
|
46
|
+
}, undefined, "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
47
47
|
readOnly: {
|
|
48
48
|
true: string;
|
|
49
49
|
false: string;
|
|
@@ -62,5 +62,5 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
62
62
|
false: string;
|
|
63
63
|
};
|
|
64
64
|
}>, unknown, unknown, undefined>>;
|
|
65
|
-
export declare const focusRingStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
65
|
+
export declare const focusRingStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
66
66
|
export declare const interactiveTextStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
export const inputStyles = tv({
|
|
3
|
-
base: 'block w-full rounded
|
|
3
|
+
base: 'block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none',
|
|
4
4
|
variants: {
|
|
5
5
|
readOnly: {
|
|
6
6
|
true: 'border-none resize-none cursor-default bg-transparent',
|
|
7
|
-
false: 'px-3 py-3 bg-
|
|
7
|
+
false: 'px-3 py-3 bg-layer',
|
|
8
8
|
},
|
|
9
9
|
valid: {
|
|
10
10
|
true: '',
|
|
@@ -21,9 +21,9 @@ export const inputStyles = tv({
|
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
23
|
export const focusRingStyle = tv({
|
|
24
|
-
base: 'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
24
|
+
base: 'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded',
|
|
25
25
|
});
|
|
26
26
|
export const interactiveTextStyles = tv({
|
|
27
27
|
base: 'text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense',
|
|
28
28
|
});
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixJQUFJLEVBQUUsaU1BQWlNO0lBQ3ZNLFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSx1REFBdUQ7WUFDN0QsS0FBSyxFQUFFLG9CQUFvQjtTQUM1QjtRQUNELEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0lBQ0QsZ0JBQWdCLEVBQUU7UUFDaEIsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLDhCQUE4QixFQUFFO1FBQ3hFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxzRUFBc0UsRUFBRTtLQUNoSDtJQUNELGVBQWUsRUFBRTtRQUNmLFFBQVEsRUFBRSxLQUFLO1FBQ2YsS0FBSyxFQUFFLElBQUk7S0FDWjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDL0IsSUFBSSxFQUFFLDRJQUE0STtDQUNuSixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFDdEMsSUFBSSxFQUFFLGtLQUFrSztDQUN6SyxDQUFDLENBQUMifQ==
|