@darajs/ui-components 1.19.0 → 1.19.1
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/button/button.d.ts.map +1 -1
- package/dist/button/button.js +4 -0
- package/dist/button/button.js.map +1 -1
- package/dist/context-menu/context-menu.d.ts +18 -0
- package/dist/context-menu/context-menu.d.ts.map +1 -1
- package/dist/context-menu/context-menu.js +111 -80
- package/dist/context-menu/context-menu.js.map +1 -1
- package/dist/dropdown-menu/dropdown-menu.d.ts +53 -0
- package/dist/dropdown-menu/dropdown-menu.d.ts.map +1 -0
- package/dist/dropdown-menu/dropdown-menu.js +127 -0
- package/dist/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/hierarchy-selector/node/branch.d.ts.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +14 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,oBAAoB,EAAiC,MAAM,OAAO,CAAC;AAEjF,OAAe,EAAE,KAAK,YAAY,EAAY,MAAM,2BAA2B,CAAC;AAIhF,UAAU,eAAe;IACrB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,oBAAoB,EAAiC,MAAM,OAAO,CAAC;AAEjF,OAAe,EAAE,KAAK,YAAY,EAAY,MAAM,2BAA2B,CAAC;AAIhF,UAAU,eAAe;IACrB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,6FAqBtB,CAAC;AA6JF,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAWrE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;;AAyDD,wBAAkC"}
|
package/dist/button/button.js
CHANGED
|
@@ -47,6 +47,10 @@ export const BaseButton = styled.button `
|
|
|
47
47
|
|
|
48
48
|
border: none;
|
|
49
49
|
border-radius: 0.25rem;
|
|
50
|
+
|
|
51
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
52
|
+
transition-duration: 150ms;
|
|
53
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
50
54
|
`;
|
|
51
55
|
/**
|
|
52
56
|
* Gets outline style for button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAgD,UAAU,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,MAAM,EAAE,EAAqB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAMzC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAiB;cAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;eAQtD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type MenuItem } from '../dropdown-menu/dropdown-menu';
|
|
2
3
|
export interface MenuAction {
|
|
3
4
|
action: () => void;
|
|
4
5
|
label: string;
|
|
@@ -13,6 +14,23 @@ export interface ContextMenuProps<T> {
|
|
|
13
14
|
/** Any element props for the root element */
|
|
14
15
|
elementProps?: T;
|
|
15
16
|
}
|
|
17
|
+
export interface UseContextMenuProps {
|
|
18
|
+
/** Menu items to display in the context menu */
|
|
19
|
+
menuItems: MenuItem[][];
|
|
20
|
+
/** Optional click handler for menu items */
|
|
21
|
+
onClick: (item: MenuItem, index: [number, number]) => void;
|
|
22
|
+
}
|
|
23
|
+
export interface UseContextMenuReturn {
|
|
24
|
+
/** The onContextMenu handler to pass to your component */
|
|
25
|
+
onContextMenu: (e: React.MouseEvent) => void;
|
|
26
|
+
/** The context menu element to render */
|
|
27
|
+
contextMenu: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Hook-like component that provides context menu functionality via render prop pattern.
|
|
31
|
+
* Returns an onContextMenu handler and the context menu element to render.
|
|
32
|
+
*/
|
|
33
|
+
export declare function useContextMenu(props: UseContextMenuProps): UseContextMenuReturn;
|
|
16
34
|
/**
|
|
17
35
|
* The ContextMenu is a higher order component that wraps another react component and overrides its context menu to be a
|
|
18
36
|
* custom list of actions, defined by the actions prop.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/context-menu/context-menu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/context-menu/context-menu.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,KAAK,QAAQ,EAAkB,MAAM,gCAAgC,CAAC;AAEzF,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAC/B,sDAAsD;IACtD,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAChC,gDAAgD;IAChD,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;IACxB,4CAA4C;IAC5C,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,oBAAoB;IACjC,0DAA0D;IAC1D,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAyBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,oBAAoB,CAmH/E;AAED;;;;;GAKG;AACH,iBAAS,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAyC/G;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -15,101 +15,132 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
import {
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
|
|
18
|
+
import {} from '@floating-ui/react';
|
|
19
|
+
import { Float, useOutsideClick } from '@headlessui-float/react';
|
|
20
|
+
import { Menu } from '@headlessui/react';
|
|
21
|
+
import React from 'react';
|
|
22
|
+
import { Dropdown, StyledDropdown } from '../dropdown-menu/dropdown-menu';
|
|
23
|
+
const subscribers = [];
|
|
24
|
+
const Sync$ = {
|
|
25
|
+
subscribe: (cb) => {
|
|
26
|
+
subscribers.push(cb);
|
|
27
|
+
return () => {
|
|
28
|
+
subscribers.splice(subscribers.indexOf(cb), 1);
|
|
29
|
+
};
|
|
30
|
+
},
|
|
31
|
+
next: (uid) => {
|
|
32
|
+
subscribers.forEach((cb) => cb(uid));
|
|
33
|
+
},
|
|
34
|
+
unsubscribe: (cb) => {
|
|
35
|
+
subscribers.splice(subscribers.indexOf(cb), 1);
|
|
36
|
+
},
|
|
37
|
+
};
|
|
24
38
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
* @param Component the component to wrap and draw as the root
|
|
39
|
+
* Hook-like component that provides context menu functionality via render prop pattern.
|
|
40
|
+
* Returns an onContextMenu handler and the context menu element to render.
|
|
29
41
|
*/
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
setCanClose(true);
|
|
65
|
-
clearTimeout(timeout);
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
}, [showMenu]);
|
|
69
|
-
const { refs, floatingStyles, context } = useFloating({
|
|
70
|
-
open: showMenu,
|
|
71
|
-
placement: 'bottom-start',
|
|
72
|
-
middleware: [
|
|
73
|
-
offset({
|
|
74
|
-
mainAxis: 4,
|
|
75
|
-
alignmentAxis: 4,
|
|
76
|
-
}),
|
|
77
|
-
shift(),
|
|
78
|
-
flip(),
|
|
79
|
-
],
|
|
80
|
-
});
|
|
81
|
-
const onContextMenu = (e) => {
|
|
42
|
+
export function useContextMenu(props) {
|
|
43
|
+
const { menuItems, onClick: onItemClick } = props;
|
|
44
|
+
const uid = React.useId();
|
|
45
|
+
const menuRefs = React.useRef(null);
|
|
46
|
+
const setShowRef = React.useRef();
|
|
47
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
48
|
+
const showMenu = React.useCallback(() => {
|
|
49
|
+
var _a;
|
|
50
|
+
setIsOpen(true);
|
|
51
|
+
(_a = setShowRef.current) === null || _a === void 0 ? void 0 : _a.call(setShowRef, true);
|
|
52
|
+
}, []);
|
|
53
|
+
const hideMenu = React.useCallback(() => {
|
|
54
|
+
var _a;
|
|
55
|
+
setIsOpen(false);
|
|
56
|
+
(_a = setShowRef.current) === null || _a === void 0 ? void 0 : _a.call(setShowRef, false);
|
|
57
|
+
}, []);
|
|
58
|
+
// close the context menu when clicking outside of it
|
|
59
|
+
useOutsideClick(() => { var _a, _b; return (_b = (_a = menuRefs.current) === null || _a === void 0 ? void 0 : _a.floating) !== null && _b !== void 0 ? _b : document.body; }, () => {
|
|
60
|
+
hideMenu();
|
|
61
|
+
});
|
|
62
|
+
/**
|
|
63
|
+
* Runs on initial render of the context menu. This is used to store the refs and setShow function,
|
|
64
|
+
* as exposed by the Float.Virtual component.
|
|
65
|
+
*/
|
|
66
|
+
const onInitial = React.useCallback(({ refs, setShow }) => {
|
|
67
|
+
menuRefs.current = refs;
|
|
68
|
+
setShowRef.current = setShow;
|
|
69
|
+
}, []);
|
|
70
|
+
function onClick(item, index) {
|
|
71
|
+
onItemClick(item, index);
|
|
72
|
+
hideMenu();
|
|
73
|
+
}
|
|
74
|
+
const onContextMenu = React.useCallback((e) => {
|
|
75
|
+
if (menuRefs.current && setShowRef.current) {
|
|
82
76
|
// dispatch event of a right click to close other context menu in the page
|
|
83
77
|
document.dispatchEvent(new Event('contextmenu'));
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
78
|
+
// close other context menus
|
|
79
|
+
Sync$.next(uid);
|
|
80
|
+
// set position of the menu to match cursor position
|
|
81
|
+
menuRefs.current.setPositionReference({
|
|
87
82
|
getBoundingClientRect: () => ({
|
|
88
|
-
x: e.clientX,
|
|
89
|
-
y: e.clientY,
|
|
90
83
|
width: 0,
|
|
91
84
|
height: 0,
|
|
85
|
+
x: e.clientX,
|
|
86
|
+
y: e.clientY,
|
|
92
87
|
top: e.clientY,
|
|
88
|
+
left: e.clientX,
|
|
93
89
|
right: e.clientX,
|
|
94
90
|
bottom: e.clientY,
|
|
95
|
-
left: e.clientX,
|
|
96
91
|
}),
|
|
97
92
|
});
|
|
98
|
-
|
|
93
|
+
showMenu();
|
|
94
|
+
}
|
|
95
|
+
// prevent bubbling (otherwise nested context menu components would fire all parent context menus)
|
|
96
|
+
e.stopPropagation();
|
|
97
|
+
// prevent browser context menu
|
|
98
|
+
e.preventDefault();
|
|
99
|
+
}, [showMenu, uid]);
|
|
100
|
+
React.useEffect(() => {
|
|
101
|
+
const unsub = Sync$.subscribe((msg) => {
|
|
102
|
+
if (msg !== uid) {
|
|
103
|
+
hideMenu();
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
return () => {
|
|
107
|
+
unsub();
|
|
99
108
|
};
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
109
|
+
}, [hideMenu, uid]);
|
|
110
|
+
const contextMenu = (_jsx(Float.Virtual, { enter: "enter", enterFrom: "enter-from", enterTo: "enter-to", flip: true, leave: "leave", leaveFrom: "leave-from", onInitial: onInitial, leaveTo: "leave-to", offset: 4, placement: "bottom-start", portal: true, shift: true, show: isOpen, children: _jsx(Menu, { children: _jsx(Menu.Items, { as: StyledDropdown, static: true, children: _jsx(Dropdown, { menuItems: menuItems, onClick: onClick }) }) }) }));
|
|
111
|
+
return {
|
|
112
|
+
onContextMenu,
|
|
113
|
+
contextMenu,
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
/**
|
|
117
|
+
* The ContextMenu is a higher order component that wraps another react component and overrides its context menu to be a
|
|
118
|
+
* custom list of actions, defined by the actions prop.
|
|
119
|
+
*
|
|
120
|
+
* @param Component the component to wrap and draw as the root
|
|
121
|
+
*/
|
|
122
|
+
function ContextMenu(Component) {
|
|
123
|
+
function WrappedContextMenu(props) {
|
|
124
|
+
const menuItems = React.useMemo(() => {
|
|
125
|
+
return [
|
|
126
|
+
props.actions.map((act) => ({
|
|
127
|
+
label: act.label,
|
|
128
|
+
})),
|
|
129
|
+
];
|
|
130
|
+
}, [props.actions]);
|
|
131
|
+
const handleClick = React.useCallback((_item, index) => {
|
|
132
|
+
const [, itemIndex] = index;
|
|
133
|
+
// Since we only have one section in the HOC case, use itemIndex to get the action
|
|
134
|
+
const action = props.actions[itemIndex];
|
|
135
|
+
if (action) {
|
|
103
136
|
action.action();
|
|
104
137
|
}
|
|
105
|
-
}, [
|
|
106
|
-
const
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}), [onAction]);
|
|
112
|
-
return (_jsxs(_Fragment, { children: [_jsx(Component, Object.assign({}, props.elementProps, { className: props.className, onContextMenu: onContextMenu, children: props.children })), ReactDOM.createPortal(_jsx(DropdownList, { items: props.actions, getItemProps: getItemProps, getFloatingProps: getFloatingProps, style: dropdownStyle, isOpen: showMenu, ref: refs.setFloating }), document.body)] }));
|
|
138
|
+
}, [props.actions]);
|
|
139
|
+
const { onContextMenu, contextMenu } = useContextMenu({
|
|
140
|
+
menuItems,
|
|
141
|
+
onClick: handleClick,
|
|
142
|
+
});
|
|
143
|
+
return (_jsxs(_Fragment, { children: [_jsx(Component, Object.assign({}, props.elementProps, { className: props.className, onContextMenu: onContextMenu, children: props.children })), contextMenu] }));
|
|
113
144
|
}
|
|
114
145
|
return WrappedContextMenu;
|
|
115
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../src/context-menu/context-menu.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../src/context-menu/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const StyledDropdown: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledDropdownMenuItem: import("styled-components").StyledComponent<"button", import("@darajs/styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const HorizontalDivider: import("styled-components").StyledComponent<"hr", import("@darajs/styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Hotkey: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
/**
|
|
7
|
+
* Item displayed in the dropdown
|
|
8
|
+
*/
|
|
9
|
+
export type MenuItem = {
|
|
10
|
+
label: string | React.ReactNode;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
icon?: React.ReactNode;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
preventClose?: boolean;
|
|
15
|
+
before?: React.ReactNode;
|
|
16
|
+
after?: React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
export type DropdownMenuProps = {
|
|
19
|
+
/** Menu items to display in the menu. */
|
|
20
|
+
menuItems: MenuItem[][];
|
|
21
|
+
/**
|
|
22
|
+
* The function to call when the dropdown menu option is picked
|
|
23
|
+
*/
|
|
24
|
+
onClick?: (item: MenuItem, index: [number, number]) => void;
|
|
25
|
+
/**
|
|
26
|
+
* The button to display for opening the dropdown menu
|
|
27
|
+
*/
|
|
28
|
+
button: React.ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* Any footer content to display in the dropdown.
|
|
31
|
+
* This is useful for displaying additional information in the dropdown.
|
|
32
|
+
*/
|
|
33
|
+
footer?: React.ReactNode;
|
|
34
|
+
};
|
|
35
|
+
interface DropdownProps {
|
|
36
|
+
/**
|
|
37
|
+
* Menu items to display in the menu.
|
|
38
|
+
*/
|
|
39
|
+
menuItems: MenuItem[][];
|
|
40
|
+
/**
|
|
41
|
+
* The callback to call when the dropdown menu option is picked
|
|
42
|
+
*/
|
|
43
|
+
onClick?: (menuItem: MenuItem, index: [number, number]) => void;
|
|
44
|
+
/**
|
|
45
|
+
* Any footer content to display in the dropdown.
|
|
46
|
+
* This is useful for displaying additional information in the dropdown.
|
|
47
|
+
*/
|
|
48
|
+
footer?: React.ReactNode;
|
|
49
|
+
}
|
|
50
|
+
export declare const Dropdown: (props: DropdownProps) => JSX.Element;
|
|
51
|
+
declare function MenuDropdown(props: DropdownMenuProps): JSX.Element;
|
|
52
|
+
export default MenuDropdown;
|
|
53
|
+
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,cAAc,iHA6C1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oHA0ClC,CAAC;AAMF,eAAO,MAAM,iBAAiB,gHAK7B,CAAC;AAQF,eAAO,MAAM,MAAM,iHAElB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,yCAAyC;IACzC,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,UAAU,aAAa;IACnB;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAAG,CAAC,OAuCnD,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAyB3D;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Float } from '@headlessui-float/react';
|
|
3
|
+
import { Menu } from '@headlessui/react';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import styled from '@darajs/styled-components';
|
|
6
|
+
export const StyledDropdown = styled.div `
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
|
|
11
|
+
background-color: ${(props) => props.theme.colors.blue1};
|
|
12
|
+
border-radius: 4px;
|
|
13
|
+
outline: none;
|
|
14
|
+
box-shadow: rgb(0 0 0 / 10%) 0 2px 5px;
|
|
15
|
+
|
|
16
|
+
& > button:first-child {
|
|
17
|
+
border-radius: 4px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&.enter {
|
|
21
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
22
|
+
transition-duration: 100ms;
|
|
23
|
+
transition-property: opacity, transform;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.enter-from {
|
|
27
|
+
transform: scale(0.95);
|
|
28
|
+
opacity: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&.enter-to {
|
|
32
|
+
transform: scale(1);
|
|
33
|
+
opacity: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&.leave {
|
|
37
|
+
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
38
|
+
transition-duration: 75ms;
|
|
39
|
+
transition-property: opacity, transform;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&.leave-from {
|
|
43
|
+
transform: scale(1);
|
|
44
|
+
opacity: 1;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&.leave-to {
|
|
48
|
+
transform: scale(0.95);
|
|
49
|
+
opacity: 0;
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
52
|
+
export const StyledDropdownMenuItem = styled.button `
|
|
53
|
+
cursor: pointer;
|
|
54
|
+
|
|
55
|
+
display: flex;
|
|
56
|
+
gap: 0.25rem;
|
|
57
|
+
align-items: center;
|
|
58
|
+
justify-content: space-between;
|
|
59
|
+
|
|
60
|
+
width: 100%;
|
|
61
|
+
min-width: 160px;
|
|
62
|
+
height: fit-content;
|
|
63
|
+
padding: 5px 8px;
|
|
64
|
+
|
|
65
|
+
font-size: 0.9rem;
|
|
66
|
+
color: ${(props) => props.theme.colors.text};
|
|
67
|
+
white-space: nowrap;
|
|
68
|
+
|
|
69
|
+
background-color: ${(props) => props.theme.colors.blue1};
|
|
70
|
+
border: none;
|
|
71
|
+
border-radius: 4px;
|
|
72
|
+
box-shadow: none;
|
|
73
|
+
|
|
74
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
75
|
+
transition-duration: 150ms;
|
|
76
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
77
|
+
|
|
78
|
+
&:hover {
|
|
79
|
+
background-color: ${(props) => props.theme.colors.grey1};
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
&:active {
|
|
83
|
+
background-color: ${(props) => props.theme.colors.grey2};
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&:disabled {
|
|
87
|
+
cursor: not-allowed;
|
|
88
|
+
color: ${(props) => props.theme.colors.grey3};
|
|
89
|
+
|
|
90
|
+
svg {
|
|
91
|
+
color: ${(props) => props.theme.colors.grey3};
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
`;
|
|
95
|
+
const DropdownMenu = styled.div `
|
|
96
|
+
padding: 4px;
|
|
97
|
+
`;
|
|
98
|
+
export const HorizontalDivider = styled.hr `
|
|
99
|
+
width: 100%;
|
|
100
|
+
margin: 0.25rem 0;
|
|
101
|
+
border: none;
|
|
102
|
+
border-top: 1px solid ${(props) => props.theme.colors.grey2};
|
|
103
|
+
`;
|
|
104
|
+
const ItemLabel = styled.div `
|
|
105
|
+
display: flex;
|
|
106
|
+
gap: 0.5rem;
|
|
107
|
+
width: 100%;
|
|
108
|
+
`;
|
|
109
|
+
export const Hotkey = styled.div `
|
|
110
|
+
color: ${(props) => props.theme.colors.grey3};
|
|
111
|
+
`;
|
|
112
|
+
export const Dropdown = (props) => {
|
|
113
|
+
const { menuItems, onClick } = props;
|
|
114
|
+
return (_jsxs(DropdownMenu, { children: [menuItems.map((section, index) => (_jsxs(React.Fragment, { children: [section.map((item, itemIndex) => (_jsx(Menu.Item, { children: ({ close: headlessClose }) => (_jsxs(StyledDropdownMenuItem, { disabled: item.disabled, onClick: (e) => {
|
|
115
|
+
e.stopPropagation();
|
|
116
|
+
e.preventDefault();
|
|
117
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(item, [index, itemIndex]);
|
|
118
|
+
if (!item.preventClose) {
|
|
119
|
+
headlessClose();
|
|
120
|
+
}
|
|
121
|
+
}, role: "menuitem", style: item.style, children: [item.before, _jsxs(ItemLabel, { children: [item.icon, item.label] }), item.after] })) }, typeof item.label === 'string' ? item.label : item.label.key))), index < menuItems.length - 1 && _jsx(HorizontalDivider, {})] }, `dropdown-section-${index}`))), props.footer] }));
|
|
122
|
+
};
|
|
123
|
+
function MenuDropdown(props) {
|
|
124
|
+
return (_jsx(Menu, { children: () => (_jsxs(Float, { enter: "enter", enterFrom: "enter-from", enterTo: "enter-to", flip: true, leave: "leave", leaveFrom: "leave-from", leaveTo: "leave-to", offset: 4, placement: "bottom-end", portal: true, zIndex: 9997, children: [_jsx(Menu.Button, { as: React.Fragment, children: props.button }), _jsx(Menu.Items, { as: StyledDropdown, children: _jsx(Dropdown, Object.assign({}, props)) })] })) }));
|
|
125
|
+
}
|
|
126
|
+
export default MenuDropdown;
|
|
127
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../src/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"branch.d.ts","sourceRoot":"","sources":["../../../src/hierarchy-selector/node/branch.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,IAAI,yHAShB,CAAC;AAEF,eAAO,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"branch.d.ts","sourceRoot":"","sources":["../../../src/hierarchy-selector/node/branch.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,IAAI,yHAShB,CAAC;AAEF,eAAO,MAAM,UAAU,+KAOtB,CAAC;AAwBF,UAAU,WAAW;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,yHAcvB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACjB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,OAAO,EAAE,aAAa,CAAC;IACvB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA4D/C;AAED,eAAe,MAAM,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -27,7 +27,8 @@ export { default as Checkbox } from './checkbox/checkbox';
|
|
|
27
27
|
export { default as CheckboxGroup } from './checkbox/checkbox-group';
|
|
28
28
|
export { default as CodeViewer, CodeComponentThemes } from './code-viewer/code-viewer';
|
|
29
29
|
export { default as ComboBox } from './combo-box/combo-box';
|
|
30
|
-
export { default as ContextMenu, type MenuAction } from './context-menu/context-menu';
|
|
30
|
+
export { default as ContextMenu, type MenuAction, useContextMenu } from './context-menu/context-menu';
|
|
31
|
+
export { default as DropdownMenu, Dropdown, type MenuItem } from './dropdown-menu/dropdown-menu';
|
|
31
32
|
export { default as DatePicker } from './datepicker/datepicker';
|
|
32
33
|
export { default as UploadDropzone } from './dropzone/dropzone';
|
|
33
34
|
export { default as ErrorBoundary } from './error-boundary/error-boundary';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,QAAQ,EACb,KAAK,IAAI,EACT,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,YAAY,EACjB,KAAK,OAAO,EACZ,KAAK,QAAQ,GAChB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -27,7 +27,8 @@ export { default as Checkbox } from './checkbox/checkbox';
|
|
|
27
27
|
export { default as CheckboxGroup } from './checkbox/checkbox-group';
|
|
28
28
|
export { default as CodeViewer, CodeComponentThemes } from './code-viewer/code-viewer';
|
|
29
29
|
export { default as ComboBox } from './combo-box/combo-box';
|
|
30
|
-
export { default as ContextMenu } from './context-menu/context-menu';
|
|
30
|
+
export { default as ContextMenu, useContextMenu } from './context-menu/context-menu';
|
|
31
|
+
export { default as DropdownMenu, Dropdown } from './dropdown-menu/dropdown-menu';
|
|
31
32
|
export { default as DatePicker } from './datepicker/datepicker';
|
|
32
33
|
export { default as UploadDropzone } from './dropzone/dropzone';
|
|
33
34
|
export { default as ErrorBoundary } from './error-boundary/error-boundary';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EASN,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAmB,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/ui-components",
|
|
3
|
-
"version": "1.19.
|
|
3
|
+
"version": "1.19.1",
|
|
4
4
|
"description": "The core React UI kit for Dara",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"jsnext:main": "dist/index.js",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "rimraf dist && tsc",
|
|
10
|
+
"prepare-dev": "tsc",
|
|
10
11
|
"format": "prettier src --write",
|
|
11
12
|
"format:check": "prettier src --check",
|
|
12
13
|
"lint": "tsc --noemit && eslint src --ext .tsx --max-warnings 0 && stylelint './src/**/*.tsx'",
|
|
@@ -24,9 +25,9 @@
|
|
|
24
25
|
"@babel/preset-env": "^7.15.6",
|
|
25
26
|
"@babel/preset-react": "^7.14.5",
|
|
26
27
|
"@babel/preset-typescript": "^7.15.0",
|
|
27
|
-
"@darajs/eslint-config": "1.19.
|
|
28
|
-
"@darajs/prettier-config": "1.19.
|
|
29
|
-
"@darajs/stylelint-config": "1.19.
|
|
28
|
+
"@darajs/eslint-config": "1.19.1",
|
|
29
|
+
"@darajs/prettier-config": "1.19.1",
|
|
30
|
+
"@darajs/stylelint-config": "1.19.1",
|
|
30
31
|
"@storybook/react-vite": "^9.0.17",
|
|
31
32
|
"@testing-library/dom": "^9.3.0",
|
|
32
33
|
"@testing-library/jest-dom": "^5.16.5",
|
|
@@ -40,7 +41,7 @@
|
|
|
40
41
|
"@types/react-datepicker": "^4.0.0",
|
|
41
42
|
"@types/react-dom": "^18.0",
|
|
42
43
|
"@types/react-table": "^7.0.19",
|
|
43
|
-
"@types/react-virtualized-auto-sizer": "
|
|
44
|
+
"@types/react-virtualized-auto-sizer": "1.0.4",
|
|
44
45
|
"@types/react-window": "^1.8.2",
|
|
45
46
|
"@types/styled-components": "^5.1.26",
|
|
46
47
|
"babel-jest": "^29.5.0",
|
|
@@ -61,13 +62,15 @@
|
|
|
61
62
|
"vite": "7.0.4"
|
|
62
63
|
},
|
|
63
64
|
"dependencies": {
|
|
64
|
-
"@darajs/styled-components": "1.19.
|
|
65
|
-
"@darajs/ui-icons": "1.19.
|
|
66
|
-
"@darajs/ui-utils": "1.19.
|
|
65
|
+
"@darajs/styled-components": "1.19.1",
|
|
66
|
+
"@darajs/ui-icons": "1.19.1",
|
|
67
|
+
"@darajs/ui-utils": "1.19.1",
|
|
67
68
|
"@floating-ui/react": "^0.26.12",
|
|
68
69
|
"@fortawesome/free-regular-svg-icons": "~6.4.0",
|
|
69
70
|
"@fortawesome/free-solid-svg-icons": "~6.4.0",
|
|
70
|
-
"@fortawesome/react-fontawesome": "
|
|
71
|
+
"@fortawesome/react-fontawesome": "0.2.2",
|
|
72
|
+
"@headlessui-float/react": "^0.15.0",
|
|
73
|
+
"@headlessui/react": "^1.0.0",
|
|
71
74
|
"d3-array": "^3.2.4",
|
|
72
75
|
"date-fns": "2.9.0",
|
|
73
76
|
"downshift": "^7.0.0",
|
|
@@ -77,7 +80,7 @@
|
|
|
77
80
|
"polished": "3.6.4",
|
|
78
81
|
"prism-react-renderer": "^1.2.0",
|
|
79
82
|
"react": "^18.0",
|
|
80
|
-
"react-aria-components": "
|
|
83
|
+
"react-aria-components": "^1.9.0",
|
|
81
84
|
"react-collapse": "^5.1.1",
|
|
82
85
|
"react-datepicker": "4.8.0",
|
|
83
86
|
"react-dom": "^18.0",
|
|
@@ -95,5 +98,5 @@
|
|
|
95
98
|
"publishConfig": {
|
|
96
99
|
"access": "public"
|
|
97
100
|
},
|
|
98
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "6077bfd94d041b624c734550e9d07c18117659d7"
|
|
99
102
|
}
|