@commercetools-uikit/dropdown-menu 19.20.1 → 19.21.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.
|
@@ -12,6 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
16
|
var _styled = require('@emotion/styled/base');
|
|
16
17
|
var _pt = require('prop-types');
|
|
17
18
|
var react = require('react');
|
|
@@ -247,6 +248,7 @@ function DropdownListMenuItem(props) {
|
|
|
247
248
|
}));
|
|
248
249
|
}
|
|
249
250
|
|
|
251
|
+
const _excluded = ["menuHorizontalConstraint", "menuPosition", "menuType"];
|
|
250
252
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
251
253
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
252
254
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -284,11 +286,6 @@ function useScrollBlock(isOpen, triggerRef) {
|
|
|
284
286
|
};
|
|
285
287
|
}, [isOpen, scrollableParentRef, triggerRef]);
|
|
286
288
|
}
|
|
287
|
-
const defaultProps = {
|
|
288
|
-
menuHorizontalConstraint: 'auto',
|
|
289
|
-
menuPosition: 'left',
|
|
290
|
-
menuType: 'default'
|
|
291
|
-
};
|
|
292
289
|
const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
293
290
|
target: "e5g0mzs0"
|
|
294
291
|
} : {
|
|
@@ -300,10 +297,17 @@ const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NO
|
|
|
300
297
|
} : {
|
|
301
298
|
name: "1nrevy2",
|
|
302
299
|
styles: "position:relative;display:inline-block",
|
|
303
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
300
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyB0eXBlIFRNYXhQcm9wIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERyb3Bkb3duTWVudUNvbnRleHQgZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCBEcm9wZG93blRyaWdnZXIgZnJvbSAnLi90cmlnZ2VyJztcbmltcG9ydCB7XG4gIERyb3Bkb3duQ29udGVudE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnVJdGVtLFxufSBmcm9tICcuL21lbnUnO1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIG1lbnUgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIgZWxlbWVudC5cbiAgICovXG4gIG1lbnVQb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBUaGUgbWF4aW11bSBoZWlnaHQgZm9yIHRoZSBtZW51IGluIHBpeGVscy5cbiAgICogQnkgZGVmYXVsdCwgdGhlIG1heCBoZWlnaHQgd2lsbCBiZSB0aGUgYXZhaWxhYmxlIHNwYWNlIGJldHdlZW4gdGhlIHRyaWdnZXIgZWxlbWVudCBhbmQgdGhlIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqL1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICAvKipcbiAgICogVGhlIGVsZW1lbnQgdGhhdCB0cmlnZ2VycyB0aGUgZHJvcGRvd24uXG4gICAqL1xuICB0cmlnZ2VyRWxlbWVudDogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHR5cGUgb2YgdGhlIG1lbnUuXG4gICAqIFRoZSAnZGVmYXVsdCcgdHlwZSBqdXN0IHJlbmRlcnMgYSBkcm9wZG93biBjb250YWluZXIgYnV0IHRoZSAnbGlzdCcgdHlwZSBpcyBpbnRlbmRlZCB0byBiZSB1c2VkIHdpdGggdGhlIERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gY29tcG9uZW50LlxuICAgKi9cbiAgbWVudVR5cGU/OiAnZGVmYXVsdCcgfCAnbGlzdCc7XG4gIC8qKlxuICAgKiBUaGUgaG9yaXpvbnRhbCBjb25zdHJhaW50IG9mIHRoZSBtZW51LlxuICAgKi9cbiAgbWVudUhvcml6b250YWxDb25zdHJhaW50PzogVE1heFByb3A7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgZHJvcGRvd24uXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICBpZiAoIWVsZW1lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBvdmVyZmxvd1kgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KS5vdmVyZmxvd1k7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IG92ZXJmbG93WSAhPT0gJ3Zpc2libGUnICYmIG92ZXJmbG93WSAhPT0gJ2hpZGRlbic7XG4gIGlmIChpc1Njcm9sbGFibGUgJiYgZWxlbWVudC5zY3JvbGxIZWlnaHQgPj0gZWxlbWVudC5jbGllbnRIZWlnaHQpIHtcbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHJldHVybiBnZXRTY3JvbGxhYmxlUGFyZW50KGVsZW1lbnQucGFyZW50RWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIHVzZVNjcm9sbEJsb2NrKGlzT3BlbjogYm9vbGVhbiwgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pikge1xuICBjb25zdCBzY3JvbGxhYmxlUGFyZW50UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50KSB7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50UmVmLmN1cnJlbnQgPSBnZXRTY3JvbGxhYmxlUGFyZW50KHRyaWdnZXJSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgY29uc3QgeyBjdXJyZW50OiBzY3JvbGxhYmxlUGFyZW50IH0gPSBzY3JvbGxhYmxlUGFyZW50UmVmO1xuICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICdkYXRhLXByZXYtc2Nyb2xsJyxcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1lcbiAgICAgICk7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9ICdoaWRkZW4nO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgLy8gVGhlIGNsZWFudXAgZWZmZWN0IHJ1bnMgYWZ0ZXIgdGhlIGNvbXBvbmVudCBpcyB1bm1vdW50ZWQgYnV0IGFsc28gZXZlcnl0aW1lXG4gICAgICAvLyB0aGUgZGVwZW5kZW5jeSBhcnJheSBjaGFuZ2VzLiBXZSBuZWVkIHRvIG1hbmFnZSBib3RoIHRvIG1hbmFnZSBvcGVuaW5nL2Nsb3NpbmdcbiAgICAgIC8vIHRoZSBkcm9wZG93biBidXQgYWxzbyB0byBtYW5hZ2UgdGhlIHRoZSBkcm9wZG93biBpcyBvcGVuZWQgYW5kIHRoZSBjb21wb25lbnRcbiAgICAgIC8vIGlzIHVubW91bnRlZC4gRm9yIGluc3RhbmNlLCB3aGVuIG5hdmlnYXRpbmcgdG8gYW5vdGhlciBwYWdlIGNsaWVudC1zaWRlLlxuICAgICAgaWYgKHNjcm9sbGFibGVQYXJlbnQgJiYgaXNPcGVuKSB7XG4gICAgICAgIGNvbnN0IHByZXZTY3JvbGwgPSBzY3JvbGxhYmxlUGFyZW50LmdldEF0dHJpYnV0ZSgnZGF0YS1wcmV2LXNjcm9sbCcpO1xuICAgICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9IHByZXZTY3JvbGwgfHwgJyc7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzT3Blbiwgc2Nyb2xsYWJsZVBhcmVudFJlZiwgdHJpZ2dlclJlZl0pO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludCA9ICdhdXRvJyxcbiAgbWVudVBvc2l0aW9uID0gJ2xlZnQnLFxuICBtZW51VHlwZSA9ICdkZWZhdWx0JyxcbiAgLi4ucHJvcHNcbn06IFREcm9wZG93bk1lbnVQcm9wcykge1xuICBjb25zdCBbaXNPcGVuLCB0b2dnbGVdID0gdXNlVG9nZ2xlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICAvLyBXZSB1c2UgdGhlIGNvbnRleHQgc28gY2hpbGRyZW4gY2FuIHRvZ2dsZSB0aGUgZHJvcGRvd25cbiAgY29uc3QgY29udGV4dCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGlzT3BlbixcbiAgICAgIHRvZ2dsZSxcbiAgICB9KSxcbiAgICBbaXNPcGVuLCB0b2dnbGVdXG4gICk7XG4gIGNvbnN0IE1lbnUgPSBtZW51VHlwZSA9PT0gJ2RlZmF1bHQnID8gRHJvcGRvd25Db250ZW50TWVudSA6IERyb3Bkb3duTGlzdE1lbnU7XG5cbiAgLy8gQ2xvc2UgdGhlIGRyb3Bkb3duIHdoZW4gY2xpY2tpbmcgb3V0c2lkZSBvZiBpdFxuICBjb25zdCBoYW5kbGVHbG9iYWxDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3QgdHJpZ2dlckVsZW1lbnQgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICBldmVudC50YXJnZXQgIT09IHRyaWdnZXJFbGVtZW50ICYmXG4gICAgICAgIHdpbmRvdy5kb2N1bWVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICF0cmlnZ2VyRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICApIHtcbiAgICAgICAgdG9nZ2xlKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFt0cmlnZ2VyUmVmLCB0b2dnbGUsIGlzT3Blbl1cbiAgKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZUdsb2JhbENsaWNrKTtcbiAgICB9O1xuICB9LCBbaGFuZGxlR2xvYmFsQ2xpY2tdKTtcblxuICAvLyBCbG9jayBzY3JvbGxpbmcgd2hlbiB0aGUgZHJvcGRvd24gaXMgb3Blbi5cbiAgLy8gV2UgZG8gdGhpcyB0byBhdm9pZCByZXF1aXJpbmcgZHJvcGRvd24gcmVyZW5kZXJpbmcgd2hpbGUgdGhlIHVzZXIgc2Nyb2xscy5cbiAgdXNlU2Nyb2xsQmxvY2soaXNPcGVuLCB0cmlnZ2VyUmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0fT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxEcm9wZG93blRyaWdnZXIgb25DbGljaz17dG9nZ2xlfSByZWY9e3RyaWdnZXJSZWZ9PlxuICAgICAgICAgIHtwcm9wcy50cmlnZ2VyRWxlbWVudH1cbiAgICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG5cbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBob3Jpem9udGFsQ29uc3RyYWludD17bWVudUhvcml6b250YWxDb25zdHJhaW50IX1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBtZW51UG9zaXRpb249e21lbnVQb3NpdGlvbiF9XG4gICAgICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgICAgICB0cmlnZ2VyRWxlbWVudFJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICAgICAgbWVudUhvcml6b250YWxDb25zdHJhaW50LFxuICAgICAgICAgICAgbWVudVBvc2l0aW9uLFxuICAgICAgICAgICAgbWVudVR5cGUsXG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgPC9NZW51PlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9Ecm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG5Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtID0gRHJvcGRvd25MaXN0TWVudUl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudTtcbiJdfQ== */",
|
|
304
301
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
305
302
|
});
|
|
306
|
-
function DropdownMenu(
|
|
303
|
+
function DropdownMenu(_ref) {
|
|
304
|
+
let _ref$menuHorizontalCo = _ref.menuHorizontalConstraint,
|
|
305
|
+
menuHorizontalConstraint = _ref$menuHorizontalCo === void 0 ? 'auto' : _ref$menuHorizontalCo,
|
|
306
|
+
_ref$menuPosition = _ref.menuPosition,
|
|
307
|
+
menuPosition = _ref$menuPosition === void 0 ? 'left' : _ref$menuPosition,
|
|
308
|
+
_ref$menuType = _ref.menuType,
|
|
309
|
+
menuType = _ref$menuType === void 0 ? 'default' : _ref$menuType,
|
|
310
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
307
311
|
const _useToggleState = hooks.useToggleState(false),
|
|
308
312
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
309
313
|
isOpen = _useToggleState2[0],
|
|
@@ -315,7 +319,7 @@ function DropdownMenu(props) {
|
|
|
315
319
|
isOpen,
|
|
316
320
|
toggle
|
|
317
321
|
}), [isOpen, toggle]);
|
|
318
|
-
const Menu =
|
|
322
|
+
const Menu = menuType === 'default' ? DropdownContentMenu : DropdownListMenu;
|
|
319
323
|
|
|
320
324
|
// Close the dropdown when clicking outside of it
|
|
321
325
|
const handleGlobalClick = react.useCallback(event => {
|
|
@@ -342,12 +346,16 @@ function DropdownMenu(props) {
|
|
|
342
346
|
ref: triggerRef,
|
|
343
347
|
children: props.triggerElement
|
|
344
348
|
}), jsxRuntime.jsx(Menu, _objectSpread(_objectSpread({
|
|
345
|
-
horizontalConstraint:
|
|
349
|
+
horizontalConstraint: menuHorizontalConstraint,
|
|
346
350
|
isOpen: isOpen,
|
|
347
|
-
menuPosition:
|
|
351
|
+
menuPosition: menuPosition,
|
|
348
352
|
menuMaxHeight: props.menuMaxHeight,
|
|
349
353
|
triggerElementRef: triggerRef
|
|
350
|
-
}, utils.filterDataAttributes(
|
|
354
|
+
}, utils.filterDataAttributes(_objectSpread({
|
|
355
|
+
menuHorizontalConstraint,
|
|
356
|
+
menuPosition,
|
|
357
|
+
menuType
|
|
358
|
+
}, props))), {}, {
|
|
351
359
|
children: props.children
|
|
352
360
|
}))]
|
|
353
361
|
})
|
|
@@ -361,11 +369,10 @@ DropdownMenu.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
361
369
|
menuHorizontalConstraint: _pt__default["default"].any,
|
|
362
370
|
children: _pt__default["default"].node.isRequired
|
|
363
371
|
} : {};
|
|
364
|
-
DropdownMenu.defaultProps = defaultProps;
|
|
365
372
|
DropdownMenu.ListMenuItem = DropdownListMenuItem;
|
|
366
373
|
|
|
367
374
|
// NOTE: This string will be replaced on build time with the package version.
|
|
368
|
-
var version = "19.
|
|
375
|
+
var version = "19.21.0";
|
|
369
376
|
|
|
370
377
|
exports["default"] = DropdownMenu;
|
|
371
378
|
exports.useDropdownMenuContext = useDropdownMenuContext;
|
|
@@ -12,6 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
|
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
16
|
var _styled = require('@emotion/styled/base');
|
|
16
17
|
require('prop-types');
|
|
17
18
|
var react = require('react');
|
|
@@ -224,6 +225,7 @@ function DropdownListMenuItem(props) {
|
|
|
224
225
|
}));
|
|
225
226
|
}
|
|
226
227
|
|
|
228
|
+
const _excluded = ["menuHorizontalConstraint", "menuPosition", "menuType"];
|
|
227
229
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
228
230
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
229
231
|
function getScrollableParent(element) {
|
|
@@ -260,18 +262,20 @@ function useScrollBlock(isOpen, triggerRef) {
|
|
|
260
262
|
};
|
|
261
263
|
}, [isOpen, scrollableParentRef, triggerRef]);
|
|
262
264
|
}
|
|
263
|
-
const defaultProps = {
|
|
264
|
-
menuHorizontalConstraint: 'auto',
|
|
265
|
-
menuPosition: 'left',
|
|
266
|
-
menuType: 'default'
|
|
267
|
-
};
|
|
268
265
|
const Container = /*#__PURE__*/_styled__default["default"]("div", {
|
|
269
266
|
target: "e5g0mzs0"
|
|
270
267
|
} )({
|
|
271
268
|
name: "1nrevy2",
|
|
272
269
|
styles: "position:relative;display:inline-block"
|
|
273
270
|
} );
|
|
274
|
-
function DropdownMenu(
|
|
271
|
+
function DropdownMenu(_ref) {
|
|
272
|
+
let _ref$menuHorizontalCo = _ref.menuHorizontalConstraint,
|
|
273
|
+
menuHorizontalConstraint = _ref$menuHorizontalCo === void 0 ? 'auto' : _ref$menuHorizontalCo,
|
|
274
|
+
_ref$menuPosition = _ref.menuPosition,
|
|
275
|
+
menuPosition = _ref$menuPosition === void 0 ? 'left' : _ref$menuPosition,
|
|
276
|
+
_ref$menuType = _ref.menuType,
|
|
277
|
+
menuType = _ref$menuType === void 0 ? 'default' : _ref$menuType,
|
|
278
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
275
279
|
const _useToggleState = hooks.useToggleState(false),
|
|
276
280
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
277
281
|
isOpen = _useToggleState2[0],
|
|
@@ -283,7 +287,7 @@ function DropdownMenu(props) {
|
|
|
283
287
|
isOpen,
|
|
284
288
|
toggle
|
|
285
289
|
}), [isOpen, toggle]);
|
|
286
|
-
const Menu =
|
|
290
|
+
const Menu = menuType === 'default' ? DropdownContentMenu : DropdownListMenu;
|
|
287
291
|
|
|
288
292
|
// Close the dropdown when clicking outside of it
|
|
289
293
|
const handleGlobalClick = react.useCallback(event => {
|
|
@@ -310,23 +314,26 @@ function DropdownMenu(props) {
|
|
|
310
314
|
ref: triggerRef,
|
|
311
315
|
children: props.triggerElement
|
|
312
316
|
}), jsxRuntime.jsx(Menu, _objectSpread(_objectSpread({
|
|
313
|
-
horizontalConstraint:
|
|
317
|
+
horizontalConstraint: menuHorizontalConstraint,
|
|
314
318
|
isOpen: isOpen,
|
|
315
|
-
menuPosition:
|
|
319
|
+
menuPosition: menuPosition,
|
|
316
320
|
menuMaxHeight: props.menuMaxHeight,
|
|
317
321
|
triggerElementRef: triggerRef
|
|
318
|
-
}, utils.filterDataAttributes(
|
|
322
|
+
}, utils.filterDataAttributes(_objectSpread({
|
|
323
|
+
menuHorizontalConstraint,
|
|
324
|
+
menuPosition,
|
|
325
|
+
menuType
|
|
326
|
+
}, props))), {}, {
|
|
319
327
|
children: props.children
|
|
320
328
|
}))]
|
|
321
329
|
})
|
|
322
330
|
});
|
|
323
331
|
}
|
|
324
332
|
DropdownMenu.propTypes = {};
|
|
325
|
-
DropdownMenu.defaultProps = defaultProps;
|
|
326
333
|
DropdownMenu.ListMenuItem = DropdownListMenuItem;
|
|
327
334
|
|
|
328
335
|
// NOTE: This string will be replaced on build time with the package version.
|
|
329
|
-
var version = "19.
|
|
336
|
+
var version = "19.21.0";
|
|
330
337
|
|
|
331
338
|
exports["default"] = DropdownMenu;
|
|
332
339
|
exports.useDropdownMenuContext = useDropdownMenuContext;
|
|
@@ -8,6 +8,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
|
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
10
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
11
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
11
12
|
import _styled from '@emotion/styled/base';
|
|
12
13
|
import _pt from 'prop-types';
|
|
13
14
|
import { useContext, createContext, forwardRef, useRef, useLayoutEffect, useMemo, useCallback, useEffect } from 'react';
|
|
@@ -226,6 +227,7 @@ function DropdownListMenuItem(props) {
|
|
|
226
227
|
}));
|
|
227
228
|
}
|
|
228
229
|
|
|
230
|
+
const _excluded = ["menuHorizontalConstraint", "menuPosition", "menuType"];
|
|
229
231
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
230
232
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
231
233
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -263,11 +265,6 @@ function useScrollBlock(isOpen, triggerRef) {
|
|
|
263
265
|
};
|
|
264
266
|
}, [isOpen, scrollableParentRef, triggerRef]);
|
|
265
267
|
}
|
|
266
|
-
const defaultProps = {
|
|
267
|
-
menuHorizontalConstraint: 'auto',
|
|
268
|
-
menuPosition: 'left',
|
|
269
|
-
menuType: 'default'
|
|
270
|
-
};
|
|
271
268
|
const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
272
269
|
target: "e5g0mzs0"
|
|
273
270
|
} : {
|
|
@@ -279,10 +276,17 @@ const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
|
|
|
279
276
|
} : {
|
|
280
277
|
name: "1nrevy2",
|
|
281
278
|
styles: "position:relative;display:inline-block",
|
|
282
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
279
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3Bkb3duLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRGNEIiLCJmaWxlIjoiZHJvcGRvd24tbWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWZPYmplY3QsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgdXNlVG9nZ2xlU3RhdGUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9ob29rcyc7XG5pbXBvcnQgeyB0eXBlIFRNYXhQcm9wIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29uc3RyYWludHMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IERyb3Bkb3duTWVudUNvbnRleHQgZnJvbSAnLi9jb250ZXh0JztcbmltcG9ydCBEcm9wZG93blRyaWdnZXIgZnJvbSAnLi90cmlnZ2VyJztcbmltcG9ydCB7XG4gIERyb3Bkb3duQ29udGVudE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnUsXG4gIERyb3Bkb3duTGlzdE1lbnVJdGVtLFxufSBmcm9tICcuL21lbnUnO1xuXG5leHBvcnQgdHlwZSBURHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgcG9zaXRpb24gb2YgdGhlIG1lbnUgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIgZWxlbWVudC5cbiAgICovXG4gIG1lbnVQb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKlxuICAgKiBUaGUgbWF4aW11bSBoZWlnaHQgZm9yIHRoZSBtZW51IGluIHBpeGVscy5cbiAgICogQnkgZGVmYXVsdCwgdGhlIG1heCBoZWlnaHQgd2lsbCBiZSB0aGUgYXZhaWxhYmxlIHNwYWNlIGJldHdlZW4gdGhlIHRyaWdnZXIgZWxlbWVudCBhbmQgdGhlIGJvdHRvbSBvZiB0aGUgdmlld3BvcnQuXG4gICAqL1xuICBtZW51TWF4SGVpZ2h0PzogbnVtYmVyO1xuICAvKipcbiAgICogVGhlIGVsZW1lbnQgdGhhdCB0cmlnZ2VycyB0aGUgZHJvcGRvd24uXG4gICAqL1xuICB0cmlnZ2VyRWxlbWVudDogUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogVGhlIHR5cGUgb2YgdGhlIG1lbnUuXG4gICAqIFRoZSAnZGVmYXVsdCcgdHlwZSBqdXN0IHJlbmRlcnMgYSBkcm9wZG93biBjb250YWluZXIgYnV0IHRoZSAnbGlzdCcgdHlwZSBpcyBpbnRlbmRlZCB0byBiZSB1c2VkIHdpdGggdGhlIERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW0gY29tcG9uZW50LlxuICAgKi9cbiAgbWVudVR5cGU/OiAnZGVmYXVsdCcgfCAnbGlzdCc7XG4gIC8qKlxuICAgKiBUaGUgaG9yaXpvbnRhbCBjb25zdHJhaW50IG9mIHRoZSBtZW51LlxuICAgKi9cbiAgbWVudUhvcml6b250YWxDb25zdHJhaW50PzogVE1heFByb3A7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgZHJvcGRvd24uXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gZ2V0U2Nyb2xsYWJsZVBhcmVudChlbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICBpZiAoIWVsZW1lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBvdmVyZmxvd1kgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShlbGVtZW50KS5vdmVyZmxvd1k7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IG92ZXJmbG93WSAhPT0gJ3Zpc2libGUnICYmIG92ZXJmbG93WSAhPT0gJ2hpZGRlbic7XG4gIGlmIChpc1Njcm9sbGFibGUgJiYgZWxlbWVudC5zY3JvbGxIZWlnaHQgPj0gZWxlbWVudC5jbGllbnRIZWlnaHQpIHtcbiAgICByZXR1cm4gZWxlbWVudDtcbiAgfVxuXG4gIHJldHVybiBnZXRTY3JvbGxhYmxlUGFyZW50KGVsZW1lbnQucGFyZW50RWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIHVzZVNjcm9sbEJsb2NrKGlzT3BlbjogYm9vbGVhbiwgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxFbGVtZW50Pikge1xuICBjb25zdCBzY3JvbGxhYmxlUGFyZW50UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2Nyb2xsYWJsZVBhcmVudFJlZi5jdXJyZW50KSB7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50UmVmLmN1cnJlbnQgPSBnZXRTY3JvbGxhYmxlUGFyZW50KHRyaWdnZXJSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgY29uc3QgeyBjdXJyZW50OiBzY3JvbGxhYmxlUGFyZW50IH0gPSBzY3JvbGxhYmxlUGFyZW50UmVmO1xuICAgIGlmIChzY3JvbGxhYmxlUGFyZW50ICYmIGlzT3Blbikge1xuICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICdkYXRhLXByZXYtc2Nyb2xsJyxcbiAgICAgICAgc2Nyb2xsYWJsZVBhcmVudC5zdHlsZS5vdmVyZmxvd1lcbiAgICAgICk7XG4gICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9ICdoaWRkZW4nO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgLy8gVGhlIGNsZWFudXAgZWZmZWN0IHJ1bnMgYWZ0ZXIgdGhlIGNvbXBvbmVudCBpcyB1bm1vdW50ZWQgYnV0IGFsc28gZXZlcnl0aW1lXG4gICAgICAvLyB0aGUgZGVwZW5kZW5jeSBhcnJheSBjaGFuZ2VzLiBXZSBuZWVkIHRvIG1hbmFnZSBib3RoIHRvIG1hbmFnZSBvcGVuaW5nL2Nsb3NpbmdcbiAgICAgIC8vIHRoZSBkcm9wZG93biBidXQgYWxzbyB0byBtYW5hZ2UgdGhlIHRoZSBkcm9wZG93biBpcyBvcGVuZWQgYW5kIHRoZSBjb21wb25lbnRcbiAgICAgIC8vIGlzIHVubW91bnRlZC4gRm9yIGluc3RhbmNlLCB3aGVuIG5hdmlnYXRpbmcgdG8gYW5vdGhlciBwYWdlIGNsaWVudC1zaWRlLlxuICAgICAgaWYgKHNjcm9sbGFibGVQYXJlbnQgJiYgaXNPcGVuKSB7XG4gICAgICAgIGNvbnN0IHByZXZTY3JvbGwgPSBzY3JvbGxhYmxlUGFyZW50LmdldEF0dHJpYnV0ZSgnZGF0YS1wcmV2LXNjcm9sbCcpO1xuICAgICAgICBzY3JvbGxhYmxlUGFyZW50LnN0eWxlLm92ZXJmbG93WSA9IHByZXZTY3JvbGwgfHwgJyc7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2lzT3Blbiwgc2Nyb2xsYWJsZVBhcmVudFJlZiwgdHJpZ2dlclJlZl0pO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVIb3Jpem9udGFsQ29uc3RyYWludCA9ICdhdXRvJyxcbiAgbWVudVBvc2l0aW9uID0gJ2xlZnQnLFxuICBtZW51VHlwZSA9ICdkZWZhdWx0JyxcbiAgLi4ucHJvcHNcbn06IFREcm9wZG93bk1lbnVQcm9wcykge1xuICBjb25zdCBbaXNPcGVuLCB0b2dnbGVdID0gdXNlVG9nZ2xlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICAvLyBXZSB1c2UgdGhlIGNvbnRleHQgc28gY2hpbGRyZW4gY2FuIHRvZ2dsZSB0aGUgZHJvcGRvd25cbiAgY29uc3QgY29udGV4dCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGlzT3BlbixcbiAgICAgIHRvZ2dsZSxcbiAgICB9KSxcbiAgICBbaXNPcGVuLCB0b2dnbGVdXG4gICk7XG4gIGNvbnN0IE1lbnUgPSBtZW51VHlwZSA9PT0gJ2RlZmF1bHQnID8gRHJvcGRvd25Db250ZW50TWVudSA6IERyb3Bkb3duTGlzdE1lbnU7XG5cbiAgLy8gQ2xvc2UgdGhlIGRyb3Bkb3duIHdoZW4gY2xpY2tpbmcgb3V0c2lkZSBvZiBpdFxuICBjb25zdCBoYW5kbGVHbG9iYWxDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudCkgPT4ge1xuICAgICAgY29uc3QgdHJpZ2dlckVsZW1lbnQgPSB0cmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBpZiAoXG4gICAgICAgIGlzT3BlbiAmJlxuICAgICAgICB0cmlnZ2VyRWxlbWVudCAmJlxuICAgICAgICBldmVudC50YXJnZXQgIT09IHRyaWdnZXJFbGVtZW50ICYmXG4gICAgICAgIHdpbmRvdy5kb2N1bWVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICF0cmlnZ2VyRWxlbWVudC5wYXJlbnRFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICApIHtcbiAgICAgICAgdG9nZ2xlKGZhbHNlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFt0cmlnZ2VyUmVmLCB0b2dnbGUsIGlzT3Blbl1cbiAgKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBoYW5kbGVHbG9iYWxDbGljayk7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZUdsb2JhbENsaWNrKTtcbiAgICB9O1xuICB9LCBbaGFuZGxlR2xvYmFsQ2xpY2tdKTtcblxuICAvLyBCbG9jayBzY3JvbGxpbmcgd2hlbiB0aGUgZHJvcGRvd24gaXMgb3Blbi5cbiAgLy8gV2UgZG8gdGhpcyB0byBhdm9pZCByZXF1aXJpbmcgZHJvcGRvd24gcmVyZW5kZXJpbmcgd2hpbGUgdGhlIHVzZXIgc2Nyb2xscy5cbiAgdXNlU2Nyb2xsQmxvY2soaXNPcGVuLCB0cmlnZ2VyUmVmKTtcblxuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0fT5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxEcm9wZG93blRyaWdnZXIgb25DbGljaz17dG9nZ2xlfSByZWY9e3RyaWdnZXJSZWZ9PlxuICAgICAgICAgIHtwcm9wcy50cmlnZ2VyRWxlbWVudH1cbiAgICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG5cbiAgICAgICAgPE1lbnVcbiAgICAgICAgICBob3Jpem9udGFsQ29uc3RyYWludD17bWVudUhvcml6b250YWxDb25zdHJhaW50IX1cbiAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICBtZW51UG9zaXRpb249e21lbnVQb3NpdGlvbiF9XG4gICAgICAgICAgbWVudU1heEhlaWdodD17cHJvcHMubWVudU1heEhlaWdodH1cbiAgICAgICAgICB0cmlnZ2VyRWxlbWVudFJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMoe1xuICAgICAgICAgICAgbWVudUhvcml6b250YWxDb25zdHJhaW50LFxuICAgICAgICAgICAgbWVudVBvc2l0aW9uLFxuICAgICAgICAgICAgbWVudVR5cGUsXG4gICAgICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgPC9NZW51PlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9Ecm9wZG93bk1lbnVDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG5Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtID0gRHJvcGRvd25MaXN0TWVudUl0ZW07XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudTtcbiJdfQ== */",
|
|
283
280
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
284
281
|
});
|
|
285
|
-
function DropdownMenu(
|
|
282
|
+
function DropdownMenu(_ref) {
|
|
283
|
+
let _ref$menuHorizontalCo = _ref.menuHorizontalConstraint,
|
|
284
|
+
menuHorizontalConstraint = _ref$menuHorizontalCo === void 0 ? 'auto' : _ref$menuHorizontalCo,
|
|
285
|
+
_ref$menuPosition = _ref.menuPosition,
|
|
286
|
+
menuPosition = _ref$menuPosition === void 0 ? 'left' : _ref$menuPosition,
|
|
287
|
+
_ref$menuType = _ref.menuType,
|
|
288
|
+
menuType = _ref$menuType === void 0 ? 'default' : _ref$menuType,
|
|
289
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
286
290
|
const _useToggleState = useToggleState(false),
|
|
287
291
|
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
288
292
|
isOpen = _useToggleState2[0],
|
|
@@ -294,7 +298,7 @@ function DropdownMenu(props) {
|
|
|
294
298
|
isOpen,
|
|
295
299
|
toggle
|
|
296
300
|
}), [isOpen, toggle]);
|
|
297
|
-
const Menu =
|
|
301
|
+
const Menu = menuType === 'default' ? DropdownContentMenu : DropdownListMenu;
|
|
298
302
|
|
|
299
303
|
// Close the dropdown when clicking outside of it
|
|
300
304
|
const handleGlobalClick = useCallback(event => {
|
|
@@ -321,12 +325,16 @@ function DropdownMenu(props) {
|
|
|
321
325
|
ref: triggerRef,
|
|
322
326
|
children: props.triggerElement
|
|
323
327
|
}), jsx(Menu, _objectSpread(_objectSpread({
|
|
324
|
-
horizontalConstraint:
|
|
328
|
+
horizontalConstraint: menuHorizontalConstraint,
|
|
325
329
|
isOpen: isOpen,
|
|
326
|
-
menuPosition:
|
|
330
|
+
menuPosition: menuPosition,
|
|
327
331
|
menuMaxHeight: props.menuMaxHeight,
|
|
328
332
|
triggerElementRef: triggerRef
|
|
329
|
-
}, filterDataAttributes(
|
|
333
|
+
}, filterDataAttributes(_objectSpread({
|
|
334
|
+
menuHorizontalConstraint,
|
|
335
|
+
menuPosition,
|
|
336
|
+
menuType
|
|
337
|
+
}, props))), {}, {
|
|
330
338
|
children: props.children
|
|
331
339
|
}))]
|
|
332
340
|
})
|
|
@@ -340,10 +348,9 @@ DropdownMenu.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
340
348
|
menuHorizontalConstraint: _pt.any,
|
|
341
349
|
children: _pt.node.isRequired
|
|
342
350
|
} : {};
|
|
343
|
-
DropdownMenu.defaultProps = defaultProps;
|
|
344
351
|
DropdownMenu.ListMenuItem = DropdownListMenuItem;
|
|
345
352
|
|
|
346
353
|
// NOTE: This string will be replaced on build time with the package version.
|
|
347
|
-
var version = "19.
|
|
354
|
+
var version = "19.21.0";
|
|
348
355
|
|
|
349
356
|
export { DropdownMenu as default, useDropdownMenuContext, version };
|
|
@@ -29,9 +29,8 @@ export type TDropdownMenuProps = {
|
|
|
29
29
|
*/
|
|
30
30
|
children: ReactNode;
|
|
31
31
|
};
|
|
32
|
-
declare function DropdownMenu(props: TDropdownMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function DropdownMenu({ menuHorizontalConstraint, menuPosition, menuType, ...props }: TDropdownMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
33
33
|
declare namespace DropdownMenu {
|
|
34
|
-
var defaultProps: Pick<TDropdownMenuProps, "menuPosition" | "menuHorizontalConstraint" | "menuType">;
|
|
35
34
|
var ListMenuItem: typeof DropdownListMenuItem;
|
|
36
35
|
}
|
|
37
36
|
export default DropdownMenu;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/dropdown-menu",
|
|
3
3
|
"description": "The Dropdown Menu component represents a component that triggers the rendering of a floating menu.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.21.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/constraints": "19.
|
|
26
|
-
"@commercetools-uikit/design-system": "19.
|
|
27
|
-
"@commercetools-uikit/hooks": "19.
|
|
28
|
-
"@commercetools-uikit/secondary-button": "19.
|
|
29
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
30
|
-
"@commercetools-uikit/spacings-stack": "19.
|
|
31
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.21.0",
|
|
25
|
+
"@commercetools-uikit/constraints": "19.21.0",
|
|
26
|
+
"@commercetools-uikit/design-system": "19.21.0",
|
|
27
|
+
"@commercetools-uikit/hooks": "19.21.0",
|
|
28
|
+
"@commercetools-uikit/secondary-button": "19.21.0",
|
|
29
|
+
"@commercetools-uikit/spacings-inline": "19.21.0",
|
|
30
|
+
"@commercetools-uikit/spacings-stack": "19.21.0",
|
|
31
|
+
"@commercetools-uikit/utils": "19.21.0",
|
|
32
32
|
"@emotion/react": "^11.10.5",
|
|
33
33
|
"@emotion/styled": "^11.10.5",
|
|
34
34
|
"prop-types": "15.8.1",
|