@carbon/ibm-products 2.54.0-canary.4 → 2.54.0-canary.40
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/css/index-full-carbon.css +96 -23
- 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 +20 -10
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +20 -10
- 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 +33 -13
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +17 -14
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +5 -1
- package/es/components/AboutModal/AboutModal.js +3 -6
- package/es/components/AddSelect/hooks/useFocus.js +1 -2
- package/es/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/es/components/AddSelect/hooks/usePath.js +1 -2
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -9
- package/es/components/Card/Card.js +13 -9
- package/es/components/Checklist/Checklist.js +1 -1
- package/es/components/Checklist/ChecklistIcon.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
- package/es/components/ConditionBuilder/utils/util.js +0 -4
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +2 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +6 -3
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +1 -0
- package/es/components/Datagrid/Datagrid/Datagrid.js +7 -0
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +4 -4
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/es/components/Datagrid/useEditableCell.js +1 -2
- package/es/components/Datagrid/useFlexResize.js +1 -2
- package/es/components/Datagrid/useFloatingScroll.js +1 -2
- package/es/components/Datagrid/useNestedRowExpander.js +1 -2
- package/es/components/Datagrid/useParentDimensions.js +1 -2
- package/es/components/Datagrid/useResizeTable.js +1 -2
- package/es/components/Datagrid/useRowExpander.js +1 -2
- package/es/components/Datagrid/useRowRenderer.js +1 -2
- package/es/components/Datagrid/useRowSize.js +1 -2
- package/es/components/Datagrid/useSkeletonRows.js +1 -2
- package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
- package/es/components/DecoratorLink/DecoratorLink.d.ts +1 -0
- package/es/components/DecoratorLink/DecoratorLink.js +5 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
- package/es/components/DescriptionList/DescriptionList.d.ts +1 -0
- package/es/components/DescriptionList/DescriptionList.js +5 -0
- package/es/components/EditFullPage/EditFullPage.d.ts +2 -0
- package/es/components/EditFullPage/EditFullPage.js +8 -0
- package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -0
- package/es/components/EditSidePanel/EditSidePanel.js +8 -0
- package/es/components/EditTearsheet/EditTearsheet.d.ts +2 -0
- package/es/components/EditTearsheet/EditTearsheet.js +8 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
- package/es/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
- package/es/components/EditUpdateCards/EditUpdateCards.js +8 -0
- package/es/components/EmptyStates/EmptyStateIllustration.js +1 -2
- package/es/components/EmptyStates/EmptyStateV2.d.ts +1 -0
- package/es/components/EmptyStates/EmptyStateV2.js +7 -0
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -2
- package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -2
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
- package/es/components/FilterPanel/FilterPanel.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanel.js +6 -0
- package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
- package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
- package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
- package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
- package/es/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
- package/es/components/Nav/Nav.d.ts +3 -0
- package/es/components/Nav/Nav.js +8 -0
- package/es/components/Nav/NavItemLink.js +1 -2
- package/es/components/StatusIndicator/StatusIndicator.d.ts +1 -0
- package/es/components/StatusIndicator/StatusIndicator.js +5 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.js +5 -0
- package/es/components/Tearsheet/TearsheetShell.js +3 -24
- package/es/global/js/hooks/useFocus.d.ts +1 -0
- package/es/global/js/hooks/useFocus.js +21 -1
- package/es/global/js/hooks/usePrefersReducedMotion.js +1 -2
- package/es/index.js +1 -1
- package/lib/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +16 -13
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +5 -1
- package/lib/components/AboutModal/AboutModal.js +2 -5
- package/lib/components/AddSelect/hooks/useFocus.js +1 -2
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +1 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +17 -8
- package/lib/components/Card/Card.js +12 -8
- package/lib/components/Checklist/ChecklistChart.js +7 -7
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +1 -5
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +5 -5
- package/lib/components/ConditionBuilder/utils/util.js +0 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.js +2 -2
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +5 -2
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +1 -0
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -0
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +1 -1
- package/lib/components/Datagrid/useColumnOrder.js +1 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +1 -2
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +1 -2
- package/lib/components/Datagrid/useRowRenderer.js +1 -2
- package/lib/components/Datagrid/useRowSize.js +1 -2
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +1 -0
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +5 -0
- package/lib/components/DecoratorLink/DecoratorLink.d.ts +1 -0
- package/lib/components/DecoratorLink/DecoratorLink.js +5 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +1 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +5 -0
- package/lib/components/DescriptionList/DescriptionList.d.ts +1 -0
- package/lib/components/DescriptionList/DescriptionList.js +5 -0
- package/lib/components/EditFullPage/EditFullPage.d.ts +2 -0
- package/lib/components/EditFullPage/EditFullPage.js +8 -0
- package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -0
- package/lib/components/EditSidePanel/EditSidePanel.js +8 -0
- package/lib/components/EditTearsheet/EditTearsheet.d.ts +2 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +8 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +2 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +8 -0
- package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +2 -0
- package/lib/components/EditUpdateCards/EditUpdateCards.js +8 -0
- package/lib/components/EmptyStates/EmptyStateIllustration.js +1 -2
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +1 -0
- package/lib/components/EmptyStates/EmptyStateV2.js +7 -0
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
- package/lib/components/FilterPanel/FilterPanel.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanel.js +6 -0
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +5 -0
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +5 -1
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +5 -0
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +5 -0
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +5 -0
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.d.ts +1 -0
- package/lib/components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js +5 -1
- package/lib/components/Nav/Nav.d.ts +3 -0
- package/lib/components/Nav/Nav.js +8 -0
- package/lib/components/Nav/NavItemLink.js +1 -2
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +1 -0
- package/lib/components/StatusIndicator/StatusIndicator.js +5 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +1 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +5 -0
- package/lib/components/Tearsheet/TearsheetShell.js +2 -23
- package/lib/global/js/hooks/useFocus.d.ts +1 -0
- package/lib/global/js/hooks/useFocus.js +21 -0
- package/lib/global/js/hooks/usePrefersReducedMotion.js +1 -2
- package/lib/index.js +109 -109
- package/package.json +11 -11
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +2 -3
- package/scss/components/Datagrid/styles/_datagrid.scss +16 -6
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +2 -2
- package/scss/components/PageHeader/_page-header.scss +5 -0
@@ -9,10 +9,10 @@
|
|
9
9
|
|
10
10
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
11
11
|
var React = require('react');
|
12
|
-
var index
|
12
|
+
var index = require('../../_virtual/index.js');
|
13
13
|
var cx = require('classnames');
|
14
14
|
var clamp = require('lodash/clamp');
|
15
|
-
var index = require('../../node_modules/@carbon/colors/es/index.js');
|
15
|
+
var index$1 = require('../../node_modules/@carbon/colors/es/index.js');
|
16
16
|
var devtools = require('../../global/js/utils/devtools.js');
|
17
17
|
var settings = require('../../settings.js');
|
18
18
|
var Checklist_types = require('./Checklist.types.js');
|
@@ -38,8 +38,8 @@ function (_ref, ref) {
|
|
38
38
|
theme = _ref$theme === void 0 ? defaults.theme : _ref$theme,
|
39
39
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
40
40
|
var numDegrees = clamp(value * 360, 0, 360);
|
41
|
-
var circleColor = theme === Checklist_types.Themes.light ? index.gray20 : index.gray70; // $ui-03 (-ish)
|
42
|
-
var progressColor = index.purple50;
|
41
|
+
var circleColor = theme === Checklist_types.Themes.light ? index$1.gray20 : index$1.gray70; // $ui-03 (-ish)
|
42
|
+
var progressColor = index$1.purple50;
|
43
43
|
React.useEffect(function () {
|
44
44
|
var ele = document.getElementsByClassName("".concat(blockClass));
|
45
45
|
setTimeout(function () {
|
@@ -75,15 +75,15 @@ ChecklistChart.propTypes = {
|
|
75
75
|
/**
|
76
76
|
* Optional class name for this component.
|
77
77
|
*/
|
78
|
-
className: index
|
78
|
+
className: index.default.string,
|
79
79
|
/**
|
80
80
|
* Determines the theme of the component.
|
81
81
|
*/
|
82
|
-
theme: index
|
82
|
+
theme: index.default.oneOf([Checklist_types.Themes.light, Checklist_types.Themes.dark]),
|
83
83
|
/**
|
84
84
|
* Number between 0 and 1.
|
85
85
|
*/
|
86
|
-
value: index
|
86
|
+
value: index.default.number.isRequired
|
87
87
|
};
|
88
88
|
|
89
89
|
exports.ChecklistChart = ChecklistChart;
|
@@ -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"
|
@@ -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, {
|
@@ -50,10 +50,6 @@ var traverseReverse = function traverseReverse(eachElem, index, allElements, rot
|
|
50
50
|
}
|
51
51
|
};
|
52
52
|
var checkForHoldingKey = function checkForHoldingKey(evt, key) {
|
53
|
-
// possible key inputs: altKey,ctrlKey,metaKey,shiftKey
|
54
|
-
if (key === 'cmd') {
|
55
|
-
return evt.metaKey || evt.ctrlKey;
|
56
|
-
}
|
57
53
|
return evt[key];
|
58
54
|
};
|
59
55
|
var checkIsValid = function checkIsValid(item) {
|
@@ -8,7 +8,7 @@ import React, { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'r
|
|
8
8
|
import { ExperimentalSecondarySubmit } from './CreateTearsheetStep';
|
9
9
|
export interface StepsContextType {
|
10
10
|
currentStep: number;
|
11
|
-
setExperimentalSecondarySubmit: Dispatch<SetStateAction<ExperimentalSecondarySubmit>>;
|
11
|
+
setExperimentalSecondarySubmit: Dispatch<SetStateAction<ExperimentalSecondarySubmit | undefined>>;
|
12
12
|
setIsDisabled: Dispatch<SetStateAction<boolean>>;
|
13
13
|
setOnPrevious: (fn: any) => void;
|
14
14
|
setOnNext: (fn: any) => void;
|
@@ -107,7 +107,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
107
107
|
_useState24 = _rollupPluginBabelHelpers.slicedToArray(_useState23, 2),
|
108
108
|
lastIncludedStep = _useState24[0],
|
109
109
|
setLastIncludedStep = _useState24[1];
|
110
|
-
var _useState25 = React.useState(
|
110
|
+
var _useState25 = React.useState(),
|
111
111
|
_useState26 = _rollupPluginBabelHelpers.slicedToArray(_useState25, 2),
|
112
112
|
experimentalSecondarySubmit = _useState26[0],
|
113
113
|
setExperimentalSecondarySubmit = _useState26[1];
|
@@ -178,7 +178,7 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
178
178
|
isSubmitting: isSubmitting,
|
179
179
|
componentBlockClass: blockClass,
|
180
180
|
experimentalSecondarySubmit: experimentalSecondarySubmit,
|
181
|
-
experimentalSecondarySubmitText: experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
|
181
|
+
experimentalSecondarySubmitText: experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
|
182
182
|
setCreateComponentActions: setCreateTearsheetActions
|
183
183
|
});
|
184
184
|
return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), rest, {
|
@@ -84,7 +84,7 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
84
84
|
React.useEffect(function () {
|
85
85
|
if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
|
86
86
|
stepsContext === null || stepsContext === void 0 || stepsContext.setOnMount(onMount);
|
87
|
-
stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(
|
87
|
+
stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
|
88
88
|
}
|
89
89
|
}, [onMount, experimentalSecondarySubmit, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
|
90
90
|
|
@@ -120,8 +120,11 @@ exports.CreateTearsheetStep = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
120
120
|
stepsContext.setIsDisabled(!!disableSubmit);
|
121
121
|
stepsContext === null || stepsContext === void 0 || stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
|
122
122
|
stepsContext === null || stepsContext === void 0 || stepsContext.setOnPrevious(onPrevious);
|
123
|
+
|
124
|
+
//Handle props for experimentalSecondarySubmit button, depending on state change
|
125
|
+
stepsContext === null || stepsContext === void 0 || stepsContext.setExperimentalSecondarySubmit(experimentalSecondarySubmit);
|
123
126
|
}
|
124
|
-
}, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue]);
|
127
|
+
}, [stepsContext, stepNumber, disableSubmit, onNext, onPrevious, stepRef, stepRefValue, experimentalSecondarySubmit]);
|
125
128
|
var renderDescription = function renderDescription() {
|
126
129
|
if (description) {
|
127
130
|
if (typeof description === 'string') {
|
@@ -19,5 +19,6 @@ export interface DatagridProps {
|
|
19
19
|
}
|
20
20
|
/**
|
21
21
|
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
22
|
+
* @deprecated
|
22
23
|
*/
|
23
24
|
export declare let Datagrid: React.ForwardRefExoticComponent<DatagridProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -23,6 +23,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
|
|
23
23
|
var componentName = 'Datagrid';
|
24
24
|
/**
|
25
25
|
* The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
|
26
|
+
* @deprecated
|
26
27
|
*/
|
27
28
|
exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
28
29
|
var datagridState = _ref.datagridState,
|
@@ -57,6 +58,12 @@ exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
57
58
|
}, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
|
58
59
|
});
|
59
60
|
|
61
|
+
/**@ts-ignore*/
|
62
|
+
exports.Datagrid.deprecated = {
|
63
|
+
level: 'warn',
|
64
|
+
details: "For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon"
|
65
|
+
};
|
66
|
+
|
60
67
|
// Return a placeholder if not released and not enabled by feature flag
|
61
68
|
exports.Datagrid = settings.pkg.checkComponentEnabled(exports.Datagrid, componentName);
|
62
69
|
|
@@ -61,12 +61,12 @@ var ResizeHeader = function ResizeHeader(_ref) {
|
|
61
61
|
if (key === 'ArrowLeft') {
|
62
62
|
if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
|
63
63
|
var newWidth = currentColumnWidth - incrementAmount;
|
64
|
-
stateReducer.handleColumnResizingEvent(dispatch, header, newWidth
|
64
|
+
stateReducer.handleColumnResizingEvent(dispatch, header, newWidth);
|
65
65
|
}
|
66
66
|
}
|
67
67
|
if (key === 'ArrowRight') {
|
68
68
|
var _newWidth = currentColumnWidth + incrementAmount;
|
69
|
-
stateReducer.handleColumnResizingEvent(dispatch, header, _newWidth
|
69
|
+
stateReducer.handleColumnResizingEvent(dispatch, header, _newWidth);
|
70
70
|
}
|
71
71
|
}
|
72
72
|
};
|
package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js
CHANGED
@@ -191,6 +191,5 @@ CustomizeColumnsTearsheet.propTypes = {
|
|
191
191
|
selectAllLabel: index.default.string,
|
192
192
|
setIsTearsheetOpen: index.default.func.isRequired
|
193
193
|
};
|
194
|
-
var CustomizeColumnsTearsheet$1 = CustomizeColumnsTearsheet;
|
195
194
|
|
196
|
-
exports.default = CustomizeColumnsTearsheet
|
195
|
+
exports.default = CustomizeColumnsTearsheet;
|
@@ -65,6 +65,5 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
|
|
65
65
|
TearsheetWrapper.propTypes = {
|
66
66
|
instance: index.default.object.isRequired
|
67
67
|
};
|
68
|
-
var CustomizeColumnsTearsheetWrapper = TearsheetWrapper;
|
69
68
|
|
70
|
-
exports.default =
|
69
|
+
exports.default = TearsheetWrapper;
|
@@ -316,7 +316,6 @@ FilterPanel.propTypes = {
|
|
316
316
|
title: index.default.string,
|
317
317
|
updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
|
318
318
|
};
|
319
|
-
var FilterPanel$1 = FilterPanel;
|
320
319
|
|
321
320
|
exports.componentClass = componentClass;
|
322
|
-
exports.default = FilterPanel
|
321
|
+
exports.default = FilterPanel;
|
@@ -33,6 +33,5 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
|
|
33
33
|
}, [filtersState, prevFiltersRef]);
|
34
34
|
return [shouldDisableButtons, setShouldDisableButtons];
|
35
35
|
};
|
36
|
-
var useShouldDisableButtons$1 = useShouldDisableButtons;
|
37
36
|
|
38
|
-
exports.default = useShouldDisableButtons
|
37
|
+
exports.default = useShouldDisableButtons;
|
package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js
CHANGED
@@ -25,6 +25,5 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
|
|
25
25
|
EventEmitter.subscribe(type, callback);
|
26
26
|
});
|
27
27
|
};
|
28
|
-
var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
|
29
28
|
|
30
|
-
exports.default = useSubscribeToEventEmitter
|
29
|
+
exports.default = useSubscribeToEventEmitter;
|
@@ -89,6 +89,5 @@ RowSizeRadioGroup.propTypes = {
|
|
89
89
|
selectedOption: index.default.string.isRequired,
|
90
90
|
tableId: index.default.string.isRequired
|
91
91
|
};
|
92
|
-
var RowSizeRadioGroup$1 = RowSizeRadioGroup;
|
93
92
|
|
94
|
-
exports.default = RowSizeRadioGroup
|
93
|
+
exports.default = RowSizeRadioGroup;
|
@@ -30,7 +30,7 @@ var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, o
|
|
30
30
|
});
|
31
31
|
};
|
32
32
|
var handleColumnResizingEvent = function handleColumnResizingEvent(dispatch, header, newWidth, isKeyEvent) {
|
33
|
-
|
33
|
+
{
|
34
34
|
dispatch({
|
35
35
|
type: COLUMN_RESIZE_START,
|
36
36
|
payload: {
|
@@ -40,6 +40,5 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
|
|
40
40
|
};
|
41
41
|
hooks.visibleColumns.push(visibleColumns);
|
42
42
|
};
|
43
|
-
var useDefaultStringRenderer$1 = useDefaultStringRenderer;
|
44
43
|
|
45
|
-
exports.default = useDefaultStringRenderer
|
44
|
+
exports.default = useDefaultStringRenderer;
|
@@ -14,6 +14,5 @@ var useInlineEdit = require('./useInlineEdit.js');
|
|
14
14
|
var useEditableCell = function useEditableCell(hooks) {
|
15
15
|
useInlineEdit.default(hooks);
|
16
16
|
};
|
17
|
-
var useEditableCell$1 = useEditableCell;
|
18
17
|
|
19
|
-
exports.default = useEditableCell
|
18
|
+
exports.default = useEditableCell;
|
@@ -77,6 +77,5 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
|
|
77
77
|
hooks.useInstance.push(useAddScrollListener);
|
78
78
|
hooks.useInstance.push(useInstance);
|
79
79
|
};
|
80
|
-
var useFloatingScroll$1 = useFloatingScroll;
|
81
80
|
|
82
|
-
exports.default = useFloatingScroll
|
81
|
+
exports.default = useFloatingScroll;
|
@@ -119,6 +119,5 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
119
119
|
hooks.visibleColumns.push(visibleColumns);
|
120
120
|
hooks.useInstance.push(useInstance);
|
121
121
|
};
|
122
|
-
var useNestedRowExpander$1 = useNestedRowExpander;
|
123
122
|
|
124
|
-
exports.default = useNestedRowExpander
|
123
|
+
exports.default = useNestedRowExpander;
|
@@ -69,6 +69,5 @@ var useRowExpander = function useRowExpander(hooks) {
|
|
69
69
|
hooks.visibleColumns.push(visibleColumns);
|
70
70
|
hooks.useInstance.push(useInstance);
|
71
71
|
};
|
72
|
-
var useRowExpander$1 = useRowExpander;
|
73
72
|
|
74
|
-
exports.default = useRowExpander
|
73
|
+
exports.default = useRowExpander;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
/**
|
2
2
|
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
3
|
+
* @deprecated This component is deprecated
|
3
4
|
*/
|
4
5
|
export let DecoratorDualButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
5
6
|
import React from 'react';
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorDualButton';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
|
@@ -28,6 +29,10 @@ exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref
|
|
28
29
|
kind: "dual-button"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorDualButton.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorDualButton = settings.pkg.checkComponentEnabled(exports.DecoratorDualButton, componentName);
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorLink';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorLink groups a key/value pair to behave like a link.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
@@ -28,6 +29,10 @@ exports.DecoratorLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
28
29
|
kind: "link"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorLink.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorLink = settings.pkg.checkComponentEnabled(exports.DecoratorLink, componentName);
|
@@ -19,6 +19,7 @@ var componentName = 'DecoratorSingleButton';
|
|
19
19
|
|
20
20
|
/**
|
21
21
|
* The DecoratorSingleButton groups a key/value pair to behave like a button.
|
22
|
+
* @deprecated This component is deprecated
|
22
23
|
*/
|
23
24
|
exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
24
25
|
var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
@@ -28,6 +29,10 @@ exports.DecoratorSingleButton = /*#__PURE__*/React.forwardRef(function (props, r
|
|
28
29
|
kind: "single-button"
|
29
30
|
}, devtools.getDevtoolsProps(componentName)));
|
30
31
|
});
|
32
|
+
exports.DecoratorSingleButton.deprecated = {
|
33
|
+
level: 'warn',
|
34
|
+
details: "This component is deprecated"
|
35
|
+
};
|
31
36
|
|
32
37
|
// Return a placeholder if not released and not enabled by feature flag
|
33
38
|
exports.DecoratorSingleButton = settings.pkg.checkComponentEnabled(exports.DecoratorSingleButton, componentName);
|
@@ -41,6 +41,7 @@ var defaults = {
|
|
41
41
|
|
42
42
|
/**
|
43
43
|
* Type layouts provide an orderly layout of terms and definitions.
|
44
|
+
* @deprecated This component is deprecated
|
44
45
|
*/
|
45
46
|
exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
46
47
|
var _ref$border = _ref.border,
|
@@ -60,6 +61,10 @@ exports.DescriptionList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
60
61
|
selection: false
|
61
62
|
}, children));
|
62
63
|
});
|
64
|
+
exports.DescriptionList.deprecated = {
|
65
|
+
level: 'warn',
|
66
|
+
details: "This component is deprecated"
|
67
|
+
};
|
63
68
|
|
64
69
|
// Return a placeholder if not released and not enabled by feature flag
|
65
70
|
exports.DescriptionList = settings.pkg.checkComponentEnabled(exports.DescriptionList, componentName);
|
@@ -16,7 +16,9 @@ export interface EditFullPageProps {
|
|
16
16
|
children: ReactNode;
|
17
17
|
}
|
18
18
|
/**
|
19
|
+
* **This component is deprecated.** <br>
|
19
20
|
* Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
|
20
21
|
* See usage guidance for further details.
|
22
|
+
* @deprecated
|
21
23
|
*/
|
22
24
|
export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
|
|
40
40
|
// };
|
41
41
|
|
42
42
|
/**
|
43
|
+
* **This component is deprecated.** <br>
|
43
44
|
* Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
|
44
45
|
* See usage guidance for further details.
|
46
|
+
* @deprecated
|
45
47
|
*/
|
46
48
|
exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
47
49
|
var className = _ref.className,
|
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
62
64
|
}, devtools.getDevtoolsProps(componentName)), children);
|
63
65
|
});
|
64
66
|
|
67
|
+
/**@ts-ignore*/
|
68
|
+
exports.EditFullPage.deprecated = {
|
69
|
+
level: 'warn',
|
70
|
+
details: "This component is deprecated and will be removed in the next major version."
|
71
|
+
};
|
72
|
+
|
65
73
|
// Return a placeholder if not released and not enabled by feature flag
|
66
74
|
exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
|
67
75
|
|
@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
|
|
89
89
|
title: string;
|
90
90
|
}
|
91
91
|
/**
|
92
|
+
* **This component is deprecated.** <br>
|
92
93
|
* Use with medium complexity edits if the user needs page context.
|
94
|
+
* @deprecated
|
93
95
|
*/
|
94
96
|
export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
|