@carbon/ibm-products 2.59.0 → 2.60.0

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

@@ -1,68 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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/lib/components/SidePanel/motion/variants.d.ts

@@ -1,67 +0,0 @@
-export namespace overlayVariants {
-    namespace visible {
-        let opacity: number;
-        namespace transition {
-            let duration: number;
-            let ease: number[];
-        }
-    }
-    namespace hidden {
-        let opacity_1: number;
-        export { opacity_1 as opacity };
-    }
-    namespace exit {
-        let opacity_2: number;
-        export { opacity_2 as opacity };
-    }
-}
-export namespace panelVariants {
-    export function visible_1(): {
-        x: number;
-        transition: {
-            duration: number;
-            ease: number[];
-        };
-        opacity: number;
-    };
-    export { visible_1 as visible };
-    export function hidden_1({ placement, shouldReduceMotion }: {
-        placement: any;
-        shouldReduceMotion: any;
-    }): {
-        x: string | number;
-        opacity: number;
-    };
-    export { hidden_1 as hidden };
-    export function exit_1({ placement, shouldReduceMotion }: {
-        placement: any;
-        shouldReduceMotion: any;
-    }): {
-        x: string | number;
-        transition: {
-            duration: number;
-            ease: number[];
-        };
-        opacity: number;
-    };
-    export { exit_1 as exit };
-}
-export namespace actionSetVariants {
-    export function hidden_2(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-        };
-    };
-    export { hidden_2 as hidden };
-    export function visible_2(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            delay: number;
-        };
-    };
-    export { visible_2 as visible };
-}

package/lib/components/SidePanel/motion/variants.js

@@ -1,83 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var motionConstants = require('../../../global/js/utils/motionConstants.js');
-
-var overlayVariants = {
-  visible: {
-    opacity: 1,
-    transition: {
-      duration: motionConstants.DURATIONS.moderate02,
-      ease: motionConstants.EASINGS.productive.standard
-    }
-  },
-  hidden: {
-    opacity: 0
-  },
-  exit: {
-    opacity: 0
-  }
-};
-var panelVariants = {
-  visible: function visible() {
-    return {
-      x: 0,
-      transition: {
-        duration: motionConstants.DURATIONS.moderate02,
-        ease: motionConstants.EASINGS.productive.standard
-      },
-      opacity: 1
-    };
-  },
-  hidden: function hidden(_ref) {
-    var placement = _ref.placement,
-      shouldReduceMotion = _ref.shouldReduceMotion;
-    return {
-      x: placement === 'right' ? shouldReduceMotion ? 0 : '100%' : shouldReduceMotion ? 0 : -320,
-      opacity: shouldReduceMotion ? 0 : 1
-    };
-  },
-  exit: function exit(_ref2) {
-    var placement = _ref2.placement,
-      shouldReduceMotion = _ref2.shouldReduceMotion;
-    return {
-      x: placement === 'right' ? shouldReduceMotion ? 0 : '100%' : shouldReduceMotion ? 0 : -320,
-      transition: {
-        duration: motionConstants.DURATIONS.moderate01,
-        ease: motionConstants.EASINGS.productive.exit
-      },
-      opacity: shouldReduceMotion ? 0 : 1
-    };
-  }
-};
-var actionSetVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      opacity: shouldReduceMotion ? 0 : 1,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast01,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.exit
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      opacity: 1,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.entrance,
-        delay: shouldReduceMotion ? 0.075 : 0
-      }
-    };
-  }
-};
-
-exports.actionSetVariants = actionSetVariants;
-exports.overlayVariants = overlayVariants;
-exports.panelVariants = panelVariants;

package/lib/global/js/utils/keyboardNavigation.d.ts

@@ -1,27 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Various utilities to help with a11y work
- */
-/**
- * A flag `node.compareDocumentPosition(target)` returns,
- * that indicates `target` is located earlier than `node` in the document or `target` contains `node`.
- */
-export const DOCUMENT_POSITION_BROAD_PRECEDING: number | false;
-/**
- * A flag `node.compareDocumentPosition(target)` returns,
- * that indicates `target` is located later than `node` in the document or `node` contains `target`.
- */
-export const DOCUMENT_POSITION_BROAD_FOLLOWING: number | false;
-/**
- * CSS selector that selects major nodes that are sequential-focusable.
- */
-export const selectorTabbable: "\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
-/**
- * CSS selector that selects major nodes that are click focusable
- */
-export const selectorFocusable: "\n  a[href], area[href], input:not([disabled]),\n  button:not([disabled]),select:not([disabled]),\n  textarea:not([disabled]),\n  iframe, object, embed, *[tabindex]:not([disabled]), *[contenteditable=true]\n";

package/lib/global/js/utils/keyboardNavigation.js

@@ -1,41 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-/**
- * Various utilities to help with a11y work
- */
-
-/**
- * A flag `node.compareDocumentPosition(target)` returns,
- * that indicates `target` is located earlier than `node` in the document or `target` contains `node`.
- */
-var DOCUMENT_POSITION_BROAD_PRECEDING =
-// Checks `typeof Node` for `react-docgen`
-typeof Node !== 'undefined' &&
-// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;
-
-/**
- * A flag `node.compareDocumentPosition(target)` returns,
- * that indicates `target` is located later than `node` in the document or `node` contains `target`.
- */
-var DOCUMENT_POSITION_BROAD_FOLLOWING =
-// Checks `typeof Node` for `react-docgen`
-typeof Node !== 'undefined' &&
-// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;
-
-/**
- * CSS selector that selects major nodes that are sequential-focusable.
- */
-var selectorTabbable = "\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]\n";
-
-exports.DOCUMENT_POSITION_BROAD_FOLLOWING = DOCUMENT_POSITION_BROAD_FOLLOWING;
-exports.DOCUMENT_POSITION_BROAD_PRECEDING = DOCUMENT_POSITION_BROAD_PRECEDING;
-exports.selectorTabbable = selectorTabbable;

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

@@ -1,25 +0,0 @@
-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/lib/global/js/utils/wrapFocus.js

@@ -1,73 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var keyboardNavigation = require('./keyboardNavigation.js');
-var settings = require('../../../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(settings.carbon.prefix, "--overflow-menu-options"), ".".concat(settings.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 & keyboardNavigation.DOCUMENT_POSITION_BROAD_PRECEDING) {
-      var arrayNodes = Array.from(bodyNode.querySelectorAll(keyboardNavigation.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 & keyboardNavigation.DOCUMENT_POSITION_BROAD_FOLLOWING) {
-      var _tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(keyboardNavigation.selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
-      if (_tabbable) {
-        _tabbable.focus();
-      } else if (bodyNode !== oldActiveNode) {
-        bodyNode.focus();
-      }
-    }
-  }
-}
-
-exports.default = wrapFocus;
-exports.elementOrParentIsFloatingMenu = elementOrParentIsFloatingMenu;