@bbl-digital/snorre 4.1.83 → 4.1.84

package/dist/bundle.js

@@ -28013,7 +28013,8 @@
     header,
     children,
     illustration,
-    customHeader
+    customHeader,
+    onOpenChange
   }) => {
     const ref = /*#__PURE__*/React.createRef();
     const theme = react.useTheme();
@@ -28026,12 +28027,12 @@
         if (node && node.contains(e.target)) {
           return;
         }
-        toggleOpen(false);
+        handleOpen(false);
       };
       if (open) {
         document.addEventListener('mousedown', handleClickOutside);
       } else {
-        toggleOpen(false);
+        handleOpen(false);
         document.removeEventListener('mousedown', handleClickOutside);
       }
       return () => {
@@ -28039,7 +28040,11 @@
       };
     }, [open, ref]);
     const handleClick = () => {
-      toggleOpen(false);
+      handleOpen(false);
+    };
+    const handleOpen = open => {
+      toggleOpen(open);
+      onOpenChange?.(open);
     };
     return jsxRuntime.jsxs("div", {
       ref: ref,
@@ -28069,7 +28074,7 @@
           children: [jsxRuntime.jsx(Button, {
             nostyle: true,
             css: ButtonStyle(theme, !lightTheme),
-            onClick: () => toggleOpen(!open),
+            onClick: () => handleOpen(!open),
             afterIcon: jsxRuntime.jsx(IconChevronDown$1, {
               flipVertical: open,
               size: 14

package/esm/layout/Submenu/index.js

@@ -14,7 +14,8 @@ const Submenu = ({
   header,
   children,
   illustration,
-  customHeader
+  customHeader,
+  onOpenChange
 }) => {
   const ref = /*#__PURE__*/createRef();
   const theme = useTheme();
@@ -27,12 +28,12 @@ const Submenu = ({
       if (node && node.contains(e.target)) {
         return;
       }
-      toggleOpen(false);
+      handleOpen(false);
     };
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
-      toggleOpen(false);
+      handleOpen(false);
       document.removeEventListener('mousedown', handleClickOutside);
     }
     return () => {
@@ -40,7 +41,11 @@ const Submenu = ({
     };
   }, [open, ref]);
   const handleClick = () => {
-    toggleOpen(false);
+    handleOpen(false);
+  };
+  const handleOpen = open => {
+    toggleOpen(open);
+    onOpenChange?.(open);
   };
   return _jsxs("div", {
     ref: ref,
@@ -70,7 +75,7 @@ const Submenu = ({
         children: [_jsx(Button, {
           nostyle: true,
           css: ButtonStyle(theme, !lightTheme),
-          onClick: () => toggleOpen(!open),
+          onClick: () => handleOpen(!open),
           afterIcon: _jsx(IconChevronDown, {
             flipVertical: open,
             size: 14

package/lib/layout/Submenu/index.d.ts

@@ -11,6 +11,8 @@ interface IProps {
     children?: ReactNodeArray;
     /** Background illustration */
     illustration?: React.ReactNode;
+    /** cb onOpenChange  */
+    onOpenChange?: (open: boolean) => any;
 }
 declare const Submenu: React.FC<IProps>;
 export default Submenu;

package/lib/layout/Submenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,cAAc,EAMf,MAAM,OAAO,CAAA;AAsBd,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuI7B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,cAAc,EAMf,MAAM,OAAO,CAAA;AAsBd,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,uBAAuB;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAA;CACtC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6I7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/layout/Submenu/index.js

@@ -14,7 +14,8 @@ const Submenu = ({
   header,
   children,
   illustration,
-  customHeader
+  customHeader,
+  onOpenChange
 }) => {
   const ref = /*#__PURE__*/createRef();
   const theme = useTheme();
@@ -27,12 +28,12 @@ const Submenu = ({
       if (node && node.contains(e.target)) {
         return;
       }
-      toggleOpen(false);
+      handleOpen(false);
     };
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
-      toggleOpen(false);
+      handleOpen(false);
       document.removeEventListener('mousedown', handleClickOutside);
     }
     return () => {
@@ -40,7 +41,11 @@ const Submenu = ({
     };
   }, [open, ref]);
   const handleClick = () => {
-    toggleOpen(false);
+    handleOpen(false);
+  };
+  const handleOpen = open => {
+    toggleOpen(open);
+    onOpenChange?.(open);
   };
   return _jsxs("div", {
     ref: ref,
@@ -70,7 +75,7 @@ const Submenu = ({
         children: [_jsx(Button, {
           nostyle: true,
           css: ButtonStyle(theme, !lightTheme),
-          onClick: () => toggleOpen(!open),
+          onClick: () => handleOpen(!open),
           afterIcon: _jsx(IconChevronDown, {
             flipVertical: open,
             size: 14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.1.83",
+  "version": "4.1.84",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",