@bbl-digital/snorre 3.0.28 → 3.0.29

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
@@ -27663,6 +27663,7 @@
27663
27663
  header,
27664
27664
  collapsable,
27665
27665
  collapsableOpen,
27666
+ handleOpenState,
27666
27667
  css,
27667
27668
  type = 'default',
27668
27669
  noshadow,
@@ -27673,6 +27674,9 @@
27673
27674
  ...restProps
27674
27675
  }) => {
27675
27676
  const [isOpen, setIsOpen] = React.useState(collapsableOpen ? true : false);
27677
+ React.useEffect(() => {
27678
+ if (handleOpenState !== undefined) setIsOpen(handleOpenState);
27679
+ }, [handleOpenState]);
27676
27680
 
27677
27681
  const onCollapseIconClicked = e => {
27678
27682
  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.28",
3
+ "version": "3.0.29",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",