@carbon/ibm-products 2.24.0 → 2.25.0

package/es/global/js/utils/wrapFocus.js

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2020
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { DOCUMENT_POSITION_BROAD_PRECEDING, DOCUMENT_POSITION_BROAD_FOLLOWING, selectorTabbable } from './keyboardNavigation';
-import { carbon } from '../../../settings';
+import { DOCUMENT_POSITION_BROAD_PRECEDING, selectorTabbable, DOCUMENT_POSITION_BROAD_FOLLOWING } from './keyboardNavigation.js';
+import { carbon } from '../../../settings.js';
 
 /**
  * @param {Node} node A DOM node.
@@ -64,5 +64,5 @@ function wrapFocus(_ref) {
     }
   }
 }
-export { elementOrParentIsFloatingMenu };
-export default wrapFocus;
+
+export { wrapFocus as default, elementOrParentIsFloatingMenu };

package/es/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { pkg } from './settings';
+export { usePrefix } from './global/js/hooks';
+export * from './components';

package/es/index.js

@@ -1,10 +1,109 @@
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-export { pkg } from './settings';
-export { usePrefix } from './global/js/hooks';
-export * from './components';
+export { pkg } from './settings.js';
+export { useColumnOrder } from 'react-table';
+export { usePrefix } from './global/js/hooks/usePrefix.js';
+export { AboutModal } from './components/AboutModal/AboutModal.js';
+export { APIKeyModal } from './components/APIKeyModal/APIKeyModal.js';
+export { Cascade } from './components/Cascade/Cascade.js';
+export { ComboButton } from './components/ComboButton/ComboButton.js';
+export { ComboButtonItem } from './components/ComboButton/ComboButtonItem/index.js';
+export { CreateFullPage } from './components/CreateFullPage/CreateFullPage.js';
+export { CreateFullPageStep } from './components/CreateFullPage/CreateFullPageStep.js';
+export { CreateModal } from './components/CreateModal/CreateModal.js';
+export { CreateSidePanel } from './components/CreateSidePanel/CreateSidePanel.js';
+export { CreateTearsheet } from './components/CreateTearsheet/CreateTearsheet.js';
+export { CreateTearsheetStep } from './components/CreateTearsheet/CreateTearsheetStep.js';
+export { CreateTearsheetDivider } from './components/CreateTearsheet/CreateTearsheetDivider.js';
+export { CreateTearsheetNarrow } from './components/CreateTearsheetNarrow/CreateTearsheetNarrow.js';
+export { EmptyState } from './components/EmptyStates/EmptyState.js';
+export { EmptyStateV2 } from './components/EmptyStates/EmptyStateV2.js';
+export { ErrorEmptyState } from './components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js';
+export { NoDataEmptyState } from './components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js';
+export { NoTagsEmptyState } from './components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js';
+export { NotFoundEmptyState } from './components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js';
+export { NotificationsEmptyState } from './components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js';
+export { UnauthorizedEmptyState } from './components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js';
+export { ExportModal } from './components/ExportModal/ExportModal.js';
+export { ExpressiveCard } from './components/ExpressiveCard/ExpressiveCard.js';
+export { HTTPError403 } from './components/HTTPErrors/HTTPError403/HTTPError403.js';
+export { HTTPError404 } from './components/HTTPErrors/HTTPError404/HTTPError404.js';
+export { HTTPErrorOther } from './components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js';
+export { ImportModal } from './components/ImportModal/ImportModal.js';
+export { MultiAddSelect } from './components/MultiAddSelect/MultiAddSelect.js';
+export { NotificationsPanel } from './components/NotificationsPanel/NotificationsPanel.js';
+export { PageHeader } from './components/PageHeader/PageHeader.js';
+export { ProductiveCard } from './components/ProductiveCard/ProductiveCard.js';
+export { RemoveModal } from './components/RemoveModal/RemoveModal.js';
+export { Saving } from './components/Saving/Saving.js';
+export { SidePanel } from './components/SidePanel/SidePanel.js';
+export { SingleAddSelect } from './components/SingleAddSelect/SingleAddSelect.js';
+export { StatusIcon } from './components/StatusIcon/StatusIcon.js';
+export { TagSet } from './components/TagSet/TagSet.js';
+export { Tearsheet } from './components/Tearsheet/Tearsheet.js';
+export { TearsheetNarrow } from './components/Tearsheet/TearsheetNarrow.js';
+export { Toolbar } from './components/Toolbar/Toolbar.js';
+export { ToolbarButton } from './components/Toolbar/ToolbarButton.js';
+export { ToolbarGroup } from './components/Toolbar/ToolbarGroup.js';
+export { UserProfileImage } from './components/UserProfileImage/UserProfileImage.js';
+export { WebTerminal } from './components/WebTerminal/WebTerminal.js';
+export { WebTerminalContentWrapper } from './components/WebTerminal/WebTerminalContentWrapper.js';
+export { WebTerminalProvider, useWebTerminal } from './components/WebTerminal/hooks/index.js';
+export { EditSidePanel } from './components/EditSidePanel/EditSidePanel.js';
+export { OptionsTile } from './components/OptionsTile/OptionsTile.js';
+export { EditInPlace } from './components/EditInPlace/EditInPlace.js';
+export { DataSpreadsheet } from './components/DataSpreadsheet/DataSpreadsheet.js';
+export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
+export { default as useDatagrid } from './components/Datagrid/useDatagrid.js';
+export { default as useInfiniteScroll } from './components/Datagrid/useInfiniteScroll.js';
+export { default as useNestedRows } from './components/Datagrid/useNestedRows.js';
+export { default as useSelectRows } from './components/Datagrid/useSelectRows.js';
+export { default as useExpandedRow } from './components/Datagrid/useExpandedRow.js';
+export { default as useOnRowClick } from './components/Datagrid/useOnRowClick.js';
+export { default as useSortableColumns } from './components/Datagrid/useSortableColumns.js';
+export { default as useRowIsMouseOver } from './components/Datagrid/useRowIsMouseOver.js';
+export { default as useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
+export { default as useColumnRightAlign } from './components/Datagrid/useColumnRightAlign.js';
+export { default as useDisableSelectRows } from './components/Datagrid/useDisableSelectRows.js';
+export { default as useStickyColumn } from './components/Datagrid/useStickyColumn.js';
+export { default as useActionsColumn } from './components/Datagrid/useActionsColumn.js';
+export { default as useCustomizeColumns } from './components/Datagrid/useCustomizeColumns.js';
+export { default as useSelectAllWithToggle } from './components/Datagrid/useSelectAllToggle.js';
+export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
+export { default as useFiltering } from './components/Datagrid/useFiltering.js';
+export { getAutoSizedColumnWidth } from './components/Datagrid/utils/getAutoSizedColumnWidth.js';
+export { default as useFilterContext } from './components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js';
+export { EditTearsheet } from './components/EditTearsheet/EditTearsheet.js';
+export { EditTearsheetForm } from './components/EditTearsheet/EditTearsheetForm.js';
+export { EditTearsheetNarrow } from './components/EditTearsheetNarrow/EditTearsheetNarrow.js';
+export { EditFullPage } from './components/EditFullPage/EditFullPage.js';
+export { EditUpdateCards } from './components/EditUpdateCards/EditUpdateCards.js';
+export { Checklist } from './components/Checklist/Checklist.js';
+export { Coachmark } from './components/Coachmark/Coachmark.js';
+export { CoachmarkBeacon } from './components/CoachmarkBeacon/CoachmarkBeacon.js';
+export { CoachmarkButton } from './components/CoachmarkButton/CoachmarkButton.js';
+export { CoachmarkFixed } from './components/CoachmarkFixed/CoachmarkFixed.js';
+export { CoachmarkOverlayElement } from './components/CoachmarkOverlayElement/CoachmarkOverlayElement.js';
+export { CoachmarkOverlayElements } from './components/CoachmarkOverlayElements/CoachmarkOverlayElements.js';
+export { CoachmarkStack } from './components/CoachmarkStack/CoachmarkStack.js';
+export { Guidebanner } from './components/Guidebanner/Guidebanner.js';
+export { GuidebannerElement } from './components/Guidebanner/GuidebannerElement.js';
+export { GuidebannerElementButton } from './components/Guidebanner/GuidebannerElementButton.js';
+export { GuidebannerElementLink } from './components/Guidebanner/GuidebannerElementLink.js';
+export { InlineTip } from './components/InlineTip/InlineTip.js';
+export { InlineTipButton } from './components/InlineTip/InlineTipButton.js';
+export { InlineTipLink } from './components/InlineTip/InlineTipLink.js';
+export { NonLinearReading } from './components/NonLinearReading/NonLinearReading.js';
+export { TruncatedList } from './components/TruncatedList/TruncatedList.js';
+export { InterstitialScreen } from './components/InterstitialScreen/InterstitialScreen.js';
+export { InterstitialScreenView } from './components/InterstitialScreenView/InterstitialScreenView.js';
+export { InterstitialScreenViewModule } from './components/InterstitialScreenViewModule/InterstitialScreenViewModule.js';
+export { DelimitedList } from './components/DelimitedList/DelimitedList.js';
+export { FullPageError } from './components/FullPageError/FullPageError.js';
+export { SearchBar } from './components/SearchBar/SearchBar.js';
+export { UserAvatar } from './components/UserAvatar/UserAvatar.js';

package/es/node_modules/@carbon/colors/es/index.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var purple70 = '#6929c4';
+var blue90 = '#001d6c';
+
+export { blue90, purple70 };

package/es/node_modules/@carbon/icon-helpers/es/index.js

@@ -0,0 +1,140 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { typeof as _typeof } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+var _excluded = ["width", "height", "viewBox"],
+  _excluded2 = ["tabindex"];
+/**
+ * Copyright IBM Corp. 2018, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var defaultAttributes = {
+  // Reference:
+  // https://github.com/IBM/carbon-components-react/issues/1392
+  // https://github.com/PolymerElements/iron-iconset-svg/pull/47
+  // `focusable` is a string attribute which is why we do not use a boolean here
+  focusable: 'false',
+  preserveAspectRatio: 'xMidYMid meet'
+};
+
+/**
+ * Get supplementary HTML attributes for a given <svg> element based on existing
+ * attributes.
+ */
+function getAttributes() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    width = _ref.width,
+    height = _ref.height,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? "0 0 ".concat(width, " ").concat(height) : _ref$viewBox,
+    attributes = _objectWithoutProperties(_ref, _excluded);
+  var tabindex = attributes.tabindex,
+    rest = _objectWithoutProperties(attributes, _excluded2);
+  var iconAttributes = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultAttributes), rest), {}, {
+    width: width,
+    height: height,
+    viewBox: viewBox
+  });
+
+  // TODO: attributes.title assumes that the consumer will implement <title> and
+  // correctly set `aria-labelledby`.
+  if (iconAttributes['aria-label'] || iconAttributes['aria-labelledby'] || iconAttributes.title) {
+    iconAttributes.role = 'img';
+
+    // Reference:
+    // https://allyjs.io/tutorials/focusing-in-svg.html
+    if (tabindex !== undefined && tabindex !== null) {
+      iconAttributes.focusable = 'true';
+      iconAttributes.tabindex = tabindex;
+    }
+  } else {
+    iconAttributes['aria-hidden'] = true;
+  }
+  return iconAttributes;
+}
+
+export { defaultAttributes, getAttributes };

package/es/node_modules/@carbon/icons-react/es/Icon.js

@@ -0,0 +1,73 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { getAttributes } from '../../icon-helpers/es/index.js';
+import PropTypes from '../../../prop-types/index.js';
+import React__default from 'react';
+
+var _excluded = ["className", "children", "tabIndex", "xmlns", "preserveAspectRatio"],
+  _excluded2 = ["tabindex"];
+
+/**
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Icon = /*#__PURE__*/React__default.forwardRef(function Icon(_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    tabIndex = _ref.tabIndex,
+    _ref$xmlns = _ref.xmlns,
+    xmlns = _ref$xmlns === void 0 ? 'http://www.w3.org/2000/svg' : _ref$xmlns,
+    _ref$preserveAspectRa = _ref.preserveAspectRatio,
+    preserveAspectRatio = _ref$preserveAspectRa === void 0 ? 'xMidYMid meet' : _ref$preserveAspectRa,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _getAttributes = getAttributes(_objectSpread2(_objectSpread2({}, rest), {}, {
+      tabindex: tabIndex
+    })),
+    tabindex = _getAttributes.tabindex,
+    attrs = _objectWithoutProperties(_getAttributes, _excluded2);
+  var props = attrs;
+  if (className) {
+    props.className = className;
+  }
+  if (tabindex !== undefined && tabindex !== null) {
+    if (typeof tabindex === 'number') {
+      props.tabIndex = tabindex;
+    } else {
+      props.tabIndex = Number(tabIndex);
+    }
+  }
+  if (ref) {
+    props.ref = ref;
+  }
+  if (xmlns) {
+    props.xmlns = xmlns;
+  }
+  if (preserveAspectRatio) {
+    props.preserveAspectRatio = preserveAspectRatio;
+  }
+  return /*#__PURE__*/React__default.createElement('svg', props, children);
+});
+Icon.displayName = 'Icon';
+Icon.propTypes = {
+  'aria-hidden': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['true', 'false'])]),
+  'aria-label': PropTypes.string,
+  'aria-labelledby': PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  preserveAspectRatio: PropTypes.string,
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  viewBox: PropTypes.string,
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  xmlns: PropTypes.string
+};
+
+export { Icon as default };