@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.9

package/dist/Transition/TransitionCore.js

@@ -1,180 +1,262 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@bifrostui/utils");
-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; }
-const TransitionCore = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    appear,
-    in: inProp,
-    children,
-    mountOnEnter,
-    unmountOnExit,
-    enter,
-    exit,
-    timeout: _timeout,
-    delay: _delay,
-    onEnter,
-    onEntering,
-    onEntered,
-    onExit,
-    onExiting,
-    onExited,
-    nextTick,
-    ...childProps
-  } = props;
-  const UNMOUNTED = 'unmounted';
-  const EXITED = 'exited';
-  const ENTERING = 'entering';
-  const ENTERED = 'entered';
-  const EXITING = 'exiting';
-  const [status, setStatus] = (0, _react.useState)(() => {
-    if (inProp) return appear ? EXITED : ENTERED;
-    return mountOnEnter || unmountOnExit ? UNMOUNTED : EXITED;
-  });
-  const innerNodeRef = (0, _react.useRef)();
-  const nodeRef = (0, _utils.useForkRef)(innerNodeRef, ref);
-  const timeout = typeof _timeout === 'object' ? {
-    ..._timeout
-  } : {
-    enter: _timeout,
-    exit: _timeout
-  };
-  const delay = typeof _delay === 'object' ? _delay : {
-    enter: _delay,
-    exit: _delay
-  };
-  timeout.enter += delay.enter;
-  timeout.exit += delay.exit;
-  const nextCallback = (0, _react.useRef)(null);
-  const appearStatus = (0, _react.useRef)(inProp && appear ? ENTERING : null);
-  const isFirstRender = (0, _react.useRef)(false);
-  const cancelNextCallback = () => {
-    if (nextCallback.current !== null) {
-      nextCallback.current?.cancel();
-      nextCallback.current = null;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  };
-  const forceReflow = node => node?.scrollTop;
-  const setNextCallback = callback => {
-    let active = true;
-    nextCallback.current = event => {
-      if (active) {
-        active = false;
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var TransitionCore_exports = {};
+__export(TransitionCore_exports, {
+  default: () => TransitionCore_default
+});
+module.exports = __toCommonJS(TransitionCore_exports);
+var import_utils = require("@bifrostui/utils");
+var import_react = __toESM(require("react"));
+const TransitionCore = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, {
+      appear,
+      in: inProp,
+      children,
+      mountOnEnter,
+      unmountOnExit,
+      enter,
+      exit,
+      timeout: _timeout,
+      delay: _delay,
+      onEnter,
+      onEntering,
+      onEntered,
+      onExit,
+      onExiting,
+      onExited,
+      nextTick
+    } = _a, childProps = __objRest(_a, [
+      "appear",
+      "in",
+      "children",
+      "mountOnEnter",
+      "unmountOnExit",
+      "enter",
+      "exit",
+      "timeout",
+      "delay",
+      "onEnter",
+      "onEntering",
+      "onEntered",
+      "onExit",
+      "onExiting",
+      "onExited",
+      "nextTick"
+    ]);
+    const UNMOUNTED = "unmounted";
+    const EXITED = "exited";
+    const ENTERING = "entering";
+    const ENTERED = "entered";
+    const EXITING = "exiting";
+    const [status, setStatus] = (0, import_react.useState)(() => {
+      if (inProp)
+        return appear ? EXITED : ENTERED;
+      return mountOnEnter || unmountOnExit ? UNMOUNTED : EXITED;
+    });
+    const innerNodeRef = (0, import_react.useRef)();
+    const nodeRef = (0, import_utils.useForkRef)(innerNodeRef, ref);
+    const timeout = typeof _timeout === "object" ? __spreadValues({}, _timeout) : { enter: _timeout, exit: _timeout };
+    const delay = typeof _delay === "object" ? _delay : { enter: _delay, exit: _delay };
+    timeout.enter += delay.enter;
+    timeout.exit += delay.exit;
+    const nextCallback = (0, import_react.useRef)(null);
+    const appearStatus = (0, import_react.useRef)(inProp && appear ? ENTERING : null);
+    const isFirstRender = (0, import_react.useRef)(false);
+    const cancelNextCallback = () => {
+      var _a2;
+      if (nextCallback.current !== null) {
+        (_a2 = nextCallback.current) == null ? void 0 : _a2.cancel();
         nextCallback.current = null;
-        callback(event);
       }
     };
-    nextCallback.current.cancel = () => {
-      active = false;
+    const forceReflow = (node) => node == null ? void 0 : node.scrollTop;
+    const setNextCallback = (callback) => {
+      let active = true;
+      nextCallback.current = (event) => {
+        if (active) {
+          active = false;
+          nextCallback.current = null;
+          callback(event);
+        }
+      };
+      nextCallback.current.cancel = () => {
+        active = false;
+      };
+      return nextCallback.current;
+    };
+    const onTransitionEnd = (timeoutArg, callback) => {
+      if (timeoutArg !== null) {
+        setNextCallback(callback);
+        setTimeout(nextCallback.current, timeoutArg);
+      }
     };
-    return nextCallback.current;
-  };
-  const onTransitionEnd = (timeoutArg, callback) => {
-    if (timeoutArg !== null) {
+    const safeSetState = (nextState, callback) => {
+      setStatus(nextState);
       setNextCallback(callback);
-      setTimeout(nextCallback.current, timeoutArg);
-    }
-  };
-  const safeSetState = (nextState, callback) => {
-    // This shouldn't be necessary, but there are weird race conditions with
-    // setState callbacks and unmounting in testing, so always make sure that
-    // we can cancel any pending setState callbacks after we unmount.
-    setStatus(nextState);
-    setNextCallback(callback);
-    nextTick(() => {
-      nextCallback?.current?.();
-    });
-  };
-  const performEnter = async () => {
-    if (!enter) {
-      safeSetState(ENTERED, async () => {
-        await onEntered?.(innerNodeRef?.current);
+      nextTick(() => {
+        var _a2;
+        (_a2 = nextCallback == null ? void 0 : nextCallback.current) == null ? void 0 : _a2.call(nextCallback);
       });
-      return;
-    }
-    if (onEnter) await onEnter?.(innerNodeRef?.current);
-    safeSetState(ENTERING, async () => {
-      await onEntering?.(innerNodeRef?.current);
-      onTransitionEnd(timeout.enter, () => {
-        safeSetState(ENTERED, async () => {
-          await onEntered?.(innerNodeRef?.current);
+    };
+    const performEnter = () => __async(void 0, null, function* () {
+      if (!enter) {
+        safeSetState(ENTERED, () => __async(void 0, null, function* () {
+          yield onEntered == null ? void 0 : onEntered(innerNodeRef == null ? void 0 : innerNodeRef.current);
+        }));
+        return;
+      }
+      if (onEnter)
+        yield onEnter == null ? void 0 : onEnter(innerNodeRef == null ? void 0 : innerNodeRef.current);
+      safeSetState(ENTERING, () => __async(void 0, null, function* () {
+        yield onEntering == null ? void 0 : onEntering(innerNodeRef == null ? void 0 : innerNodeRef.current);
+        onTransitionEnd(timeout.enter, () => {
+          safeSetState(ENTERED, () => __async(void 0, null, function* () {
+            yield onEntered == null ? void 0 : onEntered(innerNodeRef == null ? void 0 : innerNodeRef.current);
+          }));
         });
-      });
+      }));
     });
-  };
-  const performExit = async () => {
-    if (!exit) {
-      safeSetState(unmountOnExit ? UNMOUNTED : EXITED, async () => {
-        await onExited?.(innerNodeRef?.current);
-      });
-      return;
-    }
-    await onExit?.(innerNodeRef?.current);
-    safeSetState(EXITING, async () => {
-      await onExiting?.(innerNodeRef?.current);
-      onTransitionEnd(timeout.exit, () => {
-        safeSetState(unmountOnExit ? UNMOUNTED : EXITED, async () => {
-          await onExited?.(innerNodeRef?.current);
+    const performExit = () => __async(void 0, null, function* () {
+      if (!exit) {
+        safeSetState(unmountOnExit ? UNMOUNTED : EXITED, () => __async(void 0, null, function* () {
+          yield onExited == null ? void 0 : onExited(innerNodeRef == null ? void 0 : innerNodeRef.current);
+        }));
+        return;
+      }
+      yield onExit == null ? void 0 : onExit(innerNodeRef == null ? void 0 : innerNodeRef.current);
+      safeSetState(EXITING, () => __async(void 0, null, function* () {
+        yield onExiting == null ? void 0 : onExiting(innerNodeRef == null ? void 0 : innerNodeRef.current);
+        onTransitionEnd(timeout.exit, () => {
+          safeSetState(unmountOnExit ? UNMOUNTED : EXITED, () => __async(void 0, null, function* () {
+            yield onExited == null ? void 0 : onExited(innerNodeRef == null ? void 0 : innerNodeRef.current);
+          }));
         });
-      });
+      }));
     });
-  };
-  const updateStatus = nextStatus => {
-    if (nextStatus !== null) {
-      cancelNextCallback();
-      if (nextStatus === ENTERING) {
-        performEnter();
-      } else if (nextStatus === EXITING) {
-        performExit();
+    const updateStatus = (nextStatus) => {
+      if (nextStatus !== null) {
+        cancelNextCallback();
+        if (nextStatus === ENTERING) {
+          performEnter();
+        } else if (nextStatus === EXITING) {
+          performExit();
+        }
       }
-    }
-  };
-  (0, _react.useEffect)(() => {
-    nextTick(() => updateStatus(appearStatus.current));
-    return () => {
-      cancelNextCallback();
     };
-  }, []);
-  (0, _react.useEffect)(() => {
-    const isMounted = status !== UNMOUNTED;
-    if (!isFirstRender.current) {
-      isFirstRender.current = true;
-      return;
-    }
-    let nextStatus = null;
-    if (inProp) {
-      if (status !== ENTERING && status !== ENTERED) {
-        nextStatus = ENTERING;
+    (0, import_react.useEffect)(() => {
+      nextTick(() => updateStatus(appearStatus.current));
+      return () => {
+        cancelNextCallback();
+      };
+    }, []);
+    (0, import_react.useEffect)(() => {
+      const isMounted = status !== UNMOUNTED;
+      if (!isFirstRender.current) {
+        isFirstRender.current = true;
+        return;
       }
-    } else if (status === ENTERING || status === ENTERED) {
-      nextStatus = EXITING;
-    }
-    if (isMounted) updateStatus(nextStatus);else safeSetState(inProp ? 'EXITED' : 'ENTERED', () => {
-      // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
-      // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
-      forceReflow(innerNodeRef?.current);
-      updateStatus(nextStatus);
-    });
-  }, [inProp]);
-  if (status === UNMOUNTED) return null;
-  return typeof children === 'function' ? children(status, {
-    ...childProps,
-    ref: nodeRef
-  }) : /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), {
-    ...childProps,
-    ref: nodeRef
-  });
-});
-TransitionCore.displayName = 'BuiTransitionCore';
+      let nextStatus = null;
+      if (inProp) {
+        if (status !== ENTERING && status !== ENTERED) {
+          nextStatus = ENTERING;
+        }
+      } else if (status === ENTERING || status === ENTERED) {
+        nextStatus = EXITING;
+      }
+      if (isMounted)
+        updateStatus(nextStatus);
+      else
+        safeSetState(inProp ? "EXITED" : "ENTERED", () => {
+          forceReflow(innerNodeRef == null ? void 0 : innerNodeRef.current);
+          updateStatus(nextStatus);
+        });
+    }, [inProp]);
+    if (status === UNMOUNTED)
+      return null;
+    return typeof children === "function" ? children(status, __spreadProps(__spreadValues({}, childProps), { ref: nodeRef })) : import_react.default.cloneElement(import_react.default.Children.only(children), __spreadProps(__spreadValues({}, childProps), {
+      ref: nodeRef
+    }));
+  }
+);
+TransitionCore.displayName = "BuiTransitionCore";
 TransitionCore.defaultProps = {
   enter: true,
   exit: true,
   nextTick: setTimeout
 };
-var _default = exports.default = TransitionCore;
+var TransitionCore_default = TransitionCore;

package/dist/Transition/index.js

@@ -1,34 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Transition: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "Transition", {
-  enumerable: true,
-  get: function () {
-    return _Transition.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Transition.default;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Transition_exports = {};
+__export(Transition_exports, {
+  Transition: () => import_Transition2.default,
+  default: () => import_Transition.default
 });
-var _Transition = _interopRequireDefault(require("./Transition"));
-var _Transition2 = require("./Transition.types");
-Object.keys(_Transition2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Transition2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Transition2[key];
-    }
-  });
+module.exports = __toCommonJS(Transition_exports);
+var import_Transition = __toESM(require("./Transition"));
+var import_Transition2 = __toESM(require("./Transition"));
+__reExport(Transition_exports, require("./Transition.types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Transition,
+  ...require("./Transition.types")
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }