@carbon/ibm-products 2.43.2-canary.2 → 2.43.2-canary.20
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +35 -3
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +35 -3
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +35 -3
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
- package/es/components/ConditionBuilder/ConditionBuilder.js +67 -20
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +129 -0
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -4
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +24 -16
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +19 -4
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +109 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +58 -33
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -5
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
- package/es/components/ConditionBuilder/utils/util.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/util.js +16 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +29 -16
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +9 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +18 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +17 -6
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
- package/es/components/DataSpreadsheet/types/index.d.ts +1 -1
- package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
- package/es/components/Datagrid/types/index.d.ts +18 -4
- package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/es/components/Datagrid/useActionsColumn.js +7 -6
- package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
- package/es/components/Datagrid/useColumnRightAlign.js +4 -3
- package/es/components/Datagrid/useInlineEdit.d.ts +8 -1
- package/es/components/Datagrid/useInlineEdit.js +13 -3
- package/es/components/Datagrid/useNestedRows.js +27 -9
- package/es/components/Decorator/Decorator.js +2 -1
- package/es/components/DecoratorBase/DecoratorBase.js +3 -5
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
- package/es/components/DecoratorLink/DecoratorLink.js +2 -1
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
- package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/es/components/Tearsheet/Tearsheet.js +9 -1
- package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/es/components/Tearsheet/TearsheetShell.d.ts +10 -0
- package/es/components/Tearsheet/TearsheetShell.js +17 -3
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
- package/lib/components/ConditionBuilder/ConditionBuilder.js +67 -20
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +137 -0
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -3
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +23 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +20 -5
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +117 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +56 -31
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -4
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
- package/lib/components/ConditionBuilder/utils/util.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/util.js +17 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +29 -16
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +9 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +18 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +8 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +17 -6
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
- package/lib/components/DataSpreadsheet/types/index.d.ts +1 -1
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
- package/lib/components/Datagrid/types/index.d.ts +18 -4
- package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/lib/components/Datagrid/useActionsColumn.js +7 -6
- package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
- package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
- package/lib/components/Datagrid/useInlineEdit.d.ts +8 -1
- package/lib/components/Datagrid/useInlineEdit.js +13 -3
- package/lib/components/Datagrid/useNestedRows.js +27 -9
- package/lib/components/Decorator/Decorator.js +2 -1
- package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
- package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
- package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/lib/components/Tearsheet/Tearsheet.js +9 -1
- package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/lib/components/Tearsheet/TearsheetShell.d.ts +10 -0
- package/lib/components/Tearsheet/TearsheetShell.js +16 -2
- package/package.json +4 -4
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +9 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -1
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +1 -0
- package/scss/components/StatusIcon/_status-icon.scss +4 -4
- package/scss/components/StringFormatter/_string-formatter.scss +2 -2
- package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
- package/telemetry.yml +1 -0
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
@@ -95,7 +95,8 @@ exports.Decorator.propTypes = {
|
|
95
95
|
*/
|
96
96
|
small: index["default"].bool,
|
97
97
|
/**
|
98
|
-
*
|
98
|
+
* Override the default theme of the component.
|
99
|
+
* Useful if you want "invert" the component's theme.
|
99
100
|
*/
|
100
101
|
theme: index["default"].oneOf(['light', 'dark']),
|
101
102
|
/**
|
@@ -32,8 +32,7 @@ var defaults = {
|
|
32
32
|
onContextMenu: function onContextMenu() {},
|
33
33
|
onContextMenuLabel: function onContextMenuLabel() {},
|
34
34
|
onContextMenuValue: function onContextMenuValue() {},
|
35
|
-
scoreThresholds: [0, 4, 7, 10]
|
36
|
-
theme: 'light'
|
35
|
+
scoreThresholds: [0, 4, 7, 10]
|
37
36
|
};
|
38
37
|
|
39
38
|
/**
|
@@ -65,8 +64,7 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
65
64
|
_ref$scoreThresholds = _ref.scoreThresholds,
|
66
65
|
scoreThresholds = _ref$scoreThresholds === void 0 ? defaults.scoreThresholds : _ref$scoreThresholds,
|
67
66
|
small = _ref.small,
|
68
|
-
|
69
|
-
theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
|
67
|
+
theme = _ref.theme,
|
70
68
|
truncateValue = _ref.truncateValue,
|
71
69
|
value = _ref.value,
|
72
70
|
valueTitle = _ref.valueTitle,
|
@@ -76,7 +74,7 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
76
74
|
var _value = utils.truncate(value, truncateValue);
|
77
75
|
|
78
76
|
// These class names apply to all types of DecoratorBase.
|
79
|
-
var classNames = cx__default["default"](blockClass, className,
|
77
|
+
var classNames = cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.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));
|
80
78
|
|
81
79
|
// These properties apply to all <DecoratorIcons>.
|
82
80
|
var decoratorIconsProps = {
|
@@ -119,7 +119,8 @@ exports.DecoratorDualButton.propTypes = {
|
|
119
119
|
*/
|
120
120
|
small: index["default"].bool,
|
121
121
|
/**
|
122
|
-
*
|
122
|
+
* Override the default theme of the component.
|
123
|
+
* Useful if you want "invert" the component's theme.
|
123
124
|
*/
|
124
125
|
theme: index["default"].oneOf(['light', 'dark']),
|
125
126
|
/**
|
@@ -109,7 +109,8 @@ exports.DecoratorLink.propTypes = {
|
|
109
109
|
*/
|
110
110
|
small: index["default"].bool,
|
111
111
|
/**
|
112
|
-
*
|
112
|
+
* Override the default theme of the component.
|
113
|
+
* Useful if you want "invert" the component's theme.
|
113
114
|
*/
|
114
115
|
theme: index["default"].oneOf(['light', 'dark']),
|
115
116
|
/**
|
@@ -109,7 +109,8 @@ exports.DecoratorSingleButton.propTypes = {
|
|
109
109
|
*/
|
110
110
|
small: index["default"].bool,
|
111
111
|
/**
|
112
|
-
*
|
112
|
+
* Override the default theme of the component.
|
113
|
+
* Useful if you want "invert" the component's theme.
|
113
114
|
*/
|
114
115
|
theme: index["default"].oneOf(['light', 'dark']),
|
115
116
|
/**
|
@@ -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
|
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
|
*/
|
@@ -198,9 +198,17 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
198
198
|
/**@ts-ignore */
|
199
199
|
portalTarget: TearsheetShell.portalType,
|
200
200
|
/**
|
201
|
-
* Specify a CSS selector that matches the DOM element that should be
|
201
|
+
* Specify a CSS selector that matches the DOM element that should be
|
202
|
+
* focused when the Modal opens.
|
202
203
|
*/
|
203
204
|
selectorPrimaryFocus: index["default"].string,
|
205
|
+
/**
|
206
|
+
* Specify the CSS selectors that match the floating menus.
|
207
|
+
*
|
208
|
+
* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
|
209
|
+
*/
|
210
|
+
/**@ts-ignore*/
|
211
|
+
selectorsFloatingMenus: index["default"].arrayOf(index["default"].string),
|
204
212
|
/**
|
205
213
|
* The main title of the tearsheet, displayed in the header area.
|
206
214
|
*/
|
@@ -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
|
*/
|
@@ -156,6 +156,18 @@ exports.TearsheetNarrow.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
156
156
|
*/
|
157
157
|
/**@ts-ignore */
|
158
158
|
portalTarget: TearsheetShell.portalType,
|
159
|
+
/**
|
160
|
+
* Specify a CSS selector that matches the DOM element that should be
|
161
|
+
* focused when the Modal opens.
|
162
|
+
*/
|
163
|
+
selectorPrimaryFocus: index["default"].string,
|
164
|
+
/**
|
165
|
+
* Specify the CSS selectors that match the floating menus.
|
166
|
+
*
|
167
|
+
* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
|
168
|
+
*/
|
169
|
+
/**@ts-ignore*/
|
170
|
+
selectorsFloatingMenus: index["default"].arrayOf(index["default"].string),
|
159
171
|
/**
|
160
172
|
* The main title of the tearsheet, displayed in the header area.
|
161
173
|
*/
|
@@ -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
|
*/
|
@@ -29,7 +29,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
29
29
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
30
30
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
31
31
|
|
32
|
-
var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
|
32
|
+
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"];
|
33
33
|
|
34
34
|
// The block part of our conventional BEM class names (bc__E--M).
|
35
35
|
var bc = "".concat(settings.pkg.prefix, "--tearsheet");
|
@@ -88,6 +88,8 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
88
88
|
open = _ref.open,
|
89
89
|
portalTargetIn = _ref.portalTarget,
|
90
90
|
selectorPrimaryFocus = _ref.selectorPrimaryFocus,
|
91
|
+
_ref$selectorsFloatin = _ref.selectorsFloatingMenus,
|
92
|
+
selectorsFloatingMenus = _ref$selectorsFloatin === void 0 ? [] : _ref$selectorsFloatin,
|
91
93
|
size = _ref.size,
|
92
94
|
slug = _ref.slug,
|
93
95
|
title = _ref.title,
|
@@ -258,7 +260,7 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
258
260
|
onKeyDown: keyDownListener,
|
259
261
|
preventCloseOnClickOutside: !isPassive,
|
260
262
|
ref: modalRef,
|
261
|
-
selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
|
263
|
+
selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")].concat(_rollupPluginBabelHelpers.toConsumableArray(selectorsFloatingMenus)),
|
262
264
|
size: "sm"
|
263
265
|
}), includeHeader && /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
|
264
266
|
className: cx__default["default"]("".concat(bc, "__header"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
|
@@ -454,6 +456,18 @@ TearsheetShell.propTypes = _rollupPluginBabelHelpers.objectSpread2({
|
|
454
456
|
*/
|
455
457
|
/**@ts-ignore*/
|
456
458
|
portalTarget: portalType,
|
459
|
+
/**
|
460
|
+
* Specify a CSS selector that matches the DOM element that should be
|
461
|
+
* focused when the Modal opens.
|
462
|
+
*/
|
463
|
+
selectorPrimaryFocus: index["default"].string,
|
464
|
+
/**
|
465
|
+
* Specify the CSS selectors that match the floating menus.
|
466
|
+
*
|
467
|
+
* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
|
468
|
+
*/
|
469
|
+
/**@ts-ignore*/
|
470
|
+
selectorsFloatingMenus: index["default"].arrayOf(index["default"].string),
|
457
471
|
/**
|
458
472
|
* Specifies the width of the tearsheet, 'narrow' or 'wide'.
|
459
473
|
*/
|
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.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.20+bd909f77c",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -88,14 +88,14 @@
|
|
88
88
|
"rimraf": "^5.0.5",
|
89
89
|
"rollup": "^2.79.1",
|
90
90
|
"rollup-plugin-strip-banner": "^3.0.0",
|
91
|
-
"sass": "^1.
|
91
|
+
"sass": "^1.77.2",
|
92
92
|
"typescript-config-carbon": "^0.2.1",
|
93
93
|
"yargs": "^17.7.2"
|
94
94
|
},
|
95
95
|
"dependencies": {
|
96
96
|
"@babel/runtime": "^7.23.9",
|
97
97
|
"@carbon/feature-flags": "^0.20.0",
|
98
|
-
"@carbon/ibm-products-styles": "^2.39.
|
98
|
+
"@carbon/ibm-products-styles": "^2.39.1-canary.30+bd909f77c",
|
99
99
|
"@carbon/telemetry": "^0.1.0",
|
100
100
|
"@dnd-kit/core": "^6.0.8",
|
101
101
|
"@dnd-kit/modifiers": "^7.0.0",
|
@@ -119,5 +119,5 @@
|
|
119
119
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
120
120
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
121
121
|
},
|
122
|
-
"gitHead": "
|
122
|
+
"gitHead": "bd909f77c703d93bfc82eadf96c088b4e10ab5df"
|
123
123
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
@use '@carbon/react/scss/theme' as *;
|
2
2
|
@use '@carbon/react/scss/spacing' as *;
|
3
|
-
@use '@carbon/react/scss/motion'
|
3
|
+
@use '@carbon/react/scss/motion' as *;
|
4
4
|
@use '@carbon/styles/scss/components/tag' as *;
|
5
5
|
@use '@carbon/styles/scss/utilities/focus-outline';
|
6
6
|
@use '../../../global/styles/project-settings' as c4p-settings;
|
@@ -52,8 +52,16 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
|
|
52
52
|
text-wrap: nowrap;
|
53
53
|
}
|
54
54
|
.#{$block-class}__group-preview {
|
55
|
+
height: 0;
|
56
|
+
opacity: 0;
|
57
|
+
pointer-events: none;
|
58
|
+
transition: all $duration-moderate-02 motion(exit, expressive);
|
59
|
+
}
|
60
|
+
.#{$block-class}__group-preview-animate {
|
61
|
+
height: auto;
|
55
62
|
opacity: 0.5;
|
56
63
|
pointer-events: none;
|
64
|
+
transition: all $duration-moderate-02 motion(exit, expressive);
|
57
65
|
}
|
58
66
|
.#{$block-class}__connector-disabled {
|
59
67
|
display: flex;
|
@@ -212,7 +212,12 @@ $colors: (
|
|
212
212
|
background-color: $layer;
|
213
213
|
}
|
214
214
|
.#{$block-class}__condition-wrapper > :nth-child(1) .#{$block-class}__button,
|
215
|
-
.#{$block-class}__condition-wrapper
|
215
|
+
.#{$block-class}__condition-wrapper
|
216
|
+
> :nth-child(2)
|
217
|
+
.#{$block-class}__button:not(
|
218
|
+
.#{$block-class}__add-button,
|
219
|
+
.#{$block-class}__add_condition_group
|
220
|
+
) {
|
216
221
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
217
222
|
box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
|
218
223
|
}
|
@@ -229,3 +234,23 @@ $colors: (
|
|
229
234
|
align-self: center;
|
230
235
|
margin-left: auto;
|
231
236
|
}
|
237
|
+
.#{$block-class}__add_condition_group-wrapper {
|
238
|
+
z-index: -1;
|
239
|
+
margin-left: -50%;
|
240
|
+
opacity: 0;
|
241
|
+
pointer-events: none;
|
242
|
+
// stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
|
243
|
+
transition: all linear $duration-fast-02;
|
244
|
+
}
|
245
|
+
.#{$block-class}__add_condition_group-wrapper--show {
|
246
|
+
z-index: 0;
|
247
|
+
margin-left: 0;
|
248
|
+
opacity: 1;
|
249
|
+
pointer-events: all;
|
250
|
+
// stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
|
251
|
+
transition: all linear $duration-fast-02;
|
252
|
+
}
|
253
|
+
.#{$block-class}__invalid-input {
|
254
|
+
display: flex;
|
255
|
+
color: $support-warning;
|
256
|
+
}
|
@@ -73,7 +73,7 @@ $themes: ('light', 'dark');
|
|
73
73
|
|
74
74
|
$block-class: #{$pkg-prefix}--status-icon;
|
75
75
|
|
76
|
-
@function
|
76
|
+
@function carbon-clr($name, $theme: light) {
|
77
77
|
// stylelint-disable-next-line carbon/theme-token-use
|
78
78
|
$color: map-get(map-get($colors, $name), $theme);
|
79
79
|
@return $color;
|
@@ -125,13 +125,13 @@ $block-class: #{$pkg-prefix}--status-icon;
|
|
125
125
|
// stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
|
126
126
|
animation: rotating 8000ms infinite linear;
|
127
127
|
// stylelint-disable-next-line carbon/theme-token-use
|
128
|
-
fill:
|
128
|
+
fill: carbon-clr($icon, $theme);
|
129
129
|
} @else if $icon == running {
|
130
130
|
// stylelint-disable-next-line carbon/theme-token-use
|
131
|
-
fill:
|
131
|
+
fill: carbon-clr($icon, $theme);
|
132
132
|
} @else {
|
133
133
|
// stylelint-disable-next-line carbon/theme-token-use
|
134
|
-
fill:
|
134
|
+
fill: carbon-clr($icon, $theme);
|
135
135
|
@media (prefers-reduced-motion) {
|
136
136
|
.#{$block-class}--#{$theme}.#{$block-class}--#{$theme-key}-in-progress {
|
137
137
|
animation: none;
|
@@ -79,7 +79,7 @@ $popover-block-class: #{c4p-settings.$carbon-prefix}--popover;
|
|
79
79
|
.#{$block-class}
|
80
80
|
.#{$popover-block-class}--top-right
|
81
81
|
.#{$popover-block-class}-caret {
|
82
|
-
/* stylelint-disable-next-line
|
82
|
+
/* stylelint-disable-next-line */
|
83
83
|
inset-block-start: -1px !important;
|
84
84
|
}
|
85
85
|
|
@@ -92,6 +92,6 @@ $popover-block-class: #{c4p-settings.$carbon-prefix}--popover;
|
|
92
92
|
.#{$block-class}
|
93
93
|
.#{$popover-block-class}--bottom-right
|
94
94
|
.#{$popover-block-class}-caret {
|
95
|
-
/* stylelint-disable-next-line
|
95
|
+
/* stylelint-disable-next-line */
|
96
96
|
inset-block-end: -1px !important;
|
97
97
|
}
|
@@ -44,7 +44,7 @@ $themes: (
|
|
44
44
|
|
45
45
|
$theme-keys: map-keys($themes);
|
46
46
|
|
47
|
-
@function
|
47
|
+
@function carbon-get-background-color($color, $key, $contrast-key) {
|
48
48
|
@return map-get(
|
49
49
|
$carbon-colors,
|
50
50
|
#{$color}#{map-get(map-get($themes, $key), #{$contrast-key}-contrast)}
|
@@ -59,7 +59,11 @@ $theme-keys: map-keys($themes);
|
|
59
59
|
@each $contrast-key in $theme-keys {
|
60
60
|
.#{$block-class}--#{$key}.#{$block-class}--#{$contrast-key}-#{$color} {
|
61
61
|
// stylelint-disable-next-line carbon/theme-token-use
|
62
|
-
background-color:
|
62
|
+
background-color: carbon-get-background-color(
|
63
|
+
$color,
|
64
|
+
$key,
|
65
|
+
$contrast-key
|
66
|
+
);
|
63
67
|
}
|
64
68
|
}
|
65
69
|
}
|
package/telemetry.yml
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
export function checkForHoldingKey(evt: any, key: any): any;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright IBM Corp. 2020, 2024
|
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
|
-
|
8
|
-
var checkForHoldingKey = function checkForHoldingKey(evt, key) {
|
9
|
-
// possible key inputs: altKey,ctrlKey,metaKey,shiftKey
|
10
|
-
if (key === 'cmd') {
|
11
|
-
return evt.metaKey || evt.ctrlKey;
|
12
|
-
}
|
13
|
-
return evt[key];
|
14
|
-
};
|
15
|
-
|
16
|
-
export { checkForHoldingKey };
|
@@ -1 +0,0 @@
|
|
1
|
-
export function checkForHoldingKey(evt: any, key: any): any;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright IBM Corp. 2020, 2024
|
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
|
-
|
8
|
-
'use strict';
|
9
|
-
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
-
|
12
|
-
var checkForHoldingKey = function checkForHoldingKey(evt, key) {
|
13
|
-
// possible key inputs: altKey,ctrlKey,metaKey,shiftKey
|
14
|
-
if (key === 'cmd') {
|
15
|
-
return evt.metaKey || evt.ctrlKey;
|
16
|
-
}
|
17
|
-
return evt[key];
|
18
|
-
};
|
19
|
-
|
20
|
-
exports.checkForHoldingKey = checkForHoldingKey;
|