@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.2

package/Ad/Ad.d.ts

@@ -3,4 +3,4 @@ export declare const AD_MARGIN_TOP = 3;
 export declare const AD_MARGIN_BOTTOM = 3;
 export declare const AD_HEIGHT = 126;
 export declare const AD_HEIGHT_MOBILE: number;
-export declare function Ad(): React.JSX.Element;
+export declare function Ad(): React.JSX.Element;

package/Ad/Ad.js

@@ -1,17 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AD_MARGIN_TOP = exports.AD_MARGIN_BOTTOM = exports.AD_HEIGHT_MOBILE = exports.AD_HEIGHT = void 0;
+exports.Ad = Ad;
+var React = _interopRequireWildcard(require("react"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _i18n = require("../i18n");
+var _AdCarbon2 = _interopRequireDefault(require("./AdCarbon"));
+var _AdInHouse = _interopRequireDefault(require("./AdInHouse"));
+var _AdManager = require("./AdManager");
+var _AdProvider = require("./AdProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 var _span, _PleaseDisableAdblock, _AdCarbon;
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import { useTranslate } from "../i18n/index.js";
-import AdCarbon from "./AdCarbon.js";
-import AdInHouse from "./AdInHouse.js";
-import { AdContext, adShape } from "./AdManager.js";
-import { useAdConfig } from "./AdProvider.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PleaseDisableAdblock() {
-  const t = useTranslate();
-  return /*#__PURE__*/_jsxs(Paper, {
+  const t = (0, _i18n.useTranslate)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper.default, {
     component: "span",
     elevation: 0,
     sx: {
@@ -20,7 +29,7 @@ function PleaseDisableAdblock() {
       border: '2px solid',
       borderColor: 'primary.main'
     },
-    children: [/*#__PURE__*/_jsx(Typography, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       variant: "body2",
       component: "span",
       gutterBottom: true,
@@ -28,7 +37,7 @@ function PleaseDisableAdblock() {
         display: 'block'
       },
       children: t('likeMui')
-    }), /*#__PURE__*/_jsx(Typography, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       variant: "body2",
       component: "span",
       gutterBottom: true,
@@ -36,13 +45,13 @@ function PleaseDisableAdblock() {
         display: 'block'
       },
       children: t('adblock')
-    }), /*#__PURE__*/_jsxs(Typography, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
       variant: "body2",
       component: "span",
       sx: {
         display: 'block'
       },
-      children: [t('thanks'), ' ', /*#__PURE__*/_jsx("span", {
+      children: [t('thanks'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         role: "img",
         "aria-label": t('emojiLove'),
         children: "\u2764\uFE0F"
@@ -109,17 +118,17 @@ class AdErrorBoundary extends React.Component {
     return children;
   }
 }
-export const AD_MARGIN_TOP = 3;
-export const AD_MARGIN_BOTTOM = 3;
-export const AD_HEIGHT = 126;
+const AD_MARGIN_TOP = exports.AD_MARGIN_TOP = 3;
+const AD_MARGIN_BOTTOM = exports.AD_MARGIN_BOTTOM = 3;
+const AD_HEIGHT = exports.AD_HEIGHT = 126;
 // Add more height on mobile as the text tends to wrap beyond the image height.
-export const AD_HEIGHT_MOBILE = 126 + 16;
+const AD_HEIGHT_MOBILE = exports.AD_HEIGHT_MOBILE = 126 + 16;
 
 // https://stackoverflow.com/a/20084661
 function isBot() {
   return /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
 }
-export function Ad() {
+function Ad() {
   const [adblock, setAdblock] = React.useState(null);
   const [carbonOut, setCarbonOut] = React.useState(null);
   const {
@@ -132,28 +141,28 @@ export function Ad() {
   let label;
   // Hide the content to google bot to avoid its indexation.
   if (typeof window !== 'undefined' && isBot() || disableAd) {
-    children = _span || (_span = /*#__PURE__*/_jsx("span", {}));
+    children = _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}));
   } else if (adblock) {
     if (randomAdblock < 0.2) {
-      children = _PleaseDisableAdblock || (_PleaseDisableAdblock = /*#__PURE__*/_jsx(PleaseDisableAdblock, {}));
+      children = _PleaseDisableAdblock || (_PleaseDisableAdblock = /*#__PURE__*/(0, _jsxRuntime.jsx)(PleaseDisableAdblock, {}));
       label = 'in-house-adblock';
     } else {
-      children = /*#__PURE__*/_jsx(AdInHouse, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdInHouse.default, {
         ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
       });
       label = 'in-house';
     }
   } else if (carbonOut) {
-    children = /*#__PURE__*/_jsx(AdInHouse, {
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdInHouse.default, {
       ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
     });
     label = 'in-house-carbon';
   } else {
-    children = _AdCarbon || (_AdCarbon = /*#__PURE__*/_jsx(AdCarbon, {}));
+    children = _AdCarbon || (_AdCarbon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdCarbon2.default, {}));
     label = 'carbon';
   }
-  const ad = React.useContext(AdContext);
-  const eventLabel = label ? `${label}-${ad.placement}-${adShape}` : null;
+  const ad = React.useContext(_AdManager.AdContext);
+  const eventLabel = label ? `${label}-${ad.placement}-${_AdManager.adShape}` : null;
   const timerAdblock = React.useRef(undefined);
   const checkAdblock = React.useCallback((attempt = 1) => {
     if (document.querySelector('.ea-placement') || document.querySelector('#carbonads') || document.querySelector('.carbonads') || carbonOut) {
@@ -183,7 +192,7 @@ export function Ad() {
   }, [checkAdblock]);
   const {
     GADisplayRatio
-  } = useAdConfig();
+  } = (0, _AdProvider.useAdConfig)();
   React.useEffect(() => {
     // Avoid an exceed on the Google Analytics quotas.
     if (Math.random() > (GADisplayRatio ?? 0.1) || !eventLabel) {
@@ -199,7 +208,7 @@ export function Ad() {
       clearTimeout(delay);
     };
   }, [GADisplayRatio, eventLabel]);
-  return /*#__PURE__*/_jsx(Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     component: "span",
     sx: theme => ({
       position: 'relative',
@@ -210,8 +219,8 @@ export function Ad() {
       [theme.breakpoints.up('sm')]: {
         minHeight: AD_HEIGHT
       },
-      ...(adShape === 'image' && {}),
-      ...(adShape === 'inline' && {
+      ...(_AdManager.adShape === 'image' && {}),
+      ...(_AdManager.adShape === 'inline' && {
         display: 'flex',
         alignItems: 'flex-end'
       })
@@ -219,7 +228,7 @@ export function Ad() {
     "data-ga-event-category": "ad",
     "data-ga-event-action": "click",
     "data-ga-event-label": eventLabel,
-    children: /*#__PURE__*/_jsx(AdErrorBoundary, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AdErrorBoundary, {
       eventLabel: eventLabel,
       children: children
     })

package/Ad/AdCarbon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export declare function AdCarbonInline(): React.JSX.Element;
-export default function AdCarbon(): React.JSX.Element;
+export default function AdCarbon(): React.JSX.Element;

package/Ad/AdCarbon.js

@@ -1,14 +1,23 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdCarbonInline = AdCarbonInline;
+exports.default = AdCarbon;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _loadScript = _interopRequireDefault(require("../utils/loadScript"));
+var _AdDisplay = _interopRequireDefault(require("./AdDisplay"));
+var _ad = require("./ad.styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _AdCarbonImage;
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import loadScript from "../utils/loadScript.js";
-import AdDisplay from "./AdDisplay.js";
-import { adBodyImageStyles } from "./ad.styles.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const CarbonRoot = styled('span')(({
+const CarbonRoot = (0, _styles.styled)('span')(({
   theme
 }) => {
-  const styles = adBodyImageStyles(theme);
+  const styles = (0, _ad.adBodyImageStyles)(theme);
   return {
     width: '100%',
     '& > div': {
@@ -38,18 +47,22 @@ function AdCarbonImage() {
     //
     // To solve the issue, for example StrictModel double effect execution, we debounce the load action.
     const load = setTimeout(() => {
-      const script = loadScript('https://cdn.carbonads.com/carbon.js?serve=CKYIL27L&placement=material-uicom', ref.current);
+      // The DOM node could have unmounted at this point.
+      if (!ref.current) {
+        return;
+      }
+      const script = (0, _loadScript.default)('https://cdn.carbonads.com/carbon.js?serve=CKYIL27L&placement=material-uicom', ref.current);
       script.id = '_carbonads_js';
     });
     return () => {
       clearTimeout(load);
     };
   }, []);
-  return /*#__PURE__*/_jsx(CarbonRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarbonRoot, {
     ref: ref
   });
 }
-export function AdCarbonInline() {
+function AdCarbonInline() {
   const [ad, setAd] = React.useState(null);
   React.useEffect(() => {
     let active = true;
@@ -84,20 +97,20 @@ export function AdCarbonInline() {
       active = false;
     };
   }, []);
-  return ad ? /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx("img", {
+  return ad ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: ad.statimp,
       alt: "",
       style: {
         display: 'none'
       }
-    }), ad.pixel && ad.pixel.split('||').map((pixel, i) => /*#__PURE__*/_jsx("img", {
+    }), ad.pixel && ad.pixel.split('||').map((pixel, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: `${pixel.replace('[timestamp]', ad.timestamp)}`,
       style: {
         display: 'none'
       },
       alt: ""
-    }, i)), /*#__PURE__*/_jsx(AdDisplay, {
+    }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdDisplay.default, {
       className: "carbonads",
       shape: "inline",
       ad: {
@@ -109,12 +122,12 @@ export function AdCarbonInline() {
         label: 'carbon-demo-inline'
       }
     })]
-  }) : /*#__PURE__*/_jsx("div", {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       minHeight: 52
     }
   });
 }
-export default function AdCarbon() {
-  return _AdCarbonImage || (_AdCarbonImage = /*#__PURE__*/_jsx(AdCarbonImage, {}));
+function AdCarbon() {
+  return _AdCarbonImage || (_AdCarbonImage = /*#__PURE__*/(0, _jsxRuntime.jsx)(AdCarbonImage, {}));
 }

package/Ad/AdDisplay.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 export interface AdParameters {
-    name: string;
-    link: string;
-    img?: string;
-    description: string;
-    poweredby: string;
-    label: string;
+  name: string;
+  link: string;
+  img?: string;
+  description: string;
+  poweredby: string;
+  label: string;
 }
 interface AdDisplayProps {
-    ad: AdParameters;
-    className?: string;
-    shape?: 'auto' | 'inline' | 'image';
+  ad: AdParameters;
+  className?: string;
+  shape?: 'auto' | 'inline' | 'image';
 }
 export default function AdDisplay(props: AdDisplayProps): React.JSX.Element;
-export {};
+export {};

package/Ad/AdDisplay.js

@@ -1,14 +1,21 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { useTranslate } from "../i18n/index.js";
-import { adShape } from "./AdManager.js";
-import { adBodyImageStyles, adBodyInlineStyles } from "./ad.styles.js";
-import { useAdConfig } from "./AdProvider.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const InlineShape = styled('span')(({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AdDisplay;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _i18n = require("../i18n");
+var _AdManager = require("./AdManager");
+var _ad = require("./ad.styles");
+var _AdProvider = require("./AdProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+const InlineShape = (0, _styles.styled)('span')(({
   theme
 }) => {
-  const styles = adBodyInlineStyles(theme);
+  const styles = (0, _ad.adBodyInlineStyles)(theme);
   return {
     ...styles.root,
     '& img': styles.img,
@@ -18,10 +25,10 @@ const InlineShape = styled('span')(({
     '& .AdDisplay-poweredby': styles.poweredby
   };
 });
-const ImageShape = styled('span')(({
+const ImageShape = (0, _styles.styled)('span')(({
   theme
 }) => {
-  const styles = adBodyImageStyles(theme);
+  const styles = (0, _ad.adBodyImageStyles)(theme);
   return {
     ...styles.root,
     '& img': styles.img,
@@ -31,16 +38,16 @@ const ImageShape = styled('span')(({
     '& .AdDisplay-poweredby': styles.poweredby
   };
 });
-export default function AdDisplay(props) {
+function AdDisplay(props) {
   const {
     ad,
     className,
     shape: shapeProp = 'auto'
   } = props;
-  const t = useTranslate();
+  const t = (0, _i18n.useTranslate)();
   const {
     GADisplayRatio
-  } = useAdConfig();
+  } = (0, _AdProvider.useAdConfig)();
   React.useEffect(() => {
     // Avoid an exceed on the Google Analytics quotas.
     if (Math.random() > (GADisplayRatio ?? 0.1) || !ad.label) {
@@ -51,13 +58,13 @@ export default function AdDisplay(props) {
       eventLabel: ad.label
     });
   }, [GADisplayRatio, ad.label]);
-  const shape = shapeProp === 'auto' ? adShape : shapeProp;
+  const shape = shapeProp === 'auto' ? _AdManager.adShape : shapeProp;
   const Root = shape === 'image' ? ImageShape : InlineShape;
 
   /* eslint-disable react/no-danger */
-  return /*#__PURE__*/_jsxs(Root, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     className: className,
-    children: [/*#__PURE__*/_jsxs("a", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
       href: ad.link,
       target: "_blank",
       rel: "noopener sponsored",
@@ -66,21 +73,21 @@ export default function AdDisplay(props) {
         'data-ga-event-action': 'click',
         'data-ga-event-label': ad.label
       } : {}),
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "AdDisplay-imageWrapper",
-        children: /*#__PURE__*/_jsx("img", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           height: "100",
           width: "130",
           src: ad.img,
           alt: ad.name
         })
-      }), /*#__PURE__*/_jsx("span", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "AdDisplay-description",
         dangerouslySetInnerHTML: {
           __html: ad.description
         }
       })]
-    }), /*#__PURE__*/_jsx("span", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "AdDisplay-poweredby",
       children: t('adPublisher').replace('{{publisher}}', ad.poweredby)
     })]

package/Ad/AdGuest.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 export interface AdGuestProps {
-    /**
-     * The querySelector use to target the element which will include the ad.
-     */
-    classSelector?: string;
-    children?: React.ReactNode | undefined;
+  /**
+   * The querySelector use to target the element which will include the ad.
+   */
+  classSelector?: string;
+  children?: React.ReactNode | undefined;
 }
 declare function AdGuest(props: AdGuestProps): React.JSX.Element | null;
-export { AdGuest };
+export { AdGuest };

package/Ad/AdGuest.js

@@ -1,17 +1,25 @@
-import * as React from 'react';
-import Portal from '@mui/material/Portal';
-import { AdContext } from "./AdManager.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdGuest = AdGuest;
+var React = _interopRequireWildcard(require("react"));
+var _Portal = _interopRequireDefault(require("@mui/material/Portal"));
+var _AdManager = require("./AdManager");
+var _jsxRuntime = require("react/jsx-runtime");
 function AdGuest(props) {
   const {
     classSelector = '.description',
     children
   } = props;
-  const ad = React.useContext(AdContext);
+  const ad = React.useContext(_AdManager.AdContext);
   if (!ad.element) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Portal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
     container: () => {
       const element = document.querySelector(classSelector);
       if (element) {
@@ -25,5 +33,4 @@ function AdGuest(props) {
     },
     children: children
   });
-}
-export { AdGuest };
+}

package/Ad/AdInHouse.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AdParameters } from './AdDisplay';
+import { AdParameters } from "./AdDisplay.js";
 export default function AdInHouse(props: {
-    ad: Omit<AdParameters, 'poweredby' | 'label'>;
-}): React.JSX.Element;
+  ad: Omit<AdParameters, 'poweredby' | 'label'>;
+}): React.JSX.Element;

package/Ad/AdInHouse.js

@@ -1,11 +1,19 @@
-import * as React from 'react';
-import AdDisplay from "./AdDisplay.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function AdInHouse(props) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AdInHouse;
+var React = _interopRequireWildcard(require("react"));
+var _AdDisplay = _interopRequireDefault(require("./AdDisplay"));
+var _jsxRuntime = require("react/jsx-runtime");
+function AdInHouse(props) {
   const {
     ad
   } = props;
-  return /*#__PURE__*/_jsx(AdDisplay, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdDisplay.default, {
     ad: {
       poweredby: 'MUI',
       label: `in-house-${ad.name}`,

package/Ad/AdManager.d.ts

@@ -1,16 +1,19 @@
 import * as React from 'react';
 type AdPortal = {
-    placement: 'body-top';
-    element: Element | null;
+  placement: 'body-top';
+  element: Element | null;
 };
 interface AdManagerProps {
-    /**
-     * The querySelector use to target the element which will include the ad.
-     */
-    classSelector?: string;
-    children?: React.ReactNode | undefined;
+  /**
+   * The querySelector use to target the element which will include the ad.
+   */
+  classSelector?: string;
+  children?: React.ReactNode | undefined;
 }
 export declare const AdContext: React.Context<AdPortal>;
 export declare const adShape: string;
-export declare function AdManager({ classSelector, children }: AdManagerProps): React.JSX.Element;
-export {};
+export declare function AdManager({
+  classSelector,
+  children
+}: AdManagerProps): React.JSX.Element;
+export {};

package/Ad/AdManager.js

@@ -1,7 +1,16 @@
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AdContext = /*#__PURE__*/React.createContext({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdContext = void 0;
+exports.AdManager = AdManager;
+exports.adShape = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/material/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const AdContext = exports.AdContext = /*#__PURE__*/React.createContext({
   placement: 'body-top',
   element: null
 });
@@ -13,8 +22,8 @@ const randomSession = Math.random();
 // Distribution profile:
 // 20% body-inline
 // 80% body-image
-export const adShape = randomSession < 0.2 ? 'inline' : 'image';
-export function AdManager({
+const adShape = exports.adShape = randomSession < 0.2 ? 'inline' : 'image';
+function AdManager({
   classSelector = '.description',
   children
 }) {
@@ -22,14 +31,14 @@ export function AdManager({
     placement: 'body-top',
     element: null
   });
-  useEnhancedEffect(() => {
+  (0, _utils.unstable_useEnhancedEffect)(() => {
     const container = document.querySelector(classSelector);
     setPortal({
       placement: 'body-top',
       element: container
     });
   }, [classSelector]);
-  return /*#__PURE__*/_jsx(AdContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdContext.Provider, {
     value: portal,
     children: children
   });

package/Ad/AdProvider.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 export interface AdConfig {
-    /**
-     * The ratio of "ad display" event sent to Google Analytics.
-     * Used to avoid an exceed on the Google Analytics quotas.
-     * @default 0.1
-     */
-    GADisplayRatio: number;
+  /**
+   * The ratio of "ad display" event sent to Google Analytics.
+   * Used to avoid an exceed on the Google Analytics quotas.
+   * @default 0.1
+   */
+  GADisplayRatio: number;
 }
 export interface AdProviderProps {
-    children: React.ReactNode;
-    config?: Partial<AdConfig>;
+  children: React.ReactNode;
+  config?: Partial<AdConfig>;
 }
 export declare function AdProvider(props: AdProviderProps): React.JSX.Element;
-export declare function useAdConfig(): AdConfig;
+export declare function useAdConfig(): AdConfig;

package/Ad/AdProvider.js

@@ -1,7 +1,15 @@
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdProvider = AdProvider;
+exports.useAdConfig = useAdConfig;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 const AdConfigContext = /*#__PURE__*/React.createContext(null);
-export function AdProvider(props) {
+function AdProvider(props) {
   const {
     children,
     config
@@ -10,12 +18,12 @@ export function AdProvider(props) {
     GADisplayRatio: 0.1,
     ...config
   }), [config]);
-  return /*#__PURE__*/_jsx(AdConfigContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdConfigContext.Provider, {
     value: value,
     children: children
   });
 }
-export function useAdConfig() {
+function useAdConfig() {
   const config = React.useContext(AdConfigContext);
   if (!config) {
     throw new Error('Could not find docs ad config context value; please ensure the component is wrapped in a <AdProvider>');