newskit 6.7.0 → 6.9.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/cjs/accordion/accordion.d.ts.map +1 -1
- package/cjs/accordion/accordion.js +6 -4
- package/cjs/accordion/accordion.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +2 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/cjs/base-floating-element/base-floating-element.js +14 -10
- package/cjs/base-floating-element/base-floating-element.js.map +1 -1
- package/cjs/base-floating-element/types.d.ts +2 -1
- package/cjs/base-floating-element/types.d.ts.map +1 -1
- package/cjs/base-switch/styled.d.ts.map +1 -1
- package/cjs/base-switch/styled.js +3 -1
- package/cjs/base-switch/styled.js.map +1 -1
- package/cjs/breadcrumbs/defaults.d.ts +6 -3
- package/cjs/breadcrumbs/defaults.d.ts.map +1 -1
- package/cjs/breadcrumbs/defaults.js +6 -3
- package/cjs/breadcrumbs/defaults.js.map +1 -1
- package/cjs/drawer/drawer.d.ts.map +1 -1
- package/cjs/drawer/drawer.js +2 -1
- package/cjs/drawer/drawer.js.map +1 -1
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +1 -1
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/image/image.d.ts.map +1 -1
- package/cjs/image/image.js +2 -2
- package/cjs/image/image.js.map +1 -1
- package/cjs/image/types.d.ts +4 -6
- package/cjs/image/types.d.ts.map +1 -1
- package/cjs/image/utils.d.ts +1 -1
- package/cjs/image/utils.d.ts.map +1 -1
- package/cjs/image/utils.js +7 -8
- package/cjs/image/utils.js.map +1 -1
- package/cjs/link/style-presets.d.ts.map +1 -1
- package/cjs/link/style-presets.js.map +1 -1
- package/cjs/link/utils.d.ts.map +1 -1
- package/cjs/link/utils.js +1 -1
- package/cjs/link/utils.js.map +1 -1
- package/cjs/menu/context.d.ts +10 -0
- package/cjs/menu/context.d.ts.map +1 -1
- package/cjs/menu/context.js +7 -1
- package/cjs/menu/context.js.map +1 -1
- package/cjs/menu/menu-item.d.ts.map +1 -1
- package/cjs/menu/menu-item.js +11 -3
- package/cjs/menu/menu-item.js.map +1 -1
- package/cjs/menu/menu-sub.d.ts +1 -0
- package/cjs/menu/menu-sub.d.ts.map +1 -1
- package/cjs/menu/menu-sub.js +61 -14
- package/cjs/menu/menu-sub.js.map +1 -1
- package/cjs/menu/menu.d.ts.map +1 -1
- package/cjs/menu/menu.js +65 -3
- package/cjs/menu/menu.js.map +1 -1
- package/cjs/menu/types.d.ts +1 -0
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/menu/utils.d.ts +5 -0
- package/cjs/menu/utils.d.ts.map +1 -0
- package/cjs/menu/utils.js +26 -0
- package/cjs/menu/utils.js.map +1 -0
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +2 -1
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/overlay/overlay.d.ts.map +1 -1
- package/cjs/overlay/overlay.js +7 -5
- package/cjs/overlay/overlay.js.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +9 -4
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/select/defaults.d.ts +3 -0
- package/cjs/select/defaults.d.ts.map +1 -1
- package/cjs/select/defaults.js +3 -0
- package/cjs/select/defaults.js.map +1 -1
- package/cjs/select/select-panel.d.ts +2 -2
- package/cjs/select/select-panel.d.ts.map +1 -1
- package/cjs/select/select-panel.js +6 -6
- package/cjs/select/select-panel.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +76 -69
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/styled.d.ts +1 -1
- package/cjs/select/styled.d.ts.map +1 -1
- package/cjs/select/styled.js +4 -4
- package/cjs/select/styled.js.map +1 -1
- package/cjs/select/types.d.ts +3 -0
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/switch/styled.d.ts +1 -1
- package/cjs/switch/styled.d.ts.map +1 -1
- package/cjs/switch/switch.js +2 -2
- package/cjs/switch/switch.js.map +1 -1
- package/cjs/tabs/utils.d.ts +1 -1
- package/cjs/tabs/utils.js +1 -1
- package/cjs/tabs/utils.js.map +1 -1
- package/cjs/tooltip/tooltip.d.ts +1 -1
- package/cjs/tooltip/types.d.ts +1 -1
- package/cjs/tooltip/types.d.ts.map +1 -1
- package/cjs/utils/audio-tests.d.ts.map +1 -1
- package/cjs/utils/audio-tests.js +1 -0
- package/cjs/utils/audio-tests.js.map +1 -1
- package/cjs/utils/text-crop.d.ts +14 -14
- package/cjs/utils/text-crop.d.ts.map +1 -1
- package/cjs/utils/text-crop.js +15 -4
- package/cjs/utils/text-crop.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion.d.ts.map +1 -1
- package/esm/accordion/accordion.js +6 -4
- package/esm/accordion/accordion.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js +2 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/esm/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/esm/base-floating-element/base-floating-element.js +14 -10
- package/esm/base-floating-element/base-floating-element.js.map +1 -1
- package/esm/base-floating-element/types.d.ts +2 -1
- package/esm/base-floating-element/types.d.ts.map +1 -1
- package/esm/base-switch/styled.d.ts.map +1 -1
- package/esm/base-switch/styled.js +3 -1
- package/esm/base-switch/styled.js.map +1 -1
- package/esm/breadcrumbs/defaults.d.ts +6 -3
- package/esm/breadcrumbs/defaults.d.ts.map +1 -1
- package/esm/breadcrumbs/defaults.js +6 -3
- package/esm/breadcrumbs/defaults.js.map +1 -1
- package/esm/drawer/drawer.d.ts.map +1 -1
- package/esm/drawer/drawer.js +2 -1
- package/esm/drawer/drawer.js.map +1 -1
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +1 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/image/image.d.ts.map +1 -1
- package/esm/image/image.js +2 -2
- package/esm/image/image.js.map +1 -1
- package/esm/image/types.d.ts +4 -6
- package/esm/image/types.d.ts.map +1 -1
- package/esm/image/utils.d.ts +1 -1
- package/esm/image/utils.d.ts.map +1 -1
- package/esm/image/utils.js +7 -8
- package/esm/image/utils.js.map +1 -1
- package/esm/link/style-presets.d.ts.map +1 -1
- package/esm/link/style-presets.js.map +1 -1
- package/esm/link/utils.d.ts.map +1 -1
- package/esm/link/utils.js +1 -1
- package/esm/link/utils.js.map +1 -1
- package/esm/menu/context.d.ts +10 -0
- package/esm/menu/context.d.ts.map +1 -1
- package/esm/menu/context.js +7 -1
- package/esm/menu/context.js.map +1 -1
- package/esm/menu/menu-item.d.ts.map +1 -1
- package/esm/menu/menu-item.js +11 -3
- package/esm/menu/menu-item.js.map +1 -1
- package/esm/menu/menu-sub.d.ts +1 -0
- package/esm/menu/menu-sub.d.ts.map +1 -1
- package/esm/menu/menu-sub.js +42 -11
- package/esm/menu/menu-sub.js.map +1 -1
- package/esm/menu/menu.d.ts.map +1 -1
- package/esm/menu/menu.js +46 -3
- package/esm/menu/menu.js.map +1 -1
- package/esm/menu/types.d.ts +1 -0
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/menu/utils.d.ts +5 -0
- package/esm/menu/utils.d.ts.map +1 -0
- package/esm/menu/utils.js +19 -0
- package/esm/menu/utils.js.map +1 -0
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +2 -1
- package/esm/modal/modal.js.map +1 -1
- package/esm/overlay/overlay.d.ts.map +1 -1
- package/esm/overlay/overlay.js +7 -5
- package/esm/overlay/overlay.js.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +9 -4
- package/esm/popover/popover.js.map +1 -1
- package/esm/select/defaults.d.ts +3 -0
- package/esm/select/defaults.d.ts.map +1 -1
- package/esm/select/defaults.js +3 -0
- package/esm/select/defaults.js.map +1 -1
- package/esm/select/select-panel.d.ts +2 -2
- package/esm/select/select-panel.d.ts.map +1 -1
- package/esm/select/select-panel.js +6 -6
- package/esm/select/select-panel.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +78 -71
- package/esm/select/select.js.map +1 -1
- package/esm/select/styled.d.ts +1 -1
- package/esm/select/styled.d.ts.map +1 -1
- package/esm/select/styled.js +4 -4
- package/esm/select/styled.js.map +1 -1
- package/esm/select/types.d.ts +3 -0
- package/esm/select/types.d.ts.map +1 -1
- package/esm/switch/styled.d.ts +1 -1
- package/esm/switch/styled.d.ts.map +1 -1
- package/esm/switch/switch.js +2 -2
- package/esm/switch/switch.js.map +1 -1
- package/esm/tabs/utils.d.ts +1 -1
- package/esm/tabs/utils.js +1 -1
- package/esm/tabs/utils.js.map +1 -1
- package/esm/tooltip/tooltip.d.ts +1 -1
- package/esm/tooltip/types.d.ts +1 -1
- package/esm/tooltip/types.d.ts.map +1 -1
- package/esm/utils/audio-tests.d.ts.map +1 -1
- package/esm/utils/audio-tests.js +1 -0
- package/esm/utils/audio-tests.js.map +1 -1
- package/esm/utils/text-crop.d.ts +14 -14
- package/esm/utils/text-crop.d.ts.map +1 -1
- package/esm/utils/text-crop.js +15 -4
- package/esm/utils/text-crop.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +1 -1
package/esm/menu/menu-sub.js
CHANGED
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from 'react';
|
|
23
|
+
import React, { useEffect } from 'react';
|
|
24
|
+
import { useId } from '@floating-ui/react-dom-interactions';
|
|
24
25
|
import { MenuContextProvider, useMenuContext } from './context';
|
|
25
26
|
import { StyledButton, StyledMenuItem, StyledUl } from './styled';
|
|
26
27
|
import { useTheme } from '../theme';
|
|
@@ -30,24 +31,54 @@ import { useControlled } from '../utils/hooks';
|
|
|
30
31
|
import { composeEventHandlers } from '../utils/compose-event-handlers';
|
|
31
32
|
import { IconFilledExpandLess, IconFilledExpandMore } from '../icons';
|
|
32
33
|
import { getComponentOverrides } from '../utils/overrides';
|
|
34
|
+
import { buildNestedId, isDescendant } from './utils';
|
|
33
35
|
var DefaultIcon = function (_a) {
|
|
34
36
|
var expanded = _a.expanded, overrides = _a.overrides;
|
|
35
37
|
return expanded ? (React.createElement(IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (React.createElement(IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
|
|
36
38
|
};
|
|
37
39
|
export var MenuSub = React.forwardRef(function (_a, ref) {
|
|
38
|
-
var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded,
|
|
39
|
-
var
|
|
40
|
+
var overrides = _a.overrides, children = _a.children, title = _a.title, selected = _a.selected, expandedProp = _a.expanded, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? false : _b, onClick = _a.onClick, menuSubAlign = _a.align, rest = __rest(_a, ["overrides", "children", "title", "selected", "expanded", "defaultExpanded", "onClick", "align"]);
|
|
41
|
+
var _c = useControlled({
|
|
40
42
|
controlledValue: expandedProp,
|
|
41
43
|
defaultValue: defaultExpanded,
|
|
42
|
-
}), isExpanded =
|
|
43
|
-
var
|
|
44
|
+
}), isExpanded = _c[0], setIsExpanded = _c[1];
|
|
45
|
+
var menuContext = useMenuContext();
|
|
46
|
+
var vertical = menuContext.vertical, size = menuContext.size, menuAlign = menuContext.align, menuOverrides = menuContext.overrides, isSubMenu = menuContext.isSubMenu, parentSubMenuId = menuContext.parentSubMenuId, updateExpandedMenuSubId = menuContext.updateExpandedMenuSubId, expandedMenuSubId = menuContext.expandedMenuSubId;
|
|
47
|
+
var align = menuSubAlign || menuAlign;
|
|
48
|
+
var id = useId();
|
|
49
|
+
var nestedId = buildNestedId(id, parentSubMenuId);
|
|
50
|
+
useEffect(function () {
|
|
51
|
+
if (!expandedMenuSubId) {
|
|
52
|
+
// all sub menus have been collapsed
|
|
53
|
+
setIsExpanded(false);
|
|
54
|
+
}
|
|
55
|
+
else if (expandedMenuSubId === nestedId ||
|
|
56
|
+
isDescendant(nestedId, expandedMenuSubId)) {
|
|
57
|
+
// this sub menu or one of its descendants has been expanded
|
|
58
|
+
setIsExpanded(true);
|
|
59
|
+
}
|
|
60
|
+
else if (isDescendant(expandedMenuSubId, nestedId)) {
|
|
61
|
+
// this sub menu's ancestor is expanded
|
|
62
|
+
setIsExpanded(false);
|
|
63
|
+
}
|
|
64
|
+
else if (!vertical) {
|
|
65
|
+
// another sub menu elsewhere in the tree has been expanded
|
|
66
|
+
setIsExpanded(false);
|
|
67
|
+
}
|
|
68
|
+
}, [vertical, nestedId, expandedMenuSubId, setIsExpanded]);
|
|
69
|
+
var _d = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.indicatorIcon, DefaultIcon, {
|
|
44
70
|
expanded: isExpanded,
|
|
45
|
-
}), IndicatorIcon =
|
|
71
|
+
}), IndicatorIcon = _d[0], indicatorIconProps = _d[1];
|
|
72
|
+
// Inform the parent context that this sub menu has been clicked.
|
|
46
73
|
var handleClick = React.useCallback(function () {
|
|
47
|
-
|
|
48
|
-
}, [
|
|
49
|
-
|
|
50
|
-
|
|
74
|
+
updateExpandedMenuSubId(nestedId);
|
|
75
|
+
}, [nestedId, updateExpandedMenuSubId]);
|
|
76
|
+
// Set the initial expanded state of this sub menu in the parent context.
|
|
77
|
+
useEffect(function () {
|
|
78
|
+
if (defaultExpanded) {
|
|
79
|
+
updateExpandedMenuSubId(nestedId);
|
|
80
|
+
}
|
|
81
|
+
}, []);
|
|
51
82
|
var theme = useTheme();
|
|
52
83
|
var menuItemOverrides = __assign(__assign({}, get(theme.componentDefaults, "".concat(isSubMenu ? 'menuSubItem' : 'menuItem', ".").concat(vertical ? 'vertical' : 'horizontal'))), filterOutFalsyProperties(overrides));
|
|
53
84
|
var buttonProps = __assign(__assign({}, rest), { selected: selected, size: size });
|
|
@@ -55,7 +86,7 @@ export var MenuSub = React.forwardRef(function (_a, ref) {
|
|
|
55
86
|
React.createElement(StyledButton, __assign({}, buttonProps, { align: align, selected: selected, onClick: composeEventHandlers([handleClick, onClick]), "aria-expanded": isExpanded, "data-testid": "menu-sub-button", overrides: __assign({}, menuItemOverrides) }),
|
|
56
87
|
title,
|
|
57
88
|
React.createElement(IndicatorIcon, __assign({}, indicatorIconProps))),
|
|
58
|
-
React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true }) },
|
|
89
|
+
React.createElement(MenuContextProvider, { value: __assign(__assign({}, menuContext), { isSubMenu: true, parentSubMenuId: nestedId, align: align }) },
|
|
59
90
|
React.createElement(StyledUl, { expanded: isExpanded, vertical: vertical, overrides: overrides }, children))));
|
|
60
91
|
});
|
|
61
92
|
MenuSub.displayName = 'MenuSub';
|
package/esm/menu/menu-sub.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menu-sub.js","sourceRoot":"","sources":["../../../src/menu/menu-sub.tsx"],"names":[],"mappings":"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"}
|
package/esm/menu/menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAC;AA0FjD,eAAO,MAAM,IAAI,wGAAwD,CAAC"}
|
package/esm/menu/menu.js
CHANGED
|
@@ -20,12 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from 'react';
|
|
23
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
24
|
+
import composeRefs from '@seznam/compose-react-refs';
|
|
24
25
|
import { MenuContextProvider } from './context';
|
|
25
26
|
import { StyledMenu } from './styled';
|
|
26
27
|
import defaults from './defaults';
|
|
27
28
|
import stylePresets from './style-presets';
|
|
28
29
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
30
|
+
import { getParentId, isDescendant } from './utils';
|
|
29
31
|
var getAlign = function (align, vertical) {
|
|
30
32
|
if (!align) {
|
|
31
33
|
return vertical ? 'start' : 'center';
|
|
@@ -35,8 +37,49 @@ var getAlign = function (align, vertical) {
|
|
|
35
37
|
var ThemelessMenu = React.forwardRef(function (_a, ref) {
|
|
36
38
|
var overrides = _a.overrides, children = _a.children, _b = _a.vertical, vertical = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, passedAlign = _a.align, rest = __rest(_a, ["overrides", "children", "vertical", "size", "align"]);
|
|
37
39
|
var align = getAlign(passedAlign, vertical);
|
|
38
|
-
|
|
39
|
-
|
|
40
|
+
var _d = useState(null), expandedMenuSubId = _d[0], setExpandedMenuSubId = _d[1];
|
|
41
|
+
var updateExpandedMenuSubId = function (id) {
|
|
42
|
+
if (!id) {
|
|
43
|
+
setExpandedMenuSubId(null);
|
|
44
|
+
}
|
|
45
|
+
else if (!expandedMenuSubId) {
|
|
46
|
+
// no sub menu currently expanded
|
|
47
|
+
setExpandedMenuSubId(id);
|
|
48
|
+
}
|
|
49
|
+
else if (expandedMenuSubId === id) {
|
|
50
|
+
// the currently expanded sub menu has been clicked
|
|
51
|
+
setExpandedMenuSubId(getParentId(id));
|
|
52
|
+
}
|
|
53
|
+
else if (isDescendant(id, expandedMenuSubId)) {
|
|
54
|
+
// the parent of the currently expanded sub menu has been clicked
|
|
55
|
+
setExpandedMenuSubId(getParentId(id));
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
// any other sub menu has been clicked
|
|
59
|
+
setExpandedMenuSubId(id);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
var menuRef = useRef(null);
|
|
63
|
+
useEffect(function () {
|
|
64
|
+
document.addEventListener("click", function (_a) {
|
|
65
|
+
var target = _a.target;
|
|
66
|
+
if (menuRef.current &&
|
|
67
|
+
!menuRef.current.contains(target) &&
|
|
68
|
+
!vertical) {
|
|
69
|
+
setExpandedMenuSubId(null);
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
}, [vertical]);
|
|
73
|
+
return (React.createElement(MenuContextProvider, { value: {
|
|
74
|
+
vertical: vertical,
|
|
75
|
+
size: size,
|
|
76
|
+
align: align,
|
|
77
|
+
overrides: overrides,
|
|
78
|
+
updateExpandedMenuSubId: updateExpandedMenuSubId,
|
|
79
|
+
expandedMenuSubId: expandedMenuSubId,
|
|
80
|
+
parentSubMenuId: null,
|
|
81
|
+
} },
|
|
82
|
+
React.createElement(StyledMenu, __assign({ role: "navigation", "data-testid": "menu-container", overrides: overrides, vertical: vertical, ref: composeRefs(ref, menuRef) }, rest),
|
|
40
83
|
React.createElement("ul", { role: "list" }, children))));
|
|
41
84
|
});
|
|
42
85
|
export var Menu = withOwnTheme(ThemelessMenu)({ defaults: defaults, stylePresets: stylePresets });
|
package/esm/menu/menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAqB,MAAM,WAAW,CAAC;AAElE,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAElD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;KACtC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACR,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAA,KAA4C,QAAQ,CACxD,IAAI,CACL,EAFM,iBAAiB,QAAA,EAAE,oBAAoB,QAE7C,CAAC;IACF,IAAM,uBAAuB,GAAuB,UAAA,EAAE;QACpD,IAAI,CAAC,EAAE,EAAE;YACP,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;aAAM,IAAI,CAAC,iBAAiB,EAAE;YAC7B,iCAAiC;YACjC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;aAAM,IAAI,iBAAiB,KAAK,EAAE,EAAE;YACnC,mDAAmD;YACnD,oBAAoB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM,IAAI,YAAY,CAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE;YAC9C,iEAAiE;YACjE,oBAAoB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,sCAAsC;YACtC,oBAAoB,CAAC,EAAE,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAC,EAAoB;gBAAnB,MAAM,YAAA;YACzC,IACE,OAAO,CAAC,OAAO;gBACf,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAc,CAAC;gBACzC,CAAC,QAAQ,EACT;gBACA,oBAAoB,CAAC,IAAI,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,mBAAmB,IAClB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,SAAS,WAAA;YACT,uBAAuB,yBAAA;YACvB,iBAAiB,mBAAA;YACjB,eAAe,EAAE,IAAI;SACtB;QAED,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,IAC1B,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
|
package/esm/menu/types.d.ts
CHANGED
package/esm/menu/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const buildNestedId: (id: string, parentId: string | null) => string;
|
|
2
|
+
export declare const getIdDepth: (id: string) => number;
|
|
3
|
+
export declare const isDescendant: (id: string, descendantId: string) => boolean;
|
|
4
|
+
export declare const getParentId: (id: string) => string | null;
|
|
5
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAY,MAAM,GAAG,IAAI,KAAG,MAC/B,CAAC;AAEtC,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MACM,CAAC;AAE/C,eAAO,MAAM,YAAY,OAAQ,MAAM,gBAAgB,MAAM,KAAG,OACG,CAAC;AAEpE,eAAO,MAAM,WAAW,OAAQ,MAAM,KAAG,MAAM,GAAG,IAI5B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// Note: using an immutable concatenated string ID (instead of an array of strings)
|
|
2
|
+
// so that useEffect hooks do not repeatedly fire when ref changes but value
|
|
3
|
+
// remains the same.
|
|
4
|
+
export var buildNestedId = function (id, parentId) {
|
|
5
|
+
return parentId ? "".concat(parentId, "|").concat(id) : id;
|
|
6
|
+
};
|
|
7
|
+
export var getIdDepth = function (id) {
|
|
8
|
+
return id.length - id.replace(/\|/g, '').length + 1;
|
|
9
|
+
};
|
|
10
|
+
export var isDescendant = function (id, descendantId) {
|
|
11
|
+
return id === descendantId.split('|').slice(0, getIdDepth(id)).join('|');
|
|
12
|
+
};
|
|
13
|
+
export var getParentId = function (id) {
|
|
14
|
+
return id
|
|
15
|
+
.split('|')
|
|
16
|
+
.slice(0, getIdDepth(id) - 1)
|
|
17
|
+
.join('|') || null;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/menu/utils.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,4EAA4E;AAC5E,oBAAoB;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,QAAuB;IAC/D,OAAA,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,EAAE,CAAE,CAAC,CAAC,CAAC,EAAE;AAAnC,CAAmC,CAAC;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAU;IACnC,OAAA,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAA5C,CAA4C,CAAC;AAE/C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,YAAoB;IAC3D,OAAA,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjE,CAAiE,CAAC;AAEpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAU;IACpC,OAAA,EAAE;SACC,KAAK,CAAC,GAAG,CAAC;SACV,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;SAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI;AAHpB,CAGoB,CAAC"}
|
package/esm/modal/modal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiH1B,eAAO,MAAM,KAAK;;;;;;;;;;;;wCAGhB,CAAC"}
|
package/esm/modal/modal.js
CHANGED
|
@@ -42,13 +42,14 @@ var ThemelessModal = React.forwardRef(function (_a, ref) {
|
|
|
42
42
|
/* istanbul ignore next */
|
|
43
43
|
open = _b === void 0 ? false : _b, onDismiss = _a.onDismiss, restoreFocusTo = _a.restoreFocusTo, _c = _a.closePosition, closePosition = _c === void 0 ? 'right' : _c, overrides = _a.overrides, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap, props = __rest(_a, ["children", "open", "onDismiss", "restoreFocusTo", "closePosition", "overrides", "hideOverlay", "disableFocusTrap"]);
|
|
44
44
|
var theme = useTheme();
|
|
45
|
+
var cssTransitionNodeRef = React.useRef(null);
|
|
45
46
|
var overlayOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.modal.overlay, filterOutFalsyProperties(overrides && overrides.overlay)));
|
|
46
47
|
var _d = React.useState(false), showWrapper = _d[0], setShowWrapper = _d[1];
|
|
47
48
|
// When Modal is used inline, it should not be in a layer
|
|
48
49
|
var OuterWrapper = props.inline ? React.Fragment : Layer;
|
|
49
50
|
return (React.createElement(OuterWrapper, null,
|
|
50
51
|
React.createElement(BaseDialogFunction, { ref: ref, open: open, restoreFocusTo: restoreFocusTo, onDismiss: onDismiss, hideOverlay: hideOverlay, disableFocusTrap: disableFocusTrap, renderOverlay: function (handleOverlayClick) { return (React.createElement(Overlay, { open: open, onClick: handleOverlayClick, overrides: overlayOverrides })); } }, function (handleCloseButtonClick) { return (React.createElement(StyledModalWrapper, { inline: props.inline, "$open": showWrapper, overrides: overrides },
|
|
51
|
-
React.createElement(CSSTransition, { in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (React.createElement(StyledModal, __assign({ open: open, className: getTransitionClassName('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
|
|
52
|
+
React.createElement(CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: getTransitionDuration("modal.panel", '')({ theme: theme, overrides: overrides }), classNames: "nk-modal", mountOnEnter: true, unmountOnExit: true, appear: true, onEnter: function () { return setShowWrapper(true); }, onExited: function () { return setShowWrapper(false); } }, function (state) { return (React.createElement(StyledModal, __assign({ ref: cssTransitionNodeRef, open: open, className: getTransitionClassName('nk-modal', state), disableFocusTrap: disableFocusTrap, handleCloseButtonClick: handleCloseButtonClick, path: "modal", "data-testid": "modal", closePosition: closePosition, overrides: overrides }, props), children)); }))); })));
|
|
52
53
|
});
|
|
53
54
|
export var Modal = withOwnTheme(ThemelessModal)({
|
|
54
55
|
defaults: defaults,
|
package/esm/modal/modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAC;AACzD,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAiB,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,sBAAsB,EAAC,MAAM,oCAAoC,CAAC;AAE1E,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAWC,EACD,GAAG;IAXD,IAAA,QAAQ,cAAA;IACR,0BAA0B;IAC1B,YAAY;IADZ,0BAA0B;IAC1B,IAAI,mBAAG,KAAK,KAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EACb,KAAK,cAVV,oHAWC,CADS;IAIV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyB,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAM1D,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAqDD,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
|
package/esm/overlay/overlay.js
CHANGED
|
@@ -36,15 +36,17 @@ import stylePresets from './style-presets';
|
|
|
36
36
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
37
37
|
// getResponsiveSpace('zIndex') will be replaced with a new function once PPDSC-1711 is done
|
|
38
38
|
var StyledOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"], ["\n box-sizing: border-box;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: pointer;\n ", ";\n\n ", ";\n"])), getStylePreset('overlay', ''), getTransitionPreset('overlay', '', 'nk-overlay'));
|
|
39
|
-
var BaseOverlay = function (props) {
|
|
39
|
+
var BaseOverlay = React.forwardRef(function (props, transitionRef) {
|
|
40
40
|
useLockBodyScroll();
|
|
41
|
-
return React.createElement(StyledOverlay, __assign({ "data-testid": "overlay" }, props));
|
|
42
|
-
};
|
|
41
|
+
return React.createElement(StyledOverlay, __assign({ "data-testid": "overlay", ref: transitionRef }, props));
|
|
42
|
+
});
|
|
43
43
|
var ThemlessOverlay = function (_a) {
|
|
44
44
|
var open = _a.open, overrides = _a.overrides, props = __rest(_a, ["open", "overrides"]);
|
|
45
45
|
var theme = useTheme();
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
// To learn more about why this is needed: https://github.com/reactjs/react-transition-group/issues/668#issuecomment-695162879
|
|
47
|
+
var cssTransitionNodeRef = React.useRef(null);
|
|
48
|
+
return (React.createElement(CSSTransition, { nodeRef: cssTransitionNodeRef, in: open, timeout: getTransitionDuration('overlay', '')({ theme: theme, overrides: overrides }), classNames: "nk-overlay", mountOnEnter: true, unmountOnExit: true, appear: true },
|
|
49
|
+
React.createElement(BaseOverlay, __assign({}, props, { ref: cssTransitionNodeRef, overrides: overrides }))));
|
|
48
50
|
};
|
|
49
51
|
export var Overlay = withOwnTheme(ThemlessOverlay)({
|
|
50
52
|
defaults: defaults,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAK,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,mBAAmB,CAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../src/overlay/overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAK,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAWrD,4FAA4F;AAC5F,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,gNAAiC,2HAQ7D,EAA6B,SAE7B,EAAgD,KACnD,KAHG,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC,EAE7B,mBAAmB,CAAC,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CACnD,CAAC;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,UAAC,KAAK,EAAE,aAAa;IACrB,iBAAiB,EAAE,CAAC;IAEpB,OAAO,oBAAC,aAAa,4BAAa,SAAS,EAAC,GAAG,EAAE,aAAa,IAAM,KAAK,EAAI,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,IAAM,eAAe,GAA2B,UAAC,EAIhD;IAHC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,cAHuC,qBAIhD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,8HAA8H;IAC9H,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,qBAAqB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EACjE,UAAU,EAAC,YAAY,EACvB,YAAY,QACZ,aAAa,QACb,MAAM;QAEN,oBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,SAAS,IACpB,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgJ/B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAGlB,CAAC"}
|
package/esm/popover/popover.js
CHANGED
|
@@ -34,7 +34,7 @@ import { deepMerge } from '../utils';
|
|
|
34
34
|
import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
|
|
35
35
|
import { filterOutFalsyProperties } from '../utils/filter-object';
|
|
36
36
|
var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
37
|
-
var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement"]);
|
|
37
|
+
var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, _e = _a.disableFocusManagement, disableFocusManagement = _e === void 0 ? false : _e, _f = _a.dismissOnBlur, dismissOnBlur = _f === void 0 ? false : _f, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss", "disableFocusManagement", "dismissOnBlur"]);
|
|
38
38
|
var buildContextAriaAttributes = function (_a) {
|
|
39
39
|
var _b = _a.floating, id = _b.id, open = _b.open;
|
|
40
40
|
return ({
|
|
@@ -63,9 +63,14 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
if (!content) {
|
|
64
64
|
return children;
|
|
65
65
|
}
|
|
66
|
-
return (React.createElement(BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a) {
|
|
66
|
+
return (React.createElement(BaseFloatingElement, __assign({ ref: ref, path: "popover", content: function (_a, _b) {
|
|
67
67
|
var onClick = _a.onClick;
|
|
68
|
-
|
|
68
|
+
var onOpenChange = _b.onOpenChange;
|
|
69
|
+
return (React.createElement(StyledPopoverInnerPanel, { closePosition: closePosition, onBlur: function () {
|
|
70
|
+
if (dismissOnBlur) {
|
|
71
|
+
onOpenChange(false);
|
|
72
|
+
}
|
|
73
|
+
} },
|
|
69
74
|
header !== undefined && (React.createElement(StyledPopoverHeader, { id: headerId, "data-testid": "header-text", overrides: overrides }, header)),
|
|
70
75
|
React.createElement(StyledPopoverContent, { overrides: overrides }, content),
|
|
71
76
|
closePosition !== 'none' && (React.createElement(StyledPopoverCloseButtonContainer, { overrides: overrides, closePosition: closePosition },
|
|
@@ -76,7 +81,7 @@ var ThemelessPopover = React.forwardRef(function (_a, ref) {
|
|
|
76
81
|
}
|
|
77
82
|
}, eventOriginator: "popover-close", "data-testid": "close-button", "aria-label": "close", overrides: closeButtonOverrides, size: "medium" },
|
|
78
83
|
React.createElement(IconFilledClose, null))))));
|
|
79
|
-
}, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement }, props), children));
|
|
84
|
+
}, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides, disableFocusManagement: disableFocusManagement, dismissOnBlur: dismissOnBlur }, props), children));
|
|
80
85
|
});
|
|
81
86
|
export var Popover = withOwnTheme(ThemelessPopover)({
|
|
82
87
|
defaults: defaults,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,eAAe,IAAI,yBAAyB,GAC7C,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gDAAgD,CAAC;AAEnF,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EACL,iCAAiC,EACjC,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAiB,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,UACE,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"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"}
|
package/esm/select/defaults.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ declare const _default: {
|
|
|
30
30
|
stylePreset: string;
|
|
31
31
|
maxHeight: string;
|
|
32
32
|
spaceInset: string;
|
|
33
|
+
zIndex: string;
|
|
33
34
|
};
|
|
34
35
|
modal: {
|
|
35
36
|
panel: {
|
|
@@ -67,6 +68,7 @@ declare const _default: {
|
|
|
67
68
|
stylePreset: string;
|
|
68
69
|
maxHeight: string;
|
|
69
70
|
spaceInset: string;
|
|
71
|
+
zIndex: string;
|
|
70
72
|
};
|
|
71
73
|
modal: {
|
|
72
74
|
panel: {
|
|
@@ -104,6 +106,7 @@ declare const _default: {
|
|
|
104
106
|
stylePreset: string;
|
|
105
107
|
maxHeight: string;
|
|
106
108
|
spaceInset: string;
|
|
109
|
+
zIndex: string;
|
|
107
110
|
};
|
|
108
111
|
modal: {
|
|
109
112
|
panel: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA2JE"}
|
package/esm/select/defaults.js
CHANGED
|
@@ -31,6 +31,7 @@ export default {
|
|
|
31
31
|
stylePreset: 'selectPanel',
|
|
32
32
|
maxHeight: '184px',
|
|
33
33
|
spaceInset: 'spaceInset020',
|
|
34
|
+
zIndex: 'layer',
|
|
34
35
|
},
|
|
35
36
|
modal: {
|
|
36
37
|
panel: {
|
|
@@ -69,6 +70,7 @@ export default {
|
|
|
69
70
|
stylePreset: 'selectPanel',
|
|
70
71
|
maxHeight: '272px',
|
|
71
72
|
spaceInset: 'spaceInset020',
|
|
73
|
+
zIndex: 'layer',
|
|
72
74
|
},
|
|
73
75
|
modal: {
|
|
74
76
|
panel: {
|
|
@@ -107,6 +109,7 @@ export default {
|
|
|
107
109
|
stylePreset: 'selectPanel',
|
|
108
110
|
maxHeight: '360px',
|
|
109
111
|
spaceInset: 'spaceInset020',
|
|
112
|
+
zIndex: 'layer',
|
|
110
113
|
},
|
|
111
114
|
modal: {
|
|
112
115
|
panel: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,WAAW,EAAE,YAAY;gBACzB,SAAS,EAAE,WAAW;gBACtB,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,eAAe;gBAC3B,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,gBAAgB;gBAClC,2HAA2H;gBAC3H,QAAQ,EAAE,aAAa;gBACvB,aAAa,EAAE;oBACb,IAAI,EAAE,aAAa;iBACpB;gBACD,gBAAgB,EAAE;oBAChB,WAAW,EAAE,uCAAuC;iBACrD;gBACD,aAAa,EAAE;oBACb,WAAW,EAAE,UAAU;oBACvB,QAAQ,EAAE,aAAa;iBACxB;gBACD,WAAW,EAAE;oBACX,WAAW,EAAE,UAAU;oBACvB,QAAQ,EAAE,aAAa;iBACxB;aACF;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,UAAU;gBACtB,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,OAAO;gBAClB,UAAU,EAAE,eAAe;
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,6 @@ import { ModalProps } from '../modal';
|
|
|
4
4
|
import { Override } from '../utils/overrides';
|
|
5
5
|
interface SelectPanelProps {
|
|
6
6
|
isOpen: boolean;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
7
|
top: number;
|
|
10
8
|
left: number;
|
|
11
9
|
size: ButtonSelectSize;
|
|
@@ -17,6 +15,8 @@ interface SelectPanelProps {
|
|
|
17
15
|
renderInModal: boolean;
|
|
18
16
|
buttonRef: React.RefObject<HTMLButtonElement>;
|
|
19
17
|
closeMenu: Function;
|
|
18
|
+
strategy: 'fixed' | 'absolute';
|
|
19
|
+
zIndex: string;
|
|
20
20
|
}
|
|
21
21
|
export declare const StyledOptionWithPrivateProps: React.ForwardRefExoticComponent<Pick<SelectOptionProps & StyledOptionPrivateProps, "$size" | "$focused" | "$selected" | keyof SelectOptionProps> & React.RefAttributes<HTMLDivElement>>;
|
|
22
22
|
export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,4BAA4B,yLAoCvC,CAAC;AAEH,eAAO,MAAM,WAAW,yFAgGvB,CAAC;AAEF,UAAU,wBAAwB;IAChC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -42,7 +42,7 @@ export var StyledOptionWithPrivateProps = React.forwardRef(function (props, inpu
|
|
|
42
42
|
$selected && (React.createElement(StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || React.createElement(IconFilledCheck, { overrides: { size: iconSize } })))));
|
|
43
43
|
});
|
|
44
44
|
export var SelectPanel = React.forwardRef(function (props, panelRef) {
|
|
45
|
-
var isOpen = props.isOpen,
|
|
45
|
+
var isOpen = props.isOpen, top = props.top, left = props.left, size = props.size, children = props.children, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, strategy = props.strategy, zIndex = props.zIndex, restProps = __rest(props, ["isOpen", "top", "left", "size", "children", "buttonRef", "renderInModal", "closeMenu", "overrides", "strategy", "zIndex"]);
|
|
46
46
|
var listDescriptionId = useReactKeys(1)[0];
|
|
47
47
|
var theme = useTheme();
|
|
48
48
|
var modalOverrides = getModalOverrides({
|
|
@@ -65,20 +65,20 @@ export var SelectPanel = React.forwardRef(function (props, panelRef) {
|
|
|
65
65
|
}), ModalComponent = _a[0], modalProps = _a[1];
|
|
66
66
|
return (React.createElement(ModalComponent, __assign({}, modalProps),
|
|
67
67
|
screenReaderOnlyMessage,
|
|
68
|
-
React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
|
|
68
|
+
React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", className: "modal-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
|
|
69
69
|
// set tabIndex to 0 so that user can return to the element
|
|
70
70
|
// when before that moves to Close / Other focusable elements inside the modal
|
|
71
71
|
e.target.setAttribute('tabIndex', '0');
|
|
72
72
|
} }), optionsAsChildren)));
|
|
73
73
|
}
|
|
74
|
-
var x = Math.floor(left);
|
|
75
|
-
var y = Math.floor((top || 0) + (height || 0));
|
|
76
74
|
return (React.createElement(React.Fragment, null,
|
|
77
75
|
screenReaderOnlyMessage,
|
|
78
|
-
React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$
|
|
76
|
+
React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, zIndex: zIndex }, restProps, { style: {
|
|
79
77
|
// inline styles are faster since emotion does not have to create a new css class
|
|
80
78
|
// and apply it to the element on every scroll change
|
|
81
|
-
|
|
79
|
+
top: Math.round(top),
|
|
80
|
+
left: Math.round(left),
|
|
81
|
+
position: strategy,
|
|
82
82
|
} }), optionsAsChildren)));
|
|
83
83
|
});
|
|
84
84
|
//# sourceMappingURL=select-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,KAAK,EAAa,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,qBAAqB,EAAW,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAmB1C,IAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,IAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAG1D,UAAC,KAAK,EAAE,QAAQ;IACT,IAAA,KAAK,GAAkD,KAAK,MAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;IAEpE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,QAAQ,CACvB,EAAC,KAAK,OAAA,EAAC,EACP,uBAAgB,KAAK,UAAO,EAC5B,EAAE,EACF,UAAU,CACX,CAAC;IAEF,IAAM,iBAAiB,GAAG,QAAQ,CAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,uBAAgB,KAAK,CAAE,EACvB,EAAE,EACF,aAAa,CACd,CAAC;IAEK,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAU;IACzB,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK,IAAE,GAAG,EAAE,QAAQ,kBAAgB,iBAAiB;QACrE,iCAAM,QAAQ,CAAO;QACpB,SAAS,IAAI,CACZ,oBAAC,gBAAgB,aACR,KAAK,eACD,SAAS,cACV,QAAQ,IAEjB,YAAY,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAI,CAChD,CACpB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,KAAK,EAAE,QAAQ;IAEZ,IAAA,MAAM,GAYJ,KAAK,OAZD,EACN,
|
|
1
|
+
{"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AA0TvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
|