@synerise/ds-factors 0.14.30 → 0.15.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/FactorValue/Parameter/Parameter.js +47 -14
  3. package/dist/FactorValue/Text/Text.js +1 -1
  4. package/dist/Factors.types.d.ts +1 -0
  5. package/package.json +12 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.14.30...@synerise/ds-factors@0.15.0) (2022-09-21)
7
+
8
+
9
+ ### Features
10
+
11
+ * **menu:** add information card tooltip ([ded0bf1](https://github.com/Synerise/synerise-design/commit/ded0bf1b58e68f7061630810925669cb0fdad560))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [0.14.30](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.14.29...@synerise/ds-factors@0.14.30) (2022-09-13)
7
18
 
8
19
  **Note:** Version bump only for package @synerise/ds-factors
package/dist/FactorValue/Parameter/Parameter.js CHANGED
@@ -7,9 +7,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
7
7
  import Dropdown from '@synerise/ds-dropdown';
8
8
  import * as React from 'react';
9
9
  import Button from '@synerise/ds-button';
10
+ import Menu from '@synerise/ds-menu';
10
11
  import Icon, { AngleDownS } from '@synerise/ds-icon';
11
- import Tooltip from '@synerise/ds-tooltip';
12
12
  import { getPopupContainer } from '@synerise/ds-utils';
13
+ import InformationCard from '@synerise/ds-information-card';
13
14
  import { Value } from './Parameter.style';
14
15
  import ParameterDropdown from './ParameterDropdown';
15
16
 
@@ -36,6 +37,19 @@ var ParameterInput = function ParameterInput(_ref) {
36
37
  dropdownVisible = _React$useState[0],
37
38
  setDropdownVisible = _React$useState[1];
38
39
 
40
+ var parameter = React.useMemo(function () {
41
+ return value;
42
+ }, [value]);
43
+
44
+ var _React$useMemo = React.useMemo(function () {
45
+ return {
46
+ parameterIcon: (parameter == null ? void 0 : parameter.icon) || buttonIcon,
47
+ parameterName: (parameter == null ? void 0 : parameter.name) || buttonLabel
48
+ };
49
+ }, [parameter, buttonIcon, buttonLabel]),
50
+ parameterIcon = _React$useMemo.parameterIcon,
51
+ parameterName = _React$useMemo.parameterName;
52
+
39
53
  var handleChange = React.useCallback(function (val) {
40
54
  onChange(val);
41
55
  }, [onChange]);
@@ -77,19 +91,38 @@ var ParameterInput = function ParameterInput(_ref) {
77
91
  texts: texts,
78
92
  loading: loading
79
93
  }))
80
- }, /*#__PURE__*/React.createElement(Tooltip, {
81
- getPopupContainer: getPopupContainerOverride || getPopupContainer,
82
- title: (value == null ? void 0 : value.name) || '',
83
- trigger: ['hover']
84
- }, /*#__PURE__*/React.createElement(Button, {
85
- type: "secondary",
86
- mode: "two-icons",
87
- onClick: handleOnClick
88
- }, /*#__PURE__*/React.createElement(Icon, {
89
- component: (value == null ? void 0 : value.icon) || buttonIcon
90
- }), /*#__PURE__*/React.createElement(Value, null, (value == null ? void 0 : value.name) || buttonLabel), /*#__PURE__*/React.createElement(Icon, {
91
- component: /*#__PURE__*/React.createElement(AngleDownS, null)
92
- })))));
94
+ }, /*#__PURE__*/React.createElement(Menu, {
95
+ asDropdownMenu: true,
96
+ showTextTooltip: true,
97
+ asInfoCardContainer: true,
98
+ dataSource: [{
99
+ text: /*#__PURE__*/React.createElement(Button, {
100
+ type: "secondary",
101
+ mode: "two-icons",
102
+ onClick: handleOnClick
103
+ }, /*#__PURE__*/React.createElement(Icon, {
104
+ component: parameterIcon
105
+ }), /*#__PURE__*/React.createElement(Value, null, parameterName), /*#__PURE__*/React.createElement(Icon, {
106
+ component: /*#__PURE__*/React.createElement(AngleDownS, null)
107
+ })),
108
+ hoverTooltipProps: {
109
+ popupPlacement: 'top',
110
+ getPopupContainer: getPopupContainerOverride || getPopupContainer
111
+ },
112
+ renderHoverTooltip: parameter ? function () {
113
+ return /*#__PURE__*/React.createElement(InformationCard, {
114
+ icon: parameterIcon,
115
+ subtitle: parameterName,
116
+ title: parameterName.replace('_', ' '),
117
+ descriptionConfig: parameter.description ? {
118
+ value: parameter.description,
119
+ disabled: true,
120
+ label: undefined
121
+ } : undefined
122
+ });
123
+ } : undefined
124
+ }]
125
+ })));
93
126
  };
94
127
 
95
128
  export default ParameterInput;
package/dist/FactorValue/Text/Text.js CHANGED
@@ -76,7 +76,7 @@ var TextInput = function TextInput(_ref) {
76
76
  }, [onChange]);
77
77
  var autocompleteOptions = React.useMemo(function () {
78
78
  return autocompleteText && autocompleteText.options.filter(function (option) {
79
- return option.toLowerCase().includes(localValue.toLowerCase());
79
+ return option.toLowerCase().includes(String(localValue).toLowerCase());
80
80
  }) || [];
81
81
  }, [localValue, autocompleteText]);
82
82
  return /*#__PURE__*/React.createElement(S.TextWrapper, null, factorType === 'text' && textType === 'autocomplete' ? /*#__PURE__*/React.createElement(Autocomplete, {
package/dist/Factors.types.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare type ParameterValueType = {
18
18
  name: string;
19
19
  id: React.ReactText;
20
20
  groupId?: React.ReactText;
21
+ description?: string;
21
22
  };
22
23
  export declare type ParameterGroup = {
23
24
  id: React.ReactText;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-factors",
3
- "version": "0.14.30",
3
+ "version": "0.15.0",
4
4
  "description": "Factors UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,20 +32,21 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-autocomplete": "^0.4.26",
36
- "@synerise/ds-badge": "^0.6.16",
35
+ "@synerise/ds-autocomplete": "^0.4.27",
36
+ "@synerise/ds-badge": "^0.6.17",
37
37
  "@synerise/ds-button": "^0.17.9",
38
- "@synerise/ds-date-picker": "^0.6.39",
39
- "@synerise/ds-date-range-picker": "^0.16.0",
40
- "@synerise/ds-dropdown": "^0.17.36",
38
+ "@synerise/ds-date-picker": "^0.6.40",
39
+ "@synerise/ds-date-range-picker": "^0.17.0",
40
+ "@synerise/ds-dropdown": "^0.17.37",
41
41
  "@synerise/ds-icon": "^0.51.0",
42
- "@synerise/ds-inline-edit": "^0.6.32",
42
+ "@synerise/ds-information-card": "^0.1.22",
43
+ "@synerise/ds-inline-edit": "^0.6.33",
43
44
  "@synerise/ds-input": "^0.18.22",
44
- "@synerise/ds-input-number": "^0.6.23",
45
- "@synerise/ds-menu": "^0.15.8",
45
+ "@synerise/ds-input-number": "^0.6.24",
46
+ "@synerise/ds-menu": "^0.16.0",
46
47
  "@synerise/ds-modal": "^0.16.7",
47
48
  "@synerise/ds-result": "^0.6.16",
48
- "@synerise/ds-tabs": "^0.13.31",
49
+ "@synerise/ds-tabs": "^0.13.32",
49
50
  "@synerise/ds-typography": "^0.12.7",
50
51
  "@synerise/ds-utils": "^0.19.0",
51
52
  "classnames": "^2.2.6",
@@ -55,5 +56,5 @@
55
56
  "@synerise/ds-core": "*",
56
57
  "react": ">=16.9.0 < 17.0.0"
57
58
  },
58
- "gitHead": "4a728965c03f982f1da86336e3a16db41ffc5a27"
59
+ "gitHead": "aef9ed09c6b307baccd74eb6a15d3134a6c7defe"
59
60
  }