@carbon/ibm-products 2.43.2-canary.321 → 2.43.2-canary.325

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/es/components/APIKeyModal/APIKeyDownloader.d.ts +3 -1
  2. package/es/components/APIKeyModal/APIKeyDownloader.js +9 -2
  3. package/es/components/APIKeyModal/APIKeyModal.js +9 -2
  4. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +4 -0
  5. package/es/components/ActionSet/ActionSet.d.ts +1 -1
  6. package/es/components/ActionSet/ActionSet.js +2 -0
  7. package/es/components/AddSelect/types/index.d.ts +1 -1
  8. package/es/components/Checklist/Checklist.js +2 -3
  9. package/es/components/CreateFullPage/CreateFullPage.d.ts +5 -0
  10. package/es/components/CreateFullPage/CreateFullPage.js +31 -15
  11. package/es/components/CreateFullPage/CreateFullPageStep.d.ts +4 -0
  12. package/es/components/CreateFullPage/CreateFullPageStep.js +8 -2
  13. package/es/components/CreateInfluencer/CreateInfluencer.d.ts +9 -1
  14. package/es/components/CreateInfluencer/CreateInfluencer.js +8 -2
  15. package/es/components/CreateModal/CreateModal.d.ts +2 -2
  16. package/es/components/CreateModal/CreateModal.js +1 -1
  17. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -0
  18. package/es/components/Datagrid/types/index.d.ts +3 -3
  19. package/es/components/EmptyStates/EmptyState.d.ts +1 -1
  20. package/es/components/EmptyStates/EmptyState.js +2 -0
  21. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -1
  22. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -0
  23. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -1
  24. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -0
  25. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -1
  26. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -0
  27. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -1
  28. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -0
  29. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -1
  30. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -0
  31. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -1
  32. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -0
  33. package/es/components/ImportModal/ImportModal.d.ts +1 -1
  34. package/es/components/ImportModal/ImportModal.js +3 -8
  35. package/es/components/InlineTip/InlineTipButton.d.ts +1 -1
  36. package/es/components/PageHeader/PageHeader.d.ts +2 -2
  37. package/es/components/PageHeader/PageHeader.js +5 -2
  38. package/es/components/SearchBar/SearchBar.js +1 -1
  39. package/es/components/SidePanel/SidePanel.d.ts +2 -2
  40. package/es/components/TagOverflow/TagOverflowModal.d.ts +1 -1
  41. package/es/components/TagOverflow/TagOverflowPopover.d.ts +3 -1
  42. package/es/components/TagOverflow/TagOverflowPopover.js +1 -1
  43. package/es/components/TagSet/TagSetModal.d.ts +1 -1
  44. package/es/components/Tearsheet/Tearsheet.d.ts +5 -2
  45. package/es/components/Tearsheet/Tearsheet.js +1 -0
  46. package/es/components/Tearsheet/TearsheetNarrow.d.ts +1 -1
  47. package/es/components/Tearsheet/TearsheetNarrow.js +1 -0
  48. package/es/components/Tearsheet/TearsheetShell.d.ts +2 -3
  49. package/es/components/Tearsheet/TearsheetShell.js +0 -1
  50. package/es/components/TooltipTrigger/TooltipTrigger.d.ts +17 -15
  51. package/es/components/TooltipTrigger/TooltipTrigger.js +2 -2
  52. package/es/components/TruncatedList/TruncatedList.d.ts +1 -1
  53. package/es/components/UserProfileImage/UserProfileImage.d.ts +2 -2
  54. package/es/components/UserProfileImage/UserProfileImage.js +1 -5
  55. package/es/components/WebTerminal/WebTerminal.d.ts +1 -1
  56. package/es/components/WebTerminal/WebTerminal.js +1 -0
  57. package/lib/components/APIKeyModal/APIKeyDownloader.d.ts +3 -1
  58. package/lib/components/APIKeyModal/APIKeyDownloader.js +9 -2
  59. package/lib/components/APIKeyModal/APIKeyModal.js +9 -2
  60. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +4 -0
  61. package/lib/components/ActionSet/ActionSet.d.ts +1 -1
  62. package/lib/components/ActionSet/ActionSet.js +2 -0
  63. package/lib/components/AddSelect/types/index.d.ts +1 -1
  64. package/lib/components/Checklist/Checklist.js +2 -3
  65. package/lib/components/CreateFullPage/CreateFullPage.d.ts +5 -0
  66. package/lib/components/CreateFullPage/CreateFullPage.js +31 -15
  67. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +4 -0
  68. package/lib/components/CreateFullPage/CreateFullPageStep.js +8 -2
  69. package/lib/components/CreateInfluencer/CreateInfluencer.d.ts +9 -1
  70. package/lib/components/CreateInfluencer/CreateInfluencer.js +8 -2
  71. package/lib/components/CreateModal/CreateModal.d.ts +2 -2
  72. package/lib/components/CreateModal/CreateModal.js +1 -1
  73. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -0
  74. package/lib/components/Datagrid/types/index.d.ts +3 -3
  75. package/lib/components/EmptyStates/EmptyState.d.ts +1 -1
  76. package/lib/components/EmptyStates/EmptyState.js +2 -0
  77. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.d.ts +1 -1
  78. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -0
  79. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.d.ts +1 -1
  80. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -0
  81. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts +1 -1
  82. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -0
  83. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.d.ts +1 -1
  84. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -0
  85. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.d.ts +1 -1
  86. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -0
  87. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts +1 -1
  88. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -0
  89. package/lib/components/ImportModal/ImportModal.d.ts +1 -1
  90. package/lib/components/ImportModal/ImportModal.js +3 -8
  91. package/lib/components/InlineTip/InlineTipButton.d.ts +1 -1
  92. package/lib/components/PageHeader/PageHeader.d.ts +2 -2
  93. package/lib/components/PageHeader/PageHeader.js +4 -1
  94. package/lib/components/SearchBar/SearchBar.js +1 -1
  95. package/lib/components/SidePanel/SidePanel.d.ts +2 -2
  96. package/lib/components/TagOverflow/TagOverflowModal.d.ts +1 -1
  97. package/lib/components/TagOverflow/TagOverflowPopover.d.ts +3 -1
  98. package/lib/components/TagOverflow/TagOverflowPopover.js +1 -1
  99. package/lib/components/TagSet/TagSetModal.d.ts +1 -1
  100. package/lib/components/Tearsheet/Tearsheet.d.ts +5 -2
  101. package/lib/components/Tearsheet/Tearsheet.js +1 -0
  102. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +1 -1
  103. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -0
  104. package/lib/components/Tearsheet/TearsheetShell.d.ts +2 -3
  105. package/lib/components/Tearsheet/TearsheetShell.js +0 -1
  106. package/lib/components/TooltipTrigger/TooltipTrigger.d.ts +17 -15
  107. package/lib/components/TooltipTrigger/TooltipTrigger.js +2 -2
  108. package/lib/components/TruncatedList/TruncatedList.d.ts +1 -1
  109. package/lib/components/UserProfileImage/UserProfileImage.d.ts +2 -2
  110. package/lib/components/UserProfileImage/UserProfileImage.js +1 -5
  111. package/lib/components/WebTerminal/WebTerminal.d.ts +1 -1
  112. package/lib/components/WebTerminal/WebTerminal.js +1 -0
  113. package/package.json +2 -2
@@ -5,7 +5,7 @@ import { Tag } from '@carbon/react';
5
5
  interface TagType {
6
6
  label: string;
7
7
  }
8
- type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
8
+ type AllTags = TagType[] & Omit<React.ComponentProps<typeof Tag>, 'filter'>[];
9
9
  interface TagSetModalProps {
10
10
  allTags?: AllTags;
11
11
  className?: string;
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  /// <reference path="../../../src/custom-typings/index.d.ts" />
8
- import { ButtonProps } from '@carbon/react';
8
+ import { type ButtonProps } from '@carbon/react';
9
9
  import React, { PropsWithChildren, ReactNode } from 'react';
10
10
  import PropTypes from 'prop-types';
11
11
  /**
@@ -21,6 +21,9 @@ export type CloseIconDescriptionTypes = {
21
21
  hasCloseIcon: true;
22
22
  closeIconDescription: string;
23
23
  };
24
+ export interface TearsheetAction extends ButtonProps<'button'> {
25
+ label?: string;
26
+ }
24
27
  export interface TearsheetProps extends PropsWithChildren {
25
28
  /**
26
29
  * The navigation actions to be shown as buttons in the action area at the
@@ -35,7 +38,7 @@ export interface TearsheetProps extends PropsWithChildren {
35
38
  *
36
39
  * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
37
40
  */
38
- actions?: ButtonProps<'button'>[];
41
+ actions?: TearsheetAction[];
39
42
  /**
40
43
  * The aria-label for the tearsheet, which is optional.
41
44
  * if it is not passed, the title will be used as the aria-label.
@@ -109,6 +109,7 @@ exports.Tearsheet.propTypes = _rollupPluginBabelHelpers.objectSpread2({
109
109
  label: index.default.string,
110
110
  loading: index.default.bool,
111
111
  // we duplicate this Button prop to improve the DocGen here
112
+ /**@ts-ignore*/
112
113
  onClick: react.Button.propTypes.onClick
113
114
  })))]),
114
115
  /**
@@ -23,7 +23,7 @@ interface TearsheetNarrowBaseProps extends PropsWithChildren {
23
23
  *
24
24
  * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
25
25
  */
26
- actions?: ButtonProps<'button'>[];
26
+ actions?: ButtonProps<React.ElementType>[];
27
27
  /**
28
28
  * The aria-label for the tearsheet, which is optional.
29
29
  * if it is not passed, the title will be used as the aria-label.
@@ -94,6 +94,7 @@ exports.TearsheetNarrow.propTypes = _rollupPluginBabelHelpers.objectSpread2({
94
94
  label: index.default.string,
95
95
  loading: index.default.bool,
96
96
  // we duplicate this Button prop to improve the DocGen here
97
+ /**@ts-ignore*/
97
98
  onClick: react.Button.propTypes.onClick
98
99
  })))]),
99
100
  /**
@@ -4,12 +4,11 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
- /// <reference path="../../../src/custom-typings/index.d.ts" />
8
7
  import React, { PropsWithChildren, ReactNode, RefObject } from 'react';
9
8
  import PropTypes from 'prop-types';
10
- import { type ButtonProps } from '@carbon/react';
9
+ import { TearsheetAction } from './Tearsheet';
11
10
  interface TearsheetShellProps extends PropsWithChildren {
12
- actions?: ButtonProps<'button'>[];
11
+ actions?: TearsheetAction[];
13
12
  /**
14
13
  * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency,
15
14
  * accountability, and explainability at the UI level.
@@ -24,7 +24,6 @@ var useFocus = require('../../global/js/hooks/useFocus.js');
24
24
  var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
25
25
 
26
26
  var _excluded = ["actions", "aiLabel", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "portalTarget", "selectorPrimaryFocus", "selectorsFloatingMenus", "size", "slug", "title", "verticalPosition", "launcherButtonRef"];
27
-
28
27
  // The block part of our conventional BEM class names (bc__E--M).
29
28
  var bc = "".concat(settings.pkg.prefix, "--tearsheet");
30
29
  var componentName = 'TearsheetShell';
@@ -1,16 +1,18 @@
1
- export function TooltipTrigger({ children, className, ...rest }: {
2
- [x: string]: any;
3
- children: any;
4
- className: any;
5
- }): React.JSX.Element;
6
- export namespace TooltipTrigger {
7
- export { componentName as displayName };
8
- export namespace propTypes {
9
- let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
10
- let className: PropTypes.Requireable<string>;
11
- }
1
+ /**
2
+ * Copyright IBM Corp. 2023, 2023
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import React, { PropsWithChildren } from 'react';
8
+ export interface TooltipTriggerProps extends PropsWithChildren {
9
+ /**
10
+ * Provide an optional class to be applied to the containing node.
11
+ */
12
+ className?: string;
12
13
  }
13
- import React from 'react';
14
- declare const componentName: "TooltipTrigger";
15
- import PropTypes from 'prop-types';
16
- export {};
14
+ /**
15
+ * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
16
+ * no blanked button.
17
+ */
18
+ export declare let TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLDivElement>>;
@@ -25,7 +25,7 @@ var componentName = 'TooltipTrigger';
25
25
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
26
26
  * no blanked button.
27
27
  */
28
- exports.TooltipTrigger = function TooltipTrigger(_ref) {
28
+ exports.TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref) {
29
29
  var children = _ref.children,
30
30
  className = _ref.className,
31
31
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -37,7 +37,7 @@ exports.TooltipTrigger = function TooltipTrigger(_ref) {
37
37
  className // Apply any supplied class names to the main HTML element.
38
38
  )
39
39
  }), children);
40
- };
40
+ });
41
41
 
42
42
  // Return a placeholder if not released and not enabled by feature flag.
43
43
  exports.TooltipTrigger = settings.pkg.checkComponentEnabled(exports.TooltipTrigger, componentName);
@@ -41,7 +41,7 @@ export interface TruncatedListProps extends PropsWithChildren {
41
41
  /**
42
42
  * Callback function for building the label when the list is collapsed.
43
43
  */
44
- viewMoreLabel?: (value: any) => void;
44
+ viewMoreLabel?: (value: any) => ReactNode;
45
45
  }
46
46
  /**
47
47
  * The `TruncatedList` allows consumers to control how many items are
@@ -6,8 +6,8 @@
6
6
  */
7
7
  /// <reference path="../../../src/custom-typings/index.d.ts" />
8
8
  import '../../global/js/utils/props-helper';
9
+ import { PopoverAlignment } from '@carbon/react';
9
10
  import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
10
- import { IconButton } from '@carbon/react';
11
11
  import React from 'react';
12
12
  type imageProps = {
13
13
  /**
@@ -55,7 +55,7 @@ type UserProfileImageBaseProps = {
55
55
  /**
56
56
  * Specify how the trigger should align with the tooltip
57
57
  */
58
- tooltipAlignment?: React.ComponentProps<typeof IconButton>['align'];
58
+ tooltipAlignment?: PopoverAlignment;
59
59
  /**
60
60
  * Pass in the display name to have it shown on hover
61
61
  */
@@ -26,10 +26,6 @@ var componentName = 'UserProfileImage';
26
26
 
27
27
  // NOTE: the component SCSS is not imported here: it is rolled up separately.
28
28
 
29
- // Default values for props
30
- var defaults = {
31
- tooltipAlignment: 'bottom'
32
- };
33
29
  /**
34
30
  * The user profile avatar allows for an image of the user to be displayed by passing in the image prop. By default the component will display a user icon on a blue background.
35
31
  */
@@ -46,7 +42,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
46
42
  theme = _ref.theme,
47
43
  tooltipText = _ref.tooltipText,
48
44
  _ref$tooltipAlignment = _ref.tooltipAlignment,
49
- tooltipAlignment = _ref$tooltipAlignment === void 0 ? defaults.tooltipAlignment : _ref$tooltipAlignment,
45
+ tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
50
46
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
51
47
  var carbonPrefix = react.usePrefix();
52
48
  var icons$1 = {
@@ -8,7 +8,7 @@
8
8
  import { OverflowMenuItem } from '@carbon/react';
9
9
  import React, { PropsWithChildren, ReactNode } from 'react';
10
10
  interface Action {
11
- renderIcon: () => void;
11
+ renderIcon?: React.ElementType;
12
12
  onClick: () => void;
13
13
  iconDescription: string;
14
14
  }
@@ -192,6 +192,7 @@ exports.WebTerminal.propTypes = {
192
192
  /**
193
193
  * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
194
194
  */
195
+ /**@ts-ignore */
195
196
  documentationLinks: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
196
197
  /**
197
198
  * Description for the documentation link overflow menu tooltip
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.321+5b13b372e",
4
+ "version": "2.43.2-canary.325+5bd953de3",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -120,5 +120,5 @@
120
120
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
121
121
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
122
122
  },
123
- "gitHead": "5b13b372e434ac20fb3dff16b40f60905ef7e961"
123
+ "gitHead": "5bd953de33d856b791692b9302a424dc6d10d6a1"
124
124
  }