visits-style 1.4.6 → 1.4.8

package/dist/components/Popover/index.d.ts

@@ -27,6 +27,8 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     /** 開けた場合のコールバック */
     onOpen?: () => void;
+    /** popoverを閉じる処理を手動に設定します */
+    onManualClose?: () => void;
     /** コンテンツを出さない */
     disabled?: boolean;
 }

package/dist/elements/Button/TextButton.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { ColorType, SizeType } from '../../types';
-export interface Props extends HTMLAttributes<HTMLButtonElement> {
+export interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** ボタンの色 */
     color?: ColorType;
     /** ボタンのサイズ */
@@ -14,5 +14,5 @@ export interface Props extends HTMLAttributes<HTMLButtonElement> {
     /** アイコンボタンとしてpaddingを同じにする */
     icon?: boolean;
 }
-declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Props>>;
+declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Props>>;
 export default _default;

package/dist/elements/Button/index.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { ColorType, SizeType } from '../../types';
-export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** ボタンの色 */
     color?: ColorType;
     /** ボタンのサイズ */
@@ -12,5 +12,5 @@ export interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     /** アイコンボタンとしてpaddingを同じにする */
     icon?: boolean;
 }
-declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>>;
+declare const _default: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>>;
 export default _default;

package/dist/index.cjs.js

@@ -771,6 +771,7 @@ const Popover = React.forwardRef(({
     x: 0,
     y: 6
   },
+  onManualClose,
   ...rest
 }, ref) => {
   const [open, setOpen] = React.useState(false);
@@ -794,14 +795,12 @@ const Popover = React.forwardRef(({
     onOpenChange: setOpen,
     whileElementsMounted: react.autoUpdate
   });
-  const handleFocus = React.useCallback((e) => {
-    stopPropagation$1(e);
-    setOpen(true);
-  }, []);
   const handleBlur = React.useCallback((e) => {
     stopPropagation$1(e);
+    if (onManualClose)
+      return onManualClose();
     setOpen(false);
-  }, []);
+  }, [onManualClose]);
   React.useEffect(() => {
     if (disabled && open) {
       setOpen(false);
@@ -814,9 +813,9 @@ const Popover = React.forwardRef(({
     return () => closeRef.current?.();
   }, [open]);
   React.useImperativeHandle(ref, () => ({
-    open: handleFocus,
-    close: handleBlur
-  }), [handleFocus, handleBlur]);
+    open: () => setOpen(true),
+    close: () => setOpen(false)
+  }), []);
   const {
     getFloatingProps,
     getReferenceProps

package/dist/index.es.js

@@ -763,6 +763,7 @@ const Popover = forwardRef(({
     x: 0,
     y: 6
   },
+  onManualClose,
   ...rest
 }, ref) => {
   const [open, setOpen] = useState(false);
@@ -786,14 +787,12 @@ const Popover = forwardRef(({
     onOpenChange: setOpen,
     whileElementsMounted: autoUpdate
   });
-  const handleFocus = useCallback((e) => {
-    stopPropagation$1(e);
-    setOpen(true);
-  }, []);
   const handleBlur = useCallback((e) => {
     stopPropagation$1(e);
+    if (onManualClose)
+      return onManualClose();
     setOpen(false);
-  }, []);
+  }, [onManualClose]);
   useEffect(() => {
     if (disabled && open) {
       setOpen(false);
@@ -806,9 +805,9 @@ const Popover = forwardRef(({
     return () => closeRef.current?.();
   }, [open]);
   useImperativeHandle(ref, () => ({
-    open: handleFocus,
-    close: handleBlur
-  }), [handleFocus, handleBlur]);
+    open: () => setOpen(true),
+    close: () => setOpen(false)
+  }), []);
   const {
     getFloatingProps,
     getReferenceProps

package/package.json

@@ -2,7 +2,7 @@
   "name": "visits-style",
   "repository": "https://github.com/visits-works/visits-style",
   "homepage": "https://github.com/visits-works/visits-style",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",