@bbl-digital/snorre 3.0.31 → 3.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/bundle.js +4 -0
  2. package/esm/core/Box/index.js +5 -1
  3. package/lib/core/Box/index.d.ts +1 -0
  4. package/lib/core/Box/index.d.ts.map +1 -1
  5. package/lib/core/Box/index.js +5 -1
  6. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -27680,6 +27680,7 @@
27680
27680
  header,
27681
27681
  collapsable,
27682
27682
  collapsableOpen,
27683
+ handleOpenState,
27683
27684
  css,
27684
27685
  type = 'default',
27685
27686
  noshadow,
@@ -27690,6 +27691,9 @@
27690
27691
  ...restProps
27691
27692
  }) => {
27692
27693
  const [isOpen, setIsOpen] = React.useState(collapsableOpen ? true : false);
27694
+ React.useEffect(() => {
27695
+ if (handleOpenState !== undefined) setIsOpen(handleOpenState);
27696
+ }, [handleOpenState]);
27693
27697
 
27694
27698
  const onCollapseIconClicked = e => {
27695
27699
  setIsOpen(!isOpen);
package/esm/core/Box/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { useState } from 'react';
2
+ import React, { useEffect, useState } from 'react';
3
3
  import { CollapseButton, ContentWrapper, HeaderWrapper, styles } from './styles';
4
4
  import IconMinus from '../../icons/General/IconMinus';
5
5
  import IconPlus from '../../icons/General/IconPlus';
@@ -11,6 +11,7 @@ const Box = ({
11
11
  header,
12
12
  collapsable,
13
13
  collapsableOpen,
14
+ handleOpenState,
14
15
  css,
15
16
  type = 'default',
16
17
  noshadow,
@@ -21,6 +22,9 @@ const Box = ({
21
22
  ...restProps
22
23
  }) => {
23
24
  const [isOpen, setIsOpen] = useState(collapsableOpen ? true : false);
25
+ useEffect(() => {
26
+ if (handleOpenState !== undefined) setIsOpen(handleOpenState);
27
+ }, [handleOpenState]);
24
28
 
25
29
  const onCollapseIconClicked = e => {
26
30
  setIsOpen(!isOpen);
package/lib/core/Box/index.d.ts CHANGED
@@ -8,6 +8,7 @@ declare type IProps = {
8
8
  collapsable?: boolean;
9
9
  /** Collapsable default open value */
10
10
  collapsableOpen?: boolean;
11
+ handleOpenState?: boolean;
11
12
  /** Override with custom CSS */
12
13
  css?: SerializedStyles;
13
14
  /** No box-shadow */
package/lib/core/Box/index.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { useState } from 'react';
2
+ import React, { useEffect, useState } from 'react';
3
3
  import { CollapseButton, ContentWrapper, HeaderWrapper, styles } from './styles';
4
4
  import IconMinus from '../../icons/General/IconMinus';
5
5
  import IconPlus from '../../icons/General/IconPlus';
@@ -11,6 +11,7 @@ const Box = ({
11
11
  header,
12
12
  collapsable,
13
13
  collapsableOpen,
14
+ handleOpenState,
14
15
  css,
15
16
  type = 'default',
16
17
  noshadow,
@@ -21,6 +22,9 @@ const Box = ({
21
22
  ...restProps
22
23
  }) => {
23
24
  const [isOpen, setIsOpen] = useState(collapsableOpen ? true : false);
25
+ useEffect(() => {
26
+ if (handleOpenState !== undefined) setIsOpen(handleOpenState);
27
+ }, [handleOpenState]);
24
28
 
25
29
  const onCollapseIconClicked = e => {
26
30
  setIsOpen(!isOpen);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.0.31",
3
+ "version": "3.0.32",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",