visits-style 1.4.4 → 1.4.5

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

@@ -64,7 +64,7 @@ declare const _default: import("styled-components").IStyledComponent<"web", {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "true" | "false" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;

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

@@ -64,7 +64,7 @@ declare const _default: import("styled-components").IStyledComponent<"web", {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "true" | "false" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;

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

@@ -64,7 +64,7 @@ declare const _default: import("styled-components").IStyledComponent<"web", {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "true" | "false" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;

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

@@ -64,7 +64,7 @@ declare const _default: import("styled-components").IStyledComponent<"web", {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "time" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "page" | "time" | "step" | "true" | "false" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;

package/dist/index.cjs.js

@@ -774,6 +774,8 @@ const Popover = React.forwardRef(({
 }, ref) => {
   const [open, setOpen] = React.useState(false);
   const nodeId = react.useId();
+  const openRef = React.useRef(onOpen);
+  const closeRef = React.useRef(onClose);
   const {
     refs,
     floatingStyles,
@@ -791,33 +793,37 @@ const Popover = React.forwardRef(({
     onOpenChange: setOpen,
     whileElementsMounted: react.autoUpdate
   });
-  const handleFocus = (e) => {
+  const handleFocus = React.useCallback((e) => {
     stopPropagation$1(e);
     setOpen(true);
-    if (onOpen)
-      onOpen();
-  };
-  const handleBlur = (e) => {
+  }, []);
+  const handleBlur = React.useCallback((e) => {
     stopPropagation$1(e);
     setOpen(false);
-    if (onClose)
-      onClose();
-  };
+  }, []);
   React.useEffect(() => {
     if (disabled && open) {
       setOpen(false);
     }
   }, [disabled, open]);
+  React.useEffect(() => {
+    if (!open)
+      return;
+    openRef.current?.();
+    return () => closeRef.current?.();
+  }, [open]);
   React.useImperativeHandle(ref, () => ({
     open: handleFocus,
     close: handleBlur
-  }));
+  }), [handleFocus, handleBlur]);
   const {
     getFloatingProps,
     getReferenceProps
   } = react.useInteractions([react.useClick(context, {
     enabled: !disabled
   })]);
+  openRef.current = onOpen;
+  closeRef.current = onClose;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     React.cloneElement(React.Children.only(label), {
       ref: refs.setReference,

package/dist/index.es.js

@@ -766,6 +766,8 @@ const Popover = forwardRef(({
 }, ref) => {
   const [open, setOpen] = useState(false);
   const nodeId = useId();
+  const openRef = useRef(onOpen);
+  const closeRef = useRef(onClose);
   const {
     refs,
     floatingStyles,
@@ -783,33 +785,37 @@ const Popover = forwardRef(({
     onOpenChange: setOpen,
     whileElementsMounted: autoUpdate
   });
-  const handleFocus = (e) => {
+  const handleFocus = useCallback((e) => {
     stopPropagation$1(e);
     setOpen(true);
-    if (onOpen)
-      onOpen();
-  };
-  const handleBlur = (e) => {
+  }, []);
+  const handleBlur = useCallback((e) => {
     stopPropagation$1(e);
     setOpen(false);
-    if (onClose)
-      onClose();
-  };
+  }, []);
   useEffect(() => {
     if (disabled && open) {
       setOpen(false);
     }
   }, [disabled, open]);
+  useEffect(() => {
+    if (!open)
+      return;
+    openRef.current?.();
+    return () => closeRef.current?.();
+  }, [open]);
   useImperativeHandle(ref, () => ({
     open: handleFocus,
     close: handleBlur
-  }));
+  }), [handleFocus, handleBlur]);
   const {
     getFloatingProps,
     getReferenceProps
   } = useInteractions([useClick(context, {
     enabled: !disabled
   })]);
+  openRef.current = onOpen;
+  closeRef.current = onClose;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     cloneElement(Children.only(label), {
       ref: refs.setReference,

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.4",
+  "version": "1.4.5",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -24,10 +24,11 @@
   "peerDependencies": {
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0",
-    "styled-components": ">=6.0.2"
+    "styled-components": ">=6.0.5"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.24.5",
+    "@floating-ui/react": "^0.25.0",
+    "eslint-config-react-app": "^7.0.1",
     "polished": "^4.2.2"
   }
 }