@rc-component/util 1.12.0 → 1.14.0

package/es/Dom/dynamicCSS.js

@@ -30,6 +30,9 @@ function getOrder(prepend) {
  * Find style which inject by rc-util
  */
 function findStyles(container) {
+  if (!container) {
+    return [];
+  }
   return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE');
 }
 export function injectCSS(css, option = {}) {
@@ -53,6 +56,9 @@ export function injectCSS(css, option = {}) {
   }
   styleNode.innerHTML = css;
   const container = getContainer(option);
+  if (!container) {
+    return null;
+  }
   const {
     firstChild
   } = container;
@@ -93,7 +99,7 @@ export function removeCSS(key, option = {}) {
   const existNode = findExistNode(key, option);
   if (existNode) {
     const container = getContainer(option);
-    container.removeChild(existNode);
+    container?.removeChild(existNode);
   }
 }
 
@@ -106,6 +112,9 @@ function syncRealContainer(container, option) {
   // Find real container when not cached or cached container removed
   if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
     const placeholderStyle = injectCSS('', option);
+    if (!placeholderStyle) {
+      return;
+    }
     const {
       parentNode
     } = placeholderStyle;
@@ -122,6 +131,9 @@ export function clearContainerCache() {
 }
 export function updateCSS(css, key, originOption = {}) {
   const container = getContainer(originOption);
+  if (!container) {
+    return null;
+  }
   const styles = findStyles(container);
   const option = {
     ...originOption,
@@ -141,6 +153,9 @@ export function updateCSS(css, key, originOption = {}) {
     return existNode;
   }
   const newNode = injectCSS(css, option);
+  if (!newNode) {
+    return null;
+  }
   newNode.setAttribute(getMark(option), key);
   return newNode;
 }

package/es/hooks/useAllowClear.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AllowClearConfig {
+    clearIcon?: React.ReactNode;
+    /** Disable the clear entry without rendering a button or reserving space. */
+    disabled?: boolean;
+    tabIndex?: number;
+    /** Accessible name for the clear button. */
+    label?: string;
+}
+/** Normalize clear configuration. Components should apply their defaults first. */
+export default function useAllowClear(allowClear?: boolean | AllowClearConfig): AllowClearConfig;

package/es/hooks/useAllowClear.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/** Normalize clear configuration. Components should apply their defaults first. */
+export default function useAllowClear(allowClear) {
+  return React.useMemo(() => allowClear && typeof allowClear === 'object' ? {
+    ...allowClear,
+    disabled: allowClear.disabled ?? false
+  } : {
+    disabled: !allowClear
+  }, [allowClear]);
+}

package/es/hooks/useDelayState.js

@@ -19,6 +19,7 @@ export default function useDelayState(defaultValue) {
       delayRef.current = null;
     }
   });
+  React.useEffect(() => cancelPending, [cancelPending]);
   const setDelayValue = useEvent((nextValue, immediatelyOrDelay) => {
     const delayConfig = immediatelyOrDelay || {
       frame: 1

package/es/index.d.ts

@@ -1,3 +1,5 @@
+export { default as useAllowClear } from './hooks/useAllowClear';
+export type { AllowClearConfig } from './hooks/useAllowClear';
 export { default as useEvent } from './hooks/useEvent';
 export { default as useMergedState } from './hooks/useMergedState';
 export { default as useControlledState } from './hooks/useControlledState';
@@ -22,6 +24,7 @@ export { isStyleSupport } from './Dom/styleChecker';
 export { default as KeyCode } from './KeyCode';
 export { default as getScrollBarSize, getTargetScrollBarSize, } from './getScrollBarSize';
 export { default as isEqual } from './isEqual';
+export { isNonNullable, isReactRenderable } from './is';
 export { default as isMobile } from './isMobile';
 export { default as omit } from './omit';
 export { default as pickAttrs } from './pickAttrs';

package/es/index.js

@@ -1,3 +1,4 @@
+export { default as useAllowClear } from "./hooks/useAllowClear";
 export { default as useEvent } from "./hooks/useEvent";
 export { default as useMergedState } from "./hooks/useMergedState";
 export { default as useControlledState } from "./hooks/useControlledState";
@@ -19,6 +20,7 @@ export { isStyleSupport } from "./Dom/styleChecker";
 export { default as KeyCode } from "./KeyCode";
 export { default as getScrollBarSize, getTargetScrollBarSize } from "./getScrollBarSize";
 export { default as isEqual } from "./isEqual";
+export { isNonNullable, isReactRenderable } from "./is";
 export { default as isMobile } from "./isMobile";
 export { default as omit } from "./omit";
 export { default as pickAttrs } from "./pickAttrs";

package/es/is.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Check if a value is neither `null` nor `undefined`.
+ */
+export declare function isNonNullable<T>(value: T): value is NonNullable<T>;
+/**
+ * Check whether a value should be treated as renderable content.
+ *
+ * Returns `false` only for `null`, `undefined`, `false`, and `''`; all other
+ * values, including `0` and `true`, are treated as renderable.
+ *
+ * This is a compatibility-oriented presence check, not a complete React node
+ * validator.
+ */
+export declare function isReactRenderable<T>(value: T): value is Exclude<NonNullable<T>, false | ''>;

package/es/is.js

@@ -0,0 +1,19 @@
+/**
+ * Check if a value is neither `null` nor `undefined`.
+ */
+export function isNonNullable(value) {
+  return value !== undefined && value !== null;
+}
+
+/**
+ * Check whether a value should be treated as renderable content.
+ *
+ * Returns `false` only for `null`, `undefined`, `false`, and `''`; all other
+ * values, including `0` and `true`, are treated as renderable.
+ *
+ * This is a compatibility-oriented presence check, not a complete React node
+ * validator.
+ */
+export function isReactRenderable(value) {
+  return isNonNullable(value) && value !== false && value !== '';
+}

package/es/ref.js

@@ -2,7 +2,7 @@ import { isValidElement, version } from 'react';
 import { ForwardRef, isMemo } from 'react-is';
 import useMemo from "./hooks/useMemo";
 import isFragment from "./React/isFragment";
-const ReactMajorVersion = Number(version.split('.')[0]);
+const ReactMajorVersion = Number(version?.split('.')[0]);
 export const fillRef = (ref, node) => {
   if (typeof ref === 'function') {
     ref(node);

package/es/utils/set.js

@@ -17,7 +17,14 @@ function internalSet(entity, paths, value, removeIfUndefined) {
 
   // Delete prop if `removeIfUndefined` and value is undefined
   if (removeIfUndefined && value === undefined && restPath.length === 1) {
-    delete clone[path][restPath[0]];
+    const origin = clone[path];
+    if (origin && typeof origin === 'object') {
+      const child = Array.isArray(origin) ? [...origin] : {
+        ...origin
+      };
+      delete child[restPath[0]];
+      clone[path] = child;
+    }
   } else {
     clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
   }

package/lib/Dom/dynamicCSS.js

@@ -40,6 +40,9 @@ function getOrder(prepend) {
  * Find style which inject by rc-util
  */
 function findStyles(container) {
+  if (!container) {
+    return [];
+  }
   return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE');
 }
 function injectCSS(css, option = {}) {
@@ -63,6 +66,9 @@ function injectCSS(css, option = {}) {
   }
   styleNode.innerHTML = css;
   const container = getContainer(option);
+  if (!container) {
+    return null;
+  }
   const {
     firstChild
   } = container;
@@ -103,7 +109,7 @@ function removeCSS(key, option = {}) {
   const existNode = findExistNode(key, option);
   if (existNode) {
     const container = getContainer(option);
-    container.removeChild(existNode);
+    container?.removeChild(existNode);
   }
 }
 
@@ -116,6 +122,9 @@ function syncRealContainer(container, option) {
   // Find real container when not cached or cached container removed
   if (!cachedRealContainer || !(0, _contains.default)(document, cachedRealContainer)) {
     const placeholderStyle = injectCSS('', option);
+    if (!placeholderStyle) {
+      return;
+    }
     const {
       parentNode
     } = placeholderStyle;
@@ -132,6 +141,9 @@ function clearContainerCache() {
 }
 function updateCSS(css, key, originOption = {}) {
   const container = getContainer(originOption);
+  if (!container) {
+    return null;
+  }
   const styles = findStyles(container);
   const option = {
     ...originOption,
@@ -151,6 +163,9 @@ function updateCSS(css, key, originOption = {}) {
     return existNode;
   }
   const newNode = injectCSS(css, option);
+  if (!newNode) {
+    return null;
+  }
   newNode.setAttribute(getMark(option), key);
   return newNode;
 }

package/lib/hooks/useAllowClear.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AllowClearConfig {
+    clearIcon?: React.ReactNode;
+    /** Disable the clear entry without rendering a button or reserving space. */
+    disabled?: boolean;
+    tabIndex?: number;
+    /** Accessible name for the clear button. */
+    label?: string;
+}
+/** Normalize clear configuration. Components should apply their defaults first. */
+export default function useAllowClear(allowClear?: boolean | AllowClearConfig): AllowClearConfig;

package/lib/hooks/useAllowClear.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAllowClear;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** Normalize clear configuration. Components should apply their defaults first. */
+function useAllowClear(allowClear) {
+  return React.useMemo(() => allowClear && typeof allowClear === 'object' ? {
+    ...allowClear,
+    disabled: allowClear.disabled ?? false
+  } : {
+    disabled: !allowClear
+  }, [allowClear]);
+}

package/lib/hooks/useDelayState.js

@@ -28,6 +28,7 @@ function useDelayState(defaultValue) {
       delayRef.current = null;
     }
   });
+  React.useEffect(() => cancelPending, [cancelPending]);
   const setDelayValue = (0, _useEvent.default)((nextValue, immediatelyOrDelay) => {
     const delayConfig = immediatelyOrDelay || {
       frame: 1

package/lib/index.d.ts

@@ -1,3 +1,5 @@
+export { default as useAllowClear } from './hooks/useAllowClear';
+export type { AllowClearConfig } from './hooks/useAllowClear';
 export { default as useEvent } from './hooks/useEvent';
 export { default as useMergedState } from './hooks/useMergedState';
 export { default as useControlledState } from './hooks/useControlledState';
@@ -22,6 +24,7 @@ export { isStyleSupport } from './Dom/styleChecker';
 export { default as KeyCode } from './KeyCode';
 export { default as getScrollBarSize, getTargetScrollBarSize, } from './getScrollBarSize';
 export { default as isEqual } from './isEqual';
+export { isNonNullable, isReactRenderable } from './is';
 export { default as isMobile } from './isMobile';
 export { default as omit } from './omit';
 export { default as pickAttrs } from './pickAttrs';

package/lib/index.js

@@ -111,6 +111,18 @@ Object.defineProperty(exports, "isMobile", {
     return _isMobile.default;
   }
 });
+Object.defineProperty(exports, "isNonNullable", {
+  enumerable: true,
+  get: function () {
+    return _is.isNonNullable;
+  }
+});
+Object.defineProperty(exports, "isReactRenderable", {
+  enumerable: true,
+  get: function () {
+    return _is.isReactRenderable;
+  }
+});
 Object.defineProperty(exports, "isStyleSupport", {
   enumerable: true,
   get: function () {
@@ -249,6 +261,12 @@ Object.defineProperty(exports, "updateCSS", {
     return _dynamicCSS.updateCSS;
   }
 });
+Object.defineProperty(exports, "useAllowClear", {
+  enumerable: true,
+  get: function () {
+    return _useAllowClear.default;
+  }
+});
 Object.defineProperty(exports, "useComposeRef", {
   enumerable: true,
   get: function () {
@@ -327,6 +345,7 @@ Object.defineProperty(exports, "warning", {
     return _warning.default;
   }
 });
+var _useAllowClear = _interopRequireDefault(require("./hooks/useAllowClear"));
 var _useEvent = _interopRequireDefault(require("./hooks/useEvent"));
 var _useMergedState = _interopRequireDefault(require("./hooks/useMergedState"));
 var _useControlledState = _interopRequireDefault(require("./hooks/useControlledState"));
@@ -348,6 +367,7 @@ var _styleChecker = require("./Dom/styleChecker");
 var _KeyCode = _interopRequireDefault(require("./KeyCode"));
 var _getScrollBarSize = _interopRequireWildcard(require("./getScrollBarSize"));
 var _isEqual = _interopRequireDefault(require("./isEqual"));
+var _is = require("./is");
 var _isMobile = _interopRequireDefault(require("./isMobile"));
 var _omit = _interopRequireDefault(require("./omit"));
 var _pickAttrs = _interopRequireDefault(require("./pickAttrs"));

package/lib/is.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Check if a value is neither `null` nor `undefined`.
+ */
+export declare function isNonNullable<T>(value: T): value is NonNullable<T>;
+/**
+ * Check whether a value should be treated as renderable content.
+ *
+ * Returns `false` only for `null`, `undefined`, `false`, and `''`; all other
+ * values, including `0` and `true`, are treated as renderable.
+ *
+ * This is a compatibility-oriented presence check, not a complete React node
+ * validator.
+ */
+export declare function isReactRenderable<T>(value: T): value is Exclude<NonNullable<T>, false | ''>;

package/lib/is.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNonNullable = isNonNullable;
+exports.isReactRenderable = isReactRenderable;
+/**
+ * Check if a value is neither `null` nor `undefined`.
+ */
+function isNonNullable(value) {
+  return value !== undefined && value !== null;
+}
+
+/**
+ * Check whether a value should be treated as renderable content.
+ *
+ * Returns `false` only for `null`, `undefined`, `false`, and `''`; all other
+ * values, including `0` and `true`, are treated as renderable.
+ *
+ * This is a compatibility-oriented presence check, not a complete React node
+ * validator.
+ */
+function isReactRenderable(value) {
+  return isNonNullable(value) && value !== false && value !== '';
+}

package/lib/ref.js

@@ -9,7 +9,7 @@ var _reactIs = require("react-is");
 var _useMemo = _interopRequireDefault(require("./hooks/useMemo"));
 var _isFragment = _interopRequireDefault(require("./React/isFragment"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ReactMajorVersion = Number(_react.version.split('.')[0]);
+const ReactMajorVersion = Number(_react.version?.split('.')[0]);
 const fillRef = (ref, node) => {
   if (typeof ref === 'function') {
     ref(node);

package/lib/utils/set.js

@@ -26,7 +26,14 @@ function internalSet(entity, paths, value, removeIfUndefined) {
 
   // Delete prop if `removeIfUndefined` and value is undefined
   if (removeIfUndefined && value === undefined && restPath.length === 1) {
-    delete clone[path][restPath[0]];
+    const origin = clone[path];
+    if (origin && typeof origin === 'object') {
+      const child = Array.isArray(origin) ? [...origin] : {
+        ...origin
+      };
+      delete child[restPath[0]];
+      clone[path] = child;
+    }
   } else {
     clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/util",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Shared React utilities for rc-component packages.",
   "keywords": [
     "react",