@carbon/ibm-products 2.43.2-canary.27 → 2.43.2-canary.270

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

@@ -0,0 +1,25 @@
+export default wrapFocus;
+/**
+ * @param {Node} node A DOM node.
+ * @param {string[]} selectorsFloatingMenus The CSS selectors that matches floating menus.
+ * @returns {boolean} `true` of the given `node` is in a floating menu.
+ */
+export function elementOrParentIsFloatingMenu(node: Node, selectorsFloatingMenus?: string[]): boolean;
+/**
+ * Ensures the focus is kept in the given `modalNode`, implementing "focus-wrap" behavior.
+ * @param {object} options The options.
+ * @param {Node|null} options.bodyNode The DOM node of the inner modal.
+ * @param {Node|null} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
+ * @param {Node|null} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
+ * @param {Node} options.currentActiveNode The DOM node that has focus.
+ * @param {Node} options.oldActiveNode The DOM node that previously had focus.
+ * @param {string[]} [options.selectorsFloatingMenus] The CSS selectors that matches floating menus
+ */
+declare function wrapFocus({ bodyNode, startTrapNode, endTrapNode, currentActiveNode, oldActiveNode, selectorsFloatingMenus, }: {
+    bodyNode: Node | null;
+    startTrapNode: Node | null;
+    endTrapNode: Node | null;
+    currentActiveNode: Node;
+    oldActiveNode: Node;
+    selectorsFloatingMenus?: string[] | undefined;
+}): void;

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

@@ -0,0 +1,68 @@
+/**
+ * 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, selectorTabbable, DOCUMENT_POSITION_BROAD_FOLLOWING } from './keyboardNavigation.js';
+import { carbon } from '../../../settings.js';
+
+/**
+ * @param {Node} node A DOM node.
+ * @param {string[]} selectorsFloatingMenus The CSS selectors that matches floating menus.
+ * @returns {boolean} `true` of the given `node` is in a floating menu.
+ */
+function elementOrParentIsFloatingMenu(node) {
+  var selectorsFloatingMenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [".".concat(carbon.prefix, "--overflow-menu-options"), ".".concat(carbon.prefix, "--tooltip"), '.flatpickr-calendar'];
+  if (node && typeof node.closest === 'function') {
+    return selectorsFloatingMenus.some(function (selector) {
+      return node.closest(selector);
+    });
+  }
+}
+
+/**
+ * Ensures the focus is kept in the given `modalNode`, implementing "focus-wrap" behavior.
+ * @param {object} options The options.
+ * @param {Node|null} options.bodyNode The DOM node of the inner modal.
+ * @param {Node|null} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
+ * @param {Node|null} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
+ * @param {Node} options.currentActiveNode The DOM node that has focus.
+ * @param {Node} options.oldActiveNode The DOM node that previously had focus.
+ * @param {string[]} [options.selectorsFloatingMenus] The CSS selectors that matches floating menus
+ */
+function wrapFocus(_ref) {
+  var bodyNode = _ref.bodyNode,
+    startTrapNode = _ref.startTrapNode,
+    endTrapNode = _ref.endTrapNode,
+    currentActiveNode = _ref.currentActiveNode,
+    oldActiveNode = _ref.oldActiveNode,
+    selectorsFloatingMenus = _ref.selectorsFloatingMenus;
+  if (bodyNode && currentActiveNode && oldActiveNode && !bodyNode.contains(currentActiveNode) && !elementOrParentIsFloatingMenu(currentActiveNode, selectorsFloatingMenus)) {
+    var comparisonResult = oldActiveNode.compareDocumentPosition(currentActiveNode);
+    if (currentActiveNode === startTrapNode || comparisonResult & DOCUMENT_POSITION_BROAD_PRECEDING) {
+      var arrayNodes = Array.from(bodyNode.querySelectorAll(selectorTabbable));
+      arrayNodes.reverse();
+      var tabbable = arrayNodes.find(function (elem) {
+        return Boolean(elem.offsetParent);
+      });
+      if (tabbable) {
+        tabbable.focus();
+      } else if (bodyNode !== oldActiveNode) {
+        bodyNode.focus();
+      }
+    } else if (currentActiveNode === endTrapNode || comparisonResult & DOCUMENT_POSITION_BROAD_FOLLOWING) {
+      var _tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(selectorTabbable), function (elem) {
+        return Boolean(elem.offsetParent);
+      });
+      if (_tabbable) {
+        _tabbable.focus();
+      } else if (bodyNode !== oldActiveNode) {
+        bodyNode.focus();
+      }
+    }
+  }
+}
+
+export { wrapFocus as default, elementOrParentIsFloatingMenu };

package/es/index.js

@@ -7,8 +7,6 @@
 
 import './feature-flags.js';
 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';
@@ -22,19 +20,8 @@ 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';
@@ -59,29 +46,6 @@ 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 { default as useEditableCell } from './components/Datagrid/useEditableCell.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';
@@ -92,7 +56,6 @@ 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';
@@ -101,12 +64,55 @@ 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 { BigNumbers } from './components/BigNumbers/BigNumbers.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 { TagOverflow } from './components/TagOverflow/TagOverflow.js';
+export { GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
+export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
+export { useColumnOrder } from 'react-table';
+export { usePrefix } from './global/js/hooks/usePrefix.js';
+export { ActionBar } from './components/ActionBar/ActionBar.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 { HTTPError403 } from './components/HTTPErrors/HTTPError403/HTTPError403.js';
+export { HTTPError404 } from './components/HTTPErrors/HTTPError404/HTTPError404.js';
+export { HTTPErrorOther } from './components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.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 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 useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
+export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
+export { default as useEditableCell } from './components/Datagrid/useEditableCell.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 { CoachmarkStack } from './components/CoachmarkStack/CoachmarkStack.js';
+export { BigNumbers } from './components/BigNumbers/BigNumbers.js';
 export { Decorator } from './components/Decorator/Decorator.js';
 export { DecoratorLink } from './components/DecoratorLink/DecoratorLink.js';
 export { DecoratorSingleButton } from './components/DecoratorSingleButton/DecoratorSingleButton.js';
@@ -115,15 +121,14 @@ export { DescriptionList } from './components/DescriptionList/DescriptionList.js
 export { DescriptionListBody } from './components/DescriptionList/DescriptionListBody.js';
 export { DescriptionListCell } from './components/DescriptionList/DescriptionListCell.js';
 export { DescriptionListRow } from './components/DescriptionList/DescriptionListRow.js';
-export { FullPageError } from './components/FullPageError/FullPageError.js';
-export { SearchBar } from './components/SearchBar/SearchBar.js';
 export { Nav } from './components/Nav/Nav.js';
+export { NavList } from './components/Nav/NavList.js';
+export { NavItem } from './components/Nav/NavItem.js';
 export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
 export { UserAvatar } from './components/UserAvatar/UserAvatar.js';
 export { ScrollGradient } from './components/ScrollGradient/ScrollGradient.js';
 export { StatusIndicator } from './components/StatusIndicator/StatusIndicator.js';
-export { TagOverflow } from './components/TagOverflow/TagOverflow.js';
-export { ActionBar } from './components/ActionBar/ActionBar.js';
+export { StatusIndicatorStep } from './components/StatusIndicator/StatusIndicatorStep.js';
 export { FilterPanel } from './components/FilterPanel/FilterPanel.js';
 export { FilterPanelAccordion } from './components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js';
 export { FilterPanelAccordionItem } from './components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js';
@@ -133,5 +138,3 @@ export { FilterPanelGroup } from './components/FilterPanel/FilterPanelGroup/Filt
 export { FilterPanelLabel } from './components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js';
 export { FilterPanelSearch } from './components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js';
 export { ConditionBuilder } from './components/ConditionBuilder/ConditionBuilder.js';
-export { GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
-export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';

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

@@ -7,81 +7,68 @@
 
 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 _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
-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));
-    });
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-  return target;
+  return t;
 }
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
-  } else {
-    obj[key] = value;
   }
-  return obj;
+  return e;
 }
-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];
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
-  return target;
+  return i;
 }
-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];
-    }
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
-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;
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 var _excluded = ["width", "height", "viewBox"],
   _excluded2 = ["tabindex"];