refactor(utils): refactor shared type guard utilities (ant-design#57777)

Author: li-jia-nan

.dumi/hooks/useLocalStorage.ts

@@ -1,12 +1,9 @@
 import React, { useCallback, useEffect } from 'react';
 import { useEvent } from '@rc-component/util';
+import { isFunction } from 'antd/lib/_util/is';
 
 const ANT_SYNC_STORAGE_EVENT_KEY = 'ANT_SYNC_STORAGE_EVENT_KEY';
 
-const isFunction = (val: any): val is (...args: any[]) => any => {
-  return typeof val === 'function';
-};
-
 interface Options<T> {
   defaultValue?: T;
   serializer?: (value: T) => string;

components/_util/ActionButton.tsx

@@ -4,6 +4,7 @@ import useState from '@rc-component/util/lib/hooks/useState';
 import Button from '../button/Button';
 import type { ButtonProps, LegacyButtonType } from '../button/Button';
 import { convertLegacyProps } from '../button/buttonHelpers';
+import { isThenable } from './is';
 
 export interface ActionButtonProps {
   type?: LegacyButtonType;
@@ -22,10 +23,6 @@ export interface ActionButtonProps {
   isSilent?: () => boolean;
 }
 
-const isThenable = <T,>(thing?: PromiseLike<T>): thing is PromiseLike<T> => {
-  return typeof thing?.then === 'function';
-};
-
 const ActionButton: React.FC<ActionButtonProps> = (props) => {
   const {
     type,

components/_util/is.ts

@@ -1,5 +1,3 @@
-// \b([A-Za-z_$][\w$]*)\s*!==\s*(?:undefined\s*&&\s*\1\s*!==\s*null|null\s*&&\s*\1\s*!==\s*undefined)\b
-// \b([A-Za-z_$][\w$\.]*)\s*===\s*(?:undefined|null)\s*\|\|\s*\1\s*===\s*(?:undefined|null)\b
 export const isNonNullable = <T>(val: T): val is NonNullable<T> => {
   return val !== undefined && val !== null;
 };
@@ -8,6 +6,18 @@ export const isNumber = (val: any): val is number => {
   return typeof val === 'number' && !Number.isNaN(val);
 };
 
+export const isString = (val: any): val is string => {
+  return typeof val === 'string';
+};
+
 export const isPrimitive = (value: any) => {
   return (typeof value !== 'object' && typeof value !== 'function') || value === null;
 };
+
+export const isFunction = (val: any): val is (...args: any[]) => any => {
+  return typeof val === 'function';
+};
+
+export const isThenable = <T>(val?: PromiseLike<T>): val is PromiseLike<T> => {
+  return isNonNullable(val) && isFunction(val.then);
+};

components/_util/reactNode.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { isFunction } from './is';
 import type { AnyObject } from './type';
 
 export function isFragment(child: any): boolean {
@@ -16,10 +17,7 @@ export const replaceElement = <P>(
   if (!React.isValidElement<P>(element)) {
     return replacement;
   }
-  return React.cloneElement<P>(
-    element,
-    typeof props === 'function' ? props(element.props || {}) : props,
-  );
+  return React.cloneElement<P>(element, isFunction(props) ? props(element.props || {}) : props);
 };
 
 export function cloneElement<P>(element: React.ReactNode, props?: RenderProps) {

components/button/buttonHelpers.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { clsx } from 'clsx';
 
-import { isNonNullable } from '../_util/is';
+import { isNonNullable, isString } from '../_util/is';
 import { cloneElement, isFragment } from '../_util/reactNode';
 import { PresetColors } from '../theme/interface';
 import type { BaseButtonProps, LegacyButtonType } from './Button';
@@ -19,10 +19,6 @@ export function convertLegacyProps(
   return { type };
 }
 
-export function isString(str: unknown): str is string {
-  return typeof str === 'string';
-}
-
 export function isUnBorderedButtonVariant(type?: ButtonVariantType) {
   return type === 'text' || type === 'link';
 }

components/dropdown/dropdown.tsx

@@ -224,10 +224,7 @@ const Dropdown: CompoundedComponent = (props) => {
 
   const child = React.Children.only(
     isPrimitive(children) ? <span>{children}</span> : children,
-  ) as React.ReactElement<{
-    className?: string;
-    disabled?: boolean;
-  }>;
+  ) as React.ReactElement<{ className?: string; disabled?: boolean }>;
 
   const popupTrigger = cloneElement(child, {
     className: clsx(