@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/hooks/useDrop/useDrop.js

@@ -1,61 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-export var useDrop = function useDrop(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      onDrop = _props.onDrop;
-  var droppableRef = useRef(null);
-  var overRef = useRef(false);
-  var timerId = useRef();
-
-  var _useState = useState(false),
-      isDraggable = _useState[0],
-      setIsDraggable = _useState[1];
-
-  var clearTimer = useCallback(function () {
-    timerId.current && clearTimeout(timerId.current);
-  }, []);
-  var handleDragOver = useCallback(function (event) {
-    event.preventDefault();
-    setIsDraggable(true);
-    clearTimer();
-    timerId.current = setTimeout(function () {
-      overRef.current = false;
-      setIsDraggable(false);
-    }, 200);
-  }, [clearTimer]);
-  var preventDefault = useCallback(function (event) {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-  var handleDrop = useCallback(function (event) {
-    preventDefault(event);
-    setIsDraggable(false);
-    overRef.current = false;
-    onDrop == null ? void 0 : onDrop(event);
-  }, [preventDefault, onDrop]);
-  useEffect(function () {
-    var ref = droppableRef.current;
-
-    if (!ref) {
-      return;
-    }
-
-    ref.addEventListener('dragenter', preventDefault);
-    ref.addEventListener('dragleave', preventDefault);
-    ref.addEventListener('dragover', handleDragOver);
-    ref.addEventListener('drop', handleDrop);
-    return function () {
-      ref.removeEventListener('dragenter', preventDefault);
-      ref.removeEventListener('dragleave', preventDefault);
-      ref.removeEventListener('dragover', handleDragOver);
-      ref.removeEventListener('drop', handleDrop);
-    };
-  }, [handleDrop, handleDragOver, preventDefault]);
-  return {
-    isDraggable: isDraggable,
-    ref: droppableRef
-  };
-};

package/hooks/useDrop/useDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrop.ts"],"names":["useCallback","useEffect","useRef","useState","useDrop","props","onDrop","droppableRef","overRef","timerId","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"mappings":"AAAA,SAA2BA,WAA3B,EAAwCC,SAAxC,EAAmDC,MAAnD,EAA2DC,QAA3D,QAA2E,OAA3E;;;;;;;;;;;;;AAaA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAwCC,KAAxC,EAAgG,KAAxDA,KAAwD,cAAxDA,KAAwD,GAAjC,EAAiC;AACrH,eAAmBA,KAAnB,CAAQC,MAAR,UAAQA,MAAR;;AAEA,MAAMC,YAAY,GAAGL,MAAM,CAAW,IAAX,CAA3B;AACA,MAAMM,OAAO,GAAGN,MAAM,CAAU,KAAV,CAAtB;AACA,MAAMO,OAAO,GAAGP,MAAM,EAAtB;AACA,kBAAsCC,QAAQ,CAAU,KAAV,CAA9C,CAAOO,WAAP,gBAAoBC,cAApB;;AAEA,MAAMC,UAAU,GAAGZ,WAAW,CAAC,YAAM;AACnCS,IAAAA,OAAO,CAACI,OAAR,IAAmBC,YAAY,CAACL,OAAO,CAACI,OAAT,CAA/B;AACD,GAF6B,EAE3B,EAF2B,CAA9B;;AAIA,MAAME,cAAc,GAAGf,WAAW;AAChC,YAACgB,KAAD,EAAW;AACTA,IAAAA,KAAK,CAACC,cAAN;AACAN,IAAAA,cAAc,CAAC,IAAD,CAAd;;AAEAC,IAAAA,UAAU;AACVH,IAAAA,OAAO,CAACI,OAAR,GAAkBK,UAAU,CAAC,YAAM;AACjCV,MAAAA,OAAO,CAACK,OAAR,GAAkB,KAAlB;AACAF,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAH2B,EAGzB,GAHyB,CAA5B;AAID,GAV+B;AAWhC,GAACC,UAAD,CAXgC,CAAlC;;;AAcA,MAAMK,cAAc,GAAGjB,WAAW,CAAC,UAACgB,KAAD,EAAW;AAC5CA,IAAAA,KAAK,CAACC,cAAN;AACAD,IAAAA,KAAK,CAACG,eAAN;AACD,GAHiC,EAG/B,EAH+B,CAAlC;;AAKA,MAAMC,UAAU,GAAGpB,WAAW;AAC5B,YAACgB,KAAD,EAAkB;AAChBC,IAAAA,cAAc,CAACD,KAAD,CAAd;AACAL,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAH,IAAAA,OAAO,CAACK,OAAR,GAAkB,KAAlB;;AAEAP,IAAAA,MAAM,QAAN,YAAAA,MAAM,CAAGU,KAAH,CAAN;AACD,GAP2B;AAQ5B,GAACC,cAAD,EAAiBX,MAAjB,CAR4B,CAA9B;;;AAWAL,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMoB,GAAG,GAAGd,YAAY,CAACM,OAAzB;;AAEA,QAAI,CAACQ,GAAL,EAAU;AACR;AACD;;AAEDA,IAAAA,GAAG,CAACC,gBAAJ,CAAqB,WAArB,EAAkCL,cAAlC;AACAI,IAAAA,GAAG,CAACC,gBAAJ,CAAqB,WAArB,EAAkCL,cAAlC;AACAI,IAAAA,GAAG,CAACC,gBAAJ,CAAqB,UAArB,EAAiCP,cAAjC;AACAM,IAAAA,GAAG,CAACC,gBAAJ,CAAqB,MAArB,EAA6BF,UAA7B;;AAEA,WAAO,YAAM;AACXC,MAAAA,GAAG,CAACE,mBAAJ,CAAwB,WAAxB,EAAqCN,cAArC;AACAI,MAAAA,GAAG,CAACE,mBAAJ,CAAwB,WAAxB,EAAqCN,cAArC;AACAI,MAAAA,GAAG,CAACE,mBAAJ,CAAwB,UAAxB,EAAoCR,cAApC;AACAM,MAAAA,GAAG,CAACE,mBAAJ,CAAwB,MAAxB,EAAgCH,UAAhC;AACD,KALD;AAMD,GAlBQ,EAkBN,CAACA,UAAD,EAAaL,cAAb,EAA6BE,cAA7B,CAlBM,CAAT;;AAoBA,SAAO,EAAEP,WAAW,EAAXA,WAAF,EAAeW,GAAG,EAAEd,YAApB,EAAP;AACD,CA/DM","sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef, useState } from 'react';\n\ninterface IUseDropProps {\n  onDrop?: (event: Event) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<NodeJS.Timeout>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: Event) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"]}

package/hooks/useEffectWithoutInitCall/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/hooks/useEffectWithoutInitCall.js",
-  "module": "useEffectWithoutInitCall",
-  "types": "../useEffectWithoutInitCall.d.ts",
-  "sideEffects": false
-}

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js

@@ -1,11 +0,0 @@
-import React, { useRef } from 'react';
-export var useEffectWithoutInitCall = function useEffectWithoutInitCall(effect, deps) {
-  var isInitialRenderRef = useRef(true);
-  React.useEffect(function () {
-    if (isInitialRenderRef.current) {
-      isInitialRenderRef.current = false;
-    } else {
-      effect();
-    }
-  }, deps);
-};

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useEffectWithoutInitCall.ts"],"names":["React","useRef","useEffectWithoutInitCall","effect","deps","isInitialRenderRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,IAAgCC,MAAhC,QAA8C,OAA9C;;AAEA,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAqBC,IAArB,EAA8C;AACpF,MAAMC,kBAAkB,GAAGJ,MAAM,CAAC,IAAD,CAAjC;;AAEAD,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAID,kBAAkB,CAACE,OAAvB,EAAgC;AAC9BF,MAAAA,kBAAkB,CAACE,OAAnB,GAA6B,KAA7B;AACD,KAFD,MAEO;AACLJ,MAAAA,MAAM;AACP;AACF,GAND,EAMGC,IANH;AAOD,CAVM","sourcesContent":["import React, { DependencyList, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\n  const isInitialRenderRef = useRef(true);\n\n  React.useEffect(() => {\n    if (isInitialRenderRef.current) {\n      isInitialRenderRef.current = false;\n    } else {\n      effect();\n    }\n  }, deps);\n};\n"]}

package/hooks/useMemoObject/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/hooks/useMemoObject.js",
-  "module": "useMemoObject",
-  "types": "../useMemoObject.d.ts",
-  "sideEffects": false
-}

package/hooks/useMemoObject/useMemoObject.js

@@ -1,6 +0,0 @@
-import { useMemo } from 'react';
-export var useMemoObject = function useMemoObject(objectValue) {
-  return useMemo(function () {
-    return objectValue;
-  }, Object.values(objectValue));
-};

package/hooks/useMemoObject/useMemoObject.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useMemoObject.ts"],"names":["useMemo","useMemoObject","objectValue","Object","values"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAyBC,WAAzB,EAAkD;AAC7E,SAAOF,OAAO,CAAU,oBAAME,WAAN,EAAV,EAA6BC,MAAM,CAACC,MAAP,CAAcF,WAAd,CAA7B,CAAd;AACD,CAFM","sourcesContent":["import { useMemo } from 'react';\n\nexport const useMemoObject = <TObject extends object>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"]}

package/internal/BGRuler/BGRuler.js

@@ -1,141 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { getDOMRect } from "../../lib/dom/getDOMRect";
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-
-export var BGRuler = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(BGRuler, _React$Component);
-
-  function BGRuler() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.iframe = null;
-
-    _this.componentDidMount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.addEventListener('resize', _this.update, true);
-      }
-
-      _this.update();
-    };
-
-    _this.componentWillUnmount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.removeEventListener('resize', _this.update, true);
-      }
-    };
-
-    _this.update = function () {
-      _this.forceUpdate();
-    };
-
-    _this.iframeRef = function (ref) {
-      _this.iframe = ref;
-    };
-
-    return _this;
-  }
-
-  var _proto = BGRuler.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        width = _this$props.width,
-        height = _this$props.height,
-        color = _this$props.color,
-        top = _this$props.top,
-        bottom = _this$props.bottom,
-        left = _this$props.left,
-        right = _this$props.right;
-    var wrapper = {
-      position: 'absolute',
-      width: width,
-      height: height,
-      top: top,
-      bottom: bottom,
-      left: left,
-      right: right,
-      overflow: 'hidden'
-    };
-    var iframe = {
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      border: 0,
-      visibility: 'hidden'
-    };
-    var marks = {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      backgroundSize: '100px 20px',
-      backgroundRepeat: 'repeat-x'
-    };
-
-    var highMarks = _extends({}, marks, {
-      height: '100%',
-      backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)"
-    });
-
-    var middleMarks = _extends({}, marks, {
-      height: '75%',
-      backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)"
-    });
-
-    var shortMarks = _extends({}, marks, {
-      height: '40%',
-      backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      "
-    });
-
-    var rulerWidth = getDOMRect(this.iframe).width;
-    var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {
-      var label = {
-        position: 'absolute',
-        fontFamily: 'Arial',
-        fontSize: 10,
-        lineHeight: 1,
-        color: color,
-        bottom: -1,
-        left: index * 100 + 5
-      };
-      return /*#__PURE__*/React.createElement("span", {
-        key: index,
-        style: label
-      }, index * 100);
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      style: wrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      style: highMarks
-    }), /*#__PURE__*/React.createElement("div", {
-      style: middleMarks
-    }), /*#__PURE__*/React.createElement("div", {
-      style: shortMarks
-    }), labels, /*#__PURE__*/React.createElement("iframe", {
-      title: "BGRuler",
-      style: iframe,
-      ref: this.iframeRef
-    }));
-  };
-
-  return BGRuler;
-}(React.Component);
-BGRuler.defaultProps = {
-  height: 20,
-  top: 0,
-  left: 0,
-  right: 0,
-  color: '#333'
-};

package/internal/BGRuler/BGRuler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["BGRuler.tsx"],"names":["React","getDOMRect","BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","Component","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../lib/dom/getDOMRect';\n\n/**\n * Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n *\n * @see FxInput/__stories__/FxInput.stories.tsx\n */\nexport class BGRuler extends React.Component<{\n  width?: string | number;\n  height?: string | number;\n  top?: string | number;\n  bottom?: string | number;\n  right?: string | number;\n  left?: string | number;\n  color?: string;\n}> {\n  public static defaultProps = {\n    height: 20,\n    top: 0,\n    left: 0,\n    right: 0,\n    color: '#333',\n  };\n\n  private iframe: HTMLIFrameElement | null = null;\n\n  public componentDidMount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\n    }\n    this.update();\n  };\n\n  public componentWillUnmount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n    }\n  };\n\n  public update = () => {\n    this.forceUpdate();\n  };\n\n  public render() {\n    const { width, height, color, top, bottom, left, right } = this.props;\n    const wrapper: React.CSSProperties = {\n      position: 'absolute',\n      width,\n      height,\n      top,\n      bottom,\n      left,\n      right,\n      overflow: 'hidden',\n    };\n    const iframe: React.CSSProperties = {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      border: 0,\n      visibility: 'hidden',\n    };\n    const marks: React.CSSProperties = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      backgroundSize: '100px 20px',\n      backgroundRepeat: 'repeat-x',\n    };\n    const highMarks: React.CSSProperties = {\n      ...marks,\n      height: '100%',\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n    };\n    const middleMarks: React.CSSProperties = {\n      ...marks,\n      height: '75%',\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n    };\n    const shortMarks: React.CSSProperties = {\n      ...marks,\n      height: '40%',\n      backgroundImage: `\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n      `,\n    };\n    const rulerWidth = getDOMRect(this.iframe).width;\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n      .fill(null)\n      .map((value, index) => {\n        const label: React.CSSProperties = {\n          position: 'absolute',\n          fontFamily: 'Arial',\n          fontSize: 10,\n          lineHeight: 1,\n          color,\n          bottom: -1,\n          left: index * 100 + 5,\n        };\n        return (\n          <span key={index} style={label}>\n            {index * 100}\n          </span>\n        );\n      });\n    return (\n      <div style={wrapper}>\n        <div style={highMarks} />\n        <div style={middleMarks} />\n        <div style={shortMarks} />\n        {labels}\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n      </div>\n    );\n  }\n\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\n    this.iframe = ref;\n  };\n}\n"]}

package/internal/BGRuler/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/internal/BGRuler.js",
-  "module": "BGRuler",
-  "types": "../BGRuler.d.ts",
-  "sideEffects": false
-}

package/internal/BGRuler.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<{
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}> {
-    static defaultProps: {
-        height: number;
-        top: number;
-        left: number;
-        right: number;
-        color: string;
-    };
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private iframeRef;
-}