@carbon/ibm-products 2.54.0-canary.15 → 2.54.0-canary.18

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/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
  2. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
  3. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
  4. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
  5. package/package.json +2 -2
package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js CHANGED
@@ -63,9 +63,6 @@ var ItemOption = function ItemOption(_ref) {
63
63
  className: "".concat(blockClass, "__statement_wrapper")
64
64
  }, /*#__PURE__*/React__default.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React__default.createElement("div", null, option.text2));
65
65
  };
66
- var preventDefault = function preventDefault(evt) {
67
- return evt.preventDefault();
68
- };
69
66
  if (!allOptions) {
70
67
  return;
71
68
  }
@@ -78,8 +75,7 @@ var ItemOption = function ItemOption(_ref) {
78
75
  size: "sm",
79
76
  labelText: clearSearchText,
80
77
  closeButtonLabelText: clearSearchText,
81
- onChange: onSearchChangeHandler,
82
- onKeyDown: preventDefault
78
+ onChange: onSearchChangeHandler
83
79
  })), /*#__PURE__*/React__default.createElement("ul", {
84
80
  "aria-label": getAriaLabel(),
85
81
  role: "listbox"
package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js CHANGED
@@ -129,13 +129,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
129
129
  } else {
130
130
  onChange(option, evt);
131
131
  }
132
+ if (evt.target instanceof SVGElement) {
133
+ evt.stopPropagation();
134
+ //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
135
+ }
132
136
  };
133
137
  var getAriaLabel = function getAriaLabel() {
134
138
  return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
135
139
  };
136
- var preventDefault = function preventDefault(evt) {
137
- return evt.preventDefault();
138
- };
139
140
  if (!allOptions) {
140
141
  return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default.createElement(SelectSkeleton, null));
141
142
  }
@@ -148,8 +149,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
148
149
  size: "sm",
149
150
  labelText: clearSearchText,
150
151
  closeButtonLabelText: clearSearchText,
151
- onChange: onSearchChangeHandler,
152
- onKeyDown: preventDefault
152
+ onChange: onSearchChangeHandler
153
153
  })), multiSelectable && /*#__PURE__*/React__default.createElement("div", {
154
154
  className: "".concat(blockClass, "__multiselectSelectionStatusContainer")
155
155
  }, /*#__PURE__*/React__default.createElement("h4", null, /*#__PURE__*/React__default.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React__default.createElement(Button, {
package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js CHANGED
@@ -65,9 +65,6 @@ var ItemOption = function ItemOption(_ref) {
65
65
  className: "".concat(util.blockClass, "__statement_wrapper")
66
66
  }, /*#__PURE__*/React.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React.createElement("div", null, option.text2));
67
67
  };
68
- var preventDefault = function preventDefault(evt) {
69
- return evt.preventDefault();
70
- };
71
68
  if (!allOptions) {
72
69
  return;
73
70
  }
@@ -80,8 +77,7 @@ var ItemOption = function ItemOption(_ref) {
80
77
  size: "sm",
81
78
  labelText: clearSearchText,
82
79
  closeButtonLabelText: clearSearchText,
83
- onChange: onSearchChangeHandler,
84
- onKeyDown: preventDefault
80
+ onChange: onSearchChangeHandler
85
81
  })), /*#__PURE__*/React.createElement("ul", {
86
82
  "aria-label": getAriaLabel(),
87
83
  role: "listbox"
package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js CHANGED
@@ -131,13 +131,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
131
131
  } else {
132
132
  onChange(option, evt);
133
133
  }
134
+ if (evt.target instanceof SVGElement) {
135
+ evt.stopPropagation();
136
+ //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
137
+ }
134
138
  };
135
139
  var getAriaLabel = function getAriaLabel() {
136
140
  return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
137
141
  };
138
- var preventDefault = function preventDefault(evt) {
139
- return evt.preventDefault();
140
- };
141
142
  if (!allOptions) {
142
143
  return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React.createElement(react.SelectSkeleton, null));
143
144
  }
@@ -150,8 +151,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
150
151
  size: "sm",
151
152
  labelText: clearSearchText,
152
153
  closeButtonLabelText: clearSearchText,
153
- onChange: onSearchChangeHandler,
154
- onKeyDown: preventDefault
154
+ onChange: onSearchChangeHandler
155
155
  })), multiSelectable && /*#__PURE__*/React.createElement("div", {
156
156
  className: "".concat(util.blockClass, "__multiselectSelectionStatusContainer")
157
157
  }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React.createElement(react.Button, {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.54.0-canary.15+2ef70ba6f",
4
+ "version": "2.54.0-canary.18+711eb72ef",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -120,5 +120,5 @@
120
120
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
121
121
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
122
122
  },
123
- "gitHead": "2ef70ba6fd56983d30d1a1d2f6658ce155b01acf"
123
+ "gitHead": "711eb72ef00d1f1935fd0fcec9e0c0383dff53dc"
124
124
  }