@synerise/ds-context-selector 0.10.10 → 0.12.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/README.md +15 -14
  3. package/dist/ContextSelector.js +11 -3
  4. package/dist/ContextSelector.styles.js +1 -1
  5. package/dist/ContextSelector.types.d.ts +2 -1
  6. package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js +1 -0
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,40 @@
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.12.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.12.0...@synerise/ds-context-selector@0.12.1) (2022-04-29)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **context-selector:** fixes auto height of dropdown list ([4a6b1fb](https://github.com/Synerise/synerise-design/commit/4a6b1fbddc28ddee46751afacb63617f6d341395))
12
+
13
+
14
+
15
+
16
+
17
+ # [0.12.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.11.0...@synerise/ds-context-selector@0.12.0) (2022-04-29)
18
+
19
+
20
+ ### Features
21
+
22
+ * **context-selector:** adds default trigger value ([006e307](https://github.com/Synerise/synerise-design/commit/006e3079e8d557c6312c525370c53ad41ddcba9a))
23
+ * **context-selector:** adds onDeactivate prop, updates Readme.md ([ace0ac7](https://github.com/Synerise/synerise-design/commit/ace0ac7f2e6ec9e4adad51dc430af7e7fa4bb097))
24
+
25
+
26
+
27
+
28
+
29
+ # [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.10.10...@synerise/ds-context-selector@0.11.0) (2022-04-05)
30
+
31
+
32
+ ### Features
33
+
34
+ * **filter:** fixes bugs ([b862ddd](https://github.com/Synerise/synerise-design/commit/b862dddbce1293c2a5381663fc903bb574edd135))
35
+
36
+
37
+
38
+
39
+
6
40
  ## [0.10.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.10.9...@synerise/ds-context-selector@0.10.10) (2022-03-31)
7
41
 
8
42
 
package/README.md CHANGED
@@ -84,28 +84,29 @@ import ContextSelector from '@synerise/ds-context-selector'
84
84
 
85
85
  ## API
86
86
 
87
- | Property | Description | Type | Default |
88
87
  | --- | --- | --- | --- |
88
+ | addMode | If true trigger doesn't change style when value is set | ContextItem \ undefined | undefined |
89
+ | customTriggerComponent | Add custom trigger | React.ReactNode | undefined |
90
+ | dropdownProps | Limited part of props for dropdown on ContextSelector component | Omit<DropdownProps, 'trigger' 'getPopupContainer' 'onVisibleChange' 'visible' 'overlay'> | - |
91
+ | dropdownWrapperStyles | Apply custom styles to dropdown wrapper | CSSProperties \ undefined | - |
92
+ | getPopupContainerOverride | Popup container function for child tooltips and dropdowns | (trigger: HTMLElement \ null) => HTMLElement; | - |
89
93
  | groups | Groups of items | ContextGroup[] | [] |
94
+ | hasMoreItems | Whether if onFetchData should be called | boolean | - |
90
95
  | items | Array of items | ContextItem[] | [] |
96
+ | menuItemHeight | Set component Menu.Item height | 'large' \ 'default' | - |
91
97
  | menuItemHeight | Size of single menu item | ItemSize.LARGE \ ItemSize.DEFAULT | ItemSize.DEFAULT |
98
+ | onActivate | Callback called when user opens dropdown | (fieldType: string) => void | - |
99
+ | onClickOutside | Callback called when user click outside dropdown | () => void \ undefined | - |
100
+ | onClickOutsideEvents | Overwrite default events for document listener | HandledEventsType[] \ undefined | - |
101
+ | onDeactivate | Callback called when user closes dropdown | () => void | - |
102
+ | onFetchData | Callback called when user scrolls to the end of dropdown list | () => void | - |
103
+ | onSearch | Callback called when user enter any char in search input | (query: string) => void | - |
92
104
  | onSelectItem | Callback called when user selects item | (item: ContextItem \ ContextGroup \ undefined) => void | - |
93
105
  | opened | Whether if dropdown should opens from outside of component | boolean | false |
94
- | texts | Translations object | ContextSelectorTexts | - |
106
+ | Property | Description | Type | Default |
95
107
  | 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 |
108
+ | texts | Translations object | ContextSelectorTexts | - |
98
109
  | 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
-
109
110
 
110
111
 
111
112
  ### ContextGroup
package/dist/ContextSelector.js CHANGED
@@ -20,7 +20,8 @@ var ContextSelector = function ContextSelector(_ref) {
20
20
  addMode = _ref.addMode,
21
21
  loading = _ref.loading,
22
22
  customTriggerComponent = _ref.customTriggerComponent,
23
- trigger = _ref.trigger,
23
+ _ref$trigger = _ref.trigger,
24
+ trigger = _ref$trigger === void 0 ? ['click'] : _ref$trigger,
24
25
  menuItemHeight = _ref.menuItemHeight,
25
26
  dropdownWrapperStyles = _ref.dropdownWrapperStyles,
26
27
  onClickOutsideEvents = _ref.onClickOutsideEvents,
@@ -29,6 +30,7 @@ var ContextSelector = function ContextSelector(_ref) {
29
30
  hasMoreItems = _ref.hasMoreItems,
30
31
  onFetchData = _ref.onFetchData,
31
32
  onActivate = _ref.onActivate,
33
+ onDeactivate = _ref.onDeactivate,
32
34
  onOpen = _ref.onOpen,
33
35
  getPopupContainerOverride = _ref.getPopupContainerOverride,
34
36
  type = _ref.type,
@@ -83,8 +85,14 @@ var ContextSelector = function ContextSelector(_ref) {
83
85
  }));
84
86
  }, [addMode, handleClick, texts, triggerColor, triggerMode, selectedItem]);
85
87
  var onDropdownVisibilityChange = React.useCallback(function (value) {
86
- return value && onActivate && onActivate();
87
- }, [onActivate]);
88
+ if (value) {
89
+ onActivate && onActivate('');
90
+ setDropdownVisible(true);
91
+ } else {
92
+ onDeactivate && onDeactivate();
93
+ setDropdownVisible(false);
94
+ }
95
+ }, [onActivate, onDeactivate]);
88
96
  return /*#__PURE__*/React.createElement("div", {
89
97
  "data-popup-container": true
90
98
  }, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
package/dist/ContextSelector.styles.js CHANGED
@@ -11,7 +11,7 @@ export var ContentPlaceholder = styled.div.withConfig({
11
11
  export var ItemsList = styled(Menu).withConfig({
12
12
  displayName: "ContextSelectorstyles__ItemsList",
13
13
  componentId: "sc-1tuu6xk-2"
14
- })(["width:100%;"]);
14
+ })(["width:100%;.ds-context-selector-list{height:auto !important;max-height:300px;}"]);
15
15
  export var SearchResult = styled.span.withConfig({
16
16
  displayName: "ContextSelectorstyles__SearchResult",
17
17
  componentId: "sc-1tuu6xk-3"
package/dist/ContextSelector.types.d.ts CHANGED
@@ -37,7 +37,8 @@ export declare type ContextItemsInSubGroup = ContextItem & {
37
37
  };
38
38
  export declare type ContextProps = {
39
39
  selectedItem?: ContextItem | undefined;
40
- onActivate?: () => void;
40
+ onActivate?: (fieldType: string) => void;
41
+ onDeactivate?: () => void;
41
42
  onSelectItem: (item: ContextItem | ContextGroup | undefined) => void;
42
43
  groups: ContextGroup[];
43
44
  items: ContextItem[];
package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js CHANGED
@@ -297,6 +297,7 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
297
297
  onYReachEnd: onFetchData,
298
298
  onScroll: handleScroll
299
299
  }, /*#__PURE__*/React.createElement(List, {
300
+ className: "ds-context-selector-list",
300
301
  key: "list-" + activeGroup + "-" + activeTab,
301
302
  width: "100%",
302
303
  height: 300,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-context-selector",
3
- "version": "0.10.10",
3
+ "version": "0.12.1",
4
4
  "description": "ContextSelector UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -26,7 +26,7 @@
26
26
  "test:watch": "npm run test -- --watchAll",
27
27
  "types": "tsc --noEmit"
28
28
  },
29
- "gitHead": "510d01309981d010c794496292be958796c0b6b6",
29
+ "gitHead": "21879cf06623fe6e1c2523ebf7c055ab9dbd50ef",
30
30
  "sideEffects": [
31
31
  "dist/style/*",
32
32
  "*.less"
@@ -34,12 +34,12 @@
34
34
  "types": "dist/index.d.ts",
35
35
  "dependencies": {
36
36
  "@synerise/ds-button": "^0.17.2",
37
- "@synerise/ds-dropdown": "^0.17.15",
37
+ "@synerise/ds-dropdown": "^0.17.17",
38
38
  "@synerise/ds-icon": "^0.49.0",
39
39
  "@synerise/ds-menu": "^0.13.2",
40
40
  "@synerise/ds-result": "^0.6.9",
41
41
  "@synerise/ds-scrollbar": "^0.4.7",
42
- "@synerise/ds-tabs": "^0.13.9",
42
+ "@synerise/ds-tabs": "^0.13.11",
43
43
  "@synerise/ds-utils": "^0.19.0",
44
44
  "classnames": "^2.2.6",
45
45
  "react-window": "1.8.5"