@synerise/ds-dropdown 0.18.19 → 0.18.21

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.18.21](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@0.18.20...@synerise/ds-dropdown@0.18.21) (2024-10-29)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-dropdown
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.18.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@0.18.19...@synerise/ds-dropdown@0.18.20) (2024-10-28)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-dropdown
17
+
18
+
19
+
20
+
21
+
6
22
  ## [0.18.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-dropdown@0.18.18...@synerise/ds-dropdown@0.18.19) (2024-10-23)
7
23
 
8
24
  **Note:** Version bump only for package @synerise/ds-dropdown
@@ -11,12 +11,15 @@ var TextTrigger = function TextTrigger(_ref) {
11
11
  _ref$inactiveColor = _ref.inactiveColor,
12
12
  inactiveColor = _ref$inactiveColor === void 0 ? 'grey-800' : _ref$inactiveColor,
13
13
  onClick = _ref.onClick,
14
- onFocus = _ref.onFocus;
14
+ onFocus = _ref.onFocus,
15
+ _ref$isDisabled = _ref.isDisabled,
16
+ isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
15
17
  return /*#__PURE__*/React.createElement(S.TextTrigger, {
16
- onFocus: onFocus,
18
+ onFocus: isDisabled ? undefined : onFocus,
17
19
  inactiveColor: theme.palette[inactiveColor],
18
20
  tabIndex: 0,
19
- onClick: onClick
21
+ onClick: isDisabled ? undefined : onClick,
22
+ isDisabled: isDisabled
20
23
  }, /*#__PURE__*/React.createElement(Title, {
21
24
  level: size
22
25
  }, value), /*#__PURE__*/React.createElement(S.IconWrapper, {
@@ -2,6 +2,7 @@ import { ThemeProps } from '@synerise/ds-core';
2
2
  export declare const TextTrigger: import("styled-components").StyledComponent<"div", any, {
3
3
  inactiveColor: string;
4
4
  onFocus?: (() => void) | undefined;
5
+ isDisabled?: boolean | undefined;
5
6
  }, never>;
6
7
  export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
7
8
  expanded?: boolean | undefined;
@@ -3,7 +3,11 @@ import styled from 'styled-components';
3
3
  export var TextTrigger = styled.div.withConfig({
4
4
  displayName: "TextTriggerstyles__TextTrigger",
5
5
  componentId: "sc-4ebj2t-0"
6
- })(["display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;.ds-title{margin:0;}.ds-title,svg{color:", ";fill:", ";}&&&:focus{.ds-title,svg{color:", ";fill:", ";}}}&:hover{.ds-title,svg{color:", ";fill:", ";}}"], function (props) {
6
+ })(["display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:", ";opacity:", ";.ds-title{margin:0;}.ds-title,svg{color:", ";fill:", ";}&&&:focus{.ds-title,svg{color:", ";fill:", ";}}}&:hover{.ds-title,svg{color:", ";fill:", ";}}"], function (props) {
7
+ return props.isDisabled ? 'default' : 'pointer';
8
+ }, function (props) {
9
+ return props.isDisabled ? 0.4 : 1;
10
+ }, function (props) {
7
11
  return props.inactiveColor;
8
12
  }, function (props) {
9
13
  return props.inactiveColor;
@@ -6,4 +6,5 @@ export type TextTriggerProps = {
6
6
  onClick: () => void;
7
7
  onFocus?: () => void;
8
8
  expanded?: boolean;
9
+ isDisabled?: boolean;
9
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-dropdown",
3
- "version": "0.18.19",
3
+ "version": "0.18.21",
4
4
  "description": "Dropdown UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -34,11 +34,11 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-divider": "^0.7.10",
38
- "@synerise/ds-icon": "^0.66.0",
39
- "@synerise/ds-search-bar": "^0.6.94",
40
- "@synerise/ds-typography": "^0.16.1",
41
- "@synerise/ds-utils": "^0.30.0"
37
+ "@synerise/ds-divider": "^0.7.12",
38
+ "@synerise/ds-icon": "^0.66.2",
39
+ "@synerise/ds-search-bar": "^0.6.96",
40
+ "@synerise/ds-typography": "^0.16.3",
41
+ "@synerise/ds-utils": "^0.30.2"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@synerise/ds-core": "*",
@@ -46,5 +46,5 @@
46
46
  "react": ">=16.9.0 <= 17.0.2",
47
47
  "styled-components": "5.0.1"
48
48
  },
49
- "gitHead": "c45f411bd0eac69ae70b6c948da1c530539b01d6"
49
+ "gitHead": "c9eddd944cd2f08cb02db807652ba7fb2b536a1c"
50
50
  }