@ltht-react/menu 1.0.73 → 1.0.74

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/lib/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import ActionMenu, { ActionMenuOption } from './molecules/action-menu';
2
- export default ActionMenu;
3
- export { ActionMenuOption };
1
+ import ActionMenu, { ActionMenuOption } from './molecules/action-menu';
2
+ export default ActionMenu;
3
+ export { ActionMenuOption };
package/lib/index.js CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var action_menu_1 = __importDefault(require("./molecules/action-menu"));
7
- exports.default = action_menu_1.default;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var action_menu_1 = __importDefault(require("./molecules/action-menu"));
7
+ exports.default = action_menu_1.default;
8
8
  //# sourceMappingURL=index.js.map
@@ -1,26 +1,27 @@
1
- import { ButtonProps } from '@ltht-react/button/lib/atoms/button';
2
- import { IconProps } from '@ltht-react/icon';
3
- import { FC, HTMLAttributes } from 'react';
4
- declare const ActionMenu: FC<IProps>;
5
- interface IProps extends HTMLAttributes<HTMLButtonElement> {
6
- actions: ActionMenuOption[];
7
- menuButtonOptions?: IconButtonMenuProps | ButtonMenuProps;
8
- popupStyle?: React.CSSProperties;
9
- }
10
- interface IconButtonMenuProps {
11
- type: 'icon';
12
- iconProps: IconProps;
13
- text?: string;
14
- }
15
- interface ButtonMenuProps {
16
- type: 'button';
17
- buttonProps: ButtonProps;
18
- text: string;
19
- }
20
- export interface ActionMenuOption {
21
- text: string;
22
- clickHandler: () => void;
23
- leftIcon?: IconProps;
24
- rightIcon?: IconProps;
25
- }
26
- export default ActionMenu;
1
+ import { ButtonProps } from '@ltht-react/button/lib/atoms/button';
2
+ import { IconProps } from '@ltht-react/icon';
3
+ import { FC, HTMLAttributes } from 'react';
4
+ declare const ActionMenu: FC<IProps>;
5
+ interface IProps extends HTMLAttributes<HTMLButtonElement> {
6
+ actions: ActionMenuOption[];
7
+ menuButtonOptions?: IconButtonMenuProps | ButtonMenuProps;
8
+ popupStyle?: React.CSSProperties;
9
+ popupPlacement?: 'bottom-start' | 'right-start';
10
+ }
11
+ interface IconButtonMenuProps {
12
+ type: 'icon';
13
+ iconProps: IconProps;
14
+ text?: string;
15
+ }
16
+ interface ButtonMenuProps {
17
+ type: 'button';
18
+ buttonProps: ButtonProps;
19
+ text: string;
20
+ }
21
+ export interface ActionMenuOption {
22
+ text: string;
23
+ clickHandler: () => void;
24
+ leftIcon?: IconProps;
25
+ rightIcon?: IconProps;
26
+ }
27
+ export default ActionMenu;
@@ -1,94 +1,117 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- var jsx_runtime_1 = require("react/jsx-runtime");
33
- var styled_1 = __importDefault(require("@emotion/styled"));
34
- var button_1 = __importDefault(require("@ltht-react/button/lib/atoms/button"));
35
- var icon_1 = require("@ltht-react/icon");
36
- var styles_1 = require("@ltht-react/styles");
37
- var focus_trap_react_1 = __importDefault(require("focus-trap-react"));
38
- var react_1 = require("react");
39
- var react_popper_1 = require("react-popper");
40
- var defaultMenuButtonProps = {
41
- type: 'icon',
42
- iconProps: {
43
- type: 'ellipsis-vertical',
44
- size: 'large',
45
- },
46
- };
47
- var StyledUnorderedList = styled_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])), styles_1.CSS_RESET);
48
- var StyledListItem = styled_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n background-color: 'white';\n padding: 0.5rem;\n display: flex;\n border-radius: 4px;\n\n &:hover {\n background: ", ";\n cursor: pointer;\n color: white;\n }\n"], ["\n ", "\n background-color: 'white';\n padding: 0.5rem;\n display: flex;\n border-radius: 4px;\n\n &:hover {\n background: ", ";\n cursor: pointer;\n color: white;\n }\n"])), styles_1.CSS_RESET, styles_1.BTN_COLOURS.PRIMARY.VALUE);
49
- var StyledCard = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: inline-block;\n min-width: 10rem;\n z-index: 1;\n background: white;\n border-radius: 4px;\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"], ["\n ", "\n display: inline-block;\n min-width: 10rem;\n z-index: 1;\n background: white;\n border-radius: 4px;\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"])), styles_1.CSS_RESET);
50
- var StyledRightIcon = styled_1.default(icon_1.Icon)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-right: 0.5rem;\n margin-left: auto;\n color: ", ";\n"], ["\n margin-right: 0.5rem;\n margin-left: auto;\n color: ", ";\n"])), styles_1.BTN_COLOURS.STANDARD.VALUE);
51
- var StyledLeftIcon = styled_1.default(icon_1.Icon)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n color: ", ";\n"], ["\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n color: ", ";\n"])), styles_1.BTN_COLOURS.STANDARD.VALUE);
52
- var StyledMenuButtonWrapper = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
53
- var ActionMenu = function (_a) {
54
- var actions = _a.actions, _b = _a.menuButtonOptions, menuButtonOptions = _b === void 0 ? defaultMenuButtonProps : _b, _c = _a.id, id = _c === void 0 ? 'action-menu-button' : _c, _d = _a.popupStyle, popupStyle = _d === void 0 ? {} : _d, rest = __rest(_a, ["actions", "menuButtonOptions", "id", "popupStyle"]);
55
- var popperRef = react_1.useRef(null);
56
- var _e = react_1.useState(null), popperElement = _e[0], setPopperElement = _e[1];
57
- var _f = react_1.useState(null), containerElement = _f[0], setContainerElement = _f[1];
58
- var popper = react_popper_1.usePopper(popperRef.current, popperElement, {
59
- placement: 'bottom-start',
60
- strategy: 'fixed',
61
- });
62
- var closePopper = function () {
63
- setShowMenu(false);
64
- };
65
- var _g = react_1.useState(false), showMenu = _g[0], setShowMenu = _g[1];
66
- react_1.useEffect(function () {
67
- var _a;
68
- if ((_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.parentElement) === null || _a === void 0 ? void 0 : _a.style) {
69
- containerElement.parentElement.style.zIndex = showMenu
70
- ? "" + styles_1.getZIndex(styles_1.PopUp)
71
- : "" + styles_1.getZIndex(styles_1.TableDataWithPopUp);
72
- }
73
- }, [containerElement, showMenu]);
74
- var menuButtonClickHandler = function () {
75
- setShowMenu(!showMenu);
76
- };
77
- return (jsx_runtime_1.jsx("div", __assign({ ref: setContainerElement }, { children: jsx_runtime_1.jsx(focus_trap_react_1.default, __assign({ active: showMenu, focusTrapOptions: {
78
- tabbableOptions: {
79
- displayCheck: 'none',
80
- },
81
- initialFocus: false,
82
- allowOutsideClick: false,
83
- clickOutsideDeactivates: true,
84
- onDeactivate: closePopper,
85
- } }, { children: jsx_runtime_1.jsxs(StyledMenuButtonWrapper, __assign({ ref: popperRef }, { children: [menuButtonOptions.type === 'icon' && (jsx_runtime_1.jsx(icon_1.IconButton, __assign({ iconProps: menuButtonOptions.iconProps, text: menuButtonOptions.text }, rest, { onClick: menuButtonClickHandler, id: id }), void 0)),
86
- menuButtonOptions.type === 'button' && (jsx_runtime_1.jsx(button_1.default, __assign({}, menuButtonOptions.buttonProps, rest, { onClick: menuButtonClickHandler, id: id }, { children: menuButtonOptions.text }), void 0)),
87
- showMenu && (jsx_runtime_1.jsx(StyledCard, __assign({ tabIndex: -1, ref: setPopperElement, style: __assign(__assign({}, popper.styles.popper), popupStyle) }, popper.attributes.popper, { children: jsx_runtime_1.jsx(StyledUnorderedList, __assign({ role: "menu", "aria-labelledby": id }, { children: actions.map(function (action, idx) { return (jsx_runtime_1.jsxs(StyledListItem, __assign({ role: "menuitem", onClick: function () {
88
- menuButtonClickHandler();
89
- action.clickHandler();
90
- } }, { children: [action.leftIcon && jsx_runtime_1.jsx(StyledLeftIcon, __assign({}, action.leftIcon), void 0), action.text, action.rightIcon && jsx_runtime_1.jsx(StyledRightIcon, __assign({}, action.rightIcon), void 0)] }), "menu-action-" + idx)); }) }), void 0) }), void 0))] }), void 0) }), void 0) }), void 0));
91
- };
92
- exports.default = ActionMenu;
93
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
46
+ };
47
+ var __importDefault = (this && this.__importDefault) || function (mod) {
48
+ return (mod && mod.__esModule) ? mod : { "default": mod };
49
+ };
50
+ Object.defineProperty(exports, "__esModule", { value: true });
51
+ var jsx_runtime_1 = require("react/jsx-runtime");
52
+ var styled_1 = __importDefault(require("@emotion/styled"));
53
+ var button_1 = __importDefault(require("@ltht-react/button/lib/atoms/button"));
54
+ var icon_1 = __importStar(require("@ltht-react/icon"));
55
+ var styles_1 = require("@ltht-react/styles");
56
+ var focus_trap_react_1 = __importDefault(require("focus-trap-react"));
57
+ var react_1 = require("react");
58
+ var react_popper_1 = require("react-popper");
59
+ var defaultMenuButtonProps = {
60
+ type: 'icon',
61
+ iconProps: {
62
+ type: 'ellipsis-vertical',
63
+ size: 'large',
64
+ },
65
+ };
66
+ var StyledUnorderedList = styled_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"], ["\n ", "\n list-style-type: none;\n padding: 0;\n margin: 0;\n"])), styles_1.CSS_RESET);
67
+ var StyledListItem = styled_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n background-color: 'white';\n padding: 0.5rem;\n line-height: 1em;\n display: flex;\n border-radius: 4px;\n\n &:hover {\n background: ", ";\n cursor: pointer;\n color: white;\n }\n"], ["\n ", "\n background-color: 'white';\n padding: 0.5rem;\n line-height: 1em;\n display: flex;\n border-radius: 4px;\n\n &:hover {\n background: ", ";\n cursor: pointer;\n color: white;\n }\n"])), styles_1.CSS_RESET, styles_1.BTN_COLOURS.PRIMARY.VALUE);
68
+ var StyledListItemIcon = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-basis: 25%;\n"], ["\n flex-basis: 25%;\n"])));
69
+ var StyledListItemContent = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n text-align: left;\n"], ["\n flex: 1;\n text-align: left;\n"])));
70
+ var StyledCard = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n display: inline-block;\n min-width: 10rem;\n z-index: 1;\n background: white;\n border-radius: 4px;\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"], ["\n ", "\n display: inline-block;\n min-width: 10rem;\n z-index: 1;\n background: white;\n border-radius: 4px;\n box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);\n"])), styles_1.CSS_RESET);
71
+ var StyledRightIcon = styled_1.default(icon_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-right: 0.5rem;\n margin-left: 3rem;\n"], ["\n margin-right: 0.5rem;\n margin-left: 3rem;\n"])));
72
+ var StyledLeftIcon = styled_1.default(icon_1.default)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n"], ["\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n"])));
73
+ var StyledMenuButtonWrapper = styled_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
74
+ var ActionMenu = function (_a) {
75
+ var actions = _a.actions, _b = _a.menuButtonOptions, menuButtonOptions = _b === void 0 ? defaultMenuButtonProps : _b, _c = _a.id, id = _c === void 0 ? 'action-menu-button' : _c, _d = _a.popupStyle, popupStyle = _d === void 0 ? {} : _d, _e = _a.popupPlacement, popupPlacement = _e === void 0 ? 'bottom-start' : _e, rest = __rest(_a, ["actions", "menuButtonOptions", "id", "popupStyle", "popupPlacement"]);
76
+ var popperRef = react_1.useRef(null);
77
+ var _f = react_1.useState(null), popperElement = _f[0], setPopperElement = _f[1];
78
+ var _g = react_1.useState(null), containerElement = _g[0], setContainerElement = _g[1];
79
+ var popper = react_popper_1.usePopper(popperRef.current, popperElement, {
80
+ placement: popupPlacement,
81
+ strategy: 'fixed',
82
+ });
83
+ var closePopper = function () {
84
+ setShowMenu(false);
85
+ };
86
+ var _h = react_1.useState(false), showMenu = _h[0], setShowMenu = _h[1];
87
+ react_1.useEffect(function () {
88
+ var _a;
89
+ if ((_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.parentElement) === null || _a === void 0 ? void 0 : _a.style) {
90
+ containerElement.parentElement.style.zIndex = showMenu
91
+ ? "" + styles_1.getZIndex(styles_1.PopUp)
92
+ : "" + styles_1.getZIndex(styles_1.TableDataWithPopUp);
93
+ }
94
+ }, [containerElement, showMenu]);
95
+ var menuButtonClickHandler = function () {
96
+ setShowMenu(!showMenu);
97
+ };
98
+ return (jsx_runtime_1.jsx("div", __assign({ ref: setContainerElement }, { children: jsx_runtime_1.jsx(focus_trap_react_1.default, __assign({ active: showMenu, focusTrapOptions: {
99
+ tabbableOptions: {
100
+ displayCheck: 'none',
101
+ },
102
+ initialFocus: false,
103
+ allowOutsideClick: false,
104
+ clickOutsideDeactivates: true,
105
+ onDeactivate: closePopper,
106
+ } }, { children: jsx_runtime_1.jsxs(StyledMenuButtonWrapper, __assign({ ref: popperRef }, { children: [menuButtonOptions.type === 'icon' && (jsx_runtime_1.jsx(icon_1.IconButton, __assign({ iconProps: menuButtonOptions.iconProps, text: menuButtonOptions.text }, rest, { onClick: menuButtonClickHandler, id: id }), void 0)),
107
+ menuButtonOptions.type === 'button' && (jsx_runtime_1.jsx(button_1.default, __assign({}, menuButtonOptions.buttonProps, rest, { onClick: menuButtonClickHandler, id: id }, { children: menuButtonOptions.text }), void 0)),
108
+ showMenu && (jsx_runtime_1.jsx(StyledCard, __assign({ tabIndex: -1, ref: setPopperElement, style: __assign(__assign({}, popper.styles.popper), popupStyle) }, popper.attributes.popper, { children: jsx_runtime_1.jsx(StyledUnorderedList, __assign({ role: "menu", "aria-labelledby": id }, { children: actions.map(function (action, idx) { return (jsx_runtime_1.jsxs(StyledListItem, __assign({ role: "menuitem", onClick: function () {
109
+ menuButtonClickHandler();
110
+ action.clickHandler();
111
+ } }, { children: [jsx_runtime_1.jsx(StyledListItemIcon, { children: action.leftIcon && jsx_runtime_1.jsx(StyledLeftIcon, __assign({}, action.leftIcon), void 0) }, void 0),
112
+ jsx_runtime_1.jsx(StyledListItemContent, { children: action.text }, void 0),
113
+ jsx_runtime_1.jsx(StyledListItemIcon, { children: action.rightIcon && jsx_runtime_1.jsx(StyledRightIcon, __assign({}, action.rightIcon), void 0) }, void 0)] }), "menu-action-" + idx)); }) }), void 0) }), void 0))] }), void 0) }), void 0) }), void 0));
114
+ };
115
+ exports.default = ActionMenu;
116
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
94
117
  //# sourceMappingURL=action-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"action-menu.js","sourceRoot":"","sources":["../../src/molecules/action-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"action-menu.js","sourceRoot":"","sources":["../../src/molecules/action-menu.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ltht-react/menu",
3
- "version": "1.0.73",
3
+ "version": "1.0.74",
4
4
  "description": "ltht-react styled Menu component.",
5
5
  "author": "LTHT",
6
6
  "homepage": "",
@@ -27,12 +27,12 @@
27
27
  "dependencies": {
28
28
  "@emotion/react": "^11.0.0",
29
29
  "@emotion/styled": "^11.0.0",
30
- "@ltht-react/button": "^1.3.231",
31
- "@ltht-react/icon": "^1.3.231",
32
- "@ltht-react/styles": "^1.3.223",
30
+ "@ltht-react/button": "^1.3.232",
31
+ "@ltht-react/icon": "^1.3.232",
32
+ "@ltht-react/styles": "^1.3.224",
33
33
  "focus-trap-react": "^10.0.0",
34
34
  "react": "^17.0.0",
35
35
  "react-popper": "^2.3.0"
36
36
  },
37
- "gitHead": "4da792f7d14cfffb94006643bfab6a09fba75d04"
37
+ "gitHead": "509a9a4f06eabf917b4839cd7e9cee75fb97f38e"
38
38
  }