@bbl-digital/snorre 2.4.36 → 2.4.38

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/dist/bundle.js +49 -57
  2. package/esm/core/Datepicker/index.js +1 -2
  3. package/esm/core/Modal/index.js +44 -51
  4. package/lib/core/Datepicker/index.d.ts.map +1 -1
  5. package/lib/core/Datepicker/index.js +1 -2
  6. package/lib/core/Modal/index.d.ts.map +1 -1
  7. package/lib/core/Modal/index.js +44 -51
  8. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -1,14 +1,13 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/styled/base'), require('react'), require('@emotion/react'), require('react/jsx-runtime'), require('@emotion/react/jsx-runtime'), require('react-transition-group'), require('body-scroll-lock'), require('focus-trap-react'), require('recharts'), require('react-day-picker'), require('date-fns/locale'), require('react-popper'), require('date-fns'), require('@tinymce/tinymce-react')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@emotion/styled/base', 'react', '@emotion/react', 'react/jsx-runtime', '@emotion/react/jsx-runtime', 'react-transition-group', 'body-scroll-lock', 'focus-trap-react', 'recharts', 'react-day-picker', 'date-fns/locale', 'react-popper', 'date-fns', '@tinymce/tinymce-react'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Snorre = {}, global._styled, global.React, global.react, global.jsxRuntime, global.jsxRuntime$1, global.reactTransitionGroup, global.bodyScrollLock, global.FocusTrap, global.recharts, global.reactDayPicker, global.locale, global.reactPopper, global.dateFns, global.tinymceReact));
5
- })(this, (function (exports, _styled, React, react, jsxRuntime, jsxRuntime$1, reactTransitionGroup, bodyScrollLock, FocusTrap, recharts, reactDayPicker, locale, reactPopper, dateFns, tinymceReact) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/styled/base'), require('react'), require('@emotion/react'), require('react/jsx-runtime'), require('@emotion/react/jsx-runtime'), require('react-transition-group'), require('body-scroll-lock'), require('recharts'), require('react-day-picker'), require('date-fns/locale'), require('react-popper'), require('date-fns'), require('@tinymce/tinymce-react')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@emotion/styled/base', 'react', '@emotion/react', 'react/jsx-runtime', '@emotion/react/jsx-runtime', 'react-transition-group', 'body-scroll-lock', 'recharts', 'react-day-picker', 'date-fns/locale', 'react-popper', 'date-fns', '@tinymce/tinymce-react'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Snorre = {}, global._styled, global.React, global.react, global.jsxRuntime, global.jsxRuntime$1, global.reactTransitionGroup, global.bodyScrollLock, global.recharts, global.reactDayPicker, global.locale, global.reactPopper, global.dateFns, global.tinymceReact));
5
+ })(this, (function (exports, _styled, React, react, jsxRuntime, jsxRuntime$1, reactTransitionGroup, bodyScrollLock, recharts, reactDayPicker, locale, reactPopper, dateFns, tinymceReact) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
9
  var _styled__default = /*#__PURE__*/_interopDefaultLegacy(_styled);
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
- var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
12
11
 
13
12
  const initTheme = (values, defaultTextColor) => {
14
13
  const styles = {
@@ -24444,58 +24443,52 @@
24444
24443
  classNames: "overlay",
24445
24444
  children: jsxRuntime$1.jsx(Overlay, {
24446
24445
  onClick: onOutsideClick,
24447
- children: jsxRuntime$1.jsx(FocusTrap__default["default"], {
24448
- focusTrapOptions: {
24449
- allowOutsideClick: true
24450
- },
24451
- active: isOpen && !disableFocusTrap,
24452
- children: jsxRuntime$1.jsxs(Content$3, {
24453
- width: width,
24454
- isFullscreen: isFullscreen,
24455
- canToggleFullscreen: !!toggleFullscreen,
24456
- onClick: e => e.stopPropagation(),
24457
- children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && jsxRuntime$1.jsxs(CloseWrapper, {
24458
- children: [hasCollapse && jsxRuntime$1.jsx(Button, {
24459
- nostyle: true,
24460
- onClick: onCollapse,
24461
- focusable: true,
24462
- children: jsxRuntime$1.jsx(IconMinus$1, {})
24463
- }), toggleFullscreen && jsxRuntime$1.jsx(Button, {
24464
- nostyle: true,
24465
- onClick: () => setIsFullscreen(!isFullscreen),
24466
- focusable: true,
24467
- children: isFullscreen ? jsxRuntime$1.jsx(IconFullscreenClose$1, {
24468
- size: "20px"
24469
- }) : jsxRuntime$1.jsx(IconFullscreenOpen$1, {
24470
- size: "20px"
24471
- })
24472
- }), !hideCloseButton && jsxRuntime$1.jsx(Button, {
24473
- nostyle: true,
24474
- onClick: setClose,
24475
- focusable: true,
24476
- children: jsxRuntime$1.jsx(IconClose$1, {})
24477
- })]
24478
- }), jsxRuntime$1.jsx(HeaderWrapper$2, {
24479
- css: headerCss,
24480
- withCollapse: hasCollapse,
24481
- ref: handleHeaderRef,
24482
- children: header && header
24483
- }), jsxRuntime$1.jsx(ModalContent, {
24484
- css: contentCss,
24485
- scrollable: !disableScrollableContent,
24486
- ref: disableScrollableContent ? modalRef : undefined,
24487
- children: disableScrollableContent ? children : jsxRuntime$1.jsx(ScrollableDiv, {
24488
- ref: modalRef,
24489
- hasActionButton: !!actionButton,
24490
- isFullscreen: isFullscreen,
24491
- windowHeight: window.innerHeight,
24492
- headerHeight: headerHeight,
24493
- children: children
24446
+ children: jsxRuntime$1.jsxs(Content$3, {
24447
+ width: width,
24448
+ isFullscreen: isFullscreen,
24449
+ canToggleFullscreen: !!toggleFullscreen,
24450
+ onClick: e => e.stopPropagation(),
24451
+ children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && jsxRuntime$1.jsxs(CloseWrapper, {
24452
+ children: [hasCollapse && jsxRuntime$1.jsx(Button, {
24453
+ nostyle: true,
24454
+ onClick: onCollapse,
24455
+ focusable: true,
24456
+ children: jsxRuntime$1.jsx(IconMinus$1, {})
24457
+ }), toggleFullscreen && jsxRuntime$1.jsx(Button, {
24458
+ nostyle: true,
24459
+ onClick: () => setIsFullscreen(!isFullscreen),
24460
+ focusable: true,
24461
+ children: isFullscreen ? jsxRuntime$1.jsx(IconFullscreenClose$1, {
24462
+ size: "20px"
24463
+ }) : jsxRuntime$1.jsx(IconFullscreenOpen$1, {
24464
+ size: "20px"
24494
24465
  })
24495
- }), actionButton && jsxRuntime$1.jsx(ActionButtonWrapper, {
24496
- children: actionButton
24466
+ }), !hideCloseButton && jsxRuntime$1.jsx(Button, {
24467
+ nostyle: true,
24468
+ onClick: setClose,
24469
+ focusable: true,
24470
+ children: jsxRuntime$1.jsx(IconClose$1, {})
24497
24471
  })]
24498
- })
24472
+ }), jsxRuntime$1.jsx(HeaderWrapper$2, {
24473
+ css: headerCss,
24474
+ withCollapse: hasCollapse,
24475
+ ref: handleHeaderRef,
24476
+ children: header && header
24477
+ }), jsxRuntime$1.jsx(ModalContent, {
24478
+ css: contentCss,
24479
+ scrollable: !disableScrollableContent,
24480
+ ref: disableScrollableContent ? modalRef : undefined,
24481
+ children: disableScrollableContent ? children : jsxRuntime$1.jsx(ScrollableDiv, {
24482
+ ref: modalRef,
24483
+ hasActionButton: !!actionButton,
24484
+ isFullscreen: isFullscreen,
24485
+ windowHeight: window.innerHeight,
24486
+ headerHeight: headerHeight,
24487
+ children: children
24488
+ })
24489
+ }), actionButton && jsxRuntime$1.jsx(ActionButtonWrapper, {
24490
+ children: actionButton
24491
+ })]
24499
24492
  })
24500
24493
  })
24501
24494
  });
@@ -25971,8 +25964,7 @@
25971
25964
  };
25972
25965
 
25973
25966
  const popper = reactPopper.usePopper(referenceElement, popperElement, {
25974
- placement: 'bottom-start',
25975
- strategy: 'fixed'
25967
+ placement: 'bottom-start'
25976
25968
  });
25977
25969
 
25978
25970
  const handleChange = date => {
package/esm/core/Datepicker/index.js CHANGED
@@ -72,8 +72,7 @@ const Datepicker = ({
72
72
  };
73
73
 
74
74
  const popper = usePopper(referenceElement, popperElement, {
75
- placement: 'bottom-start',
76
- strategy: 'fixed'
75
+ placement: 'bottom-start'
77
76
  });
78
77
 
79
78
  const handleChange = date => {
package/esm/core/Modal/index.js CHANGED
@@ -7,7 +7,6 @@ import IconClose from '../../icons/General/IconClose';
7
7
  import { Button, IconFullscreenClose } from '../..';
8
8
  import IconMinus from '../../icons/General/IconMinus';
9
9
  import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
10
- import FocusTrap from 'focus-trap-react';
11
10
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
11
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
13
12
 
@@ -84,58 +83,52 @@ const Modal = ({
84
83
  classNames: "overlay",
85
84
  children: _jsx(Overlay, {
86
85
  onClick: onOutsideClick,
87
- children: _jsx(FocusTrap, {
88
- focusTrapOptions: {
89
- allowOutsideClick: true
90
- },
91
- active: isOpen && !disableFocusTrap,
92
- children: _jsxs(Content, {
93
- width: width,
94
- isFullscreen: isFullscreen,
95
- canToggleFullscreen: !!toggleFullscreen,
96
- onClick: e => e.stopPropagation(),
97
- children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && _jsxs(CloseWrapper, {
98
- children: [hasCollapse && _jsx(Button, {
99
- nostyle: true,
100
- onClick: onCollapse,
101
- focusable: true,
102
- children: _jsx(IconMinus, {})
103
- }), toggleFullscreen && _jsx(Button, {
104
- nostyle: true,
105
- onClick: () => setIsFullscreen(!isFullscreen),
106
- focusable: true,
107
- children: isFullscreen ? _jsx(IconFullscreenClose, {
108
- size: "20px"
109
- }) : _jsx(IconFullscreenOpen, {
110
- size: "20px"
111
- })
112
- }), !hideCloseButton && _jsx(Button, {
113
- nostyle: true,
114
- onClick: setClose,
115
- focusable: true,
116
- children: _jsx(IconClose, {})
117
- })]
118
- }), _jsx(HeaderWrapper, {
119
- css: headerCss,
120
- withCollapse: hasCollapse,
121
- ref: handleHeaderRef,
122
- children: header && header
123
- }), _jsx(ModalContent, {
124
- css: contentCss,
125
- scrollable: !disableScrollableContent,
126
- ref: disableScrollableContent ? modalRef : undefined,
127
- children: disableScrollableContent ? children : _jsx(ScrollableDiv, {
128
- ref: modalRef,
129
- hasActionButton: !!actionButton,
130
- isFullscreen: isFullscreen,
131
- windowHeight: window.innerHeight,
132
- headerHeight: headerHeight,
133
- children: children
86
+ children: _jsxs(Content, {
87
+ width: width,
88
+ isFullscreen: isFullscreen,
89
+ canToggleFullscreen: !!toggleFullscreen,
90
+ onClick: e => e.stopPropagation(),
91
+ children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && _jsxs(CloseWrapper, {
92
+ children: [hasCollapse && _jsx(Button, {
93
+ nostyle: true,
94
+ onClick: onCollapse,
95
+ focusable: true,
96
+ children: _jsx(IconMinus, {})
97
+ }), toggleFullscreen && _jsx(Button, {
98
+ nostyle: true,
99
+ onClick: () => setIsFullscreen(!isFullscreen),
100
+ focusable: true,
101
+ children: isFullscreen ? _jsx(IconFullscreenClose, {
102
+ size: "20px"
103
+ }) : _jsx(IconFullscreenOpen, {
104
+ size: "20px"
134
105
  })
135
- }), actionButton && _jsx(ActionButtonWrapper, {
136
- children: actionButton
106
+ }), !hideCloseButton && _jsx(Button, {
107
+ nostyle: true,
108
+ onClick: setClose,
109
+ focusable: true,
110
+ children: _jsx(IconClose, {})
137
111
  })]
138
- })
112
+ }), _jsx(HeaderWrapper, {
113
+ css: headerCss,
114
+ withCollapse: hasCollapse,
115
+ ref: handleHeaderRef,
116
+ children: header && header
117
+ }), _jsx(ModalContent, {
118
+ css: contentCss,
119
+ scrollable: !disableScrollableContent,
120
+ ref: disableScrollableContent ? modalRef : undefined,
121
+ children: disableScrollableContent ? children : _jsx(ScrollableDiv, {
122
+ ref: modalRef,
123
+ hasActionButton: !!actionButton,
124
+ isFullscreen: isFullscreen,
125
+ windowHeight: window.innerHeight,
126
+ headerHeight: headerHeight,
127
+ children: children
128
+ })
129
+ }), actionButton && _jsx(ActionButtonWrapper, {
130
+ children: actionButton
131
+ })]
139
132
  })
140
133
  })
141
134
  });
package/lib/core/Datepicker/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAW1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsKhC,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAW1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqKhC,CAAA;AAED,eAAe,UAAU,CAAA"}
package/lib/core/Datepicker/index.js CHANGED
@@ -72,8 +72,7 @@ const Datepicker = ({
72
72
  };
73
73
 
74
74
  const popper = usePopper(referenceElement, popperElement, {
75
- placement: 'bottom-start',
76
- strategy: 'fixed'
75
+ placement: 'bottom-start'
77
76
  });
78
77
 
79
78
  const handleChange = date => {
package/lib/core/Modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmJ3B,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsD,MAAM,OAAO,CAAA;AAkB1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmJ3B,CAAA;AAED,eAAe,KAAK,CAAA"}
package/lib/core/Modal/index.js CHANGED
@@ -7,7 +7,6 @@ import IconClose from '../../icons/General/IconClose';
7
7
  import { Button, IconFullscreenClose } from '../..';
8
8
  import IconMinus from '../../icons/General/IconMinus';
9
9
  import IconFullscreenOpen from '../../icons/General/IconFullscreenOpen';
10
- import FocusTrap from 'focus-trap-react';
11
10
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
11
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
13
12
 
@@ -84,58 +83,52 @@ const Modal = ({
84
83
  classNames: "overlay",
85
84
  children: _jsx(Overlay, {
86
85
  onClick: onOutsideClick,
87
- children: _jsx(FocusTrap, {
88
- focusTrapOptions: {
89
- allowOutsideClick: true
90
- },
91
- active: isOpen && !disableFocusTrap,
92
- children: _jsxs(Content, {
93
- width: width,
94
- isFullscreen: isFullscreen,
95
- canToggleFullscreen: !!toggleFullscreen,
96
- onClick: e => e.stopPropagation(),
97
- children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && _jsxs(CloseWrapper, {
98
- children: [hasCollapse && _jsx(Button, {
99
- nostyle: true,
100
- onClick: onCollapse,
101
- focusable: true,
102
- children: _jsx(IconMinus, {})
103
- }), toggleFullscreen && _jsx(Button, {
104
- nostyle: true,
105
- onClick: () => setIsFullscreen(!isFullscreen),
106
- focusable: true,
107
- children: isFullscreen ? _jsx(IconFullscreenClose, {
108
- size: "20px"
109
- }) : _jsx(IconFullscreenOpen, {
110
- size: "20px"
111
- })
112
- }), !hideCloseButton && _jsx(Button, {
113
- nostyle: true,
114
- onClick: setClose,
115
- focusable: true,
116
- children: _jsx(IconClose, {})
117
- })]
118
- }), _jsx(HeaderWrapper, {
119
- css: headerCss,
120
- withCollapse: hasCollapse,
121
- ref: handleHeaderRef,
122
- children: header && header
123
- }), _jsx(ModalContent, {
124
- css: contentCss,
125
- scrollable: !disableScrollableContent,
126
- ref: disableScrollableContent ? modalRef : undefined,
127
- children: disableScrollableContent ? children : _jsx(ScrollableDiv, {
128
- ref: modalRef,
129
- hasActionButton: !!actionButton,
130
- isFullscreen: isFullscreen,
131
- windowHeight: window.innerHeight,
132
- headerHeight: headerHeight,
133
- children: children
86
+ children: _jsxs(Content, {
87
+ width: width,
88
+ isFullscreen: isFullscreen,
89
+ canToggleFullscreen: !!toggleFullscreen,
90
+ onClick: e => e.stopPropagation(),
91
+ children: [(!hideCloseButton || hasCollapse || toggleFullscreen) && _jsxs(CloseWrapper, {
92
+ children: [hasCollapse && _jsx(Button, {
93
+ nostyle: true,
94
+ onClick: onCollapse,
95
+ focusable: true,
96
+ children: _jsx(IconMinus, {})
97
+ }), toggleFullscreen && _jsx(Button, {
98
+ nostyle: true,
99
+ onClick: () => setIsFullscreen(!isFullscreen),
100
+ focusable: true,
101
+ children: isFullscreen ? _jsx(IconFullscreenClose, {
102
+ size: "20px"
103
+ }) : _jsx(IconFullscreenOpen, {
104
+ size: "20px"
134
105
  })
135
- }), actionButton && _jsx(ActionButtonWrapper, {
136
- children: actionButton
106
+ }), !hideCloseButton && _jsx(Button, {
107
+ nostyle: true,
108
+ onClick: setClose,
109
+ focusable: true,
110
+ children: _jsx(IconClose, {})
137
111
  })]
138
- })
112
+ }), _jsx(HeaderWrapper, {
113
+ css: headerCss,
114
+ withCollapse: hasCollapse,
115
+ ref: handleHeaderRef,
116
+ children: header && header
117
+ }), _jsx(ModalContent, {
118
+ css: contentCss,
119
+ scrollable: !disableScrollableContent,
120
+ ref: disableScrollableContent ? modalRef : undefined,
121
+ children: disableScrollableContent ? children : _jsx(ScrollableDiv, {
122
+ ref: modalRef,
123
+ hasActionButton: !!actionButton,
124
+ isFullscreen: isFullscreen,
125
+ windowHeight: window.innerHeight,
126
+ headerHeight: headerHeight,
127
+ children: children
128
+ })
129
+ }), actionButton && _jsx(ActionButtonWrapper, {
130
+ children: actionButton
131
+ })]
139
132
  })
140
133
  })
141
134
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.4.36",
3
+ "version": "2.4.38",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",