UNPKG

@wordpress/block-library

Version:
8 lines (7 loc) 1.27 kB
{ "version": 3, "sources": ["../../src/image/use-max-width-observer.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\n\nfunction useMaxWidthObserver() {\n\tconst [ contentResizeListener, { width } ] = useResizeObserver();\n\tconst observerRef = useRef();\n\n\tconst maxWidthObserver = (\n\t\t<div\n\t\t\t// Some themes set max-width on blocks.\n\t\t\tclassName=\"wp-block\"\n\t\t\taria-hidden=\"true\"\n\t\t\tstyle={ {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: 0,\n\t\t\t\twidth: '100%',\n\t\t\t\theight: 0,\n\t\t\t\tmargin: 0,\n\t\t\t} }\n\t\t\tref={ observerRef }\n\t\t>\n\t\t\t{ contentResizeListener }\n\t\t</div>\n\t);\n\n\treturn [ maxWidthObserver, width ];\n}\n\nexport { useMaxWidthObserver };\n"], "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAuB;AACvB,qBAAkC;AAOhC;AALF,SAAS,sBAAsB;AAC9B,QAAM,CAAE,uBAAuB,EAAE,MAAM,CAAE,QAAI,kCAAkB;AAC/D,QAAM,kBAAc,uBAAO;AAE3B,QAAM,mBACL;AAAA,IAAC;AAAA;AAAA,MAEA,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,OAAQ;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACT;AAAA,MACA,KAAM;AAAA,MAEJ;AAAA;AAAA,EACH;AAGD,SAAO,CAAE,kBAAkB,KAAM;AAClC;", "names": [] }