@bbl-digital/snorre 4.1.18 → 4.1.19

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.
package/dist/bundle.js CHANGED
@@ -25790,6 +25790,7 @@
25790
25790
  disableOutsideClick = true,
25791
25791
  hideCloseButton,
25792
25792
  disableScroll = true,
25793
+ disableRefFocus,
25793
25794
  targetRefs,
25794
25795
  disableScrollableContent,
25795
25796
  headerCss,
@@ -25833,7 +25834,7 @@
25833
25834
  }, []);
25834
25835
  React.useEffect(() => {
25835
25836
  if (!modalRef.current) return;
25836
- if (isOpen) {
25837
+ if (isOpen && !disableRefFocus) {
25837
25838
  modalRef.current.focus();
25838
25839
  }
25839
25840
  if (isOpen && disableScroll) {
@@ -18,6 +18,7 @@ function Modal({
18
18
  disableOutsideClick = true,
19
19
  hideCloseButton,
20
20
  disableScroll = true,
21
+ disableRefFocus,
21
22
  targetRefs,
22
23
  disableScrollableContent,
23
24
  headerCss,
@@ -61,7 +62,7 @@ function Modal({
61
62
  }, []);
62
63
  useEffect(() => {
63
64
  if (!modalRef.current) return;
64
- if (isOpen) {
65
+ if (isOpen && !disableRefFocus) {
65
66
  modalRef.current.focus();
66
67
  }
67
68
  if (isOpen && disableScroll) {
@@ -12,6 +12,8 @@ interface IProps extends React.HTMLAttributes<HTMLDialogElement> {
12
12
  width?: string;
13
13
  /** Disable close on outside click */
14
14
  disableOutsideClick?: boolean;
15
+ /** Disable focus on modal ref when opened */
16
+ disableRefFocus?: boolean;
15
17
  /** Hide close button */
16
18
  hideCloseButton?: boolean;
17
19
  /** Refs of scrollable elements */
@@ -41,7 +43,7 @@ interface IProps extends React.HTMLAttributes<HTMLDialogElement> {
41
43
  /** Children */
42
44
  children?: React.ReactNode | React.ReactNode[];
43
45
  }
44
- declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, onFullscreenToggle, ...restProps }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
46
+ declare function Modal({ open, header, actionButton, width, children, disableOutsideClick, hideCloseButton, disableScroll, disableRefFocus, targetRefs, disableScrollableContent, headerCss, contentCss, disableLocalClose, toggleFullscreen, defaultFullscreen, disableFocusTrap, onClose, onCollapse, onFullscreenToggle, ...restProps }: IProps): import("@emotion/react/jsx-runtime").JSX.Element;
45
47
  declare namespace Modal {
46
48
  var Actions: ({ children, className, spaceBetween }: {
47
49
  children: React.ReactNode | React.ReactNode[];
@@ -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,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC9D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,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;IACvB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,MAAM,oDAkLR;kBAvMQ,KAAK;;;;;;;AA2Md,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;AAKjD,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC9D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,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;IACvB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAA;IACpD,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,KAAe,EACf,QAAQ,EACR,mBAA0B,EAC1B,eAAe,EACf,aAAoB,EACpB,eAAe,EACf,UAAU,EACV,wBAAwB,EACxB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,GAAG,SAAS,EACb,EAAE,MAAM,oDAkLR;kBAxMQ,KAAK;;;;;;;AA4Md,eAAe,KAAK,CAAA"}
@@ -18,6 +18,7 @@ function Modal({
18
18
  disableOutsideClick = true,
19
19
  hideCloseButton,
20
20
  disableScroll = true,
21
+ disableRefFocus,
21
22
  targetRefs,
22
23
  disableScrollableContent,
23
24
  headerCss,
@@ -61,7 +62,7 @@ function Modal({
61
62
  }, []);
62
63
  useEffect(() => {
63
64
  if (!modalRef.current) return;
64
- if (isOpen) {
65
+ if (isOpen && !disableRefFocus) {
65
66
  modalRef.current.focus();
66
67
  }
67
68
  if (isOpen && disableScroll) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.1.18",
3
+ "version": "4.1.19",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",