@bbl-digital/snorre 3.0.28 → 3.0.29

package/dist/bundle.js

@@ -27663,6 +27663,7 @@
     header,
     collapsable,
     collapsableOpen,
+    handleOpenState,
     css,
     type = 'default',
     noshadow,
@@ -27673,6 +27674,9 @@
     ...restProps
   }) => {
     const [isOpen, setIsOpen] = React.useState(collapsableOpen ? true : false);
+    React.useEffect(() => {
+      if (handleOpenState !== undefined) setIsOpen(handleOpenState);
+    }, [handleOpenState]);
 
     const onCollapseIconClicked = e => {
       setIsOpen(!isOpen);

package/esm/core/Box/index.js

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { CollapseButton, ContentWrapper, HeaderWrapper, styles } from './styles';
 import IconMinus from '../../icons/General/IconMinus';
 import IconPlus from '../../icons/General/IconPlus';
@@ -11,6 +11,7 @@ const Box = ({
   header,
   collapsable,
   collapsableOpen,
+  handleOpenState,
   css,
   type = 'default',
   noshadow,
@@ -21,6 +22,9 @@ const Box = ({
   ...restProps
 }) => {
   const [isOpen, setIsOpen] = useState(collapsableOpen ? true : false);
+  useEffect(() => {
+    if (handleOpenState !== undefined) setIsOpen(handleOpenState);
+  }, [handleOpenState]);
 
   const onCollapseIconClicked = e => {
     setIsOpen(!isOpen);

package/lib/core/Box/index.d.ts

@@ -8,6 +8,7 @@ declare type IProps = {
     collapsable?: boolean;
     /** Collapsable default open value */
     collapsableOpen?: boolean;
+    handleOpenState?: boolean;
     /** Override with custom CSS */
     css?: SerializedStyles;
     /** No box-shadow */

package/lib/core/Box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMjD,aAAK,MAAM,GAAG;IACZ,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8DzB,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Box/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMjD,aAAK,MAAM,GAAG;IACZ,uBAAuB;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmEzB,CAAA;AAED,eAAe,GAAG,CAAA"}

package/lib/core/Box/index.js

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { CollapseButton, ContentWrapper, HeaderWrapper, styles } from './styles';
 import IconMinus from '../../icons/General/IconMinus';
 import IconPlus from '../../icons/General/IconPlus';
@@ -11,6 +11,7 @@ const Box = ({
   header,
   collapsable,
   collapsableOpen,
+  handleOpenState,
   css,
   type = 'default',
   noshadow,
@@ -21,6 +22,9 @@ const Box = ({
   ...restProps
 }) => {
   const [isOpen, setIsOpen] = useState(collapsableOpen ? true : false);
+  useEffect(() => {
+    if (handleOpenState !== undefined) setIsOpen(handleOpenState);
+  }, [handleOpenState]);
 
   const onCollapseIconClicked = e => {
     setIsOpen(!isOpen);

package/package.json

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