@hh.ru/magritte-ui-full-screen-loader 1.1.47 → 1.1.49

package/FullScreenLoader.js

@@ -10,48 +10,73 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
 
-var styles = {"animation-timeout":"magritte-animation-timeout___aTdGa_1-1-47","animationTimeout":"magritte-animation-timeout___aTdGa_1-1-47","enter-animation":"magritte-enter-animation___TqSXR_1-1-47","enterAnimation":"magritte-enter-animation___TqSXR_1-1-47","enter-animation-active":"magritte-enter-animation-active___Jfsvw_1-1-47","enterAnimationActive":"magritte-enter-animation-active___Jfsvw_1-1-47","exit-animation":"magritte-exit-animation___6VlKj_1-1-47","exitAnimation":"magritte-exit-animation___6VlKj_1-1-47","exit-animation-active":"magritte-exit-animation-active___VanCA_1-1-47","exitAnimationActive":"magritte-exit-animation-active___VanCA_1-1-47","overlay":"magritte-overlay___YsKtP_1-1-47","loader":"magritte-loader___vx7PF_1-1-47"};
+var styles = {"animation-timeout":"magritte-animation-timeout___aTdGa_1-1-49","animationTimeout":"magritte-animation-timeout___aTdGa_1-1-49","enter-animation":"magritte-enter-animation___TqSXR_1-1-49","enterAnimation":"magritte-enter-animation___TqSXR_1-1-49","enter-animation-active":"magritte-enter-animation-active___Jfsvw_1-1-49","enterAnimationActive":"magritte-enter-animation-active___Jfsvw_1-1-49","exit-animation":"magritte-exit-animation___6VlKj_1-1-49","exitAnimation":"magritte-exit-animation___6VlKj_1-1-49","exit-animation-active":"magritte-exit-animation-active___VanCA_1-1-49","exitAnimationActive":"magritte-exit-animation-active___VanCA_1-1-49","overlay":"magritte-overlay___YsKtP_1-1-49","loader":"magritte-loader___vx7PF_1-1-49"};
 
 const CSS_CLASSES = {
-    enter: styles.enterAnimation,
-    enterActive: styles.enterAnimationActive,
-    exit: styles.exitAnimation,
-    exitActive: styles.exitAnimationActive,
+  enter: styles.enterAnimation,
+  enterActive: styles.enterAnimationActive,
+  exit: styles.exitAnimation,
+  exitActive: styles.exitAnimationActive
 };
 const toInteger = (value) => {
-    const result = parseInt(value, 10);
-    return !Number.isNaN(result) ? result : 0;
+  const result = parseInt(value, 10);
+  return !Number.isNaN(result) ? result : 0;
 };
-const FullScreenLoader = ({ loading, ...props }) => {
-    const [animationTimeout, setAnimationTimeout] = useState(null);
-    const animationTimeoutRef = useRef(animationTimeout);
-    animationTimeoutRef.current = animationTimeout;
-    const animatedElementRef = useRef(null);
-    useEffect(() => {
-        const animationTimeoutElement = document.createElement('div');
-        animationTimeoutElement.classList.add(styles.animationTimeout);
-        document.body.appendChild(animationTimeoutElement);
-        const style = window.getComputedStyle(animationTimeoutElement);
-        const enter = toInteger(style.getPropertyValue('--enter-animation-duration'));
-        const exit = toInteger(style.getPropertyValue('--exit-animation-duration'));
-        setAnimationTimeout({ enter, exit });
-        document.body.removeChild(animationTimeoutElement);
-    }, [setAnimationTimeout]);
-    useEffect(() => {
-        if (loading) {
-            let enableScroll = disableScroll();
-            return () => {
-                enableScroll?.(animationTimeoutRef.current?.exit);
-                enableScroll = undefined;
-            };
-        }
-        return void 0;
-    }, [loading]);
-    const isServerEnv = useServerEnv();
-    if (!animationTimeout || isServerEnv) {
-        return null;
+const FullScreenLoader = ({
+  loading,
+  ...props
+}) => {
+  const [animationTimeout, setAnimationTimeout] = useState(null);
+  const animationTimeoutRef = useRef(animationTimeout);
+  animationTimeoutRef.current = animationTimeout;
+  const animatedElementRef = useRef(null);
+  useEffect(() => {
+    const animationTimeoutElement = document.createElement("div");
+    animationTimeoutElement.classList.add(styles.animationTimeout);
+    document.body.appendChild(animationTimeoutElement);
+    const style = window.getComputedStyle(animationTimeoutElement);
+    const enter = toInteger(style.getPropertyValue("--enter-animation-duration"));
+    const exit = toInteger(style.getPropertyValue("--exit-animation-duration"));
+    setAnimationTimeout({ enter, exit });
+    document.body.removeChild(animationTimeoutElement);
+  }, [setAnimationTimeout]);
+  useEffect(() => {
+    if (loading) {
+      let enableScroll = disableScroll();
+      return () => {
+        enableScroll?.(animationTimeoutRef.current?.exit);
+        enableScroll = void 0;
+      };
     }
-    return createPortal(jsx(CSSTransition, { appear: true, classNames: CSS_CLASSES, in: loading, mountOnEnter: true, nodeRef: animatedElementRef, timeout: animationTimeout, unmountOnExit: true, children: jsx(ThemeWrapper, { children: (themeClass) => (jsx(Layer, { layer: "full-screen-loader", children: jsx("div", { className: classnames(styles.animationTimeout, styles.overlay, themeClass), ref: animatedElementRef, children: jsx("div", { className: styles.loader, children: jsx(Loader, { color: "constant", size: 48, ...props }) }) }) })) }) }), document.body);
+    return void 0;
+  }, [loading]);
+  const isServerEnv = useServerEnv();
+  if (!animationTimeout || isServerEnv) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      CSSTransition,
+      {
+        appear: true,
+        classNames: CSS_CLASSES,
+        in: loading,
+        mountOnEnter: true,
+        nodeRef: animatedElementRef,
+        timeout: animationTimeout,
+        unmountOnExit: true,
+        children: /* @__PURE__ */ jsx(ThemeWrapper, { children: (themeClass) => /* @__PURE__ */ jsx(Layer, { layer: "full-screen-loader", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classnames(styles.animationTimeout, styles.overlay, themeClass),
+            ref: animatedElementRef,
+            children: /* @__PURE__ */ jsx("div", { className: styles.loader, children: /* @__PURE__ */ jsx(Loader, { color: "constant", size: 48, ...props }) })
+          }
+        ) }) })
+      }
+    ),
+    document.body
+  );
 };
 
 export { FullScreenLoader };

package/FullScreenLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenLoader.js","sources":["src/FullScreenLoader.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { disableScroll, TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { Loader, LoaderProps } from '@hh.ru/magritte-ui-loader';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from './full-screen-loader.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\nexport interface FullScreenLoaderProps {\n    loading: boolean;\n}\n\nconst CSS_CLASSES = {\n    enter: styles.enterAnimation,\n    enterActive: styles.enterAnimationActive,\n    exit: styles.exitAnimation,\n    exitActive: styles.exitAnimationActive,\n};\n\nconst toInteger = (value: string) => {\n    const result = parseInt(value, 10);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nexport const FullScreenLoader: React.FC<FullScreenLoaderProps & Omit<LoaderProps, 'size'>> = ({\n    loading,\n    ...props\n}) => {\n    const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n    const animationTimeoutRef = useRef(animationTimeout);\n    animationTimeoutRef.current = animationTimeout;\n    const animatedElementRef = useRef(null);\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.animationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const enter = toInteger(style.getPropertyValue('--enter-animation-duration'));\n        const exit = toInteger(style.getPropertyValue('--exit-animation-duration'));\n        setAnimationTimeout({ enter, exit });\n        document.body.removeChild(animationTimeoutElement);\n    }, [setAnimationTimeout]);\n\n    useEffect(() => {\n        if (loading) {\n            let enableScroll: TimeoutCallback | undefined = disableScroll();\n            return () => {\n                enableScroll?.(animationTimeoutRef.current?.exit);\n                enableScroll = undefined;\n            };\n        }\n\n        return void 0;\n    }, [loading]);\n\n    const isServerEnv = useServerEnv();\n    if (!animationTimeout || isServerEnv) {\n        return null;\n    }\n\n    return createPortal(\n        <CSSTransition\n            appear\n            classNames={CSS_CLASSES}\n            in={loading}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            <ThemeWrapper>\n                {(themeClass) => (\n                    <Layer layer=\"full-screen-loader\">\n                        <div\n                            className={classnames(styles.animationTimeout, styles.overlay, themeClass)}\n                            ref={animatedElementRef}\n                        >\n                            <div className={styles.loader}>\n                                <Loader color=\"constant\" size={48} {...props} />\n                            </div>\n                        </div>\n                    </Layer>\n                )}\n            </ThemeWrapper>\n        </CSSTransition>,\n        document.body\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"FullScreenLoader.js","sources":["src/FullScreenLoader.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { disableScroll, TimeoutCallback } from '@hh.ru/magritte-common-modal-helper';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { Loader, LoaderProps } from '@hh.ru/magritte-ui-loader';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from './full-screen-loader.less';\n\ntype AnimationTimeout = { enter: number; exit: number };\n\nexport interface FullScreenLoaderProps {\n    loading: boolean;\n}\n\nconst CSS_CLASSES = {\n    enter: styles.enterAnimation,\n    enterActive: styles.enterAnimationActive,\n    exit: styles.exitAnimation,\n    exitActive: styles.exitAnimationActive,\n};\n\nconst toInteger = (value: string) => {\n    const result = parseInt(value, 10);\n    return !Number.isNaN(result) ? result : 0;\n};\n\nexport const FullScreenLoader: React.FC<FullScreenLoaderProps & Omit<LoaderProps, 'size'>> = ({\n    loading,\n    ...props\n}) => {\n    const [animationTimeout, setAnimationTimeout] = useState<AnimationTimeout | null>(null);\n    const animationTimeoutRef = useRef(animationTimeout);\n    animationTimeoutRef.current = animationTimeout;\n    const animatedElementRef = useRef(null);\n\n    useEffect(() => {\n        const animationTimeoutElement = document.createElement('div');\n        animationTimeoutElement.classList.add(styles.animationTimeout);\n        document.body.appendChild(animationTimeoutElement);\n        const style = window.getComputedStyle(animationTimeoutElement);\n        const enter = toInteger(style.getPropertyValue('--enter-animation-duration'));\n        const exit = toInteger(style.getPropertyValue('--exit-animation-duration'));\n        setAnimationTimeout({ enter, exit });\n        document.body.removeChild(animationTimeoutElement);\n    }, [setAnimationTimeout]);\n\n    useEffect(() => {\n        if (loading) {\n            let enableScroll: TimeoutCallback | undefined = disableScroll();\n            return () => {\n                enableScroll?.(animationTimeoutRef.current?.exit);\n                enableScroll = undefined;\n            };\n        }\n\n        return void 0;\n    }, [loading]);\n\n    const isServerEnv = useServerEnv();\n    if (!animationTimeout || isServerEnv) {\n        return null;\n    }\n\n    return createPortal(\n        <CSSTransition\n            appear\n            classNames={CSS_CLASSES}\n            in={loading}\n            mountOnEnter\n            nodeRef={animatedElementRef}\n            timeout={animationTimeout}\n            unmountOnExit\n        >\n            <ThemeWrapper>\n                {(themeClass) => (\n                    <Layer layer=\"full-screen-loader\">\n                        <div\n                            className={classnames(styles.animationTimeout, styles.overlay, themeClass)}\n                            ref={animatedElementRef}\n                        >\n                            <div className={styles.loader}>\n                                <Loader color=\"constant\" size={48} {...props} />\n                            </div>\n                        </div>\n                    </Layer>\n                )}\n            </ThemeWrapper>\n        </CSSTransition>,\n        document.body\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,WAAc,GAAA;AAAA,EAChB,OAAO,MAAO,CAAA,cAAA;AAAA,EACd,aAAa,MAAO,CAAA,oBAAA;AAAA,EACpB,MAAM,MAAO,CAAA,aAAA;AAAA,EACb,YAAY,MAAO,CAAA,mBAAA;AACvB,CAAA,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,KAAkB,KAAA;AACjC,EAAM,MAAA,MAAA,GAAS,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AACjC,EAAA,OAAO,CAAC,MAAA,CAAO,KAAM,CAAA,MAAM,IAAI,MAAS,GAAA,CAAA,CAAA;AAC5C,CAAA,CAAA;AAEO,MAAM,mBAAgF,CAAC;AAAA,EAC1F,OAAA;AAAA,EACA,GAAG,KAAA;AACP,CAAM,KAAA;AACF,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAkC,IAAI,CAAA,CAAA;AACtF,EAAM,MAAA,mBAAA,GAAsB,OAAO,gBAAgB,CAAA,CAAA;AACnD,EAAA,mBAAA,CAAoB,OAAU,GAAA,gBAAA,CAAA;AAC9B,EAAM,MAAA,kBAAA,GAAqB,OAAO,IAAI,CAAA,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAM,MAAA,uBAAA,GAA0B,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC5D,IAAwB,uBAAA,CAAA,SAAA,CAAU,GAAI,CAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AAC7D,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,uBAAuB,CAAA,CAAA;AACjD,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,uBAAuB,CAAA,CAAA;AAC7D,IAAA,MAAM,KAAQ,GAAA,SAAA,CAAU,KAAM,CAAA,gBAAA,CAAiB,4BAA4B,CAAC,CAAA,CAAA;AAC5E,IAAA,MAAM,IAAO,GAAA,SAAA,CAAU,KAAM,CAAA,gBAAA,CAAiB,2BAA2B,CAAC,CAAA,CAAA;AAC1E,IAAoB,mBAAA,CAAA,EAAE,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AACnC,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,uBAAuB,CAAA,CAAA;AAAA,GACrD,EAAG,CAAC,mBAAmB,CAAC,CAAA,CAAA;AAExB,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,OAAS,EAAA;AACT,MAAA,IAAI,eAA4C,aAAc,EAAA,CAAA;AAC9D,MAAA,OAAO,MAAM;AACT,QAAe,YAAA,GAAA,mBAAA,CAAoB,SAAS,IAAI,CAAA,CAAA;AAChD,QAAe,YAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACnB,CAAA;AAAA,KACJ;AAEA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACX,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,cAAc,YAAa,EAAA,CAAA;AACjC,EAAI,IAAA,CAAC,oBAAoB,WAAa,EAAA;AAClC,IAAO,OAAA,IAAA,CAAA;AAAA,GACX;AAEA,EAAO,OAAA,YAAA;AAAA,oBACH,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACG,MAAM,EAAA,IAAA;AAAA,QACN,UAAY,EAAA,WAAA;AAAA,QACZ,EAAI,EAAA,OAAA;AAAA,QACJ,YAAY,EAAA,IAAA;AAAA,QACZ,OAAS,EAAA,kBAAA;AAAA,QACT,OAAS,EAAA,gBAAA;AAAA,QACT,aAAa,EAAA,IAAA;AAAA,QAEb,8BAAC,YACI,EAAA,EAAA,QAAA,EAAA,CAAC,+BACG,GAAA,CAAA,KAAA,EAAA,EAAM,OAAM,oBACT,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,WAAW,UAAW,CAAA,MAAA,CAAO,gBAAkB,EAAA,MAAA,CAAO,SAAS,UAAU,CAAA;AAAA,YACzE,GAAK,EAAA,kBAAA;AAAA,YAEL,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,MACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,UAAW,EAAA,IAAA,EAAM,EAAK,EAAA,GAAG,OAAO,CAClD,EAAA,CAAA;AAAA,WAAA;AAAA,WAER,CAER,EAAA,CAAA;AAAA,OAAA;AAAA,KACJ;AAAA,IACA,QAAS,CAAA,IAAA;AAAA,GACb,CAAA;AACJ;;;;"}

package/index.css

@@ -1,52 +1,52 @@
 :root{
-  --magritte-color-background-overlay-v25-1-1:#20262bad;
-  --magritte-color-background-constant-secondary-v25-1-1:#303030;
+  --magritte-color-background-overlay-v26-0-1:#20262bad;
+  --magritte-color-background-constant-secondary-v26-0-1:#303030;
 }
 
 :root{
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v25-1-1:200ms;
-  --magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-300-duration-v25-1-1:300ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v26-0-1:200ms;
+  --magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-300-duration-v26-0-1:300ms;
 }
-.magritte-animation-timeout___aTdGa_1-1-47{
+.magritte-animation-timeout___aTdGa_1-1-49{
   --enter-animation-duration:0ms;
   --exit-animation-duration:0ms;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___aTdGa_1-1-47{
-    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-1-1);
-    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-1-1);
+  .magritte-animation-timeout___aTdGa_1-1-49{
+    --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v26-0-1);
+    --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-1);
   }
 }
-.magritte-enter-animation___TqSXR_1-1-47{
+.magritte-enter-animation___TqSXR_1-1-49{
   opacity:0;
 }
-.magritte-enter-animation-active___Jfsvw_1-1-47{
+.magritte-enter-animation-active___Jfsvw_1-1-49{
   opacity:1;
   transition-property:opacity;
   transition-duration:var(--enter-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-1-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v26-0-1);
 }
-.magritte-exit-animation___6VlKj_1-1-47{
+.magritte-exit-animation___6VlKj_1-1-49{
   opacity:1;
 }
-.magritte-exit-animation-active___VanCA_1-1-47{
+.magritte-exit-animation-active___VanCA_1-1-49{
   opacity:0;
   transition-property:opacity;
   transition-duration:var(--exit-animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-1-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v26-0-1);
 }
-.magritte-overlay___YsKtP_1-1-47{
+.magritte-overlay___YsKtP_1-1-49{
   display:flex;
   align-items:center;
   justify-content:center;
   position:fixed;
   inset:0;
-  background-color:var(--magritte-color-background-overlay-v25-1-1);
+  background-color:var(--magritte-color-background-overlay-v26-0-1);
 }
-.magritte-loader___vx7PF_1-1-47{
-  background-color:var(--magritte-color-background-constant-secondary-v25-1-1);
+.magritte-loader___vx7PF_1-1-49{
+  background-color:var(--magritte-color-background-constant-secondary-v26-0-1);
   border-radius:28px;
   line-height:0;
   padding:20px;

package/index.d.ts

@@ -1 +1 @@
-export * from '@hh.ru/magritte-ui-full-screen-loader/FullScreenLoader';
+export * from './FullScreenLoader';

package/index.mock.js

@@ -1,8 +1,8 @@
 import './index.css';
 import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 
-const FullScreenLoader = mockComponent('FullScreenLoader', undefined, {
-    withChildren: false,
+const FullScreenLoader = mockComponent("FullScreenLoader", void 0, {
+  withChildren: false
 });
 
 export { FullScreenLoader };

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const FullScreenLoader: FC<Record<string, unknown>> = mockComponent('FullScreenLoader', undefined, {\n    withChildren: false,\n});\n"],"names":[],"mappings":";;MAIa,gBAAgB,GAAgC,aAAa,CAAC,kBAAkB,EAAE,SAAS,EAAE;AACtG,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const FullScreenLoader: FC<Record<string, unknown>> = mockComponent('FullScreenLoader', undefined, {\n    withChildren: false,\n});\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAgD,aAAc,CAAA,kBAAA,EAAoB,KAAW,CAAA,EAAA;AAAA,EACtG,YAAc,EAAA,KAAA;AAClB,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-full-screen-loader",
-  "version": "1.1.47",
+  "version": "1.1.49",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -21,11 +21,11 @@
   "dependencies": {
     "@hh.ru/magritte-common-is-server-env": "1.0.9",
     "@hh.ru/magritte-common-modal-helper": "1.3.5",
-    "@hh.ru/magritte-design-tokens": "25.1.1",
+    "@hh.ru/magritte-design-tokens": "26.0.1",
     "@hh.ru/magritte-ui-layer": "3.2.8",
-    "@hh.ru/magritte-ui-loader": "4.1.4",
+    "@hh.ru/magritte-ui-loader": "4.1.6",
     "@hh.ru/magritte-ui-mock-component": "1.1.8",
-    "@hh.ru/magritte-ui-theme-wrapper": "1.1.27"
+    "@hh.ru/magritte-ui-theme-wrapper": "1.1.29"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
+  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
 }