@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.30

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 (172) hide show
  1. package/css/index-full-carbon.css +35 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css.map +1 -1
  7. package/css/index-without-carbon.css +35 -3
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +1 -1
  10. package/css/index-without-carbon.min.css.map +1 -1
  11. package/css/index.css +35 -3
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +1 -1
  14. package/css/index.min.css.map +1 -1
  15. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  16. package/es/components/ConditionBuilder/ConditionBuilder.js +67 -20
  17. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  18. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +129 -0
  19. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -4
  20. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  21. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  22. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  23. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  24. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  25. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  26. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  27. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  28. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  29. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  31. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  32. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  33. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +24 -16
  34. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +19 -4
  35. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  36. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +109 -0
  37. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  38. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +58 -33
  39. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  40. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -5
  41. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  42. package/es/components/ConditionBuilder/utils/util.d.ts +1 -0
  43. package/es/components/ConditionBuilder/utils/util.js +16 -1
  44. package/es/components/DataSpreadsheet/DataSpreadsheet.js +29 -16
  45. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +9 -1
  46. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +18 -2
  47. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  48. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +17 -6
  49. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
  50. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
  51. package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
  52. package/es/components/DataSpreadsheet/types/index.d.ts +1 -1
  53. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  54. package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
  55. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  56. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  57. package/es/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  58. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  59. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  60. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  61. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  62. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  63. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  64. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
  65. package/es/components/Datagrid/types/index.d.ts +18 -4
  66. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  67. package/es/components/Datagrid/useActionsColumn.js +7 -6
  68. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  69. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  70. package/es/components/Datagrid/useInlineEdit.js +12 -2
  71. package/es/components/Datagrid/useNestedRows.js +32 -13
  72. package/es/components/Decorator/Decorator.js +2 -1
  73. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  74. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  75. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  76. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  77. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  78. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  79. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  80. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  81. package/es/components/RemoveModal/RemoveModal.js +7 -1
  82. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  83. package/es/components/Tearsheet/Tearsheet.js +9 -1
  84. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  85. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  86. package/es/components/Tearsheet/TearsheetShell.d.ts +10 -0
  87. package/es/components/Tearsheet/TearsheetShell.js +17 -3
  88. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  89. package/lib/components/ConditionBuilder/ConditionBuilder.js +67 -20
  90. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  91. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +137 -0
  92. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -3
  93. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  94. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  95. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  96. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  97. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  98. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  99. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  100. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  101. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  102. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  103. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  104. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  105. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  106. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +23 -15
  107. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +20 -5
  108. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  109. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +117 -0
  110. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  111. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +56 -31
  112. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  113. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -4
  114. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  115. package/lib/components/ConditionBuilder/utils/util.d.ts +1 -0
  116. package/lib/components/ConditionBuilder/utils/util.js +17 -0
  117. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +29 -16
  118. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +9 -1
  119. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +18 -2
  120. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
  121. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +17 -6
  122. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
  123. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
  124. package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
  125. package/lib/components/DataSpreadsheet/types/index.d.ts +1 -1
  126. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
  127. package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
  128. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  129. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  130. package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  131. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  132. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  133. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  134. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  135. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  136. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  137. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
  138. package/lib/components/Datagrid/types/index.d.ts +18 -4
  139. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  140. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  141. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  142. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  143. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  144. package/lib/components/Datagrid/useNestedRows.js +32 -13
  145. package/lib/components/Decorator/Decorator.js +2 -1
  146. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  147. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  148. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  149. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  150. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  151. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  152. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  153. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  154. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  155. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  156. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  157. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  158. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  159. package/lib/components/Tearsheet/TearsheetShell.d.ts +10 -0
  160. package/lib/components/Tearsheet/TearsheetShell.js +16 -2
  161. package/package.json +3 -3
  162. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +9 -1
  163. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -1
  164. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +1 -0
  165. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  166. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  167. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  168. package/telemetry.yml +1 -0
  169. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  170. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  171. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  172. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
@@ -1,2 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2023
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { Hooks } from 'react-table';
8
+ declare const useColumnRightAlign: (hooks: Hooks) => void;
1
9
  export default useColumnRightAlign;
2
- declare function useColumnRightAlign(hooks: any): void;
@@ -13,16 +13,17 @@ import { pkg } from '../../settings.js';
13
13
  var blockClass = "".concat(pkg.prefix, "--datagrid");
14
14
  var useColumnRightAlign = function useColumnRightAlign(hooks) {
15
15
  var RightAlignRenderer = function RightAlignRenderer(tableProps, column) {
16
+ var _tableProps$column, _column$Cell;
16
17
  return /*#__PURE__*/React__default.createElement("div", {
17
18
  className: cx("".concat(blockClass, "__right-align-cell-renderer"), {
18
- sortDisabled: !tableProps.isTableSortable || tableProps.column.disableSortBy === true
19
+ sortDisabled: !tableProps.isTableSortable || (tableProps === null || tableProps === void 0 || (_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.disableSortBy) === true
19
20
  })
20
- }, column.Cell(tableProps));
21
+ }, column === null || column === void 0 || (_column$Cell = column.Cell) === null || _column$Cell === void 0 ? void 0 : _column$Cell.call(column, tableProps));
21
22
  };
22
23
  var RightAlignHeader = function RightAlignHeader(headerProp, column) {
23
24
  return /*#__PURE__*/React__default.createElement("div", {
24
25
  className: "".concat(blockClass, "__right-align-header")
25
- }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
26
+ }, typeof column.Header === 'function' ? (column === null || column === void 0 ? void 0 : column.Header.bind(column))(headerProp) : column.Header);
26
27
  };
27
28
  var rightAlignedColumns = function rightAlignedColumns(columns) {
28
29
  var columnsWithDefaultCells = columns.map(function (column) {
@@ -5,6 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
+ import { typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
8
9
  import React__default from 'react';
9
10
  import { pkg } from '../../settings.js';
10
11
  import cx from 'classnames';
@@ -13,12 +14,13 @@ import { InlineEditCell } from './Datagrid/addons/InlineEdit/InlineEditCell/Inli
13
14
  var blockClass = "".concat(pkg.prefix, "--datagrid");
14
15
  var useInlineEdit = function useInlineEdit(hooks) {
15
16
  var addInlineEdit = function addInlineEdit(props, _ref) {
16
- var _cell$column, _cell$column2;
17
+ var _cell$column, _cell$column2, _cell$value, _cell$value2, _cell$value3;
17
18
  var cell = _ref.cell,
18
19
  instance = _ref.instance;
19
20
  var columnInlineEditConfig = cell.column.inlineEdit;
20
21
  var inlineEditType = (_cell$column = cell.column) === null || _cell$column === void 0 || (_cell$column = _cell$column.inlineEdit) === null || _cell$column === void 0 ? void 0 : _cell$column.type;
21
22
  var isDisabled = (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.isDisabled;
23
+ var staticCell = _typeof(cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.isStaticCell);
22
24
  var renderInlineEditComponent = function renderInlineEditComponent(type) {
23
25
  return /*#__PURE__*/React__default.createElement(InlineEditCell, {
24
26
  config: columnInlineEditConfig,
@@ -38,7 +40,15 @@ var useInlineEdit = function useInlineEdit(hooks) {
38
40
  return [props, {
39
41
  className: cx("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell-inline-edit")),
40
42
  role: 'gridcell',
41
- children: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), !inlineEditType && /*#__PURE__*/React__default.createElement(InlineEditCell, {
43
+ children: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !staticCell && inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), staticCell && /*#__PURE__*/React__default.createElement(InlineEditCell, {
44
+ config: columnInlineEditConfig,
45
+ tabIndex: -1,
46
+ value: (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.value,
47
+ cell: cell,
48
+ instance: instance,
49
+ nonEditCell: true,
50
+ type: "text"
51
+ }), !inlineEditType && /*#__PURE__*/React__default.createElement(InlineEditCell, {
42
52
  config: columnInlineEditConfig,
43
53
  tabIndex: -1,
44
54
  value: cell.value,
@@ -15,33 +15,52 @@ var blockClass = "".concat(pkg.prefix, "--datagrid");
15
15
  var useNestedRows = function useNestedRows(hooks) {
16
16
  useNestedRowExpander(hooks);
17
17
  var useInstance = function useInstance(instance) {
18
+ useEffect(function () {
19
+ var _ref = instance,
20
+ rows = _ref.rows;
21
+ var defaultExpandedRows = rows.filter(function (row) {
22
+ var _row$original;
23
+ return row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.defaultExpanded;
24
+ });
25
+ if (defaultExpandedRows !== null && defaultExpandedRows !== void 0 && defaultExpandedRows.length) {
26
+ defaultExpandedRows.map(function (defaultExpandedRow) {
27
+ if (!(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.isExpanded) && !(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.hasExpanded)) {
28
+ var _defaultExpandedRow$t;
29
+ defaultExpandedRow === null || defaultExpandedRow === void 0 || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === void 0 || _defaultExpandedRow$t.call(defaultExpandedRow);
30
+ defaultExpandedRow.hasExpanded = true;
31
+ return;
32
+ }
33
+ });
34
+ }
35
+ }, [instance, instance.rows]);
18
36
  // This useEffect will expand rows if they exist in the initialState obj
19
37
  useEffect(function () {
20
38
  var rows = instance.rows,
21
39
  initialState = instance.initialState;
22
- var _ref = initialState,
23
- expandedRowIds = _ref.expandedRowIds;
40
+ var _ref2 = initialState,
41
+ expandedRowIds = _ref2.expandedRowIds;
24
42
  if (expandedRowIds) {
25
43
  Object.keys(expandedRowIds).forEach(function (key) {
44
+ var _row$0$original;
26
45
  var row = rows.filter(function (r) {
27
- return r.id.toString() === key.toString();
46
+ var _r$original;
47
+ return r.id.toString() === key.toString() || ((_r$original = r.original) === null || _r$original === void 0 || (_r$original = _r$original.id) === null || _r$original === void 0 ? void 0 : _r$original.toString()) === key.toString();
28
48
  });
29
- if (row !== null && row !== void 0 && row.length && key.toString() === row[0].id.toString()) {
30
- var _row$;
31
- (_row$ = row[0]) === null || _row$ === void 0 || _row$.toggleRowExpanded();
49
+ if (row.length && key.toString() === row[0].id.toString() || row.length && key.toString() === ((_row$0$original = row[0].original) === null || _row$0$original === void 0 || (_row$0$original = _row$0$original.id) === null || _row$0$original === void 0 ? void 0 : _row$0$original.toString())) {
50
+ row[0].toggleRowExpanded();
32
51
  }
33
52
  });
34
53
  }
35
54
  }, [instance]);
36
55
  var marginLeft = 24;
37
- var getRowProps = function getRowProps(props, _ref2) {
38
- var row = _ref2.row;
56
+ var getRowProps = function getRowProps(props, _ref3) {
57
+ var row = _ref3.row;
39
58
  return [props, {
40
59
  className: cx(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
41
60
  }];
42
61
  };
43
- var getRowStyles = function getRowStyles(props, _ref3) {
44
- var row = _ref3.row;
62
+ var getRowStyles = function getRowStyles(props, _ref4) {
63
+ var row = _ref4.row;
45
64
  return [props, {
46
65
  style: {
47
66
  paddingLeft: "".concat(row.depth > 1 ? marginLeft * 2 + (row.depth - 1) * (marginLeft + marginLeft / 3) : row.depth === 1 ? marginLeft * 2 : 0, "px")
@@ -51,9 +70,9 @@ var useNestedRows = function useNestedRows(hooks) {
51
70
  var getIndentation = function getIndentation(depth) {
52
71
  return 32 * depth + 16;
53
72
  }; // row indentation padding
54
- var getCellProps = function getCellProps(props, _ref4) {
55
- var cell = _ref4.cell,
56
- instance = _ref4.instance;
73
+ var getCellProps = function getCellProps(props, _ref5) {
74
+ var cell = _ref5.cell,
75
+ instance = _ref5.instance;
57
76
  // we add a dynamic -ve margin right only if the cell is resized below minimum width i.e 50px, else we set the width based on indentation at different levels
58
77
  var isFirstCell = instance.columns.findIndex(function (c) {
59
78
  return c.id === cell.column.id;
@@ -87,7 +87,8 @@ Decorator.propTypes = {
87
87
  */
88
88
  small: PropTypes.bool,
89
89
  /**
90
- * Determines the theme of the component.
90
+ * Override the default theme of the component.
91
+ * Useful if you want "invert" the component's theme.
91
92
  */
92
93
  theme: PropTypes.oneOf(['light', 'dark']),
93
94
  /**
@@ -23,8 +23,7 @@ var defaults = {
23
23
  onContextMenu: function onContextMenu() {},
24
24
  onContextMenuLabel: function onContextMenuLabel() {},
25
25
  onContextMenuValue: function onContextMenuValue() {},
26
- scoreThresholds: [0, 4, 7, 10],
27
- theme: 'light'
26
+ scoreThresholds: [0, 4, 7, 10]
28
27
  };
29
28
 
30
29
  /**
@@ -56,8 +55,7 @@ var DecoratorBase = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
56
55
  _ref$scoreThresholds = _ref.scoreThresholds,
57
56
  scoreThresholds = _ref$scoreThresholds === void 0 ? defaults.scoreThresholds : _ref$scoreThresholds,
58
57
  small = _ref.small,
59
- _ref$theme = _ref.theme,
60
- theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
58
+ theme = _ref.theme,
61
59
  truncateValue = _ref.truncateValue,
62
60
  value = _ref.value,
63
61
  valueTitle = _ref.valueTitle,
@@ -67,7 +65,7 @@ var DecoratorBase = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
67
65
  var _value = truncate(value, truncateValue);
68
66
 
69
67
  // These class names apply to all types of DecoratorBase.
70
- var classNames = cx(blockClass, className, "".concat(blockClass, "--").concat(theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === void 0 ? void 0 : truncateValue.maxLength));
68
+ var classNames = cx(blockClass, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--").concat(theme), theme), "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === void 0 ? void 0 : truncateValue.maxLength));
71
69
 
72
70
  // These properties apply to all <DecoratorIcons>.
73
71
  var decoratorIconsProps = {
@@ -111,7 +111,8 @@ DecoratorDualButton.propTypes = {
111
111
  */
112
112
  small: PropTypes.bool,
113
113
  /**
114
- * Determines the theme of the component.
114
+ * Override the default theme of the component.
115
+ * Useful if you want "invert" the component's theme.
115
116
  */
116
117
  theme: PropTypes.oneOf(['light', 'dark']),
117
118
  /**
@@ -101,7 +101,8 @@ DecoratorLink.propTypes = {
101
101
  */
102
102
  small: PropTypes.bool,
103
103
  /**
104
- * Determines the theme of the component.
104
+ * Override the default theme of the component.
105
+ * Useful if you want "invert" the component's theme.
105
106
  */
106
107
  theme: PropTypes.oneOf(['light', 'dark']),
107
108
  /**
@@ -101,7 +101,8 @@ DecoratorSingleButton.propTypes = {
101
101
  */
102
102
  small: PropTypes.bool,
103
103
  /**
104
- * Determines the theme of the component.
104
+ * Override the default theme of the component.
105
+ * Useful if you want "invert" the component's theme.
105
106
  */
106
107
  theme: PropTypes.oneOf(['light', 'dark']),
107
108
  /**
@@ -44,6 +44,12 @@ var HTTPError403 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
44
44
  }));
45
45
  });
46
46
 
47
+ /**@ts-ignore*/
48
+ HTTPError403.deprecated = {
49
+ level: 'warn',
50
+ details: "Please replace ".concat(componentName, " with FullPageError")
51
+ };
52
+
47
53
  // Return a placeholder if not released and not enabled by feature flag
48
54
  HTTPError403 = pkg.checkComponentEnabled(HTTPError403, componentName);
49
55
 
@@ -44,6 +44,12 @@ var HTTPError404 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
44
44
  }));
45
45
  });
46
46
 
47
+ /**@ts-ignore*/
48
+ HTTPError404.deprecated = {
49
+ level: 'warn',
50
+ details: "Please replace ".concat(componentName, " with FullPageError")
51
+ };
52
+
47
53
  // Return a placeholder if not released and not enabled by feature flag
48
54
  HTTPError404 = pkg.checkComponentEnabled(HTTPError404, componentName);
49
55
 
@@ -44,6 +44,12 @@ var HTTPErrorOther = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
44
44
  }));
45
45
  });
46
46
 
47
+ /**@ts-ignore*/
48
+ HTTPErrorOther.deprecated = {
49
+ level: 'warn',
50
+ details: "Please replace ".concat(componentName, " with FullPageError")
51
+ };
52
+
47
53
  // Return a placeholder if not released and not enabled by feature flag
48
54
  HTTPErrorOther = pkg.checkComponentEnabled(HTTPErrorOther, componentName);
49
55
 
@@ -58,6 +58,10 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
58
58
  * Specify the text for the primary button
59
59
  */
60
60
  primaryButtonText?: string;
61
+ /**
62
+ * Specify the danger description on the primary button
63
+ */
64
+ primaryDangerDescription?: string;
61
65
  /**
62
66
  * The name of the resource being acted upon
63
67
  */
@@ -16,7 +16,7 @@ import { pkg } from '../../settings.js';
16
16
  import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
17
17
  import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
18
18
 
19
- var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
19
+ var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "primaryDangerDescription", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
20
20
  var componentName = 'RemoveModal';
21
21
 
22
22
  /**
@@ -40,6 +40,7 @@ var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
40
40
  preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
41
41
  primaryButtonDisabled = _ref.primaryButtonDisabled,
42
42
  primaryButtonText = _ref.primaryButtonText,
43
+ primaryDangerDescription = _ref.primaryDangerDescription,
43
44
  resourceName = _ref.resourceName,
44
45
  secondaryButtonText = _ref.secondaryButtonText,
45
46
  textConfirmation = _ref.textConfirmation,
@@ -109,6 +110,7 @@ var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
109
110
  }, secondaryButtonText), /*#__PURE__*/React__default.createElement(Button, {
110
111
  type: "submit",
111
112
  kind: "danger",
113
+ dangerDescription: primaryDangerDescription,
112
114
  onClick: onRequestSubmit,
113
115
  disabled: primaryButtonStatus
114
116
  }, primaryButtonText))));
@@ -173,6 +175,10 @@ RemoveModal.propTypes = {
173
175
  * Specify the text for the primary button
174
176
  */
175
177
  primaryButtonText: PropTypes.string,
178
+ /**
179
+ * Specify the danger description on the primary button
180
+ */
181
+ primaryDangerDescription: PropTypes.string,
176
182
  /**
177
183
  * The name of the resource being acted upon
178
184
  */
@@ -99,9 +99,16 @@ interface TearsheetProps extends PropsWithChildren {
99
99
  */
100
100
  portalTarget: ReactNode;
101
101
  /**
102
- * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
102
+ * Specify a CSS selector that matches the DOM element that should be
103
+ * focused when the Modal opens.
103
104
  */
104
105
  selectorPrimaryFocus?: string;
106
+ /**
107
+ * Specify the CSS selectors that match the floating menus.
108
+ *
109
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
110
+ */
111
+ selectorsFloatingMenus?: string[];
105
112
  /**
106
113
  * The main title of the tearsheet, displayed in the header area.
107
114
  */
@@ -190,9 +190,17 @@ Tearsheet.propTypes = _objectSpread2({
190
190
  /**@ts-ignore */
191
191
  portalTarget: portalType,
192
192
  /**
193
- * Specify a CSS selector that matches the DOM element that should be focused when the Modal opens
193
+ * Specify a CSS selector that matches the DOM element that should be
194
+ * focused when the Modal opens.
194
195
  */
195
196
  selectorPrimaryFocus: PropTypes.string,
197
+ /**
198
+ * Specify the CSS selectors that match the floating menus.
199
+ *
200
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
201
+ */
202
+ /**@ts-ignore*/
203
+ selectorsFloatingMenus: PropTypes.arrayOf(PropTypes.string),
196
204
  /**
197
205
  * The main title of the tearsheet, displayed in the header area.
198
206
  */
@@ -64,6 +64,17 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
64
64
  * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
65
65
  */
66
66
  portalTarget?: ReactNode;
67
+ /**
68
+ * Specify a CSS selector that matches the DOM element that should be
69
+ * focused when the Modal opens.
70
+ */
71
+ selectorPrimaryFocus?: string;
72
+ /**
73
+ * Specify the CSS selectors that match the floating menus.
74
+ *
75
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
76
+ */
77
+ selectorsFloatingMenus?: string[];
67
78
  /**
68
79
  * The main title of the tearsheet, displayed in the header area.
69
80
  */
@@ -148,6 +148,18 @@ TearsheetNarrow.propTypes = _objectSpread2({
148
148
  */
149
149
  /**@ts-ignore */
150
150
  portalTarget: portalType,
151
+ /**
152
+ * Specify a CSS selector that matches the DOM element that should be
153
+ * focused when the Modal opens.
154
+ */
155
+ selectorPrimaryFocus: PropTypes.string,
156
+ /**
157
+ * Specify the CSS selectors that match the floating menus.
158
+ *
159
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
160
+ */
161
+ /**@ts-ignore*/
162
+ selectorsFloatingMenus: PropTypes.arrayOf(PropTypes.string),
151
163
  /**
152
164
  * The main title of the tearsheet, displayed in the header area.
153
165
  */
@@ -81,7 +81,17 @@ interface TearsheetShellProps extends PropsWithChildren {
81
81
  * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
82
82
  */
83
83
  portalTarget?: ReactNode;
84
+ /**
85
+ * Specify a CSS selector that matches the DOM element that should be
86
+ * focused when the Modal opens.
87
+ */
84
88
  selectorPrimaryFocus?: string;
89
+ /**
90
+ * Specify the CSS selectors that match the floating menus.
91
+ *
92
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
93
+ */
94
+ selectorsFloatingMenus?: string[];
85
95
  /**
86
96
  * Specifies the width of the tearsheet, 'narrow' or 'wide'.
87
97
  */
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
8
+ import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import React__default, { useRef, useState, useEffect } from 'react';
10
10
  import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
11
11
  import PropTypes from '../../node_modules/prop-types/index.js';
@@ -20,7 +20,7 @@ import { useFocus } from '../../global/js/hooks/useFocus.js';
20
20
  import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
21
21
  import { ActionSet } from '../ActionSet/ActionSet.js';
22
22
 
23
- var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
23
+ var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
24
24
 
25
25
  // The block part of our conventional BEM class names (bc__E--M).
26
26
  var bc = "".concat(pkg.prefix, "--tearsheet");
@@ -79,6 +79,8 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
79
79
  open = _ref.open,
80
80
  portalTargetIn = _ref.portalTarget,
81
81
  selectorPrimaryFocus = _ref.selectorPrimaryFocus,
82
+ _ref$selectorsFloatin = _ref.selectorsFloatingMenus,
83
+ selectorsFloatingMenus = _ref$selectorsFloatin === void 0 ? [] : _ref$selectorsFloatin,
82
84
  size = _ref.size,
83
85
  slug = _ref.slug,
84
86
  title = _ref.title,
@@ -249,7 +251,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
249
251
  onKeyDown: keyDownListener,
250
252
  preventCloseOnClickOutside: !isPassive,
251
253
  ref: modalRef,
252
- selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
254
+ selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")].concat(_toConsumableArray(selectorsFloatingMenus)),
253
255
  size: "sm"
254
256
  }), includeHeader && /*#__PURE__*/React__default.createElement(ModalHeader, {
255
257
  className: cx("".concat(bc, "__header"), _defineProperty(_defineProperty({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
@@ -445,6 +447,18 @@ TearsheetShell.propTypes = _objectSpread2({
445
447
  */
446
448
  /**@ts-ignore*/
447
449
  portalTarget: portalType,
450
+ /**
451
+ * Specify a CSS selector that matches the DOM element that should be
452
+ * focused when the Modal opens.
453
+ */
454
+ selectorPrimaryFocus: PropTypes.string,
455
+ /**
456
+ * Specify the CSS selectors that match the floating menus.
457
+ *
458
+ * See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
459
+ */
460
+ /**@ts-ignore*/
461
+ selectorsFloatingMenus: PropTypes.arrayOf(PropTypes.string),
448
462
  /**
449
463
  * Specifies the width of the tearsheet, 'narrow' or 'wide'.
450
464
  */
@@ -15,7 +15,6 @@ var icons = require('@carbon/react/icons');
15
15
  var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
16
16
  var index = require('../../../node_modules/prop-types/index.js');
17
17
  var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
18
- var ConditionBuilderItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js');
19
18
  var cx = require('classnames');
20
19
  var ConditionConnector = require('../ConditionBuilderConnector/ConditionConnector.js');
21
20
  var ConditionBuilderItemNumber = require('../ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js');
@@ -26,6 +25,8 @@ var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilder
26
25
  var util = require('../utils/util.js');
27
26
  var ConditionBuilderItemTime = require('../ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js');
28
27
  var ConditionBuilderAdd = require('../ConditionBuilderAdd/ConditionBuilderAdd.js');
28
+ var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js');
29
+ var ItemOptionForValueField = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js');
29
30
 
30
31
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
32
 
@@ -33,6 +34,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
34
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
34
35
 
35
36
  var _div;
37
+
36
38
  /**
37
39
  * This component build each block of condition consisting of property, operator value and close button.
38
40
  */
@@ -62,14 +64,6 @@ var ConditionBlock = function ConditionBlock(props) {
62
64
  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
63
65
  inputConfig = _useContext.inputConfig,
64
66
  variant = _useContext.variant;
65
- //Below possible input types expected for value field.
66
- var itemComponents = {
67
- option: ConditionBuilderItemOption.ConditionBuilderItemOption,
68
- text: ConditionBuilderItemText.ConditionBuilderItemText,
69
- number: ConditionBuilderItemNumber.ConditionBuilderItemNumber,
70
- date: ConditionBuilderItemDate.ConditionBuilderItemDate,
71
- time: ConditionBuilderItemTime.ConditionBuilderItemTime
72
- };
73
67
  var _useState = React.useState(false),
74
68
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
75
69
  showDeletionPreview = _useState2[0],
@@ -87,13 +81,17 @@ var ConditionBlock = function ConditionBlock(props) {
87
81
  type = _getCurrentConfig.type,
88
82
  config = _getCurrentConfig.config,
89
83
  label = _getCurrentConfig.label;
90
- var ItemComponent;
91
- // if (type == 'custom') {
92
- // ItemComponent = config.component;
93
- // } else {
94
- ItemComponent = property ? itemComponents[type] : null;
95
- //}
96
84
 
85
+ //Below possible input types expected for value field.
86
+ var itemComponents = {
87
+ text: ConditionBuilderItemText.ConditionBuilderItemText,
88
+ number: ConditionBuilderItemNumber.ConditionBuilderItemNumber,
89
+ date: ConditionBuilderItemDate.ConditionBuilderItemDate,
90
+ time: ConditionBuilderItemTime.ConditionBuilderItemTime,
91
+ option: ItemOptionForValueField.ItemOptionForValueField,
92
+ custom: config === null || config === void 0 ? void 0 : config.component
93
+ };
94
+ var ItemComponent = property ? itemComponents[type] : null;
97
95
  var onStatementChangeHandler = function onStatementChangeHandler(v, evt) {
98
96
  util.focusThisField(evt);
99
97
  onStatementChange(v);
@@ -114,9 +112,10 @@ var ConditionBlock = function ConditionBlock(props) {
114
112
  }));
115
113
  };
116
114
  var onValueChangeHandler = function onValueChangeHandler(newValue) {
117
- onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, condition), {}, {
118
- value: newValue,
119
- popoverToOpen: ''
115
+ var currentCondition = _rollupPluginBabelHelpers.objectSpread2({}, condition);
116
+ delete currentCondition.popoverToOpen;
117
+ onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, currentCondition), {}, {
118
+ value: newValue
120
119
  }));
121
120
  };
122
121
  var handleShowDeletionPreview = function handleShowDeletionPreview() {
@@ -126,6 +125,9 @@ var ConditionBlock = function ConditionBlock(props) {
126
125
  setShowDeletionPreview(false);
127
126
  };
128
127
  var getOperators = function getOperators() {
128
+ if (config !== null && config !== void 0 && config.operators) {
129
+ return config.operators;
130
+ }
129
131
  return DataConfigs.operatorConfig.filter(function (operator) {
130
132
  return operator.type.indexOf(type) != -1 || operator.type == 'all';
131
133
  });
@@ -156,7 +158,7 @@ var ConditionBlock = function ConditionBlock(props) {
156
158
  "data-name": "connectorField",
157
159
  popOverClassName: "".concat(DataConfigs.blockClass, "__gap"),
158
160
  className: "".concat(DataConfigs.blockClass, "__statement-button")
159
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItemOption.ConditionBuilderItemOption, {
161
+ }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
160
162
  conditionState: {
161
163
  value: group.statement,
162
164
  label: DataConfigs.translateWithId('condition')
@@ -173,7 +175,7 @@ var ConditionBlock = function ConditionBlock(props) {
173
175
  "data-name": "propertyField",
174
176
  condition: condition,
175
177
  type: type
176
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItemOption.ConditionBuilderItemOption, {
178
+ }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
177
179
  conditionState: {
178
180
  value: property,
179
181
  label: DataConfigs.translateWithId('property')
@@ -188,7 +190,7 @@ var ConditionBlock = function ConditionBlock(props) {
188
190
  "data-name": "operatorField",
189
191
  condition: condition,
190
192
  type: type
191
- }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItemOption.ConditionBuilderItemOption, {
193
+ }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
192
194
  config: {
193
195
  options: getOperators()
194
196
  },