@synerise/ds-context-selector 0.9.0 → 0.10.3

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +22 -20
  3. package/dist/ContextSelector.js +6 -3
  4. package/dist/ContextSelector.types.d.ts +2 -0
  5. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,41 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.10.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.10.2...@synerise/ds-context-selector@0.10.3) (2022-02-16)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-context-selector
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.10.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.10.1...@synerise/ds-context-selector@0.10.2) (2022-02-03)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-context-selector
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.10.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.10.0...@synerise/ds-context-selector@0.10.1) (2022-01-17)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-context-selector
25
+
26
+
27
+
28
+
29
+
30
+ # [0.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.9.0...@synerise/ds-context-selector@0.10.0) (2022-01-13)
31
+
32
+
33
+ ### Features
34
+
35
+ * **context-selector:** allows to override some dropdown props ([fc46516](https://github.com/Synerise/synerise-design/commit/fc46516549872f96c13fe7aded8cbff1c7d5db0d))
36
+
37
+
38
+
39
+
40
+
6
41
  # [0.9.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.8.7...@synerise/ds-context-selector@0.9.0) (2022-01-04)
7
42
 
8
43
 
package/README.md CHANGED
@@ -84,26 +84,28 @@ import ContextSelector from '@synerise/ds-context-selector'
84
84
 
85
85
  ## API
86
86
 
87
- | Property | Description | Type | Default |
88
- | --- | --- | --- | --- |
89
- | groups | Groups of items | ContextGroup[] | [] |
90
- | items | Array of items | ContextItem[] | [] |
91
- | menuItemHeight | Size of single menu item | ItemSize.LARGE \ ItemSize.DEFAULT | ItemSize.DEFAULT |
92
- | onSelectItem | Callback called when user selects item | (item: ContextItem \ ContextGroup \ undefined) => void | - |
93
- | opened | Whether if dropdown should opens from outside of component | boolean | false |
94
- | texts | Translations object | ContextSelectorTexts | - |
95
- | selectedItem | Selected item | ContextItem \ undefined | undefined |
96
- | addMode | If true trigger doesn't change style when value is set | ContextItem \ undefined | undefined |
97
- | customTriggerComponent | Add custom trigger | React.ReactNode | undefined |
98
- | trigger | Add custom trigger to modal | 'click' \ 'hover' \ 'contextMenu' | 'click |
99
- | menuItemHeight | Set component Menu.Item height | 'large' \ 'default' | - |
100
- | dropdownWrapperStyles | Apply custom styles to dropdown wrapper | CSSProperties \ undefined | - |
101
- | onClickOutsideEvents | Overwrite default events for document listener | HandledEventsType[] \ undefined | - |
102
- | onClickOutside | Callback called when user click outside dropdown | () => void \ undefined | - |
103
- | onSearch | Callback called when user enter any char in search input | (query: string) => void | - |
104
- | onFetchData | Callback called when user scrolls to the end of dropdown list | () => void | - |
105
- | hasMoreItems | Whether if onFetchData should be called | boolean | - |
106
- | getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement | null) => HTMLElement; | - |
87
+ | Property | Description | Type | Default |
88
+ | --- | --- | --- | --- |
89
+ | groups | Groups of items | ContextGroup[] | [] |
90
+ | items | Array of items | ContextItem[] | [] |
91
+ | menuItemHeight | Size of single menu item | ItemSize.LARGE \ ItemSize.DEFAULT | ItemSize.DEFAULT |
92
+ | onSelectItem | Callback called when user selects item | (item: ContextItem \ ContextGroup \ undefined) => void | - |
93
+ | opened | Whether if dropdown should opens from outside of component | boolean | false |
94
+ | texts | Translations object | ContextSelectorTexts | - |
95
+ | selectedItem | Selected item | ContextItem \ undefined | undefined |
96
+ | addMode | If true trigger doesn't change style when value is set | ContextItem \ undefined | undefined |
97
+ | customTriggerComponent | Add custom trigger | React.ReactNode | undefined |
98
+ | trigger | Add custom trigger to modal | 'click' \ 'hover' \ 'contextMenu' | 'click |
99
+ | menuItemHeight | Set component Menu.Item height | 'large' \ 'default' | - |
100
+ | dropdownWrapperStyles | Apply custom styles to dropdown wrapper | CSSProperties \ undefined | - |
101
+ | onClickOutsideEvents | Overwrite default events for document listener | HandledEventsType[] \ undefined | - |
102
+ | onClickOutside | Callback called when user click outside dropdown | () => void \ undefined | - |
103
+ | onSearch | Callback called when user enter any char in search input | (query: string) => void | - |
104
+ | onFetchData | Callback called when user scrolls to the end of dropdown list | () => void | - |
105
+ | hasMoreItems | Whether if onFetchData should be called | boolean | - |
106
+ | getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement \ null) => HTMLElement; | - |
107
+ | dropdownProps | Limited part of props for dropdown on ContextSelector component | Omit<DropdownProps, 'trigger' 'getPopupContainer' 'onVisibleChange' 'visible' 'overlay'> | - |
108
+
107
109
 
108
110
 
109
111
  ### ContextGroup
package/dist/ContextSelector.js CHANGED
@@ -1,3 +1,5 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  import * as React from 'react';
2
4
  import Button from '@synerise/ds-button';
3
5
  import Icon, { AngleDownS, Add3M } from '@synerise/ds-icon';
@@ -29,7 +31,8 @@ var ContextSelector = function ContextSelector(_ref) {
29
31
  onActivate = _ref.onActivate,
30
32
  onOpen = _ref.onOpen,
31
33
  getPopupContainerOverride = _ref.getPopupContainerOverride,
32
- type = _ref.type;
34
+ type = _ref.type,
35
+ dropdownProps = _ref.dropdownProps;
33
36
 
34
37
  var _React$useState = React.useState(false),
35
38
  dropdownVisible = _React$useState[0],
@@ -84,7 +87,7 @@ var ContextSelector = function ContextSelector(_ref) {
84
87
  }, [onActivate]);
85
88
  return /*#__PURE__*/React.createElement("div", {
86
89
  "data-popup-container": true
87
- }, /*#__PURE__*/React.createElement(Dropdown, {
90
+ }, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
88
91
  getPopupContainer: getPopupContainerOverride || getPopupContainer,
89
92
  onVisibleChange: onDropdownVisibilityChange,
90
93
  trigger: trigger,
@@ -107,7 +110,7 @@ var ContextSelector = function ContextSelector(_ref) {
107
110
  hasMoreItems: hasMoreItems,
108
111
  onFetchData: onFetchData
109
112
  })
110
- }, customTriggerComponent != null ? customTriggerComponent : triggerButton));
113
+ }), customTriggerComponent != null ? customTriggerComponent : triggerButton));
111
114
  };
112
115
 
113
116
  export default ContextSelector;
package/dist/ContextSelector.types.d.ts CHANGED
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import { CSSProperties } from 'react';
3
3
  import { HandledEventsType } from '@synerise/ds-utils';
4
4
  import { ItemSize } from '@synerise/ds-menu';
5
+ import { DropdownProps } from '@synerise/ds-dropdown/dist/Dropdown';
5
6
  export declare type ContextTexts = {
6
7
  buttonLabel: string;
7
8
  searchPlaceholder: string;
@@ -57,6 +58,7 @@ export declare type ContextProps = {
57
58
  onOpen?: () => void;
58
59
  hasMoreItems?: boolean;
59
60
  type?: 'default' | 'attribute' | 'event';
61
+ dropdownProps?: Omit<DropdownProps, 'trigger' | 'getPopupContainer' | 'onVisibleChange' | 'visible' | 'overlay'>;
60
62
  };
61
63
  export declare type ContextDropdownProps = {
62
64
  setDropdownVisible: (show: boolean) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-context-selector",
3
- "version": "0.9.0",
3
+ "version": "0.10.3",
4
4
  "description": "ContextSelector UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -26,20 +26,20 @@
26
26
  "test:watch": "npm run test -- --watchAll",
27
27
  "types": "tsc --noEmit"
28
28
  },
29
- "gitHead": "318a8d87f977c5d8f58c3cd06ccba4f243d7ee99",
29
+ "gitHead": "dfa2b3ffce76409aa3846375d1b22d557c59eea7",
30
30
  "sideEffects": [
31
31
  "dist/style/*",
32
32
  "*.less"
33
33
  ],
34
34
  "types": "dist/index.d.ts",
35
35
  "dependencies": {
36
- "@synerise/ds-button": "^0.16.3",
37
- "@synerise/ds-dropdown": "^0.17.6",
38
- "@synerise/ds-icon": "^0.46.2",
39
- "@synerise/ds-menu": "^0.11.6",
40
- "@synerise/ds-result": "^0.6.3",
41
- "@synerise/ds-scrollbar": "^0.4.2",
42
- "@synerise/ds-tabs": "^0.12.8",
36
+ "@synerise/ds-button": "^0.16.5",
37
+ "@synerise/ds-dropdown": "^0.17.9",
38
+ "@synerise/ds-icon": "^0.47.1",
39
+ "@synerise/ds-menu": "^0.12.2",
40
+ "@synerise/ds-result": "^0.6.5",
41
+ "@synerise/ds-scrollbar": "^0.4.4",
42
+ "@synerise/ds-tabs": "^0.13.3",
43
43
  "@synerise/ds-utils": "^0.19.0",
44
44
  "classnames": "^2.2.6",
45
45
  "react-window": "1.8.5"