@rc-component/notification/es/hooks/useClosable.js

notification ui component for react

import { pickAttrs } from '@rc-component/util';
import * as React from 'react';
/**
 * Normalizes the closable option into a boolean flag, config, and aria props.
 */
export default function useClosable(closable) {
  // Convert boolean shorthand into the object shape used by render logic.
  const closableObj = React.useMemo(() => {
    if (closable === false) {
      return {
        closeIcon: null,
        disabled: true
      };
    }
    if (typeof closable === 'object' && closable !== null) {
      return closable;
    }
    return {};
  }, [closable]);

  // Fill defaults so callers can read closeIcon and disabled without extra guards.
  const closableConfig = React.useMemo(() => ({
    ...closableObj,
    closeIcon: 'closeIcon' in closableObj ? closableObj.closeIcon : '×',
    disabled: closableObj.disabled ?? false
  }), [closableObj]);

  // Forward aria-* props from the closable config to the close button.
  const closableAriaProps = React.useMemo(() => pickAttrs(closableConfig, true), [closableConfig]);
  return [!!closable, closableConfig, closableAriaProps];
}