@carbon/react 1.78.1 → 1.78.2

package/es/components/Dialog/index.js

@@ -1,177 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default, { useRef, useEffect } from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import cx from 'classnames';
-import { Close } from '@carbon/icons-react';
-import { IconButton } from '../IconButton/index.js';
-import { noopFn } from '../../internal/noopFn.js';
-
-const unstable__Dialog = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
-  let {
-    children,
-    className,
-    modal,
-    onCancel = noopFn,
-    onClick = noopFn,
-    onClose = noopFn,
-    onRequestClose = noopFn,
-    open = false,
-    ...rest
-  } = _ref;
-  const prefix = usePrefix();
-
-  // This component needs access to a ref, placed on the dialog, to call the
-  // various imperative dialog functions (show(), close(), etc.).
-  // If the parent component has not passed a ref for forwardRef, forwardRef
-  // will be null. A "backup" ref is needed to ensure the dialog's instance
-  // methods can always be called within this component.
-  const backupRef = useRef(null);
-  const ref = forwardRef ?? backupRef;
-
-  // Clicks on the backdrop of an open modal dialog should request the consuming component to close
-  // the dialog. Clicks elsewhere, or on non-modal dialogs should not request
-  // to close the dialog.
-  function handleModalBackdropClick(e) {
-    if (open && modal && e.target === ref.current) {
-      onRequestClose(e);
-    }
-  }
-  function handleClick(e) {
-    handleModalBackdropClick(e);
-
-    // onClick should always be called, no matter if the target is a modal
-    // dialog, modal dialog backdrop, or non-modal dialog.
-    onClick(e);
-  }
-  useEffect(() => {
-    if (ref.current) {
-      if (open) {
-        if (modal) {
-          // Display the dialog as a modal, over the top of any other dialogs
-          // that might be present. Everything outside the dialog are inert
-          // with interactions outside the dialog being blocked.
-          ref.current.showModal();
-        } else {
-          // Display the dialog modelessly, i.e. still allowing interaction
-          // with content outside of the dialog.
-          ref.current.show();
-        }
-      } else {
-        ref.current.close();
-      }
-    }
-  }, [modal, open]);
-  return /*#__PURE__*/React__default.createElement("dialog", _extends({}, rest, {
-    className: cx(`${prefix}--dialog`, {
-      [`${prefix}--dialog--modal`]: modal
-    }, className),
-    ref: ref,
-    onCancel: onCancel,
-    onClick: handleClick,
-    onClose: onClose
-  }), children);
-});
-unstable__Dialog.displayName = 'Dialog';
-unstable__Dialog.propTypes = {
-  /**
-   * Provide children to be rendered inside of the Dialog
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the modal root node
-   */
-  className: PropTypes.string,
-  /**
-   * Modal specifies whether the Dialog is modal or non-modal. This cannot be
-   * changed while open=true
-   */
-  modal: PropTypes.bool,
-  /**
-   * Specify a handler for closing Dialog.
-   * The handler should care of closing Dialog, e.g. changing `open` prop.
-   */
-  onRequestClose: PropTypes.func,
-  /**
-   * open initial state
-   */
-  open: PropTypes.bool
-};
-const DialogHeader = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref2;
-  const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: `${prefix}--dialog__header`,
-    ref: ref
-  }, rest), children);
-});
-DialogHeader.propTypes = {
-  /**
-   * Provide the contents to be rendered inside of this component
-   */
-  children: PropTypes.node
-};
-const DialogControls = /*#__PURE__*/React__default.forwardRef((_ref3, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref3;
-  const prefix = usePrefix();
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React__default.createElement("div", _extends({
-      className: `${prefix}--dialog__header-controls`,
-      ref: ref
-    }, rest), children)
-  );
-});
-DialogControls.propTypes = {
-  /**
-   * Provide children to be rendered inside of this component
-   */
-  children: PropTypes.node
-};
-const DialogCloseButton = /*#__PURE__*/React__default.forwardRef((_ref4, ref) => {
-  let {
-    onClick,
-    ...rest
-  } = _ref4;
-  const prefix = usePrefix();
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React__default.createElement(IconButton, _extends({
-      kind: "ghost",
-      className: `${prefix}--dialog__close`,
-      label: "Close",
-      title: "Close",
-      "aria-label": "Close",
-      align: "left",
-      onClick: onClick
-    }, rest), /*#__PURE__*/React__default.createElement(Close, {
-      size: 20,
-      "aria-hidden": "true",
-      tabIndex: "-1",
-      className: `${prefix}--icon__close`
-    }))
-  );
-});
-DialogCloseButton.propTypes = {
-  /**
-   * Specify a click handler applied to the IconButton
-   */
-  onClick: PropTypes.func
-};
-
-export { DialogCloseButton, DialogControls, DialogHeader, unstable__Dialog };

package/es/internal/OptimizedResize.d.ts

@@ -1,18 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-/**
- * A callback function to be executed on `resize`.
- */
-type Callback = () => void;
-export declare const OptimizedResize: {
-    /** Adds a callback function to be executed on window `resize`. */
-    add: (callback: Callback) => {
-        /** Removes the callback. */
-        remove: () => void;
-    };
-};
-export {};

package/es/internal/keyboard/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-export * as keys from './keys';
-export * from './match';
-export * from './navigation';

package/es/internal/keyboard/keys.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 { KeyboardEvent } from 'react';
-export type Key = Pick<KeyboardEvent, 'which' | 'keyCode' | 'code'> & {
-    key?: string | string[];
-};
-export declare const Tab: Key;
-export declare const Enter: Key;
-export declare const Escape: Key;
-export declare const Space: Key;
-export declare const PageUp: Key;
-export declare const PageDown: Key;
-export declare const End: Key;
-export declare const Home: Key;
-export declare const ArrowLeft: Key;
-export declare const ArrowUp: Key;
-export declare const ArrowRight: Key;
-export declare const ArrowDown: Key;
-export declare const Delete: Key;

package/es/internal/keyboard/match.d.ts

@@ -1,26 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 type { KeyboardEvent as ReactKeyboardEvent } from 'react';
-import type { Key } from './keys';
-/**
- * Check to see if at least one key code matches the key code of the
- * given event.
- *
- * @param event - The event to test.
- * @param keysToMatch - An array of key definitions to match against.
- * @returns `true` if one of the keys matches.
- */
-export declare const matches: (event: ReactKeyboardEvent | KeyboardEvent, keysToMatch: Key[]) => boolean;
-/**
- * Check to see if the given key matches the corresponding keyboard event. Also
- * supports passing in the value directly if you can't use the given event.
- *
- * @param eventOrCode - A `KeyboardEvent`, a number, or a string value.
- * @param keyObj - An object with key properties to match against.
- * @returns `true` if the event or code matches the key definition.
- */
-export declare const match: (eventOrCode: ReactKeyboardEvent | KeyboardEvent | number | string, { key, which, keyCode, code }: Key) => boolean;

package/es/internal/keyboard/navigation.d.ts

@@ -1,37 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 { KeyboardEvent } from 'react';
-/**
- * A "ring buffer" function that takes an array and, depending on an ArrowRight
- * or ArrowLeft key input, loops from last index to first or first index to last.
- *
- * @param key - the left or right arrow key (KeyboardEvent, number, or string)
- * @param index - the current index in the array
- * @param arrayLength - the total length of the array
- *
- * @example
- *  getNextIndex(keyCodes.RIGHT, 0, 4)
- */
-export declare const getNextIndex: (key: KeyboardEvent | number | string, index: number, arrayLength: number) => number | undefined;
-/**
- * A flag `node.compareDocumentPosition(target)` returns that indicates
- * `target` is located earlier than `node` in the document or `target` contains `node`.
- */
-export declare const DOCUMENT_POSITION_BROAD_PRECEDING: number;
-/**
- * A flag `node.compareDocumentPosition(target)` returns that indicates
- * `target` is located later than `node` in the document or `node` contains `target`.
- */
-export declare const DOCUMENT_POSITION_BROAD_FOLLOWING: number;
-/**
- * CSS selector that selects major nodes that are sequentially focusable.
- */
-export declare 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 declare 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/components/Dialog/index.js

@@ -1,190 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var index = require('../IconButton/index.js');
-var noopFn = require('../../internal/noopFn.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const unstable__Dialog = /*#__PURE__*/React__default["default"].forwardRef((_ref, forwardRef) => {
-  let {
-    children,
-    className,
-    modal,
-    onCancel = noopFn.noopFn,
-    onClick = noopFn.noopFn,
-    onClose = noopFn.noopFn,
-    onRequestClose = noopFn.noopFn,
-    open = false,
-    ...rest
-  } = _ref;
-  const prefix = usePrefix.usePrefix();
-
-  // This component needs access to a ref, placed on the dialog, to call the
-  // various imperative dialog functions (show(), close(), etc.).
-  // If the parent component has not passed a ref for forwardRef, forwardRef
-  // will be null. A "backup" ref is needed to ensure the dialog's instance
-  // methods can always be called within this component.
-  const backupRef = React.useRef(null);
-  const ref = forwardRef ?? backupRef;
-
-  // Clicks on the backdrop of an open modal dialog should request the consuming component to close
-  // the dialog. Clicks elsewhere, or on non-modal dialogs should not request
-  // to close the dialog.
-  function handleModalBackdropClick(e) {
-    if (open && modal && e.target === ref.current) {
-      onRequestClose(e);
-    }
-  }
-  function handleClick(e) {
-    handleModalBackdropClick(e);
-
-    // onClick should always be called, no matter if the target is a modal
-    // dialog, modal dialog backdrop, or non-modal dialog.
-    onClick(e);
-  }
-  React.useEffect(() => {
-    if (ref.current) {
-      if (open) {
-        if (modal) {
-          // Display the dialog as a modal, over the top of any other dialogs
-          // that might be present. Everything outside the dialog are inert
-          // with interactions outside the dialog being blocked.
-          ref.current.showModal();
-        } else {
-          // Display the dialog modelessly, i.e. still allowing interaction
-          // with content outside of the dialog.
-          ref.current.show();
-        }
-      } else {
-        ref.current.close();
-      }
-    }
-  }, [modal, open]);
-  return /*#__PURE__*/React__default["default"].createElement("dialog", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](`${prefix}--dialog`, {
-      [`${prefix}--dialog--modal`]: modal
-    }, className),
-    ref: ref,
-    onCancel: onCancel,
-    onClick: handleClick,
-    onClose: onClose
-  }), children);
-});
-unstable__Dialog.displayName = 'Dialog';
-unstable__Dialog.propTypes = {
-  /**
-   * Provide children to be rendered inside of the Dialog
-   */
-  children: PropTypes__default["default"].node,
-  /**
-   * Specify an optional className to be applied to the modal root node
-   */
-  className: PropTypes__default["default"].string,
-  /**
-   * Modal specifies whether the Dialog is modal or non-modal. This cannot be
-   * changed while open=true
-   */
-  modal: PropTypes__default["default"].bool,
-  /**
-   * Specify a handler for closing Dialog.
-   * The handler should care of closing Dialog, e.g. changing `open` prop.
-   */
-  onRequestClose: PropTypes__default["default"].func,
-  /**
-   * open initial state
-   */
-  open: PropTypes__default["default"].bool
-};
-const DialogHeader = /*#__PURE__*/React__default["default"].forwardRef((_ref2, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref2;
-  const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: `${prefix}--dialog__header`,
-    ref: ref
-  }, rest), children);
-});
-DialogHeader.propTypes = {
-  /**
-   * Provide the contents to be rendered inside of this component
-   */
-  children: PropTypes__default["default"].node
-};
-const DialogControls = /*#__PURE__*/React__default["default"].forwardRef((_ref3, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref3;
-  const prefix = usePrefix.usePrefix();
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-      className: `${prefix}--dialog__header-controls`,
-      ref: ref
-    }, rest), children)
-  );
-});
-DialogControls.propTypes = {
-  /**
-   * Provide children to be rendered inside of this component
-   */
-  children: PropTypes__default["default"].node
-};
-const DialogCloseButton = /*#__PURE__*/React__default["default"].forwardRef((_ref4, ref) => {
-  let {
-    onClick,
-    ...rest
-  } = _ref4;
-  const prefix = usePrefix.usePrefix();
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
-      kind: "ghost",
-      className: `${prefix}--dialog__close`,
-      label: "Close",
-      title: "Close",
-      "aria-label": "Close",
-      align: "left",
-      onClick: onClick
-    }, rest), /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
-      size: 20,
-      "aria-hidden": "true",
-      tabIndex: "-1",
-      className: `${prefix}--icon__close`
-    }))
-  );
-});
-DialogCloseButton.propTypes = {
-  /**
-   * Specify a click handler applied to the IconButton
-   */
-  onClick: PropTypes__default["default"].func
-};
-
-exports.DialogCloseButton = DialogCloseButton;
-exports.DialogControls = DialogControls;
-exports.DialogHeader = DialogHeader;
-exports.unstable__Dialog = unstable__Dialog;

package/lib/internal/OptimizedResize.d.ts

@@ -1,18 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-/**
- * A callback function to be executed on `resize`.
- */
-type Callback = () => void;
-export declare const OptimizedResize: {
-    /** Adds a callback function to be executed on window `resize`. */
-    add: (callback: Callback) => {
-        /** Removes the callback. */
-        remove: () => void;
-    };
-};
-export {};

package/lib/internal/keyboard/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-export * as keys from './keys';
-export * from './match';
-export * from './navigation';

package/lib/internal/keyboard/keys.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 { KeyboardEvent } from 'react';
-export type Key = Pick<KeyboardEvent, 'which' | 'keyCode' | 'code'> & {
-    key?: string | string[];
-};
-export declare const Tab: Key;
-export declare const Enter: Key;
-export declare const Escape: Key;
-export declare const Space: Key;
-export declare const PageUp: Key;
-export declare const PageDown: Key;
-export declare const End: Key;
-export declare const Home: Key;
-export declare const ArrowLeft: Key;
-export declare const ArrowUp: Key;
-export declare const ArrowRight: Key;
-export declare const ArrowDown: Key;
-export declare const Delete: Key;

package/lib/internal/keyboard/match.d.ts

@@ -1,26 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 type { KeyboardEvent as ReactKeyboardEvent } from 'react';
-import type { Key } from './keys';
-/**
- * Check to see if at least one key code matches the key code of the
- * given event.
- *
- * @param event - The event to test.
- * @param keysToMatch - An array of key definitions to match against.
- * @returns `true` if one of the keys matches.
- */
-export declare const matches: (event: ReactKeyboardEvent | KeyboardEvent, keysToMatch: Key[]) => boolean;
-/**
- * Check to see if the given key matches the corresponding keyboard event. Also
- * supports passing in the value directly if you can't use the given event.
- *
- * @param eventOrCode - A `KeyboardEvent`, a number, or a string value.
- * @param keyObj - An object with key properties to match against.
- * @returns `true` if the event or code matches the key definition.
- */
-export declare const match: (eventOrCode: ReactKeyboardEvent | KeyboardEvent | number | string, { key, which, keyCode, code }: Key) => boolean;

package/lib/internal/keyboard/navigation.d.ts

@@ -1,37 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 { KeyboardEvent } from 'react';
-/**
- * A "ring buffer" function that takes an array and, depending on an ArrowRight
- * or ArrowLeft key input, loops from last index to first or first index to last.
- *
- * @param key - the left or right arrow key (KeyboardEvent, number, or string)
- * @param index - the current index in the array
- * @param arrayLength - the total length of the array
- *
- * @example
- *  getNextIndex(keyCodes.RIGHT, 0, 4)
- */
-export declare const getNextIndex: (key: KeyboardEvent | number | string, index: number, arrayLength: number) => number | undefined;
-/**
- * A flag `node.compareDocumentPosition(target)` returns that indicates
- * `target` is located earlier than `node` in the document or `target` contains `node`.
- */
-export declare const DOCUMENT_POSITION_BROAD_PRECEDING: number;
-/**
- * A flag `node.compareDocumentPosition(target)` returns that indicates
- * `target` is located later than `node` in the document or `node` contains `target`.
- */
-export declare const DOCUMENT_POSITION_BROAD_FOLLOWING: number;
-/**
- * CSS selector that selects major nodes that are sequentially focusable.
- */
-export declare 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 declare 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/scss/components/dialog/_dialog.scss

@@ -1,9 +0,0 @@
-// Code generated by @carbon/react. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-@forward '@carbon/styles/scss/components/dialog/dialog';

package/scss/components/dialog/_index.scss

@@ -1,9 +0,0 @@
-// Code generated by @carbon/react. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 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.
-//
-
-@forward '@carbon/styles/scss/components/dialog';