@synerise/ds-factors 0.23.6 → 0.23.7

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/README.md +7 -7
  3. package/dist/FactorValue/Parameter/Parameter.js +7 -3
  4. package/dist/Factors.types.d.ts +1 -0
  5. package/package.json +22 -21
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.23.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.23.6...@synerise/ds-factors@0.23.7) (2024-08-27)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **factors:** btn color for selected parameter factor ([ef17cbb](https://github.com/Synerise/synerise-design/commit/ef17cbb394078fa27bad346c6f926521ad892aa4))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [0.23.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.23.5...@synerise/ds-factors@0.23.6) (2024-08-19)
7
18
 
8
19
  **Note:** Version bump only for package @synerise/ds-factors
package/README.md CHANGED
@@ -151,10 +151,10 @@ Type of value depends on current factor type and can contain values: `string` \
151
151
 
152
152
  ### ParameterOptions
153
153
 
154
- | Property | Description | Type | Default |
155
- | --- | --- | --- | --- |
156
- | buttonIcon | Icon in button | React.ReactNode | - |
157
- | buttonLabel | Label of button | string \ React.ReactNode | - |
158
- | groups | Array of parameter groups | ParameterGroup[] | - |
159
- | items | Array of parameters | ParameterItem[] | - |
160
- | showAllGroup | Whether to show all groups | boolean | false |
154
+ | Property | Description | Type | Default |
155
+ |-----------------------|------------------------------------------------------------|--------------------------|---------|
156
+ | buttonIcon | Icon in button | React.ReactNode | - |
157
+ | buttonLabel | Label of button | string \ React.ReactNode | - |
158
+ | groups | Array of parameter groups | ParameterGroup[] | - |
159
+ | items | Array of parameters | ParameterItem[] | - |
160
+ | selectedButtonColored | Whether to use green custom color if parameter is selected | boolean | - |
package/dist/FactorValue/Parameter/Parameter.js CHANGED
@@ -1,4 +1,4 @@
1
- var _excluded = ["buttonIcon", "buttonLabel", "loading"];
1
+ var _excluded = ["buttonIcon", "buttonLabel", "selectedButtonColored", "loading"];
2
2
 
3
3
  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); }
4
4
 
@@ -39,6 +39,7 @@ var ParameterInput = function ParameterInput(_ref) {
39
39
  // @ts-ignore
40
40
  var buttonIcon = parameters.buttonIcon,
41
41
  buttonLabel = parameters.buttonLabel,
42
+ selectedButtonColored = parameters.selectedButtonColored,
42
43
  loading = parameters.loading,
43
44
  restParameters = _objectWithoutPropertiesLoose(parameters, _excluded);
44
45
 
@@ -52,12 +53,14 @@ var ParameterInput = function ParameterInput(_ref) {
52
53
 
53
54
  var _useMemo = useMemo(function () {
54
55
  return {
56
+ isSelected: Boolean((parameter == null ? void 0 : parameter.icon) || (parameter == null ? void 0 : parameter.name)),
55
57
  parameterIcon: (parameter == null ? void 0 : parameter.icon) || buttonIcon,
56
58
  parameterName: (parameter == null ? void 0 : parameter.name) || buttonLabel
57
59
  };
58
60
  }, [parameter, buttonIcon, buttonLabel]),
59
61
  parameterIcon = _useMemo.parameterIcon,
60
- parameterName = _useMemo.parameterName;
62
+ parameterName = _useMemo.parameterName,
63
+ isSelected = _useMemo.isSelected;
61
64
 
62
65
  var handleChange = useCallback(function (val) {
63
66
  onChange(val);
@@ -96,7 +99,8 @@ var ParameterInput = function ParameterInput(_ref) {
96
99
  }, [parameterIcon, readOnly]);
97
100
  var triggerButton = /*#__PURE__*/React.createElement(Button, {
98
101
  error: error,
99
- type: "secondary",
102
+ type: isSelected && selectedButtonColored ? 'custom-color' : 'secondary',
103
+ color: isSelected && selectedButtonColored ? 'green' : undefined,
100
104
  mode: triggerMode,
101
105
  onClick: !readOnly ? handleOnClick : undefined,
102
106
  readOnly: readOnly
package/dist/Factors.types.d.ts CHANGED
@@ -96,6 +96,7 @@ export type FactorsProps = {
96
96
  parameters?: {
97
97
  buttonLabel: string | React.ReactNode;
98
98
  buttonIcon: React.ReactNode;
99
+ selectedButtonColored?: boolean;
99
100
  groups?: ParameterGroup[];
100
101
  items: ParameterItem[];
101
102
  showAllGroup?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-factors",
3
- "version": "0.23.6",
3
+ "version": "0.23.7",
4
4
  "description": "Factors UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -33,25 +33,25 @@
33
33
  ],
34
34
  "types": "dist/index.d.ts",
35
35
  "dependencies": {
36
- "@synerise/ds-autocomplete": "^0.8.13",
37
- "@synerise/ds-badge": "^0.8.4",
38
- "@synerise/ds-button": "^0.21.5",
39
- "@synerise/ds-date-picker": "^0.11.11",
40
- "@synerise/ds-date-range-picker": "^0.29.6",
41
- "@synerise/ds-dropdown": "^0.18.9",
42
- "@synerise/ds-icon": "^0.65.0",
43
- "@synerise/ds-information-card": "^0.5.3",
44
- "@synerise/ds-inline-edit": "^0.8.5",
45
- "@synerise/ds-input": "^0.23.6",
46
- "@synerise/ds-input-number": "^0.10.0",
47
- "@synerise/ds-list-item": "^0.4.5",
48
- "@synerise/ds-menu": "^0.19.9",
49
- "@synerise/ds-modal": "^0.17.36",
50
- "@synerise/ds-result": "^0.6.62",
51
- "@synerise/ds-scrollbar": "^0.11.5",
52
- "@synerise/ds-skeleton": "^0.6.4",
53
- "@synerise/ds-tabs": "^0.15.2",
54
- "@synerise/ds-tooltip": "^0.14.35",
36
+ "@synerise/ds-autocomplete": "^0.8.14",
37
+ "@synerise/ds-badge": "^0.8.5",
38
+ "@synerise/ds-button": "^0.21.6",
39
+ "@synerise/ds-date-picker": "^0.11.12",
40
+ "@synerise/ds-date-range-picker": "^0.29.7",
41
+ "@synerise/ds-dropdown": "^0.18.10",
42
+ "@synerise/ds-icon": "^0.65.1",
43
+ "@synerise/ds-information-card": "^0.5.4",
44
+ "@synerise/ds-inline-edit": "^0.8.6",
45
+ "@synerise/ds-input": "^0.24.0",
46
+ "@synerise/ds-input-number": "^0.10.1",
47
+ "@synerise/ds-list-item": "^0.4.6",
48
+ "@synerise/ds-menu": "^0.19.10",
49
+ "@synerise/ds-modal": "^0.17.37",
50
+ "@synerise/ds-result": "^0.7.0",
51
+ "@synerise/ds-scrollbar": "^0.11.6",
52
+ "@synerise/ds-skeleton": "^0.6.5",
53
+ "@synerise/ds-tabs": "^0.15.3",
54
+ "@synerise/ds-tooltip": "^0.14.36",
55
55
  "@synerise/ds-utils": "^0.28.2",
56
56
  "lodash": "^4.17.19",
57
57
  "react-intl": "3.12.0",
@@ -60,8 +60,9 @@
60
60
  },
61
61
  "peerDependencies": {
62
62
  "@synerise/ds-core": "*",
63
+ "antd": "4.7.0",
63
64
  "react": ">=16.9.0 <= 17.0.2",
64
65
  "styled-components": "5.0.1"
65
66
  },
66
- "gitHead": "2e6de17b64023536c24be8fcb67b1e53e8bffa3d"
67
+ "gitHead": "a035aeea499cea00e72e20e3790c0ffcad4fe956"
67
68
  }