@carbon/ibm-products 2.32.0 → 2.34.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. package/css/index-full-carbon.css +351 -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.css +351 -3
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +351 -3
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/ActionBar/ActionBar.js +8 -1
  14. package/es/components/CreateSidePanel/CreateSidePanel.d.ts +81 -2
  15. package/es/components/CreateSidePanel/CreateSidePanel.js +5 -2
  16. package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  17. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  18. package/es/components/DataSpreadsheet/DataSpreadsheet.js +39 -145
  19. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -112
  20. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  21. package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +10 -3
  22. package/es/components/DataSpreadsheet/utils/commonEventHandlers.d.ts +4 -0
  23. package/es/components/DataSpreadsheet/utils/commonEventHandlers.js +304 -0
  24. package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  25. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -1
  26. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  27. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  28. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +6 -2
  29. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +1 -1
  30. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -0
  31. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.d.ts +2 -1
  32. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +4 -3
  33. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  34. package/es/components/Datagrid/useRowSize.js +4 -2
  35. package/es/components/DescriptionList/DescriptionList.d.ts +0 -37
  36. package/es/components/DescriptionList/DescriptionList.js +7 -12
  37. package/es/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  38. package/es/components/DescriptionList/DescriptionListBody.js +39 -0
  39. package/es/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  40. package/es/components/DescriptionList/DescriptionListCell.js +39 -0
  41. package/es/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  42. package/es/components/DescriptionList/DescriptionListRow.js +41 -0
  43. package/es/components/DescriptionList/index.d.ts +4 -1
  44. package/es/components/EditSidePanel/EditSidePanel.d.ts +92 -2
  45. package/es/components/EditSidePanel/EditSidePanel.js +8 -10
  46. package/es/components/FilterPanel/FilterPanel.d.ts +5 -0
  47. package/es/components/FilterPanel/FilterPanel.js +55 -0
  48. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +5 -0
  49. package/es/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +83 -0
  50. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +5 -0
  51. package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +94 -0
  52. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  53. package/es/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +80 -0
  54. package/es/components/FilterPanel/FilterPanelCheckbox/index.d.ts +1 -0
  55. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +10 -0
  56. package/es/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +157 -0
  57. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +5 -0
  58. package/es/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +72 -0
  59. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  60. package/es/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +63 -0
  61. package/es/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  62. package/es/components/FilterPanel/index.d.ts +7 -0
  63. package/es/components/OptionsTile/OptionsTile.d.ts +77 -3
  64. package/es/components/OptionsTile/OptionsTile.js +9 -20
  65. package/es/components/RemoveModal/RemoveModal.d.ts +81 -7
  66. package/es/components/RemoveModal/RemoveModal.js +1 -0
  67. package/es/components/ScrollGradient/ScrollGradient.d.ts +5 -0
  68. package/es/components/ScrollGradient/ScrollGradient.js +156 -0
  69. package/es/components/ScrollGradient/constants.d.ts +15 -0
  70. package/es/components/ScrollGradient/constants.js +121 -0
  71. package/es/components/ScrollGradient/index.d.ts +1 -0
  72. package/es/components/SidePanel/SidePanel.d.ts +144 -2
  73. package/es/components/SidePanel/SidePanel.js +88 -112
  74. package/es/components/StatusIcon/StatusIcon.d.ts +34 -2
  75. package/es/components/StatusIcon/StatusIcon.js +97 -95
  76. package/es/components/Tearsheet/TearsheetShell.js +9 -1
  77. package/es/components/Toolbar/ToolbarGroup.d.ts +17 -2
  78. package/es/components/Toolbar/ToolbarGroup.js +0 -1
  79. package/es/components/TruncatedList/TruncatedList.js +5 -3
  80. package/es/components/UserAvatar/UserAvatar.js +3 -2
  81. package/es/components/index.d.ts +4 -1
  82. package/es/global/js/hooks/useFocus.js +9 -2
  83. package/es/global/js/package-settings.d.ts +12 -0
  84. package/es/global/js/package-settings.js +12 -0
  85. package/es/index.js +12 -0
  86. package/es/settings.d.ts +12 -0
  87. package/lib/components/ActionBar/ActionBar.js +11 -6
  88. package/lib/components/CreateSidePanel/CreateSidePanel.d.ts +81 -2
  89. package/lib/components/CreateSidePanel/CreateSidePanel.js +5 -2
  90. package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts +12 -1
  91. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  92. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +39 -145
  93. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -112
  94. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.d.ts +3 -1
  95. package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +9 -2
  96. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.d.ts +4 -0
  97. package/lib/components/DataSpreadsheet/utils/commonEventHandlers.js +311 -0
  98. package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -1
  99. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +4 -1
  100. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  101. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +4 -1
  102. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +5 -1
  103. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +1 -1
  104. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -0
  105. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.d.ts +2 -1
  106. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +4 -3
  107. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -5
  108. package/lib/components/Datagrid/useRowSize.js +4 -2
  109. package/lib/components/DescriptionList/DescriptionList.d.ts +0 -37
  110. package/lib/components/DescriptionList/DescriptionList.js +6 -11
  111. package/lib/components/DescriptionList/DescriptionListBody.d.ts +2 -0
  112. package/lib/components/DescriptionList/DescriptionListBody.js +46 -0
  113. package/lib/components/DescriptionList/DescriptionListCell.d.ts +2 -0
  114. package/lib/components/DescriptionList/DescriptionListCell.js +46 -0
  115. package/lib/components/DescriptionList/DescriptionListRow.d.ts +2 -0
  116. package/lib/components/DescriptionList/DescriptionListRow.js +48 -0
  117. package/lib/components/DescriptionList/index.d.ts +4 -1
  118. package/lib/components/EditSidePanel/EditSidePanel.d.ts +92 -2
  119. package/lib/components/EditSidePanel/EditSidePanel.js +8 -10
  120. package/lib/components/FilterPanel/FilterPanel.d.ts +5 -0
  121. package/lib/components/FilterPanel/FilterPanel.js +62 -0
  122. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.d.ts +5 -0
  123. package/lib/components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js +90 -0
  124. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.d.ts +5 -0
  125. package/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js +101 -0
  126. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.d.ts +5 -0
  127. package/lib/components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js +87 -0
  128. package/lib/components/FilterPanel/FilterPanelCheckbox/index.d.ts +1 -0
  129. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.d.ts +10 -0
  130. package/lib/components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js +164 -0
  131. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.d.ts +5 -0
  132. package/lib/components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js +79 -0
  133. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.d.ts +5 -0
  134. package/lib/components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js +70 -0
  135. package/lib/components/FilterPanel/FilterPanelLabel/index.d.ts +1 -0
  136. package/lib/components/FilterPanel/index.d.ts +7 -0
  137. package/lib/components/OptionsTile/OptionsTile.d.ts +77 -3
  138. package/lib/components/OptionsTile/OptionsTile.js +9 -20
  139. package/lib/components/RemoveModal/RemoveModal.d.ts +81 -7
  140. package/lib/components/RemoveModal/RemoveModal.js +1 -0
  141. package/lib/components/ScrollGradient/ScrollGradient.d.ts +5 -0
  142. package/lib/components/ScrollGradient/ScrollGradient.js +163 -0
  143. package/lib/components/ScrollGradient/constants.d.ts +15 -0
  144. package/lib/components/ScrollGradient/constants.js +128 -0
  145. package/lib/components/ScrollGradient/index.d.ts +1 -0
  146. package/lib/components/SidePanel/SidePanel.d.ts +144 -2
  147. package/lib/components/SidePanel/SidePanel.js +88 -112
  148. package/lib/components/StatusIcon/StatusIcon.d.ts +34 -2
  149. package/lib/components/StatusIcon/StatusIcon.js +97 -95
  150. package/lib/components/Tearsheet/TearsheetShell.js +9 -1
  151. package/lib/components/Toolbar/ToolbarGroup.d.ts +17 -2
  152. package/lib/components/Toolbar/ToolbarGroup.js +0 -1
  153. package/lib/components/TruncatedList/TruncatedList.js +5 -3
  154. package/lib/components/UserAvatar/UserAvatar.js +3 -2
  155. package/lib/components/index.d.ts +4 -1
  156. package/lib/global/js/hooks/useFocus.js +9 -2
  157. package/lib/global/js/package-settings.d.ts +12 -0
  158. package/lib/global/js/package-settings.js +12 -0
  159. package/lib/index.js +60 -0
  160. package/lib/settings.d.ts +12 -0
  161. package/package.json +3 -3
  162. package/scss/components/FilterPanel/_carbon-imports.scss +9 -0
  163. package/scss/components/FilterPanel/_filter-panel-accordion-item.scss +56 -0
  164. package/scss/components/FilterPanel/_filter-panel-accordion.scss +6 -0
  165. package/scss/components/FilterPanel/_filter-panel-checkbox-with-overflow.scss +62 -0
  166. package/scss/components/FilterPanel/_filter-panel-checkbox.scss +54 -0
  167. package/scss/components/FilterPanel/_filter-panel-group.scss +39 -0
  168. package/scss/components/FilterPanel/_filter-panel-label.scss +39 -0
  169. package/scss/components/FilterPanel/_filter-panel.scss +31 -0
  170. package/scss/components/FilterPanel/_index-with-carbon.scss +15 -0
  171. package/scss/components/FilterPanel/_index.scss +14 -0
  172. package/scss/components/ScrollGradient/_carbon-imports.scss +9 -0
  173. package/scss/components/ScrollGradient/_index-with-carbon.scss +9 -0
  174. package/scss/components/ScrollGradient/_index.scss +8 -0
  175. package/scss/components/ScrollGradient/_scroll-gradient.scss +102 -0
  176. package/scss/components/UserAvatar/_user-avatar.scss +37 -4
  177. package/scss/components/_index-with-carbon.scss +2 -0
  178. package/scss/components/_index.scss +2 -0
@@ -0,0 +1,83 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { Accordion } from '@carbon/react';
13
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
14
+ import { pkg } from '../../../settings.js';
15
+ import { FilterPanelGroup } from '../FilterPanelGroup/FilterPanelGroup.js';
16
+
17
+ var _excluded = ["accordionProps", "children", "className", "count", "labelText", "title"],
18
+ _excluded2 = ["align"];
19
+
20
+ // The block part of our conventional BEM class names (blockClass__E--M).
21
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-accordion");
22
+ var componentName = 'FilterPanelAccordion';
23
+ var defaults = {
24
+ accordionProps: {}
25
+ };
26
+
27
+ /**
28
+ * A container with a label and optional count.
29
+ */
30
+ var FilterPanelAccordion = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
31
+ var _ref$accordionProps = _ref.accordionProps,
32
+ accordionProps = _ref$accordionProps === void 0 ? defaults.accordionProps : _ref$accordionProps,
33
+ children = _ref.children,
34
+ className = _ref.className,
35
+ count = _ref.count,
36
+ labelText = _ref.labelText,
37
+ title = _ref.title,
38
+ rest = _objectWithoutProperties(_ref, _excluded);
39
+ var align = accordionProps.align,
40
+ otherAccordionProps = _objectWithoutProperties(accordionProps, _excluded2);
41
+ return /*#__PURE__*/React__default.createElement(FilterPanelGroup, _extends({}, rest, {
42
+ className: cx(blockClass, className),
43
+ count: count,
44
+ labelText: labelText,
45
+ ref: ref,
46
+ title: title
47
+ }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Accordion, _extends({}, otherAccordionProps, {
48
+ align: align || 'start',
49
+ className: "".concat(blockClass, "__list")
50
+ }), children));
51
+ });
52
+
53
+ // Return a placeholder if not released and not enabled by feature flag
54
+ FilterPanelAccordion = pkg.checkComponentEnabled(FilterPanelAccordion, componentName);
55
+ FilterPanelAccordion.displayName = componentName;
56
+ FilterPanelAccordion.propTypes = {
57
+ /**
58
+ * Props specific to the internal `Accordion`.
59
+ */
60
+ accordionProps: PropTypes.shape({}),
61
+ /**
62
+ * Provide the contents of the FilterPanelAccordion.
63
+ */
64
+ children: PropTypes.node.isRequired,
65
+ /**
66
+ * Optional class to be applied to the containing node.
67
+ */
68
+ className: PropTypes.string,
69
+ /**
70
+ * Number to be displayed with the label.
71
+ */
72
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
73
+ /**
74
+ * The label for the component.
75
+ */
76
+ labelText: PropTypes.node.isRequired,
77
+ /**
78
+ * Optional title attribute for the label.
79
+ */
80
+ title: PropTypes.string
81
+ };
82
+
83
+ export { FilterPanelAccordion };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * A container with a label and optional count.
3
+ */
4
+ export let FilterPanelAccordionItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,94 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default, { Children } from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { AccordionItem, ListItem } from '@carbon/react';
13
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
14
+ import { pkg } from '../../../settings.js';
15
+ import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
16
+ import { TruncatedList } from '../../TruncatedList/TruncatedList.js';
17
+
18
+ var _excluded = ["accordionItemProps", "truncatedListProps", "children", "className", "count", "labelText", "title"];
19
+
20
+ // The block part of our conventional BEM class names (blockClass__E--M).
21
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-accordion-item");
22
+ var componentName = 'FilterPanelAccordionItem';
23
+ var defaults = {
24
+ accordionItemProps: {},
25
+ truncatedListProps: {}
26
+ };
27
+
28
+ /**
29
+ * A container with a label and optional count.
30
+ */
31
+ var FilterPanelAccordionItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
32
+ var _ref$accordionItemPro = _ref.accordionItemProps,
33
+ accordionItemProps = _ref$accordionItemPro === void 0 ? defaults.accordionItemProps : _ref$accordionItemPro,
34
+ _ref$truncatedListPro = _ref.truncatedListProps,
35
+ truncatedListProps = _ref$truncatedListPro === void 0 ? defaults.truncatedListProps : _ref$truncatedListPro,
36
+ children = _ref.children,
37
+ className = _ref.className,
38
+ count = _ref.count,
39
+ labelText = _ref.labelText,
40
+ title = _ref.title,
41
+ rest = _objectWithoutProperties(_ref, _excluded);
42
+ return /*#__PURE__*/React__default.createElement(AccordionItem, _extends({}, accordionItemProps, {
43
+ className: cx(blockClass, className),
44
+ ref: ref,
45
+ title: /*#__PURE__*/React__default.createElement(FilterPanelLabel, _extends({}, rest, {
46
+ count: count,
47
+ labelText: labelText,
48
+ title: title
49
+ }))
50
+ }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(TruncatedList, _extends({}, truncatedListProps, {
51
+ className: "".concat(blockClass, "__list")
52
+ }), Children.map(children, function (child) {
53
+ return /*#__PURE__*/React__default.createElement(ListItem, {
54
+ className: "".concat(blockClass, "__list-item"),
55
+ key: child.key
56
+ }, child);
57
+ })));
58
+ });
59
+
60
+ // Return a placeholder if not released and not enabled by feature flag
61
+ FilterPanelAccordionItem = pkg.checkComponentEnabled(FilterPanelAccordionItem, componentName);
62
+ FilterPanelAccordionItem.displayName = componentName;
63
+ FilterPanelAccordionItem.propTypes = {
64
+ /**
65
+ * Props specific to the internal `AccordionItem`.
66
+ */
67
+ accordionItemProps: PropTypes.shape({}),
68
+ /**
69
+ * Provide the contents of the FilterPanelAccordionItem.
70
+ */
71
+ children: PropTypes.node.isRequired,
72
+ /**
73
+ * Optional class to be applied to the containing node.
74
+ */
75
+ className: PropTypes.string,
76
+ /**
77
+ * Number to be displayed with the label.
78
+ */
79
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
80
+ /**
81
+ * The label for the component.
82
+ */
83
+ labelText: PropTypes.node.isRequired,
84
+ /**
85
+ * Optional title attribute for the label.
86
+ */
87
+ title: PropTypes.string,
88
+ /**
89
+ * Props specific to the internal `TruncatedList`.
90
+ */
91
+ truncatedListProps: PropTypes.shape({})
92
+ };
93
+
94
+ export { FilterPanelAccordionItem };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Provides a checkbox, label, and count.
3
+ */
4
+ export let FilterPanelCheckbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,80 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { Checkbox } from '@carbon/react';
13
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
14
+ import { pkg } from '../../../settings.js';
15
+ import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
16
+
17
+ var _excluded = ["className", "count", "id", "labelText", "title"];
18
+
19
+ // The block part of our conventional BEM class names (blockClass__E--M).
20
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-checkbox");
21
+ var componentName = 'FilterPanelCheckbox';
22
+
23
+ /**
24
+ * Provides a checkbox, label, and count.
25
+ */
26
+ var FilterPanelCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
27
+ var className = _ref.className,
28
+ count = _ref.count,
29
+ id = _ref.id,
30
+ labelText = _ref.labelText,
31
+ title = _ref.title,
32
+ rest = _objectWithoutProperties(_ref, _excluded);
33
+ return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, rest, {
34
+ className: cx(blockClass, className),
35
+ id: id,
36
+ labelText: /*#__PURE__*/React__default.createElement(FilterPanelLabel, {
37
+ count: count,
38
+ labelText: labelText,
39
+ title: title
40
+ }),
41
+ ref: ref
42
+ }, getDevtoolsProps(componentName)));
43
+ });
44
+
45
+ // Return a placeholder if not released and not enabled by feature flag
46
+ FilterPanelCheckbox = pkg.checkComponentEnabled(FilterPanelCheckbox, componentName);
47
+ FilterPanelCheckbox.displayName = componentName;
48
+ FilterPanelCheckbox.propTypes = {
49
+ /**
50
+ * IMPORTANT NOTE
51
+ *
52
+ * This component is returning Carbon's Checkbox.
53
+ *
54
+ * All of Carbon Checkbox's props are directly available
55
+ * through "...rest", including id, onClick, etc.
56
+ */
57
+
58
+ /**
59
+ * Optional class to be applied to the containing node.
60
+ */
61
+ className: PropTypes.string,
62
+ /**
63
+ * Number to be displayed with the checkbox.
64
+ */
65
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
66
+ /**
67
+ * Unique identifier.
68
+ */
69
+ id: PropTypes.string.isRequired,
70
+ /**
71
+ * Label to be displayed with the checkbox.
72
+ */
73
+ labelText: PropTypes.node.isRequired,
74
+ /**
75
+ * Optional title attribute for the label.
76
+ */
77
+ title: PropTypes.string
78
+ };
79
+
80
+ export { FilterPanelCheckbox };
@@ -0,0 +1 @@
1
+ export { FilterPanelCheckbox } from "./FilterPanelCheckbox";
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Provides a filter panel checkbox with an overflow menu.
3
+ *
4
+ * This component's props refer to the Carbon Checkbox,
5
+ * just like FilterPanelCheckbox.
6
+ *
7
+ * Use `overflowMenuProps` for properties specific to the OverflowMenu.
8
+ */
9
+ export let FilterPanelCheckboxWithOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
10
+ import React from 'react';
@@ -0,0 +1,157 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default, { useState, useRef, useEffect } from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { OverflowMenu } from '@carbon/react';
13
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
14
+ import { pkg } from '../../../settings.js';
15
+ import { FilterPanelCheckbox } from '../FilterPanelCheckbox/FilterPanelCheckbox.js';
16
+
17
+ var _excluded = ["children", "className", "count", "id", "labelText", "overflowMenuProps", "title"];
18
+
19
+ // The block part of our conventional BEM class names (blockClass__E--M).
20
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-checkbox-with-overflow");
21
+ var componentName = 'FilterPanelCheckboxWithOverflow';
22
+ var defaults = {
23
+ overflowMenuProps: {}
24
+ };
25
+
26
+ /**
27
+ * Provides a filter panel checkbox with an overflow menu.
28
+ *
29
+ * This component's props refer to the Carbon Checkbox,
30
+ * just like FilterPanelCheckbox.
31
+ *
32
+ * Use `overflowMenuProps` for properties specific to the OverflowMenu.
33
+ */
34
+ var FilterPanelCheckboxWithOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
35
+ var children = _ref.children,
36
+ className = _ref.className,
37
+ count = _ref.count,
38
+ id = _ref.id,
39
+ labelText = _ref.labelText,
40
+ _ref$overflowMenuProp = _ref.overflowMenuProps,
41
+ overflowMenuProps = _ref$overflowMenuProp === void 0 ? defaults.overflowMenuProps : _ref$overflowMenuProp,
42
+ title = _ref.title,
43
+ rest = _objectWithoutProperties(_ref, _excluded);
44
+ var _useState = useState(false),
45
+ _useState2 = _slicedToArray(_useState, 2),
46
+ menuIsOpen = _useState2[0],
47
+ setMenuIsOpen = _useState2[1];
48
+ var _useState3 = useState(false),
49
+ _useState4 = _slicedToArray(_useState3, 2),
50
+ showMenuButton = _useState4[0],
51
+ setShowMenuButton = _useState4[1];
52
+ // Destructure overflow menu properties.
53
+ var other = _extends({}, (_objectDestructuringEmpty(overflowMenuProps), overflowMenuProps));
54
+ var backupRef = useRef();
55
+ var localRef = ref || backupRef;
56
+ var setHideButton = function setHideButton(activeElement) {
57
+ if (!menuIsOpen && !localRef.current.contains(activeElement)) {
58
+ setShowMenuButton(false);
59
+ }
60
+ };
61
+ useEffect(function () {
62
+ setShowMenuButton(menuIsOpen);
63
+ }, [menuIsOpen]);
64
+ return (
65
+ /*#__PURE__*/
66
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
67
+ React__default.createElement("div", _extends({
68
+ className: cx(blockClass, className, _defineProperty({}, "".concat(blockClass, "--open"), menuIsOpen)),
69
+ onBlur: function onBlur(_ref2) {
70
+ var relatedTarget = _ref2.relatedTarget;
71
+ return setHideButton(relatedTarget);
72
+ },
73
+ onFocus: function onFocus() {
74
+ return setShowMenuButton(true);
75
+ }
76
+ /**
77
+ * Desired behavior: onMouseEnter shows the menu, even when the user mouse-presses and -releases the checkbox/label.
78
+ * Issue: onMouseDown > checkbox/label triggers an onBlur event and hides the menu button.
79
+ * Releasing the mouse button then shows the button again.
80
+ * This behavior "flickers" the menu button.
81
+ * Solution: onMouseDown > preventDefault prevents onBlur from being called.
82
+ * The menu button remains visible at all times.
83
+ * This applies only when using the mouse; it is not an issue using the keyboard.
84
+ */,
85
+ onMouseDown: function onMouseDown(event) {
86
+ return event.preventDefault();
87
+ },
88
+ onMouseEnter: function onMouseEnter() {
89
+ return setShowMenuButton(true);
90
+ },
91
+ onMouseLeave: function onMouseLeave() {
92
+ return setHideButton(document.activeElement);
93
+ },
94
+ ref: localRef
95
+ }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(FilterPanelCheckbox, _extends({}, rest, {
96
+ className: cx("".concat(blockClass, "__checkbox")),
97
+ count: count,
98
+ id: id,
99
+ labelText: labelText,
100
+ title: title
101
+ })), showMenuButton && /*#__PURE__*/React__default.createElement(OverflowMenu, _extends({
102
+ open: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.open,
103
+ className: cx("".concat(blockClass, "__overflow-button"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuClass),
104
+ menuOptionsClass: cx("".concat(blockClass, "__overflow-options"), overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.menuOptionsClass),
105
+ "aria-label": overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
106
+ iconDescription: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps['aria-label'],
107
+ onOpen: function onOpen() {
108
+ return setMenuIsOpen(true);
109
+ },
110
+ onClose: function onClose() {
111
+ return setMenuIsOpen(false);
112
+ },
113
+ flipped: (overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.flipped) || true,
114
+ selectorPrimaryFocus: overflowMenuProps === null || overflowMenuProps === void 0 ? void 0 : overflowMenuProps.selectorPrimaryFocus
115
+ }, other), children))
116
+ );
117
+ });
118
+
119
+ // Return a placeholder if not released and not enabled by feature flag
120
+ FilterPanelCheckboxWithOverflow = pkg.checkComponentEnabled(FilterPanelCheckboxWithOverflow, componentName);
121
+ FilterPanelCheckboxWithOverflow.displayName = componentName;
122
+ FilterPanelCheckboxWithOverflow.propTypes = {
123
+ /**
124
+ * Children containing `OverflowMenuItems`.
125
+ */
126
+ children: PropTypes.node.isRequired,
127
+ /**
128
+ * Optional class to be applied to the containing node.
129
+ */
130
+ className: PropTypes.string,
131
+ /**
132
+ * Number to be displayed with the checkbox.
133
+ */
134
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
135
+ /**
136
+ * Unique identifier.
137
+ */
138
+ id: PropTypes.string.isRequired,
139
+ /**
140
+ * Label to be displayed with the checkbox.
141
+ */
142
+ labelText: PropTypes.node.isRequired,
143
+ /**
144
+ * Checkbox event handler.
145
+ */
146
+ onChange: PropTypes.func,
147
+ /**
148
+ * Props specific to the internal `OverflowMenu`.
149
+ */
150
+ overflowMenuProps: PropTypes.shape(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'aria-label', PropTypes.string), "flipped", PropTypes.bool), "menuClass", PropTypes.string), "menuOptionsClass", PropTypes.string), "open", PropTypes.bool), "selectorPrimaryFocus", PropTypes.string)),
151
+ /**
152
+ * Optional title attribute for the label.
153
+ */
154
+ title: PropTypes.string
155
+ };
156
+
157
+ export { FilterPanelCheckboxWithOverflow };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * A container with a label and optional count.
3
+ */
4
+ export let FilterPanelGroup: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,72 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
13
+ import { pkg } from '../../../settings.js';
14
+ import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
15
+
16
+ var _excluded = ["children", "className", "count", "labelText", "title"];
17
+
18
+ // The block part of our conventional BEM class names (blockClass__E--M).
19
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-group");
20
+ var componentName = 'FilterPanelGroup';
21
+
22
+ /**
23
+ * A container with a label and optional count.
24
+ */
25
+ var FilterPanelGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
26
+ var children = _ref.children,
27
+ className = _ref.className,
28
+ count = _ref.count,
29
+ labelText = _ref.labelText,
30
+ title = _ref.title,
31
+ rest = _objectWithoutProperties(_ref, _excluded);
32
+ return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
33
+ className: cx(blockClass, className),
34
+ ref: ref
35
+ }, getDevtoolsProps(componentName)), labelText && /*#__PURE__*/React__default.createElement("h2", {
36
+ className: "".concat(blockClass, "__title")
37
+ }, /*#__PURE__*/React__default.createElement(FilterPanelLabel, {
38
+ count: count,
39
+ labelText: labelText,
40
+ title: title
41
+ })), /*#__PURE__*/React__default.createElement("div", {
42
+ className: "".concat(blockClass, "__content")
43
+ }, children));
44
+ });
45
+
46
+ // Return a placeholder if not released and not enabled by feature flag
47
+ FilterPanelGroup = pkg.checkComponentEnabled(FilterPanelGroup, componentName);
48
+ FilterPanelGroup.displayName = componentName;
49
+ FilterPanelGroup.propTypes = {
50
+ /**
51
+ * Provide the contents of the FilterPanelGroup.
52
+ */
53
+ children: PropTypes.node.isRequired,
54
+ /**
55
+ * Optional class to be applied to the containing node.
56
+ */
57
+ className: PropTypes.string,
58
+ /**
59
+ * Number to be displayed with the label.
60
+ */
61
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
62
+ /**
63
+ * The label for the component.
64
+ */
65
+ labelText: PropTypes.node.isRequired,
66
+ /**
67
+ * Optional title attribute for the label.
68
+ */
69
+ title: PropTypes.string
70
+ };
71
+
72
+ export { FilterPanelGroup };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * A container with a label and optional count.
3
+ */
4
+ export let FilterPanelLabel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,63 @@
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
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default from 'react';
10
+ import PropTypes from '../../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
13
+ import { pkg } from '../../../settings.js';
14
+
15
+ var _excluded = ["className", "count", "labelText", "title"];
16
+
17
+ // The block part of our conventional BEM class names (blockClass__E--M).
18
+ var blockClass = "".concat(pkg.prefix, "--filter-panel-label");
19
+ var componentName = 'FilterPanelLabel';
20
+
21
+ /**
22
+ * A container with a label and optional count.
23
+ */
24
+ var FilterPanelLabel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
25
+ var className = _ref.className,
26
+ count = _ref.count,
27
+ labelText = _ref.labelText,
28
+ title = _ref.title,
29
+ rest = _objectWithoutProperties(_ref, _excluded);
30
+ return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
31
+ className: cx(blockClass, className),
32
+ ref: ref
33
+ }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("span", {
34
+ className: "".concat(blockClass, "__text"),
35
+ title: title
36
+ }, labelText), count && /*#__PURE__*/React__default.createElement("span", {
37
+ className: "".concat(blockClass, "__count")
38
+ }, count), ' ');
39
+ });
40
+
41
+ // Return a placeholder if not released and not enabled by feature flag
42
+ FilterPanelLabel = pkg.checkComponentEnabled(FilterPanelLabel, componentName);
43
+ FilterPanelLabel.displayName = componentName;
44
+ FilterPanelLabel.propTypes = {
45
+ /**
46
+ * Optional class to be applied to the containing node.
47
+ */
48
+ className: PropTypes.string,
49
+ /**
50
+ * Number to be displayed with the label.
51
+ */
52
+ count: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
53
+ /**
54
+ * The label for the component.
55
+ */
56
+ labelText: PropTypes.node.isRequired,
57
+ /**
58
+ * Optional title attribute for the label.
59
+ */
60
+ title: PropTypes.string
61
+ };
62
+
63
+ export { FilterPanelLabel };
@@ -0,0 +1 @@
1
+ export { FilterPanelLabel } from "./FilterPanelLabel";
@@ -0,0 +1,7 @@
1
+ export { FilterPanel } from "./FilterPanel";
2
+ export { FilterPanelAccordion } from "./FilterPanelAccordion/FilterPanelAccordion";
3
+ export { FilterPanelAccordionItem } from "./FilterPanelAccordionItem/FilterPanelAccordionItem";
4
+ export { FilterPanelCheckbox } from "./FilterPanelCheckbox/FilterPanelCheckbox";
5
+ export { FilterPanelCheckboxWithOverflow } from "./FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow";
6
+ export { FilterPanelGroup } from "./FilterPanelGroup/FilterPanelGroup";
7
+ export { FilterPanelLabel } from "./FilterPanelLabel/FilterPanelLabel";