@rescui/dropdown-menu 0.2.5 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,6 +8,8 @@ interface DropdownMenuProps extends Omit<DropdownProps, 'maxWidth' | 'minWidth'
8
8
  itemTag?: React.ElementType;
9
9
  tag?: React.ElementType;
10
10
  size?: DropdownMenuSize;
11
+ wrapItemsWithLi?: boolean;
12
+ activateFirstItemOnOpen?: boolean;
11
13
  }
12
14
  export declare const DropdownMenu: React.FC<DropdownMenuProps>;
13
15
  export default DropdownMenu;
@@ -1,3 +1,4 @@
1
+ import "core-js/modules/es.object.to-string.js";
1
2
  import "core-js/modules/web.dom-collections.for-each.js";
2
3
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
4
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
@@ -6,12 +7,12 @@ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-sta
6
7
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
8
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
8
9
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
- var _excluded = ["maxVisibleItems", "size", "children", "iconPlacement", "itemTag", "tag", "theme", "mode"],
10
+ var _excluded = ["maxVisibleItems", "size", "children", "iconPlacement", "itemTag", "tag", "theme", "mode", "activateFirstItemOnOpen", "wrapItemsWithLi"],
10
11
  _excluded2 = ["minWidth", "maxWidth", "maxHeight", "leastMaxHeight"];
11
12
 
12
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
13
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
14
 
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
16
 
16
17
  import React from 'react';
17
18
  import { useTheme, getInverseTheme } from '@rescui/ui-contexts';
@@ -41,6 +42,9 @@ var DropdownMenu = function DropdownMenu(_ref) {
41
42
  themeFromProps = _ref.theme,
42
43
  _ref$mode = _ref.mode,
43
44
  mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
45
+ _ref$activateFirstIte = _ref.activateFirstItemOnOpen,
46
+ activateFirstItemOnOpen = _ref$activateFirstIte === void 0 ? false : _ref$activateFirstIte,
47
+ wrapItemsWithLi = _ref.wrapItemsWithLi,
44
48
  restProps = _objectWithoutProperties(_ref, _excluded);
45
49
 
46
50
  var itemHeight = ITEM_HEIGHT_BY_SIZE[size]; // half of item added to show that there is more items even if scroll bar hidden
@@ -69,9 +73,12 @@ var DropdownMenu = function DropdownMenu(_ref) {
69
73
  mode: mode === 'rock' ? 'rock' : 'classic',
70
74
  theme: mode === 'rock' ? getInverseTheme(theme) : theme,
71
75
  "data-test": "dropdown-menu",
72
- className: styles.menu
76
+ className: styles.menu,
77
+ enableKeyboardNavigation: true,
78
+ returnFocusOnUnmount: !restProps.disableFocusLock,
79
+ activateFirstItem: activateFirstItemOnOpen,
80
+ wrapItemsWithLi: wrapItemsWithLi
73
81
  }, children));
74
82
  };
75
83
 
76
- export default DropdownMenu;
77
- export { DropdownMenu };
84
+ export { DropdownMenu, DropdownMenu as default };
package/lib/index.css CHANGED
@@ -1,15 +1,15 @@
1
- ._sizeS_lw33xy_8{
1
+ ._sizeS_ema9ht_8{
2
2
  min-width:316px;
3
3
  max-width:389px;
4
4
  }
5
5
 
6
- ._sizeL_lw33xy_13,
7
- ._sizeM_lw33xy_14{
6
+ ._sizeL_ema9ht_13,
7
+ ._sizeM_ema9ht_14{
8
8
  min-width:316px;
9
9
  max-width:494px;
10
10
  }
11
11
 
12
- ._menu_lw33xy_19{
12
+ ._menu_ema9ht_19{
13
13
  margin:0;
14
14
  padding:0;
15
15
  list-style:none;
@@ -1,7 +1,7 @@
1
1
  var styles = {
2
- "sizeS": "_sizeS_lw33xy_8",
3
- "sizeL": "_sizeL_lw33xy_13",
4
- "sizeM": "_sizeM_lw33xy_14",
5
- "menu": "_menu_lw33xy_19"
2
+ "sizeS": "_sizeS_ema9ht_8",
3
+ "sizeL": "_sizeL_ema9ht_13",
4
+ "sizeM": "_sizeM_ema9ht_14",
5
+ "menu": "_menu_ema9ht_19"
6
6
  };
7
- export default styles;
7
+ export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/dropdown-menu",
3
- "version": "0.2.5",
3
+ "version": "0.3.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,24 +16,24 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.11.0",
19
- "@rescui/dropdown": "^0.2.5",
20
- "@rescui/menu": "^0.5.0",
19
+ "@rescui/dropdown": "^0.3.1",
20
+ "@rescui/menu": "^0.6.1",
21
21
  "classnames": "^2.2.6",
22
22
  "core-js": "^3.9.1"
23
23
  },
24
24
  "peerDependencies": {
25
- "@rescui/ui-contexts": "<0.3.0",
25
+ "@rescui/ui-contexts": "<0.4.0",
26
26
  "prop-types": "^15.7.2",
27
27
  "react": ">=16.8.0 <18"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "^0.1.0",
31
- "@rescui/scripts": "^0.1.4",
32
- "@rescui/typography": "^0.7.0",
30
+ "@rescui/colors": "^0.1.1",
31
+ "@rescui/scripts": "^0.1.5",
32
+ "@rescui/typography": "^0.7.3",
33
33
  "@rescui/visual-regression": "^0.0.1"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "b9d865165f162732befa0868ea1325d064313d9e"
38
+ "gitHead": "0747cafd54c577bb1658dce2ab5e6900ff0854b6"
39
39
  }