@seed-design/react 1.2.8 → 1.2.10

package/lib/components/private/useDismissible.js

@@ -1,52 +1,57 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { mergeProps, buttonProps, elementProps } from '@seed-design/dom-utils';
-import { Primitive } from '@seed-design/react-primitive';
-import * as React from 'react';
-
+"use client";
+import { Primitive } from "@seed-design/react-primitive";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { buttonProps, elementProps, mergeProps } from "@seed-design/dom-utils";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+//#region src/components/private/useDismissible.tsx
 function useDismissible(props) {
-  const [open = true, setOpen] = useControllableState({
-    prop: props.open,
-    defaultProp: props.defaultOpen,
-    onChange: (open2) => {
-      if (!open2) {
-        props.onDismiss?.();
-      }
-    }
-  });
-  const dismiss = React.useCallback(() => setOpen(false), [setOpen]);
-  return {
-    open,
-    dismiss,
-    rootProps: elementProps({}),
-    dismissButtonProps: buttonProps({
-      onClick: (e) => {
-        if (e.defaultPrevented) return;
-        dismiss();
-      }
-    })
-  };
+	const [open = true, setOpen] = useControllableState({
+		prop: props.open,
+		defaultProp: props.defaultOpen,
+		onChange: (open) => {
+			if (!open) props.onDismiss?.();
+		}
+	});
+	const dismiss = React$1.useCallback(() => setOpen(false), [setOpen]);
+	return {
+		open,
+		dismiss,
+		rootProps: elementProps({}),
+		dismissButtonProps: buttonProps({ onClick: (e) => {
+			if (e.defaultPrevented) return;
+			dismiss();
+		} })
+	};
 }
-const DismissibleContext = React.createContext(null);
-const DismissibleProvider = DismissibleContext.Provider;
-const useDismissibleContext = () => {
-  const context = React.useContext(DismissibleContext);
-  if (context === null) {
-    throw new Error("useDismissibleContext should be used within DismissibleProvider");
-  }
-  return context;
+var DismissibleContext = React$1.createContext(null);
+var DismissibleProvider = DismissibleContext.Provider;
+var useDismissibleContext = () => {
+	const context = React$1.useContext(DismissibleContext);
+	if (context === null) throw new Error("useDismissibleContext should be used within DismissibleProvider");
+	return context;
 };
-const DismissibleRoot = React.forwardRef(
-  ({ defaultOpen, open, onDismiss, ...otherProps }, ref) => {
-    const api = useDismissible({ defaultOpen, open, onDismiss });
-    if (!api.open) return null;
-    return /* @__PURE__ */ jsx(DismissibleProvider, { value: api, children: /* @__PURE__ */ jsx(Primitive.div, { ref, ...otherProps }) });
-  }
-);
-const DismissibleCloseButton = React.forwardRef((props, ref) => {
-  const { dismissButtonProps } = useDismissibleContext();
-  return /* @__PURE__ */ jsx(Primitive.button, { ref, ...mergeProps(dismissButtonProps, props) });
+var DismissibleRoot = React$1.forwardRef(({ defaultOpen, open, onDismiss, ...otherProps }, ref) => {
+	const api = useDismissible({
+		defaultOpen,
+		open,
+		onDismiss
+	});
+	if (!api.open) return null;
+	return /* @__PURE__ */ jsx(DismissibleProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			ref,
+			...otherProps
+		})
+	});
 });
-
-export { DismissibleCloseButton, DismissibleProvider, DismissibleRoot, useDismissible, useDismissibleContext };
+var DismissibleCloseButton = React$1.forwardRef((props, ref) => {
+	const { dismissButtonProps } = useDismissibleContext();
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		ref,
+		...mergeProps(dismissButtonProps, props)
+	});
+});
+//#endregion
+export { DismissibleCloseButton, DismissibleRoot };