@laerdal/life-react-components 3.0.1-dev.2 → 3.0.1-dev.20.full
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/Accordion/AccordionItem.cjs +2 -2
- package/dist/Accordion/AccordionItem.cjs.map +1 -1
- package/dist/Accordion/AccordionItem.js +3 -3
- package/dist/Accordion/AccordionItem.js.map +1 -1
- package/dist/Accordion/index.cjs +46 -4
- package/dist/Accordion/index.cjs.map +1 -1
- package/dist/Accordion/index.d.ts +4 -1
- package/dist/Accordion/index.js +4 -1
- package/dist/Accordion/index.js.map +1 -1
- package/dist/Accordion/styles.cjs +6 -6
- package/dist/Accordion/styles.cjs.map +1 -1
- package/dist/Accordion/styles.d.ts +2 -2
- package/dist/Accordion/styles.js +3 -3
- package/dist/Accordion/styles.js.map +1 -1
- package/dist/AuthPage/AuthPage.cjs +4 -3
- package/dist/AuthPage/AuthPage.cjs.map +1 -1
- package/dist/AuthPage/AuthPage.d.ts +2 -1
- package/dist/AuthPage/AuthPage.js +2 -2
- package/dist/AuthPage/AuthPage.js.map +1 -1
- package/dist/AuthPage/index.cjs +31 -3
- package/dist/AuthPage/index.cjs.map +1 -1
- package/dist/AuthPage/index.d.ts +4 -3
- package/dist/AuthPage/index.js +4 -3
- package/dist/AuthPage/index.js.map +1 -1
- package/dist/Banners/Banner.cjs +16 -11
- package/dist/Banners/Banner.cjs.map +1 -1
- package/dist/Banners/Banner.d.ts +33 -1
- package/dist/Banners/Banner.js +10 -10
- package/dist/Banners/Banner.js.map +1 -1
- package/dist/Banners/OverviewBanner.cjs +7 -5
- package/dist/Banners/OverviewBanner.cjs.map +1 -1
- package/dist/Banners/OverviewBanner.d.ts +8 -2
- package/dist/Banners/OverviewBanner.js +4 -4
- package/dist/Banners/OverviewBanner.js.map +1 -1
- package/dist/Banners/index.cjs +31 -3
- package/dist/Banners/index.cjs.map +1 -1
- package/dist/Banners/index.d.ts +4 -3
- package/dist/Banners/index.js +4 -5
- package/dist/Banners/index.js.map +1 -1
- package/dist/Breadcrumb/Breadcrumb.cjs +2 -2
- package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
- package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/dist/Breadcrumb/Breadcrumb.js +3 -3
- package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/Breadcrumb/index.cjs +42 -2
- package/dist/Breadcrumb/index.cjs.map +1 -1
- package/dist/Breadcrumb/index.d.ts +3 -0
- package/dist/Breadcrumb/index.js +3 -0
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Breadcrumb/styles.cjs +5 -5
- package/dist/Breadcrumb/styles.cjs.map +1 -1
- package/dist/Breadcrumb/styles.d.ts +2 -2
- package/dist/Breadcrumb/styles.js +2 -2
- package/dist/Breadcrumb/styles.js.map +1 -1
- package/dist/Button/BackButton.cjs +2 -2
- package/dist/Button/BackButton.cjs.map +1 -1
- package/dist/Button/BackButton.d.ts +1 -1
- package/dist/Button/BackButton.js +2 -2
- package/dist/Button/BackButton.js.map +1 -1
- package/dist/Button/DualFunctionButton.cjs +3 -3
- package/dist/Button/DualFunctionButton.cjs.map +1 -1
- package/dist/Button/DualFunctionButton.js +4 -4
- package/dist/Button/DualFunctionButton.js.map +1 -1
- package/dist/Button/Iconbutton.cjs +10 -10
- package/dist/Button/Iconbutton.cjs.map +1 -1
- package/dist/Button/Iconbutton.d.ts +1 -1
- package/dist/Button/Iconbutton.js +8 -8
- package/dist/Button/Iconbutton.js.map +1 -1
- package/dist/Button/index.cjs +57 -5
- package/dist/Button/index.cjs.map +1 -1
- package/dist/Button/index.d.ts +4 -0
- package/dist/Button/index.js +4 -0
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/VerticalCard/Card.cjs +7 -7
- package/dist/Card/VerticalCard/Card.cjs.map +1 -1
- package/dist/Card/VerticalCard/Card.d.ts +2 -2
- package/dist/Card/VerticalCard/Card.js +4 -4
- package/dist/Card/VerticalCard/Card.js.map +1 -1
- package/dist/Card/VerticalCard/CardBottomSection.cjs +21 -21
- package/dist/Card/VerticalCard/CardBottomSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardBottomSection.d.ts +7 -7
- package/dist/Card/VerticalCard/CardBottomSection.js +13 -13
- package/dist/Card/VerticalCard/CardBottomSection.js.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.cjs +11 -11
- package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.d.ts +3 -3
- package/dist/Card/VerticalCard/CardMiddleSection.js +7 -7
- package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
- package/dist/Card/VerticalCard/CardTopSection.cjs +13 -13
- package/dist/Card/VerticalCard/CardTopSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardTopSection.d.ts +4 -4
- package/dist/Card/VerticalCard/CardTopSection.js +8 -8
- package/dist/Card/VerticalCard/CardTopSection.js.map +1 -1
- package/dist/Chips/index.cjs +19 -0
- package/dist/Chips/index.cjs.map +1 -1
- package/dist/Chips/index.d.ts +1 -0
- package/dist/Chips/index.js +1 -0
- package/dist/Chips/index.js.map +1 -1
- package/dist/Dropdown/BasicDropdown.cjs +3 -3
- package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
- package/dist/Dropdown/BasicDropdown.d.ts +5 -5
- package/dist/Dropdown/BasicDropdown.js +4 -4
- package/dist/Dropdown/BasicDropdown.js.map +1 -1
- package/dist/Dropdown/CommonStyling.cjs +19 -19
- package/dist/Dropdown/CommonStyling.cjs.map +1 -1
- package/dist/Dropdown/CommonStyling.d.ts +9 -9
- package/dist/Dropdown/CommonStyling.js +9 -9
- package/dist/Dropdown/CommonStyling.js.map +1 -1
- package/dist/Dropdown/DropdownButton.cjs +9 -8
- package/dist/Dropdown/DropdownButton.cjs.map +1 -1
- package/dist/Dropdown/DropdownButton.d.ts +1 -0
- package/dist/Dropdown/DropdownButton.js +8 -8
- package/dist/Dropdown/DropdownButton.js.map +1 -1
- package/dist/Dropdown/DropdownContent.cjs +18 -16
- package/dist/Dropdown/DropdownContent.cjs.map +1 -1
- package/dist/Dropdown/DropdownContent.d.ts +10 -1
- package/dist/Dropdown/DropdownContent.js +15 -15
- package/dist/Dropdown/DropdownContent.js.map +1 -1
- package/dist/Dropdown/DropdownFilter.cjs +3 -3
- package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
- package/dist/Dropdown/DropdownFilter.d.ts +1 -1
- package/dist/Dropdown/DropdownFilter.js +4 -4
- package/dist/Dropdown/DropdownFilter.js.map +1 -1
- package/dist/Dropdown/index.cjs +57 -5
- package/dist/Dropdown/index.cjs.map +1 -1
- package/dist/Dropdown/index.d.ts +4 -0
- package/dist/Dropdown/index.js +4 -0
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/InputFields/DatepickerField.cjs +80 -4
- package/dist/InputFields/DatepickerField.cjs.map +1 -1
- package/dist/InputFields/DatepickerField.d.ts +2 -0
- package/dist/InputFields/DatepickerField.js +80 -4
- package/dist/InputFields/DatepickerField.js.map +1 -1
- package/dist/InputFields/NumberField.cjs +1 -1
- package/dist/InputFields/NumberField.cjs.map +1 -1
- package/dist/InputFields/NumberField.js +1 -1
- package/dist/InputFields/NumberField.js.map +1 -1
- package/dist/ProfileButton/ProfileButton.cjs +1 -1
- package/dist/ProfileButton/ProfileButton.cjs.map +1 -1
- package/dist/ProfileButton/ProfileButton.js +2 -2
- package/dist/ProfileButton/ProfileButton.js.map +1 -1
- package/dist/Table/Table.cjs +18 -6
- package/dist/Table/Table.cjs.map +1 -1
- package/dist/Table/Table.js +18 -6
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/TableBody.cjs +6 -4
- package/dist/Table/TableBody.cjs.map +1 -1
- package/dist/Table/TableBody.js +6 -4
- package/dist/Table/TableBody.js.map +1 -1
- package/dist/Table/TableStyles.cjs +4 -1
- package/dist/Table/TableStyles.cjs.map +1 -1
- package/dist/Table/TableStyles.d.ts +3 -1
- package/dist/Table/TableStyles.js +4 -1
- package/dist/Table/TableStyles.js.map +1 -1
- package/dist/Table/TableTypes.cjs.map +1 -1
- package/dist/Table/TableTypes.d.ts +2 -0
- package/dist/Table/TableTypes.js.map +1 -1
- package/dist/Toggles/ToggleButton.cjs +3 -2
- package/dist/Toggles/ToggleButton.cjs.map +1 -1
- package/dist/Toggles/ToggleButton.js +4 -3
- package/dist/Toggles/ToggleButton.js.map +1 -1
- package/dist/Toggles/ToggleSwitch.cjs +3 -0
- package/dist/Toggles/ToggleSwitch.cjs.map +1 -1
- package/dist/Toggles/ToggleSwitch.js +3 -0
- package/dist/Toggles/ToggleSwitch.js.map +1 -1
- package/dist/Toggles/TogglerStyles.cjs +5 -10
- package/dist/Toggles/TogglerStyles.cjs.map +1 -1
- package/dist/Toggles/TogglerStyles.js +5 -7
- package/dist/Toggles/TogglerStyles.js.map +1 -1
- package/dist/Tooltips/TooltipStyles.cjs +1 -1
- package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
- package/dist/Tooltips/TooltipStyles.js +1 -1
- package/dist/Tooltips/TooltipStyles.js.map +1 -1
- package/dist/styles/z-indexes.cjs +1 -0
- package/dist/styles/z-indexes.cjs.map +1 -1
- package/dist/styles/z-indexes.d.ts +1 -0
- package/dist/styles/z-indexes.js +1 -0
- package/dist/styles/z-indexes.js.map +1 -1
- package/package.json +2 -2
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.default = exports.
|
|
7
|
+
exports.default = exports.DropdownContentListContainer = exports.DropdownContentItemsContainer = exports.DropdownContentContainer = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
@@ -27,12 +27,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
27
27
|
var MAX_MENU_HEIGHT = 240;
|
|
28
28
|
var AVG_OPTION_HEIGHT = 48;
|
|
29
29
|
var OFFSET_BEFORE_SHOW = 1000000;
|
|
30
|
-
var
|
|
30
|
+
var DropdownContentContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: none;\n pointer-events: auto;\n position: absolute;\n background-color: ", ";\n\n z-index: ", ";\n margin: ", ";\n\n &.show {\n display: flex;\n flex-direction: column;\n justify-content: center;\n &.down,\n &.up {\n ", "\n }\n }\n\n transform: translate(-", "px, -", "px);\n\n &.outline:focus:after {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 4px solid black;\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n ", ";\n\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n padding: 4px 0px;\n\n min-width: ", ";\n border-radius: ", ";\n\n max-height: ", ";\n"])), _styles.COLORS.white, _zIndexes.Z_INDEXES.dropdown, function (props) {
|
|
31
31
|
return props.isButton ? '-4px' : '4px 0px';
|
|
32
32
|
}, function (props) {
|
|
33
33
|
return "transform: translate(".concat(props.offsetLeft, ", ").concat(props.offsetTop, ");");
|
|
34
34
|
}, OFFSET_BEFORE_SHOW, OFFSET_BEFORE_SHOW, function (props) {
|
|
35
|
-
return props.isButton ? _CommonStyling.
|
|
35
|
+
return props.isButton ? _CommonStyling.DropdownContentButtonStyling : '';
|
|
36
36
|
}, _styles.COLORS.neutral_100, function (props) {
|
|
37
37
|
return props.size == _types.Size.Large ? '320px' : props.size == _types.Size.Medium ? '280px' : '240px';
|
|
38
38
|
}, function (props) {
|
|
@@ -40,9 +40,10 @@ var DDContainer = _styledComponents.default.div(_templateObject || (_templateObj
|
|
|
40
40
|
}, function (props) {
|
|
41
41
|
return !props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == _types.Size.Large ? '320px' : props.size == _types.Size.Medium ? '280px' : '240px';
|
|
42
42
|
});
|
|
43
|
-
exports.
|
|
44
|
-
var
|
|
45
|
-
|
|
43
|
+
exports.DropdownContentContainer = DropdownContentContainer;
|
|
44
|
+
var DropdownContentItemsContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n > *:hover {\n z-index: ", ";\n }\n\n > *:active,\n > *.active {\n z-index: ", ";\n }\n\n > *:focus {\n z-index: ", ";\n }\n"])), _zIndexes.Z_INDEXES.hover, _zIndexes.Z_INDEXES.active, _zIndexes.Z_INDEXES.focus);
|
|
45
|
+
exports.DropdownContentItemsContainer = DropdownContentItemsContainer;
|
|
46
|
+
var DropdownContentListContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n ", "\n ", "\n ", "\n div.divider {\n display: block;\n width: calc(100% - 40px);\n margin-left: 16px;\n border-top: 1px solid #e5e5e5;\n position: absolute;\n top: 0px;\n }\n\n ", " {\n padding-top: ", ";\n padding-bottom: ", ";\n\n word-break: break-word;\n }\n\n *:focus {\n outline: none !important;\n }\n\n ", "\n"])), function (props) {
|
|
46
47
|
return props.scrollable ? 'overflow-y: scroll;' : '';
|
|
47
48
|
}, function (props) {
|
|
48
49
|
return props.scrollable ? 'margin-right: 6px;' : '';
|
|
@@ -50,12 +51,13 @@ var ListContainer = _styledComponents.default.div(_templateObject3 || (_template
|
|
|
50
51
|
return props.scrollable ? 'padding-right: 6px;' : '';
|
|
51
52
|
}, function (props) {
|
|
52
53
|
return props.itemsType != 'normal' ? 'margin-left: 4px;' : '';
|
|
53
|
-
},
|
|
54
|
+
}, DropdownContentItemsContainer, function (props) {
|
|
54
55
|
return props.size == _types.Size.Large ? '8px' : props.size == _types.Size.Medium ? '4px' : '0px';
|
|
55
56
|
}, function (props) {
|
|
56
57
|
return props.size == _types.Size.Large ? '8px' : props.size == _types.Size.Medium ? '4px' : '0px';
|
|
57
58
|
}, (0, _styles.scrollBarStyling)(_types.Size.Small));
|
|
58
|
-
|
|
59
|
+
exports.DropdownContentListContainer = DropdownContentListContainer;
|
|
60
|
+
var DropdownContentMenuContentContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n h1,\n h2,\n h3 {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ", "\n ", "\n ", "\n padding: ", ";\n }\n\n p {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ", "\n ", "\n ", "\n padding: ", ";\n }\n"])), function (props) {
|
|
59
61
|
return props.size == _types.Size.Large && (0, _typography.ComponentXLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_500);
|
|
60
62
|
}, function (props) {
|
|
61
63
|
return props.size == _types.Size.Medium && (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_500);
|
|
@@ -75,8 +77,8 @@ var MenuContentContainer = _styledComponents.default.div(_templateObject4 || (_t
|
|
|
75
77
|
var DividerContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n\n margin-top: ", ";\n\n div.divider {\n width: 100%;\n margin: 0px;\n }\n"])), function (props) {
|
|
76
78
|
return props.size == _types.Size.Large ? '16px' : props.size == _types.Size.Medium ? '12px' : props.size == _types.Size.Small || !props.size ? '8px' : '6px';
|
|
77
79
|
});
|
|
78
|
-
var
|
|
79
|
-
var
|
|
80
|
+
var DropdownContentTopItemContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n border-bottom-style: solid;\n border-bottom-color: ", ";\n border-bottom-width: 1px;\n margin-right: 22px;\n"])), _styles.COLORS.neutral_200);
|
|
81
|
+
var DropdownContentActionButtonContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n ", "\n\n padding: ", ";\n\n button {\n width: 100%;\n }\n"])), function (props) {
|
|
80
82
|
return props.scrollable ? "border-top: 1px solid ".concat(_styles.COLORS.neutral_200, ";") : '';
|
|
81
83
|
}, function (props) {
|
|
82
84
|
return props.scrollable ? 'margin-top: 4px;' : '';
|
|
@@ -360,7 +362,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
360
362
|
var selectedFirst = selectedValues.length > 0 ? visibleItems.find(function (x) {
|
|
361
363
|
return x.value == selectedValues[0];
|
|
362
364
|
}) : null;
|
|
363
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
365
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownContentTopItemContainer, {
|
|
364
366
|
size: size,
|
|
365
367
|
children: [customizationProps.itemsType === 'radio' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.RadioButton, {
|
|
366
368
|
ref: elRefs[0],
|
|
@@ -437,7 +439,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
437
439
|
onClickHandler: function onClickHandler(e) {}
|
|
438
440
|
});
|
|
439
441
|
}
|
|
440
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
442
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownContentItemsContainer, {
|
|
441
443
|
size: size,
|
|
442
444
|
children: getFilteredItems().filter(function (x) {
|
|
443
445
|
return x && (customizationProps.itemsType != 'normal' || !x.suggestion);
|
|
@@ -514,7 +516,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
514
516
|
};
|
|
515
517
|
var cls = "".concat(isOpen ? 'show' : '', " ").concat(isOpen && outline ? 'outline' : '', " ").concat(locationDefined ? isUp ? 'up' : 'down' : '');
|
|
516
518
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Overlay, {
|
|
517
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
519
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownContentContainer, {
|
|
518
520
|
role: ariaRolesType == "menu" ? "menu" : "optionlist",
|
|
519
521
|
ref: dropdownContentRef,
|
|
520
522
|
size: size,
|
|
@@ -527,7 +529,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
527
529
|
scrollable: customizationProps.scrollable,
|
|
528
530
|
maxHeight: customizationProps.maxHeight,
|
|
529
531
|
className: cls,
|
|
530
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
532
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownContentListContainer, {
|
|
531
533
|
role: "group",
|
|
532
534
|
size: size,
|
|
533
535
|
itemsType: customizationProps.itemsType,
|
|
@@ -535,7 +537,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
535
537
|
ref: itemsListRef,
|
|
536
538
|
outline: outline,
|
|
537
539
|
scrollable: customizationProps.scrollable,
|
|
538
|
-
children: [customizationProps.menuContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
540
|
+
children: [customizationProps.menuContent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownContentMenuContentContainer, {
|
|
539
541
|
size: size,
|
|
540
542
|
children: [customizationProps.menuContent, /*#__PURE__*/(0, _jsxRuntime.jsx)(DividerContainer, {
|
|
541
543
|
size: size,
|
|
@@ -544,7 +546,7 @@ var DropdownContent = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
|
544
546
|
})
|
|
545
547
|
})]
|
|
546
548
|
}), customizationProps.pinTopItem && getTopItem(), getElements(messageOnNoResults, size)]
|
|
547
|
-
}), customizationProps.action && customizationProps.actionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
549
|
+
}), customizationProps.action && customizationProps.actionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownContentActionButtonContainer, {
|
|
548
550
|
size: size,
|
|
549
551
|
scrollable: customizationProps.scrollable,
|
|
550
552
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownContent.cjs","names":["MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DDContainer","styled","div","COLORS","white","Z_INDEXES","dropdown","props","isButton","offsetLeft","offsetTop","ButtonDropdownContentStyling","neutral_100","size","Size","Large","Medium","scrollable","maxHeight","ItemsContainer","hover","active","focus","ListContainer","itemsType","scrollBarStyling","Small","MenuContentContainer","ComponentXLStyling","ComponentTextStyle","Bold","neutral_500","ComponentLStyling","ComponentMStyling","Regular","ComponentSStyling","DividerContainer","TopItemContainer","neutral_200","ActionButtonContainer","Overlay","modal","DropdownContent","React","forwardRef","ref","id","customizationProps","alignLeft","isOpen","width","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","outline","containerRef","onActiveDescendantChanged","ariaRolesType","useState","isUp","setIsUp","locationDefined","setLocationDefined","top","left","offset","setOffset","dropdownContentRef","useRef","itemsListRef","actionButtonRef","determineDropUp","options","items","rect","current","getBoundingClientRect","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","height","up","setNewFocusedElement","index","newFocusedElement","elRefs","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","findNextActiveIndex","direction","i","disabled","handleKeyDown","e","key","preventDefault","focusedNow","arrLength","haveTopItem","undefined","target","focusedElement","click","useEffect","document","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","createRef","setElRefs","Array","fill","map","_","pinTopItem","multiSelect","getSuggestions","suggestion","elRef","blur","observer","IntersectionObserver","entries","isIntersecting","activeElement","threshold","rootMargin","observe","calculateOffset","disconnect","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","visibleItems","allSelected","some","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","customContent","style","cls","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"sources":["../../src/Dropdown/DropdownContent.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport styled, { css } from 'styled-components';\nimport Button from '../Button/Button';\nimport { Size } from '../types';\nimport { ButtonDropdownContentStyling } from './CommonStyling';\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\nimport { Checkbox, RadioButton } from '../InputFields';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\nimport { defaultOnMouseDownHandler } from '../common';\nimport ReactDOM from 'react-dom';\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\nconst OFFSET_BEFORE_SHOW = 1000000;\n\nexport const DDContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n display: none;\n pointer-events: auto;\n position: absolute;\n background-color: ${COLORS.white};\n\n z-index: ${Z_INDEXES.dropdown};\n margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\n\n &.show {\n display: flex;\n flex-direction: column;\n justify-content: center;\n &.down,\n &.up {\n ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\n }\n }\n\n transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\n\n &.outline:focus:after {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 4px solid black;\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n ${(props) => (props.isButton ? ButtonDropdownContentStyling : '')};\n\n border: 1px solid ${COLORS.neutral_100};\n box-sizing: border-box;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n padding: 4px 0px;\n\n min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\n\n max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n`;\n\nconst ItemsContainer = styled.div<{ size?: Size }>`\n > *:hover {\n z-index: ${Z_INDEXES.hover};\n }\n\n > *:active,\n > *.active {\n z-index: ${Z_INDEXES.active};\n }\n\n > *:focus {\n z-index: ${Z_INDEXES.focus};\n }\n`;\n\nconst ListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\n ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\n ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\n ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\n ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\n div.divider {\n display: block;\n width: calc(100% - 40px);\n margin-left: 16px;\n border-top: 1px solid #e5e5e5;\n position: absolute;\n top: 0px;\n }\n\n ${ItemsContainer} {\n padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n\n word-break: break-word;\n }\n\n *:focus {\n outline: none !important;\n }\n\n ${scrollBarStyling(Size.Small)}\n`;\n\nconst MenuContentContainer = styled.div<{ size?: Size }>`\n h1,\n h2,\n h3 {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\n }\n\n p {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\n }\n`;\n\nconst DividerContainer = styled.div<{ size?: Size }>`\n position: relative;\n\n margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\n\n div.divider {\n width: 100%;\n margin: 0px;\n }\n`;\n\nconst TopItemContainer = styled.div<{ size?: Size }>`\n border-bottom-style: solid;\n border-bottom-color: ${COLORS.neutral_200};\n border-bottom-width: 1px;\n margin-right: 22px;\n`;\n\nconst ActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\n ${(props) => (props.scrollable ? `border-top: 1px solid ${COLORS.neutral_200};` : '')}\n ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\n\n padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\n\n button {\n width: 100%;\n }\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: ${Z_INDEXES.modal};\n`;\n\nexport interface DropdownItem {\n value: string;\n displayLabel?: string;\n noteLabel?: string;\n suggestion?: boolean;\n showDividerAbove?: boolean;\n disabled?: boolean;\n locked?: boolean;\n icon?: React.ReactNode;\n customContent?: React.ReactNode;\n}\n\nexport interface DropdownCustomizationProps {\n itemsType?: 'radio' | 'checkbox' | 'normal';\n menuContent?: React.ReactNode;\n scrollable?: boolean;\n multiSelect?: boolean;\n maxHeight?: string;\n actionLabel?: string;\n actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\n actionIcon?: React.ReactNode;\n actionLoading?: boolean;\n actionDisabled?: boolean;\n action: () => boolean | void | undefined;\n pinTopItem?: boolean;\n onValueUpdate: (values: string[]) => boolean | void | undefined;\n items: DropdownItem[];\n}\n\nexport interface DropdownProps {\n isButton: boolean;\n customizationProps: DropdownCustomizationProps;\n alignLeft?: boolean;\n isOpen: boolean;\n setIsOpen: (open: boolean) => void;\n size?: Size;\n id: string;\n filter: string;\n width?: string;\n onActiveDescendantChanged?: (descendantId?: string) => void;\n selectedValues: string[];\n setSelectedValues: (val: string[]) => void;\n messageOnNoResults: string;\n focused: number | null;\n setFocused: (focused: number | null) => void;\n outline?: boolean;\n containerRef: React.RefObject<HTMLDivElement>;\n ariaRolesType?: 'input' | 'menu';\n}\n\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n customizationProps,\n alignLeft,\n isButton,\n size,\n isOpen,\n width,\n setIsOpen,\n filter,\n focused,\n setFocused,\n selectedValues,\n setSelectedValues,\n messageOnNoResults,\n outline,\n containerRef,\n onActiveDescendantChanged,\n ariaRolesType = 'menu',\n },\n ref,\n ) => {\n const [isUp, setIsUp] = React.useState<boolean>(false);\n const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\n const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\n\n const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\n\n if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\n if (!size) size = Size.Small;\n\n const itemsListRef = React.useRef<HTMLDivElement>(null);\n const actionButtonRef = React.useRef<HTMLButtonElement>(null);\n\n const determineDropUp = () => {\n const options = customizationProps.items;\n\n const rect = containerRef.current!.getBoundingClientRect();\n\n const windowHeight = window.innerHeight;\n const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n const instOffsetWithMenu = rect.top + rect.height + menuHeight;\n\n const up = instOffsetWithMenu >= windowHeight;\n\n setOffset({\n top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\n left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\n });\n\n setIsUp(up);\n setLocationDefined(true);\n };\n\n const setNewFocusedElement = (index: number) => {\n if (outline) dropdownContentRef.current?.focus();\n\n const newFocusedElement = elRefs[index];\n if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\n\n const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\n if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n setFocused(index);\n oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n newFocusedElement.current?.classList.add('dropdown-hover');\n newFocusedElement.current?.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n };\n\n const getFilteredItems = () => {\n const filtrationString = (filter ?? '').toUpperCase();\n return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\n };\n\n const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\n for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\n if (!items[i - 1]?.disabled) {\n return i;\n }\n }\n\n return index;\n };\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (isOpen) {\n if (e.key === 'ArrowUp' || e.key === 'Up') {\n e.preventDefault();\n let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\n if (!!focusedNow) {\n focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\n\n setNewFocusedElement(focusedNow);\n }\n } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n e.preventDefault();\n let focusedNow = focused;\n\n focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\n\n setNewFocusedElement(focusedNow);\n } else if (e.key === 'Escape' || e.key === 'Esc') {\n setIsOpen(false);\n setFocused(null);\n if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\n e.preventDefault();\n const focusedElement = elRefs[focused];\n if (focusedElement) {\n focusedElement.current?.click();\n }\n if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n }\n }\n };\n\n React.useEffect(() => {\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n const scrollPosition = React.useRef<number | undefined>(0);\n const handleScroll = () => {\n scrollPosition.current = itemsListRef.current?.scrollTop;\n };\n React.useLayoutEffect(() => {\n if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\n }, [selectedValues]);\n\n const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\n switch (customizationProps.itemsType) {\n case 'normal':\n return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\n default:\n return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\n }\n };\n\n const arrLength = getFilteredItems().length;\n const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n\n React.useEffect(() => {\n if (elRefs?.length !== arrLength) {\n setFocused(null);\n }\n\n setElRefs((elRefs) =>\n Array(arrLength + 1)\n .fill(null)\n .map((_, i) => getCorrectRef(elRefs[i])),\n );\n }, [isOpen, arrLength]);\n\n React.useLayoutEffect(() => {\n isOpen && !locationDefined && determineDropUp();\n }, [isOpen, locationDefined]);\n\n const haveTopItem = () => {\n if (!customizationProps.pinTopItem) return false;\n\n if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\n else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\n else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\n return false;\n };\n\n const getSuggestions = () => {\n return getFilteredItems().filter((x) => x.suggestion);\n };\n\n /**\n * when dropdown opens set correct position of focused item\n * */\n React.useLayoutEffect(() => {\n if (isOpen && (focused || focused === 0)) {\n setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\n }\n }, [isOpen, focused]);\n\n /**\n * Reset dropdown content state on close\n * */\n React.useEffect(() => {\n if (!isOpen) {\n setLocationDefined(false);\n for (let elRef of elRefs) {\n elRef.current?.classList.remove('dropdown-hover');\n }\n setFocused(null);\n if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n dropdownContentRef.current?.classList.remove('outline');\n dropdownContentRef.current?.blur();\n } else {\n if (outline) {\n dropdownContentRef.current?.classList.add('outline');\n dropdownContentRef.current?.focus();\n }\n }\n }, [isOpen, dropdownContentRef, focused, outline]);\n\n /**\n * Scroll item container to top when dropdown opens\n * */\n React.useEffect(() => {\n if (isOpen && itemsListRef.current) {\n itemsListRef.current.scrollTop = 0;\n }\n }, [isOpen]);\n\n React.useEffect(() => {\n if (isOpen) {\n const observer = new IntersectionObserver(function (entries) {\n if (!entries[0].isIntersecting) {\n setIsOpen(false);\n //@ts-ignore\n document?.activeElement?.blur();\n }\n }, {threshold: [0], rootMargin: '8px'});\n\n observer.observe(containerRef.current!);\n\n calculateOffset();\n window.addEventListener('scroll', calculateOffset, true);\n window.addEventListener('resize', calculateOffset);\n\n return () => {\n observer.disconnect();\n window.removeEventListener('scroll', calculateOffset, true);\n window.removeEventListener('resize', calculateOffset);\n }\n }\n return () => {};\n }, [isOpen]);\n\n const handleItemClick = (selected: boolean, item: DropdownItem) => {\n let newValue: string[] = [];\n if (customizationProps.multiSelect) {\n if (selected) newValue = [...selectedValues, item.value];\n else newValue = selectedValues.filter((x) => x != item.value);\n } else newValue = selected ? [item.value] : [];\n\n setSelectedValues(newValue);\n if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\n setIsOpen(false);\n }\n };\n\n const getTopItem = () => {\n if (!customizationProps.pinTopItem) return;\n const visibleItems = getFilteredItems();\n const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\n let showTopItem = false;\n const suggestions = getSuggestions();\n const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\n if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\n else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\n else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\n\n if (!showTopItem) return;\n\n const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\n\n return (\n <TopItemContainer size={size}>\n {customizationProps.itemsType === 'radio' && (\n <RadioButton\n ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n role='menuitemradio'\n iconPointerEventsTransparent={true}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n tabIndexVal={-1}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n select={() => {}}\n label={selectedFirst?.displayLabel ?? selectedFirst?.value}\n size={size}\n id={`${id}_topitem`}\n selected={true}\n />\n )}\n {customizationProps.itemsType === 'checkbox' && (\n <Checkbox\n ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n role='menuitemcheckbox'\n tabIndexVal={-1}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n select={(selected: boolean) => {\n if (!customizationProps.multiSelect) return;\n\n const newValues = selected ? visibleItems.map((x) => x.value) : [];\n setSelectedValues(newValues);\n if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\n }}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n iconPointerEventsTransparent={true}\n semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\n size={size}\n id={`${id}_checkbox_selectall`}\n label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\n selected={!customizationProps.multiSelect || allSelected}\n />\n )}\n {customizationProps.itemsType === 'normal' && (\n <>\n {suggestions.map((x) => (\n <MenuItem\n role={ariaRolesType == 'input' ? 'option' : 'menu'} \n key={`${id}_topitem_${x.value}`}\n item={x}\n size={size}\n active={false}\n tabIndex={-1}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\n id={`${id}_topitem`}\n onClickHandler={(e: any) => {\n e.stopPropagation();\n customizationProps.onValueUpdate([x.value]);\n setSelectedValues([x.value]);\n setIsOpen(false);\n setFocused(null);\n }}\n />\n ))}\n </>\n )}\n </TopItemContainer>\n );\n };\n\n const getElements = (messageOnNoResults: string, size: Size) => {\n if (getFilteredItems().length === 0) {\n return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\n }\n return (\n <ItemsContainer size={size}>\n {getFilteredItems()\n .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n .map((item, index) => {\n return (\n <React.Fragment key={`key_${id}_${item.value}`}>\n {item.customContent}\n {!item.customContent && customizationProps.itemsType == 'radio' && (\n <RadioButton\n role='menuitemradio'\n select={(selected: boolean) => handleItemClick(selected, item)}\n ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n size={size}\n tabIndexVal={-1}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n iconPointerEventsTransparent={true}\n disabled={item?.disabled}\n key={`key_${id}_${index + 1}`}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n id={`${id}_${index + 1}`}\n label={item.displayLabel ?? item.value}\n selected={selectedValues?.includes(item.value)}\n />\n )}\n {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n <Checkbox\n role='menuitemcheckbox'\n select={(selected: boolean) => handleItemClick(selected, item)}\n iconPointerEventsTransparent={true}\n disabled={item?.disabled}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n size={size}\n tabIndexVal={-1}\n key={`key_${id}_${index + 1}`}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n id={`${id}_${index + 1}`}\n label={item.displayLabel ?? item.value}\n selected={selectedValues?.includes(item.value)}\n />\n )}\n {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\n <MenuItem\n role={ariaRolesType == 'input' ? 'option' : 'menu'} \n key={`key_${id}_${index + 1}`}\n id={`${id}_${index + 1}`}\n item={item}\n tabIndex={-1}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n size={size}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n active={selectedValues?.includes(item.value)}\n ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\n onClickHandler={(e: any) => {\n e.stopPropagation();\n customizationProps.onValueUpdate([item.value]);\n setSelectedValues([item.value]);\n setIsOpen(false);\n setFocused(null);\n }}\n />\n )}\n </React.Fragment>\n );\n })}\n </ItemsContainer>\n );\n };\n\n const calculateOffset = () => {\n const rect = containerRef?.current?.getBoundingClientRect();\n if (rect) {\n dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\n dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\n dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\n }\n determineDropUp();\n };\n\n const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\n\n return (\n <Overlay>\n <DDContainer\n role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\n ref={dropdownContentRef}\n size={size}\n offsetTop={offset.top}\n id={id}\n offsetLeft={offset.left}\n tabIndex={-1}\n isButton={isButton}\n alignLeft={alignLeft}\n scrollable={customizationProps.scrollable}\n maxHeight={customizationProps.maxHeight}\n className={cls}>\n <ListContainer\n role=\"group\"\n size={size}\n itemsType={customizationProps.itemsType}\n onScroll={handleScroll}\n ref={itemsListRef}\n outline={outline}\n scrollable={customizationProps.scrollable}>\n {customizationProps.menuContent && (\n <MenuContentContainer size={size}>\n {customizationProps.menuContent}\n <DividerContainer size={size}>\n <div className=\"divider\" />\n </DividerContainer>\n </MenuContentContainer>\n )}\n {customizationProps.pinTopItem && getTopItem()}\n {getElements(messageOnNoResults, size)}\n </ListContainer>\n {customizationProps.action && customizationProps.actionLabel && (\n <ActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n <Button\n width=\"100%\"\n role=\"menuitem\"\n icon={customizationProps.actionIcon}\n ref={actionButtonRef}\n loading={customizationProps.actionLoading}\n disabled={customizationProps.actionDisabled}\n variant={customizationProps.actionVariant ?? 'primary'}\n size={size}\n onClick={() => customizationProps.action() && setIsOpen(false)}>\n {customizationProps.actionLabel}\n </Button>\n </ActionButtonContainer>\n )}\n </DDContainer>\n </Overlay>\n );\n },\n);\n\nexport default DropdownContent;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DropdownContent.cjs","names":["MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","OFFSET_BEFORE_SHOW","DropdownContentContainer","styled","div","COLORS","white","Z_INDEXES","dropdown","props","isButton","offsetLeft","offsetTop","DropdownContentButtonStyling","neutral_100","size","Size","Large","Medium","scrollable","maxHeight","DropdownContentItemsContainer","hover","active","focus","DropdownContentListContainer","itemsType","scrollBarStyling","Small","DropdownContentMenuContentContainer","ComponentXLStyling","ComponentTextStyle","Bold","neutral_500","ComponentLStyling","ComponentMStyling","Regular","ComponentSStyling","DividerContainer","DropdownContentTopItemContainer","neutral_200","DropdownContentActionButtonContainer","Overlay","modal","DropdownContent","React","forwardRef","ref","id","customizationProps","alignLeft","isOpen","width","setIsOpen","filter","focused","setFocused","selectedValues","setSelectedValues","messageOnNoResults","outline","containerRef","onActiveDescendantChanged","ariaRolesType","useState","isUp","setIsUp","locationDefined","setLocationDefined","top","left","offset","setOffset","dropdownContentRef","useRef","itemsListRef","actionButtonRef","determineDropUp","options","items","rect","current","getBoundingClientRect","windowHeight","window","innerHeight","menuHeight","Math","min","length","instOffsetWithMenu","height","up","setNewFocusedElement","index","newFocusedElement","elRefs","oldFocusedElement","classList","remove","add","scrollIntoView","block","inline","getFilteredItems","filtrationString","toUpperCase","x","value","includes","displayLabel","findNextActiveIndex","direction","i","disabled","handleKeyDown","e","key","preventDefault","focusedNow","arrLength","haveTopItem","undefined","target","focusedElement","click","useEffect","document","addEventListener","removeEventListener","scrollPosition","handleScroll","scrollTop","useLayoutEffect","getCorrectRef","createRef","setElRefs","Array","fill","map","_","pinTopItem","multiSelect","getSuggestions","suggestion","elRef","blur","observer","IntersectionObserver","entries","isIntersecting","activeElement","threshold","rootMargin","observe","calculateOffset","disconnect","handleItemClick","selected","item","newValue","onValueUpdate","getTopItem","visibleItems","allSelected","some","y","showTopItem","suggestions","find","c","selectedFirst","newValues","stopPropagation","getElements","customContent","style","cls","menuContent","action","actionLabel","actionIcon","actionLoading","actionDisabled","actionVariant","noteLabel","showDividerAbove","locked","icon"],"sources":["../../src/Dropdown/DropdownContent.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport styled, { css } from 'styled-components';\nimport Button from '../Button/Button';\nimport { Size } from '../types';\nimport { DropdownContentButtonStyling } from './CommonStyling';\nimport { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\nimport { COLORS, focusStyles, scrollBarStyling } from '../styles';\nimport { Checkbox, RadioButton } from '../InputFields';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport MenuItem from '../MenuItem/MenuItem';\nimport { defaultOnMouseDownHandler } from '../common';\nimport ReactDOM from 'react-dom';\n\nconst MAX_MENU_HEIGHT = 240;\nconst AVG_OPTION_HEIGHT = 48;\nconst OFFSET_BEFORE_SHOW = 1000000;\n\nexport const DropdownContentContainer = styled.div<{ offsetTop: string; offsetLeft: string; isButton: boolean; alignLeft?: boolean; size?: Size; scrollable?: boolean; maxHeight?: string }>`\n display: none;\n pointer-events: auto;\n position: absolute;\n background-color: ${COLORS.white};\n\n z-index: ${Z_INDEXES.dropdown};\n margin: ${(props) => (props.isButton ? '-4px' : '4px 0px')};\n\n &.show {\n display: flex;\n flex-direction: column;\n justify-content: center;\n &.down,\n &.up {\n ${(props) => `transform: translate(${props.offsetLeft}, ${props.offsetTop});`}\n }\n }\n\n transform: translate(-${OFFSET_BEFORE_SHOW}px, -${OFFSET_BEFORE_SHOW}px);\n\n &.outline:focus:after {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 4px solid black;\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n ${(props) => (props.isButton ? DropdownContentButtonStyling : '')};\n\n border: 1px solid ${COLORS.neutral_100};\n box-sizing: border-box;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n padding: 4px 0px;\n\n min-width: ${(props) => (props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n border-radius: ${(props) => (props.size == Size.Large ? '10px' : props.size == Size.Medium ? '8px' : '6px')};\n\n max-height: ${(props) => (!props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px')};\n`;\n\nexport const DropdownContentItemsContainer = styled.div<{ size?: Size }>`\n > *:hover {\n z-index: ${Z_INDEXES.hover};\n }\n\n > *:active,\n > *.active {\n z-index: ${Z_INDEXES.active};\n }\n\n > *:focus {\n z-index: ${Z_INDEXES.focus};\n }\n`;\n\nexport const DropdownContentListContainer = styled.div<{ scrollable?: boolean; size?: Size; itemsType?: string; outline?: boolean }>`\n ${(props) => (props.scrollable ? 'overflow-y: scroll;' : '')}\n ${(props) => (props.scrollable ? 'margin-right: 6px;' : '')}\n ${(props) => (props.scrollable ? 'padding-right: 6px;' : '')}\n ${(props) => (props.itemsType != 'normal' ? 'margin-left: 4px;' : '')}\n div.divider {\n display: block;\n width: calc(100% - 40px);\n margin-left: 16px;\n border-top: 1px solid #e5e5e5;\n position: absolute;\n top: 0px;\n }\n\n ${DropdownContentItemsContainer} {\n padding-top: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n padding-bottom: ${(props) => (props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px')};\n\n word-break: break-word;\n }\n\n *:focus {\n outline: none !important;\n }\n\n ${scrollBarStyling(Size.Small)}\n`;\n\nconst DropdownContentMenuContentContainer = styled.div<{ size?: Size }>`\n h1,\n h2,\n h3 {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ${(props) => props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n ${(props) => props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n ${(props) => (props.size == Size.Small || !props.size) && ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n padding: ${(props) => (props.size == Size.Small || !props.size ? '10px 16px 6px' : props.size == Size.Medium ? '16px 24px 8px' : '16px 32px 8px')};\n }\n\n p {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ${(props) => props.size == Size.Large && ComponentLStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n ${(props) => props.size == Size.Medium && ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n ${(props) => (props.size == Size.Small || !props.size) && ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n padding: ${(props) => (props.size == Size.Small || !props.size ? '8px 16px' : props.size == Size.Medium ? '12px 24px' : '16px 32px')};\n }\n`;\n\nconst DividerContainer = styled.div<{ size?: Size }>`\n position: relative;\n\n margin-top: ${(props) => (props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px')};\n\n div.divider {\n width: 100%;\n margin: 0px;\n }\n`;\n\nconst DropdownContentTopItemContainer = styled.div<{ size?: Size }>`\n border-bottom-style: solid;\n border-bottom-color: ${COLORS.neutral_200};\n border-bottom-width: 1px;\n margin-right: 22px;\n`;\n\nconst DropdownContentActionButtonContainer = styled.div<{ size?: Size; scrollable?: boolean }>`\n ${(props) => (props.scrollable ? `border-top: 1px solid ${COLORS.neutral_200};` : '')}\n ${(props) => (props.scrollable ? 'margin-top: 4px;' : '')}\n\n padding: ${(props) => (props.size === Size.Small || !props.size ? '4px 16px 0px' : props.size === Size.Medium ? '12px 16px 8px' : '16px 16px 12px')};\n\n button {\n width: 100%;\n }\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: ${Z_INDEXES.modal};\n`;\n\nexport interface DropdownItem {\n value: string;\n displayLabel?: string;\n noteLabel?: string;\n suggestion?: boolean;\n showDividerAbove?: boolean;\n disabled?: boolean;\n locked?: boolean;\n icon?: React.ReactNode;\n customContent?: React.ReactNode;\n}\n\nexport interface DropdownCustomizationProps {\n itemsType?: 'radio' | 'checkbox' | 'normal';\n menuContent?: React.ReactNode;\n scrollable?: boolean;\n multiSelect?: boolean;\n maxHeight?: string;\n actionLabel?: string;\n actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\n actionIcon?: React.ReactNode;\n actionLoading?: boolean;\n actionDisabled?: boolean;\n action: () => boolean | void | undefined;\n pinTopItem?: boolean;\n onValueUpdate: (values: string[]) => boolean | void | undefined;\n items: DropdownItem[];\n}\n\nexport interface DropdownProps {\n isButton: boolean;\n customizationProps: DropdownCustomizationProps;\n alignLeft?: boolean;\n isOpen: boolean;\n setIsOpen: (open: boolean) => void;\n size?: Size;\n id: string;\n filter: string;\n width?: string;\n onActiveDescendantChanged?: (descendantId?: string) => void;\n selectedValues: string[];\n setSelectedValues: (val: string[]) => void;\n messageOnNoResults: string;\n focused: number | null;\n setFocused: (focused: number | null) => void;\n outline?: boolean;\n containerRef: React.RefObject<HTMLDivElement>;\n ariaRolesType?: 'input' | 'menu';\n}\n\nconst DropdownContent = React.forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n customizationProps,\n alignLeft,\n isButton,\n size,\n isOpen,\n width,\n setIsOpen,\n filter,\n focused,\n setFocused,\n selectedValues,\n setSelectedValues,\n messageOnNoResults,\n outline,\n containerRef,\n onActiveDescendantChanged,\n ariaRolesType = 'menu',\n },\n ref,\n ) => {\n const [isUp, setIsUp] = React.useState<boolean>(false);\n const [locationDefined, setLocationDefined] = React.useState<boolean>(false);\n const [offset, setOffset] = React.useState<{ top: string; left: string }>({ top: '0', left: '0' });\n\n const dropdownContentRef = (ref as MutableRefObject<HTMLDivElement>) ?? React.useRef<HTMLDivElement>(null);\n\n if (!customizationProps.itemsType) customizationProps.itemsType = 'normal';\n if (!size) size = Size.Small;\n\n const itemsListRef = React.useRef<HTMLDivElement>(null);\n const actionButtonRef = React.useRef<HTMLButtonElement>(null);\n\n const determineDropUp = () => {\n const options = customizationProps.items;\n\n const rect = containerRef.current!.getBoundingClientRect();\n\n const windowHeight = window.innerHeight;\n const menuHeight = Math.min(MAX_MENU_HEIGHT, options.length * AVG_OPTION_HEIGHT);\n const instOffsetWithMenu = rect.top + rect.height + menuHeight;\n\n const up = instOffsetWithMenu >= windowHeight;\n\n setOffset({\n top: up ? `calc(-100% - ${rect.height}px ${isButton ? '' : '- 8px'})` : '0',\n left: alignLeft ? `calc(-${rect.width}px)` : `calc(-100%)`,\n });\n\n setIsUp(up);\n setLocationDefined(true);\n };\n\n const setNewFocusedElement = (index: number) => {\n if (outline) dropdownContentRef.current?.focus();\n\n const newFocusedElement = elRefs[index];\n if (onActiveDescendantChanged) onActiveDescendantChanged(index == 0 ? `${id}_topitem` : `${id}_${index}`);\n\n const oldFocusedElement = focused || focused === 0 ? elRefs[focused] : null;\n if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n setFocused(index);\n oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n newFocusedElement.current?.classList.add('dropdown-hover');\n newFocusedElement.current?.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n };\n\n const getFilteredItems = () => {\n const filtrationString = (filter ?? '').toUpperCase();\n return customizationProps.items.filter((x) => x?.value?.toUpperCase().includes(filtrationString) || x?.displayLabel?.toUpperCase().includes(filtrationString));\n };\n\n const findNextActiveIndex = (index: number, direction: number, items: DropdownItem[]) => {\n for (let i = index + direction; i > 0 && i <= items.length; i += direction) {\n if (!items[i - 1]?.disabled) {\n return i;\n }\n }\n\n return index;\n };\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (isOpen) {\n if (e.key === 'ArrowUp' || e.key === 'Up') {\n e.preventDefault();\n let focusedNow = focused || focused === 0 ? focused : arrLength + 1;\n if (!!focusedNow) {\n focusedNow = focusedNow === 1 && haveTopItem() ? 0 : findNextActiveIndex(focusedNow, -1, getFilteredItems());\n\n setNewFocusedElement(focusedNow);\n }\n } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n e.preventDefault();\n let focusedNow = focused;\n\n focusedNow = !!focusedNow || focusedNow === 0 ? findNextActiveIndex(focusedNow, 1, getFilteredItems()) : haveTopItem() ? 0 : 1;\n\n setNewFocusedElement(focusedNow);\n } else if (e.key === 'Escape' || e.key === 'Esc') {\n setIsOpen(false);\n setFocused(null);\n if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n } else if ((e.key === 'Enter' || e.key === ' ') && focused !== null && e.target !== actionButtonRef?.current) {\n e.preventDefault();\n const focusedElement = elRefs[focused];\n if (focusedElement) {\n focusedElement.current?.click();\n }\n if (onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n }\n }\n };\n\n React.useEffect(() => {\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n const scrollPosition = React.useRef<number | undefined>(0);\n const handleScroll = () => {\n scrollPosition.current = itemsListRef.current?.scrollTop;\n };\n React.useLayoutEffect(() => {\n if (itemsListRef.current) itemsListRef.current.scrollTop = scrollPosition.current ?? 0;\n }, [selectedValues]);\n\n const getCorrectRef = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> => {\n switch (customizationProps.itemsType) {\n case 'normal':\n return (ref as React.RefObject<HTMLButtonElement>) || React.createRef<HTMLButtonElement>();\n default:\n return (ref as React.RefObject<HTMLDivElement>) || React.createRef<HTMLDivElement>();\n }\n };\n\n const arrLength = getFilteredItems().length;\n const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLElement>[]>([]);\n\n React.useEffect(() => {\n if (elRefs?.length !== arrLength) {\n setFocused(null);\n }\n\n setElRefs((elRefs) =>\n Array(arrLength + 1)\n .fill(null)\n .map((_, i) => getCorrectRef(elRefs[i])),\n );\n }, [isOpen, arrLength]);\n\n React.useLayoutEffect(() => {\n isOpen && !locationDefined && determineDropUp();\n }, [isOpen, locationDefined]);\n\n const haveTopItem = () => {\n if (!customizationProps.pinTopItem) return false;\n\n if (customizationProps.itemsType === 'radio' && selectedValues && selectedValues?.length > 0) return true;\n else if (customizationProps.itemsType === 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) return true;\n else if (customizationProps.itemsType === 'normal' && getSuggestions()?.length > 0) return true;\n return false;\n };\n\n const getSuggestions = () => {\n return getFilteredItems().filter((x) => x.suggestion);\n };\n\n /**\n * when dropdown opens set correct position of focused item\n * */\n React.useLayoutEffect(() => {\n if (isOpen && (focused || focused === 0)) {\n setNewFocusedElement(focused === 0 && !haveTopItem() ? 1 : focused);\n }\n }, [isOpen, focused]);\n\n /**\n * Reset dropdown content state on close\n * */\n React.useEffect(() => {\n if (!isOpen) {\n setLocationDefined(false);\n for (let elRef of elRefs) {\n elRef.current?.classList.remove('dropdown-hover');\n }\n setFocused(null);\n if(onActiveDescendantChanged) onActiveDescendantChanged(undefined);\n dropdownContentRef.current?.classList.remove('outline');\n dropdownContentRef.current?.blur();\n } else {\n if (outline) {\n dropdownContentRef.current?.classList.add('outline');\n dropdownContentRef.current?.focus();\n }\n }\n }, [isOpen, dropdownContentRef, focused, outline]);\n\n /**\n * Scroll item container to top when dropdown opens\n * */\n React.useEffect(() => {\n if (isOpen && itemsListRef.current) {\n itemsListRef.current.scrollTop = 0;\n }\n }, [isOpen]);\n\n React.useEffect(() => {\n if (isOpen) {\n const observer = new IntersectionObserver(function (entries) {\n if (!entries[0].isIntersecting) {\n setIsOpen(false);\n //@ts-ignore\n document?.activeElement?.blur();\n }\n }, {threshold: [0], rootMargin: '8px'});\n\n observer.observe(containerRef.current!);\n\n calculateOffset();\n window.addEventListener('scroll', calculateOffset, true);\n window.addEventListener('resize', calculateOffset);\n\n return () => {\n observer.disconnect();\n window.removeEventListener('scroll', calculateOffset, true);\n window.removeEventListener('resize', calculateOffset);\n }\n }\n return () => {};\n }, [isOpen]);\n\n const handleItemClick = (selected: boolean, item: DropdownItem) => {\n let newValue: string[] = [];\n if (customizationProps.multiSelect) {\n if (selected) newValue = [...selectedValues, item.value];\n else newValue = selectedValues.filter((x) => x != item.value);\n } else newValue = selected ? [item.value] : [];\n\n setSelectedValues(newValue);\n if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValue)) {\n setIsOpen(false);\n }\n };\n\n const getTopItem = () => {\n if (!customizationProps.pinTopItem) return;\n const visibleItems = getFilteredItems();\n const allSelected = selectedValues?.filter((x) => visibleItems.some((y) => y.value == x)).length == visibleItems.length;\n let showTopItem = false;\n const suggestions = getSuggestions();\n const displayLabel = selectedValues[0] ? customizationProps.items?.find((c) => c.value === selectedValues[0])?.displayLabel : undefined;\n if (customizationProps.itemsType == 'radio' && selectedValues && selectedValues?.length > 0) showTopItem = true;\n else if (customizationProps.itemsType == 'checkbox' && (customizationProps.multiSelect || selectedValues?.length > 0)) showTopItem = true;\n else if (customizationProps.itemsType == 'normal' && suggestions.length > 0) showTopItem = true;\n\n if (!showTopItem) return;\n\n const selectedFirst = selectedValues.length > 0 ? visibleItems.find((x) => x.value == selectedValues[0]) : null;\n\n return (\n <DropdownContentTopItemContainer size={size}>\n {customizationProps.itemsType === 'radio' && (\n <RadioButton\n ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n role='menuitemradio'\n iconPointerEventsTransparent={true}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n tabIndexVal={-1}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n select={() => {}}\n label={selectedFirst?.displayLabel ?? selectedFirst?.value}\n size={size}\n id={`${id}_topitem`}\n selected={true}\n />\n )}\n {customizationProps.itemsType === 'checkbox' && (\n <Checkbox\n ref={elRefs[0] as React.RefObject<HTMLDivElement>}\n role='menuitemcheckbox'\n tabIndexVal={-1}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n select={(selected: boolean) => {\n if (!customizationProps.multiSelect) return;\n\n const newValues = selected ? visibleItems.map((x) => x.value) : [];\n setSelectedValues(newValues);\n if (customizationProps.onValueUpdate && customizationProps.onValueUpdate(newValues)) setIsOpen(false);\n }}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n iconPointerEventsTransparent={true}\n semiSelected={customizationProps.multiSelect && !allSelected && selectedValues?.length > 0}\n size={size}\n id={`${id}_checkbox_selectall`}\n label={customizationProps.multiSelect ? 'Select all' : selectedFirst?.displayLabel ?? selectedFirst?.value}\n selected={!customizationProps.multiSelect || allSelected}\n />\n )}\n {customizationProps.itemsType === 'normal' && (\n <>\n {suggestions.map((x) => (\n <MenuItem\n role={ariaRolesType == 'input' ? 'option' : 'menu'} \n key={`${id}_topitem_${x.value}`}\n item={x}\n size={size}\n active={false}\n tabIndex={-1}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_topitem`)}\n className={`${focused === 0 ? 'dropdown-hover' : ''}`}\n ref={elRefs[0] as React.RefObject<HTMLButtonElement>}\n id={`${id}_topitem`}\n onClickHandler={(e: any) => {\n e.stopPropagation();\n customizationProps.onValueUpdate([x.value]);\n setSelectedValues([x.value]);\n setIsOpen(false);\n setFocused(null);\n }}\n />\n ))}\n </>\n )}\n </DropdownContentTopItemContainer>\n );\n };\n\n const getElements = (messageOnNoResults: string, size: Size) => {\n if (getFilteredItems().length === 0) {\n return <MenuItem item={{ value: messageOnNoResults, disabled: true }} size={size} id=\"noResultsFound\" active={false} onClickHandler={(e) => {}} />;\n }\n return (\n <DropdownContentItemsContainer size={size}>\n {getFilteredItems()\n .filter((x) => x && (customizationProps.itemsType != 'normal' || !x.suggestion))\n .map((item, index) => {\n return (\n <React.Fragment key={`key_${id}_${item.value}`}>\n {item.customContent}\n {!item.customContent && customizationProps.itemsType == 'radio' && (\n <RadioButton\n role='menuitemradio'\n select={(selected: boolean) => handleItemClick(selected, item)}\n ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n size={size}\n tabIndexVal={-1}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n iconPointerEventsTransparent={true}\n disabled={item?.disabled}\n key={`key_${id}_${index + 1}`}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n id={`${id}_${index + 1}`}\n label={item.displayLabel ?? item.value}\n selected={selectedValues?.includes(item.value)}\n />\n )}\n {!item.customContent && customizationProps.itemsType == 'checkbox' && (\n <Checkbox\n role='menuitemcheckbox'\n select={(selected: boolean) => handleItemClick(selected, item)}\n iconPointerEventsTransparent={true}\n disabled={item?.disabled}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n ref={elRefs[index + 1] as React.RefObject<HTMLDivElement>}\n size={size}\n tabIndexVal={-1}\n key={`key_${id}_${index + 1}`}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n id={`${id}_${index + 1}`}\n label={item.displayLabel ?? item.value}\n selected={selectedValues?.includes(item.value)}\n />\n )}\n {!item.customContent && (customizationProps.itemsType == 'normal' || !customizationProps.itemsType) && (\n <MenuItem\n role={ariaRolesType == 'input' ? 'option' : 'menu'} \n key={`key_${id}_${index + 1}`}\n id={`${id}_${index + 1}`}\n item={item}\n tabIndex={-1}\n className={`${index + 1 === focused ? 'dropdown-hover' : ''}`}\n size={size}\n onFocus={(e) => onActiveDescendantChanged && onActiveDescendantChanged(`${id}_${index + 1}`)}\n active={selectedValues?.includes(item.value)}\n ref={elRefs[index + 1] as React.RefObject<HTMLButtonElement>}\n onClickHandler={(e: any) => {\n e.stopPropagation();\n customizationProps.onValueUpdate([item.value]);\n setSelectedValues([item.value]);\n setIsOpen(false);\n setFocused(null);\n }}\n />\n )}\n </React.Fragment>\n );\n })}\n </DropdownContentItemsContainer>\n );\n };\n\n const calculateOffset = () => {\n const rect = containerRef?.current?.getBoundingClientRect();\n if (rect) {\n dropdownContentRef.current.style.left = `${rect.x + rect.width}px`;\n dropdownContentRef.current.style.top = `${rect.y + rect.height}px`;\n dropdownContentRef.current.style.width = width ?? `${rect.width}px`;\n }\n determineDropUp();\n };\n\n const cls = `${isOpen ? 'show' : ''} ${isOpen && outline ? 'outline' : ''} ${locationDefined ? (isUp ? 'up' : 'down') : ''}`;\n\n return (\n <Overlay>\n <DropdownContentContainer\n role={ariaRolesType == \"menu\" ? \"menu\" : \"optionlist\"}\n ref={dropdownContentRef}\n size={size}\n offsetTop={offset.top}\n id={id}\n offsetLeft={offset.left}\n tabIndex={-1}\n isButton={isButton}\n alignLeft={alignLeft}\n scrollable={customizationProps.scrollable}\n maxHeight={customizationProps.maxHeight}\n className={cls}>\n <DropdownContentListContainer\n role=\"group\"\n size={size}\n itemsType={customizationProps.itemsType}\n onScroll={handleScroll}\n ref={itemsListRef}\n outline={outline}\n scrollable={customizationProps.scrollable}>\n {customizationProps.menuContent && (\n <DropdownContentMenuContentContainer size={size}>\n {customizationProps.menuContent}\n <DividerContainer size={size}>\n <div className=\"divider\" />\n </DividerContainer>\n </DropdownContentMenuContentContainer>\n )}\n {customizationProps.pinTopItem && getTopItem()}\n {getElements(messageOnNoResults, size)}\n </DropdownContentListContainer>\n {customizationProps.action && customizationProps.actionLabel && (\n <DropdownContentActionButtonContainer size={size} scrollable={customizationProps.scrollable}>\n <Button\n width=\"100%\"\n role=\"menuitem\"\n icon={customizationProps.actionIcon}\n ref={actionButtonRef}\n loading={customizationProps.actionLoading}\n disabled={customizationProps.actionDisabled}\n variant={customizationProps.actionVariant ?? 'primary'}\n size={size}\n onClick={() => customizationProps.action() && setIsOpen(false)}>\n {customizationProps.actionLabel}\n </Button>\n </DropdownContentActionButtonContainer>\n )}\n </DropdownContentContainer>\n </Overlay>\n );\n },\n);\n\nexport default DropdownContent;\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Size } from '../types';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const DropdownContentContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
4
|
offsetTop: string;
|
|
5
5
|
offsetLeft: string;
|
|
6
6
|
isButton: boolean;
|
|
@@ -9,6 +9,15 @@ export declare const DDContainer: import("styled-components").StyledComponent<"d
|
|
|
9
9
|
scrollable?: boolean | undefined;
|
|
10
10
|
maxHeight?: string | undefined;
|
|
11
11
|
}, never>;
|
|
12
|
+
export declare const DropdownContentItemsContainer: import("styled-components").StyledComponent<"div", any, {
|
|
13
|
+
size?: Size | undefined;
|
|
14
|
+
}, never>;
|
|
15
|
+
export declare const DropdownContentListContainer: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
+
scrollable?: boolean | undefined;
|
|
17
|
+
size?: Size | undefined;
|
|
18
|
+
itemsType?: string | undefined;
|
|
19
|
+
outline?: boolean | undefined;
|
|
20
|
+
}, never>;
|
|
12
21
|
export interface DropdownItem {
|
|
13
22
|
value: string;
|
|
14
23
|
displayLabel?: string;
|
|
@@ -10,7 +10,7 @@ import React from 'react';
|
|
|
10
10
|
import styled from 'styled-components';
|
|
11
11
|
import Button from '../Button/Button';
|
|
12
12
|
import { Size } from '../types';
|
|
13
|
-
import {
|
|
13
|
+
import { DropdownContentButtonStyling } from './CommonStyling';
|
|
14
14
|
import { ComponentLStyling, ComponentXLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';
|
|
15
15
|
import { COLORS, scrollBarStyling } from '../styles';
|
|
16
16
|
import { Checkbox, RadioButton } from '../InputFields';
|
|
@@ -22,12 +22,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
22
22
|
var MAX_MENU_HEIGHT = 240;
|
|
23
23
|
var AVG_OPTION_HEIGHT = 48;
|
|
24
24
|
var OFFSET_BEFORE_SHOW = 1000000;
|
|
25
|
-
export var
|
|
25
|
+
export var DropdownContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: none;\n pointer-events: auto;\n position: absolute;\n background-color: ", ";\n\n z-index: ", ";\n margin: ", ";\n\n &.show {\n display: flex;\n flex-direction: column;\n justify-content: center;\n &.down,\n &.up {\n ", "\n }\n }\n\n transform: translate(-", "px, -", "px);\n\n &.outline:focus:after {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 4px solid black;\n outline-offset: 2px;\n border-radius: 2px;\n }\n\n &:focus {\n outline: none;\n }\n\n ", ";\n\n border: 1px solid ", ";\n box-sizing: border-box;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n padding: 4px 0px;\n\n min-width: ", ";\n border-radius: ", ";\n\n max-height: ", ";\n"])), COLORS.white, Z_INDEXES.dropdown, function (props) {
|
|
26
26
|
return props.isButton ? '-4px' : '4px 0px';
|
|
27
27
|
}, function (props) {
|
|
28
28
|
return "transform: translate(".concat(props.offsetLeft, ", ").concat(props.offsetTop, ");");
|
|
29
29
|
}, OFFSET_BEFORE_SHOW, OFFSET_BEFORE_SHOW, function (props) {
|
|
30
|
-
return props.isButton ?
|
|
30
|
+
return props.isButton ? DropdownContentButtonStyling : '';
|
|
31
31
|
}, COLORS.neutral_100, function (props) {
|
|
32
32
|
return props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px';
|
|
33
33
|
}, function (props) {
|
|
@@ -35,8 +35,8 @@ export var DDContainer = styled.div(_templateObject || (_templateObject = _tagge
|
|
|
35
35
|
}, function (props) {
|
|
36
36
|
return !props.scrollable ? 'auto' : props.maxHeight ? props.maxHeight : props.size == Size.Large ? '320px' : props.size == Size.Medium ? '280px' : '240px';
|
|
37
37
|
});
|
|
38
|
-
var
|
|
39
|
-
var
|
|
38
|
+
export var DropdownContentItemsContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n > *:hover {\n z-index: ", ";\n }\n\n > *:active,\n > *.active {\n z-index: ", ";\n }\n\n > *:focus {\n z-index: ", ";\n }\n"])), Z_INDEXES.hover, Z_INDEXES.active, Z_INDEXES.focus);
|
|
39
|
+
export var DropdownContentListContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n ", "\n div.divider {\n display: block;\n width: calc(100% - 40px);\n margin-left: 16px;\n border-top: 1px solid #e5e5e5;\n position: absolute;\n top: 0px;\n }\n\n ", " {\n padding-top: ", ";\n padding-bottom: ", ";\n\n word-break: break-word;\n }\n\n *:focus {\n outline: none !important;\n }\n\n ", "\n"])), function (props) {
|
|
40
40
|
return props.scrollable ? 'overflow-y: scroll;' : '';
|
|
41
41
|
}, function (props) {
|
|
42
42
|
return props.scrollable ? 'margin-right: 6px;' : '';
|
|
@@ -44,12 +44,12 @@ var ListContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTe
|
|
|
44
44
|
return props.scrollable ? 'padding-right: 6px;' : '';
|
|
45
45
|
}, function (props) {
|
|
46
46
|
return props.itemsType != 'normal' ? 'margin-left: 4px;' : '';
|
|
47
|
-
},
|
|
47
|
+
}, DropdownContentItemsContainer, function (props) {
|
|
48
48
|
return props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px';
|
|
49
49
|
}, function (props) {
|
|
50
50
|
return props.size == Size.Large ? '8px' : props.size == Size.Medium ? '4px' : '0px';
|
|
51
51
|
}, scrollBarStyling(Size.Small));
|
|
52
|
-
var
|
|
52
|
+
var DropdownContentMenuContentContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n h1,\n h2,\n h3 {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ", "\n ", "\n ", "\n padding: ", ";\n }\n\n p {\n margin-block-start: 0px;\n margin-block-end: 0px;\n ", "\n ", "\n ", "\n padding: ", ";\n }\n"])), function (props) {
|
|
53
53
|
return props.size == Size.Large && ComponentXLStyling(ComponentTextStyle.Bold, COLORS.neutral_500);
|
|
54
54
|
}, function (props) {
|
|
55
55
|
return props.size == Size.Medium && ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_500);
|
|
@@ -69,8 +69,8 @@ var MenuContentContainer = styled.div(_templateObject4 || (_templateObject4 = _t
|
|
|
69
69
|
var DividerContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n\n margin-top: ", ";\n\n div.divider {\n width: 100%;\n margin: 0px;\n }\n"])), function (props) {
|
|
70
70
|
return props.size == Size.Large ? '16px' : props.size == Size.Medium ? '12px' : props.size == Size.Small || !props.size ? '8px' : '6px';
|
|
71
71
|
});
|
|
72
|
-
var
|
|
73
|
-
var
|
|
72
|
+
var DropdownContentTopItemContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n border-bottom-style: solid;\n border-bottom-color: ", ";\n border-bottom-width: 1px;\n margin-right: 22px;\n"])), COLORS.neutral_200);
|
|
73
|
+
var DropdownContentActionButtonContainer = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n ", "\n\n padding: ", ";\n\n button {\n width: 100%;\n }\n"])), function (props) {
|
|
74
74
|
return props.scrollable ? "border-top: 1px solid ".concat(COLORS.neutral_200, ";") : '';
|
|
75
75
|
}, function (props) {
|
|
76
76
|
return props.scrollable ? 'margin-top: 4px;' : '';
|
|
@@ -354,7 +354,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
354
354
|
var selectedFirst = selectedValues.length > 0 ? visibleItems.find(function (x) {
|
|
355
355
|
return x.value == selectedValues[0];
|
|
356
356
|
}) : null;
|
|
357
|
-
return /*#__PURE__*/_jsxs(
|
|
357
|
+
return /*#__PURE__*/_jsxs(DropdownContentTopItemContainer, {
|
|
358
358
|
size: size,
|
|
359
359
|
children: [customizationProps.itemsType === 'radio' && /*#__PURE__*/_jsx(RadioButton, {
|
|
360
360
|
ref: elRefs[0],
|
|
@@ -431,7 +431,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
431
431
|
onClickHandler: function onClickHandler(e) {}
|
|
432
432
|
});
|
|
433
433
|
}
|
|
434
|
-
return /*#__PURE__*/_jsx(
|
|
434
|
+
return /*#__PURE__*/_jsx(DropdownContentItemsContainer, {
|
|
435
435
|
size: size,
|
|
436
436
|
children: getFilteredItems().filter(function (x) {
|
|
437
437
|
return x && (customizationProps.itemsType != 'normal' || !x.suggestion);
|
|
@@ -508,7 +508,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
508
508
|
};
|
|
509
509
|
var cls = "".concat(isOpen ? 'show' : '', " ").concat(isOpen && outline ? 'outline' : '', " ").concat(locationDefined ? isUp ? 'up' : 'down' : '');
|
|
510
510
|
return /*#__PURE__*/_jsx(Overlay, {
|
|
511
|
-
children: /*#__PURE__*/_jsxs(
|
|
511
|
+
children: /*#__PURE__*/_jsxs(DropdownContentContainer, {
|
|
512
512
|
role: ariaRolesType == "menu" ? "menu" : "optionlist",
|
|
513
513
|
ref: dropdownContentRef,
|
|
514
514
|
size: size,
|
|
@@ -521,7 +521,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
521
521
|
scrollable: customizationProps.scrollable,
|
|
522
522
|
maxHeight: customizationProps.maxHeight,
|
|
523
523
|
className: cls,
|
|
524
|
-
children: [/*#__PURE__*/_jsxs(
|
|
524
|
+
children: [/*#__PURE__*/_jsxs(DropdownContentListContainer, {
|
|
525
525
|
role: "group",
|
|
526
526
|
size: size,
|
|
527
527
|
itemsType: customizationProps.itemsType,
|
|
@@ -529,7 +529,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
529
529
|
ref: itemsListRef,
|
|
530
530
|
outline: outline,
|
|
531
531
|
scrollable: customizationProps.scrollable,
|
|
532
|
-
children: [customizationProps.menuContent && /*#__PURE__*/_jsxs(
|
|
532
|
+
children: [customizationProps.menuContent && /*#__PURE__*/_jsxs(DropdownContentMenuContentContainer, {
|
|
533
533
|
size: size,
|
|
534
534
|
children: [customizationProps.menuContent, /*#__PURE__*/_jsx(DividerContainer, {
|
|
535
535
|
size: size,
|
|
@@ -538,7 +538,7 @@ var DropdownContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
538
538
|
})
|
|
539
539
|
})]
|
|
540
540
|
}), customizationProps.pinTopItem && getTopItem(), getElements(messageOnNoResults, size)]
|
|
541
|
-
}), customizationProps.action && customizationProps.actionLabel && /*#__PURE__*/_jsx(
|
|
541
|
+
}), customizationProps.action && customizationProps.actionLabel && /*#__PURE__*/_jsx(DropdownContentActionButtonContainer, {
|
|
542
542
|
size: size,
|
|
543
543
|
scrollable: customizationProps.scrollable,
|
|
544
544
|
children: /*#__PURE__*/_jsx(Button, {
|