@wordpress/widgets 4.32.0 → 4.32.1-next.ff1cebbba.0

package/build/blocks/legacy-widget/edit/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_icons","_i18n","_element","_coreData","_widgetTypeSelector","_inspectorCard","_form","_preview","_noPreview","_convertToBlocksButton","_jsxRuntime","Edit","props","id","idBase","attributes","isWide","blockProps","useBlockProps","className","clsx","jsx","children","Empty","NotEmpty","setAttributes","Placeholder","icon","BlockIcon","brushIcon","label","__","Flex","FlexBlock","default","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","useState","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","useEntityRecord","setInstance","useCallback","nextInstance","Spinner","mode","jsxs","Fragment","BlockControls","group","rawInstance","raw","InspectorControls","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode = idBase && ! isSelected ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,UAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,sBAAA,GAAAb,sBAAA,CAAAC,OAAA;AAA+D,IAAAa,WAAA,GAAAb,OAAA;AA5B/D;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAQe,SAASc,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IAAEC,EAAE;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,UAAU;EACvC,MAAM;IAAEC,MAAM,GAAG;EAAM,CAAC,GAAGJ,KAAK;EAEhC,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,gBAAgB,EAAEJ;IACnB,CAAE;EACH,CAAE,CAAC;EAEH,oBACC,IAAAN,WAAA,CAAAW,GAAA;IAAA,GAAUJ,UAAU;IAAAK,QAAA,EACjB,CAAET,EAAE,IAAI,CAAEC,MAAM,gBACjB,IAAAJ,WAAA,CAAAW,GAAA,EAACE,KAAK;MAAA,GAAMX;IAAK,CAAI,CAAC,gBAEtB,IAAAF,WAAA,CAAAW,GAAA,EAACG,QAAQ;MAAA,GAAMZ;IAAK,CAAI;EACxB,CACG,CAAC;AAER;AAEA,SAASW,KAAKA,CAAE;EAAER,UAAU,EAAE;IAAEF,EAAE;IAAEC;EAAO,CAAC;EAAEW;AAAc,CAAC,EAAG;EAC/D,oBACC,IAAAf,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAA2B,WAAW;IACXC,IAAI,eAAG,IAAAjB,WAAA,CAAAW,GAAA,EAACvB,YAAA,CAAA8B,SAAS;MAACD,IAAI,EAAGE;IAAW,CAAE,CAAG;IACzCC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAAAT,QAAA,eAE/B,IAAAZ,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAAiC,IAAI;MAAAV,QAAA,eACJ,IAAAZ,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAAkC,SAAS;QAAAX,QAAA,eACT,IAAAZ,WAAA,CAAAW,GAAA,EAACjB,mBAAA,CAAA8B,OAAkB;UAClBC,UAAU,EAAGtB,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIC,MAAQ;UAC3BsB,QAAQ,EAAGA,CAAE;YAAED,UAAU;YAAEE;UAAQ,CAAC,KAAM;YACzC,IAAK,CAAEF,UAAU,EAAG;cACnBV,aAAa,CAAE;gBACdZ,EAAE,EAAE,IAAI;gBACRC,MAAM,EAAE,IAAI;gBACZwB,QAAQ,EAAE;cACX,CAAE,CAAC;YACJ,CAAC,MAAM,IAAKD,OAAO,EAAG;cACrBZ,aAAa,CAAE;gBACdZ,EAAE,EAAE,IAAI;gBACRC,MAAM,EAAEqB,UAAU;gBAClBG,QAAQ,EAAE,CAAC;cACZ,CAAE,CAAC;YACJ,CAAC,MAAM;cACNb,aAAa,CAAE;gBACdZ,EAAE,EAAEsB,UAAU;gBACdrB,MAAM,EAAE,IAAI;gBACZwB,QAAQ,EAAE;cACX,CAAE,CAAC;YACJ;UACD;QAAG,CACH;MAAC,CACQ;IAAC,CACP;EAAC,CACK,CAAC;AAEhB;AAEA,SAASd,QAAQA,CAAE;EAClBT,UAAU,EAAE;IAAEF,EAAE;IAAEC,MAAM;IAAEwB;EAAS,CAAC;EACpCb,aAAa;EACbc,QAAQ;EACRC,UAAU;EACVxB,MAAM,GAAG;AACV,CAAC,EAAG;EACH,MAAM,CAAEyB,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEtD,MAAMC,YAAY,GAAG/B,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIC,MAAM;EACjC,MAAM;IAAE+B,MAAM,EAAEC,UAAU;IAAEC,WAAW,EAAEC;EAAsB,CAAC,GAC/D,IAAAC,yBAAe,EAAE,MAAM,EAAE,YAAY,EAAEL,YAAa,CAAC;EAEtD,MAAMM,WAAW,GAAG,IAAAC,oBAAW,EAAIC,YAAY,IAAM;IACpD3B,aAAa,CAAE;MAAEa,QAAQ,EAAEc;IAAa,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEN,UAAU,IAAIE,qBAAqB,EAAG;IAC5C,oBACC,IAAAtC,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAA2B,WAAW;MACXC,IAAI,eAAG,IAAAjB,WAAA,CAAAW,GAAA,EAACvB,YAAA,CAAA8B,SAAS;QAACD,IAAI,EAAGE;MAAW,CAAE,CAAG;MACzCC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAAAT,QAAA,EAE7B,IAAAS,QAAE,EAAE,oBAAqB;IAAC,CAChB,CAAC;EAEhB;EAEA,IAAK,CAAEiB,qBAAqB,EAAG;IAC9B,oBACC,IAAAtC,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAA2B,WAAW;MAAAJ,QAAA,eACX,IAAAZ,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAAsD,OAAO,IAAE;IAAC,CACC,CAAC;EAEhB;EAEA,MAAMC,IAAI,GAAGxC,MAAM,IAAI,CAAE0B,UAAU,GAAG,SAAS,GAAG,MAAM;EAExD,oBACC,IAAA9B,WAAA,CAAA6C,IAAA,EAAA7C,WAAA,CAAA8C,QAAA;IAAAlC,QAAA,GACGR,MAAM,KAAK,MAAM,iBAClB,IAAAJ,WAAA,CAAAW,GAAA,EAACvB,YAAA,CAAA2D,aAAa;MAACC,KAAK,EAAC,OAAO;MAAApC,QAAA,eAC3B,IAAAZ,WAAA,CAAAW,GAAA,EAACZ,sBAAA,CAAAyB,OAAqB;QACrBK,QAAQ,EAAGA,QAAU;QACrBoB,WAAW,EAAGrB,QAAQ,CAACsB;MAAK,CAC5B;IAAC,CACY,CACf,eAED,IAAAlD,WAAA,CAAAW,GAAA,EAACvB,YAAA,CAAA+D,iBAAiB;MAAAvC,QAAA,eACjB,IAAAZ,WAAA,CAAAW,GAAA,EAAChB,cAAA,CAAA6B,OAAa;QACb4B,IAAI,EAAGhB,UAAU,CAACgB,IAAM;QACxBC,WAAW,EAAGjB,UAAU,CAACiB;MAAa,CACtC;IAAC,CACgB,CAAC,eAEpB,IAAArD,WAAA,CAAAW,GAAA,EAACf,KAAA,CAAA4B,OAAI;MACJ8B,KAAK,EAAGlB,UAAU,CAACgB,IAAM;MACzBG,SAAS,EAAGX,IAAI,KAAK,MAAQ;MAC7BzC,EAAE,EAAGA,EAAI;MACTC,MAAM,EAAGA,MAAQ;MACjBwB,QAAQ,EAAGA,QAAU;MACrBtB,MAAM,EAAGA,MAAQ;MACjBkD,gBAAgB,EAAGhB,WAAa;MAChCiB,kBAAkB,EAAGzB;IAAe,CACpC,CAAC,EAEA5B,MAAM,iBACP,IAAAJ,WAAA,CAAA6C,IAAA,EAAA7C,WAAA,CAAA8C,QAAA;MAAAlC,QAAA,GACGmB,UAAU,KAAK,IAAI,IAAIa,IAAI,KAAK,SAAS,iBAC1C,IAAA5C,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAA2B,WAAW;QAAAJ,QAAA,eACX,IAAAZ,WAAA,CAAAW,GAAA,EAACtB,WAAA,CAAAsD,OAAO,IAAE;MAAC,CACC,CACb,EACCZ,UAAU,KAAK,IAAI,iBACpB,IAAA/B,WAAA,CAAAW,GAAA,EAACd,QAAA,CAAA2B,OAAO;QACPpB,MAAM,EAAGA,MAAQ;QACjBwB,QAAQ,EAAGA,QAAU;QACrB2B,SAAS,EAAGX,IAAI,KAAK;MAAW,CAChC,CACD,EACCb,UAAU,KAAK,KAAK,IAAIa,IAAI,KAAK,SAAS,iBAC3C,IAAA5C,WAAA,CAAAW,GAAA,EAACb,UAAA,CAAA0B,OAAS;QAAC4B,IAAI,EAAGhB,UAAU,CAACgB;MAAM,CAAE,CACrC;IAAA,CACA,CACF;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/blocks/legacy-widget/edit/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode = idBase && ! isSelected ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CI;AAxCJ,kBAAiB;AAKjB,0BAKO;AACP,wBAAsD;AACtD,mBAAmC;AACnC,kBAAmB;AACnB,qBAAsC;AACtC,uBAAgC;AAKhC,kCAA+B;AAC/B,4BAA0B;AAC1B,kBAAiB;AACjB,qBAAoB;AACpB,wBAAsB;AACtB,sCAAkC;AAEnB,SAAR,KAAuB,OAAQ;AACrC,QAAM,EAAE,IAAI,OAAO,IAAI,MAAM;AAC7B,QAAM,EAAE,SAAS,MAAM,IAAI;AAE3B,QAAM,iBAAa,mCAAe;AAAA,IACjC,eAAW,YAAAA,SAAM;AAAA,MAChB,kBAAkB;AAAA,IACnB,CAAE;AAAA,EACH,CAAE;AAEF,SACC,4CAAC,SAAM,GAAG,YACP,WAAE,MAAM,CAAE,SACX,4CAAC,SAAQ,GAAG,OAAQ,IAEpB,4CAAC,YAAW,GAAG,OAAQ,GAEzB;AAEF;AAEA,SAAS,MAAO,EAAE,YAAY,EAAE,IAAI,OAAO,GAAG,cAAc,GAAI;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,4CAAC,iCAAU,MAAO,aAAAC,OAAY;AAAA,MACrC,WAAQ,gBAAI,eAAgB;AAAA,MAE5B,sDAAC,0BACA,sDAAC,+BACA;AAAA,QAAC,4BAAAC;AAAA,QAAA;AAAA,UACA,YAAa,MAAM;AAAA,UACnB,UAAW,CAAE,EAAE,YAAY,QAAQ,MAAO;AACzC,gBAAK,CAAE,YAAa;AACnB,4BAAe;AAAA,gBACd,IAAI;AAAA,gBACJ,QAAQ;AAAA,gBACR,UAAU;AAAA,cACX,CAAE;AAAA,YACH,WAAY,SAAU;AACrB,4BAAe;AAAA,gBACd,IAAI;AAAA,gBACJ,QAAQ;AAAA,gBACR,UAAU,CAAC;AAAA,cACZ,CAAE;AAAA,YACH,OAAO;AACN,4BAAe;AAAA,gBACd,IAAI;AAAA,gBACJ,QAAQ;AAAA,gBACR,UAAU;AAAA,cACX,CAAE;AAAA,YACH;AAAA,UACD;AAAA;AAAA,MACD,GACD,GACD;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,SAAU;AAAA,EAClB,YAAY,EAAE,IAAI,QAAQ,SAAS;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACV,GAAI;AACH,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAU,IAAK;AAErD,QAAM,eAAe,MAAM;AAC3B,QAAM,EAAE,QAAQ,YAAY,aAAa,sBAAsB,QAC9D,kCAAiB,QAAQ,cAAc,YAAa;AAErD,QAAM,kBAAc,4BAAa,CAAE,iBAAkB;AACpD,kBAAe,EAAE,UAAU,aAAa,CAAE;AAAA,EAC3C,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,cAAc,uBAAwB;AAC5C,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAO,4CAAC,iCAAU,MAAO,aAAAD,OAAY;AAAA,QACrC,WAAQ,gBAAI,eAAgB;AAAA,QAE1B,8BAAI,oBAAqB;AAAA;AAAA,IAC5B;AAAA,EAEF;AAEA,MAAK,CAAE,uBAAwB;AAC9B,WACC,4CAAC,iCACA,sDAAC,6BAAQ,GACV;AAAA,EAEF;AAEA,QAAM,OAAO,UAAU,CAAE,aAAa,YAAY;AAElD,SACC,4EACG;AAAA,eAAW,UACZ,4CAAC,qCAAc,OAAM,SACpB;AAAA,MAAC,gCAAAE;AAAA,MAAA;AAAA,QACA;AAAA,QACA,aAAc,SAAS;AAAA;AAAA,IACxB,GACD;AAAA,IAGD,4CAAC,yCACA;AAAA,MAAC,sBAAAC;AAAA,MAAA;AAAA,QACA,MAAO,WAAW;AAAA,QAClB,aAAc,WAAW;AAAA;AAAA,IAC1B,GACD;AAAA,IAEA;AAAA,MAAC,YAAAC;AAAA,MAAA;AAAA,QACA,OAAQ,WAAW;AAAA,QACnB,WAAY,SAAS;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAmB;AAAA,QACnB,oBAAqB;AAAA;AAAA,IACtB;AAAA,IAEE,UACD,4EACG;AAAA,qBAAe,QAAQ,SAAS,aACjC,4CAAC,iCACA,sDAAC,6BAAQ,GACV;AAAA,MAEC,eAAe,QAChB;AAAA,QAAC,eAAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAY,SAAS;AAAA;AAAA,MACtB;AAAA,MAEC,eAAe,SAAS,SAAS,aAClC,4CAAC,kBAAAC,SAAA,EAAU,MAAO,WAAW,MAAO;AAAA,OAEtC;AAAA,KAEF;AAEF;",
+  "names": ["clsx", "brushIcon", "WidgetTypeSelector", "ConvertToBlocksButton", "InspectorCard", "Form", "Preview", "NoPreview"]
+}

package/build/blocks/legacy-widget/edit/inspector-card.js

@@ -1,22 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inspector_card_exports = {};
+__export(inspector_card_exports, {
+  default: () => InspectorCard
 });
-exports.default = InspectorCard;
-var _jsxRuntime = require("react/jsx-runtime");
-function InspectorCard({
-  name,
-  description
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "wp-block-legacy-widget-inspector-card",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-      className: "wp-block-legacy-widget-inspector-card__name",
-      children: name
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: description
-    })]
-  });
+module.exports = __toCommonJS(inspector_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function InspectorCard({ name, description }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "wp-block-legacy-widget-inspector-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "wp-block-legacy-widget-inspector-card__name", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: description })
+  ] });
 }
-//# sourceMappingURL=inspector-card.js.map
+//# sourceMappingURL=inspector-card.js.map

package/build/blocks/legacy-widget/edit/inspector-card.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["InspectorCard","name","description","_jsxRuntime","jsxs","className","children","jsx"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,oBACC,IAAAC,WAAA,CAAAC,IAAA;IAAKC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACrD,IAAAH,WAAA,CAAAI,GAAA;MAAIF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,EACxDL;IAAI,CACH,CAAC,eACL,IAAAE,WAAA,CAAAI,GAAA;MAAAD,QAAA,EAAQJ;IAAW,CAAQ,CAAC;EAAA,CACxB,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/blocks/legacy-widget/edit/inspector-card.js"],
+  "sourcesContent": ["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEE;AAFa,SAAR,cAAgC,EAAE,MAAM,YAAY,GAAI;AAC9D,SACC,6CAAC,SAAI,WAAU,yCACd;AAAA,gDAAC,QAAG,WAAU,+CACX,gBACH;AAAA,IACA,4CAAC,UAAO,uBAAa;AAAA,KACtB;AAEF;",
+  "names": []
+}

package/build/blocks/legacy-widget/edit/no-preview.js

@@ -1,25 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var no_preview_exports = {};
+__export(no_preview_exports, {
+  default: () => NoPreview
 });
-exports.default = NoPreview;
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function NoPreview({
-  name
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "wp-block-legacy-widget__edit-no-preview",
-    children: [name && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-      children: name
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: (0, _i18n.__)('No preview available.')
-    })]
-  });
+module.exports = __toCommonJS(no_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+function NoPreview({ name }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "wp-block-legacy-widget__edit-no-preview", children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)("No preview available.") })
+  ] });
 }
-//# sourceMappingURL=no-preview.js.map
+//# sourceMappingURL=no-preview.js.map

package/build/blocks/legacy-widget/edit/no-preview.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_jsxRuntime","NoPreview","name","jsxs","className","children","jsx","__"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAAqC,IAAAC,WAAA,GAAAD,OAAA;AAHrC;AACA;AACA;;AAGe,SAASE,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,oBACC,IAAAF,WAAA,CAAAG,IAAA;IAAKC,SAAS,EAAC,yCAAyC;IAAAC,QAAA,GACrDH,IAAI,iBAAI,IAAAF,WAAA,CAAAM,GAAA;MAAAD,QAAA,EAAMH;IAAI,CAAM,CAAC,eAC3B,IAAAF,WAAA,CAAAM,GAAA;MAAAD,QAAA,EAAK,IAAAE,QAAE,EAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACpC,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/blocks/legacy-widget/edit/no-preview.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE;AAJF,kBAAmB;AAEJ,SAAR,UAA4B,EAAE,KAAK,GAAI;AAC7C,SACC,6CAAC,SAAI,WAAU,2CACZ;AAAA,YAAQ,4CAAC,QAAK,gBAAM;AAAA,IACtB,4CAAC,OAAI,8BAAI,uBAAwB,GAAG;AAAA,KACrC;AAEF;",
+  "names": []
+}

package/build/blocks/legacy-widget/edit/preview.js

@@ -1,124 +1,123 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var preview_exports = {};
+__export(preview_exports, {
+  default: () => Preview
 });
-exports.default = Preview;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-function Preview({
-  idBase,
-  instance,
-  isVisible
-}) {
-  const [isLoaded, setIsLoaded] = (0, _element.useState)(false);
-  const [srcDoc, setSrcDoc] = (0, _element.useState)('');
-  (0, _element.useEffect)(() => {
-    const abortController = typeof window.AbortController === 'undefined' ? undefined : new window.AbortController();
+module.exports = __toCommonJS(preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_api_fetch = __toESM(require("@wordpress/api-fetch"));
+function Preview({ idBase, instance, isVisible }) {
+  const [isLoaded, setIsLoaded] = (0, import_element.useState)(false);
+  const [srcDoc, setSrcDoc] = (0, import_element.useState)("");
+  (0, import_element.useEffect)(() => {
+    const abortController = typeof window.AbortController === "undefined" ? void 0 : new window.AbortController();
     async function fetchPreviewHTML() {
       const restRoute = `/wp/v2/widget-types/${idBase}/render`;
-      return await (0, _apiFetch.default)({
+      return await (0, import_api_fetch.default)({
         path: restRoute,
-        method: 'POST',
+        method: "POST",
         signal: abortController?.signal,
-        data: instance ? {
-          instance
-        } : {}
+        data: instance ? { instance } : {}
       });
     }
-    fetchPreviewHTML().then(response => {
+    fetchPreviewHTML().then((response) => {
       setSrcDoc(response.preview);
-    }).catch(error => {
-      if ('AbortError' === error.name) {
-        // We don't want to log aborted requests.
+    }).catch((error) => {
+      if ("AbortError" === error.name) {
         return;
       }
       throw error;
     });
     return () => abortController?.abort();
   }, [idBase, instance]);
-
-  // Resize the iframe on either the load event, or when the iframe becomes visible.
-  const ref = (0, _compose.useRefEffect)(iframe => {
-    // Only set height if the iframe is loaded,
-    // or it will grow to an unexpected large height in Safari if it's hidden initially.
-    if (!isLoaded) {
-      return;
-    }
-    // If the preview frame has another origin then this won't work.
-    // One possible solution is to add custom script to call `postMessage` in the preview frame.
-    // Or, better yet, we migrate away from iframe.
-    function setHeight() {
-      var _iframe$contentDocume, _iframe$contentDocume2;
-      // Pick the maximum of these two values to account for margin collapsing.
-      const height = Math.max((_iframe$contentDocume = iframe.contentDocument.documentElement?.offsetHeight) !== null && _iframe$contentDocume !== void 0 ? _iframe$contentDocume : 0, (_iframe$contentDocume2 = iframe.contentDocument.body?.offsetHeight) !== null && _iframe$contentDocume2 !== void 0 ? _iframe$contentDocume2 : 0);
-
-      // Fallback to a height of 100px if the height cannot be determined.
-      // This ensures the block is still selectable. 100px should hopefully
-      // be not so big that it's annoying, and not so small that nothing
-      // can be seen.
-      iframe.style.height = `${height !== 0 ? height : 100}px`;
-    }
-    const {
-      IntersectionObserver
-    } = iframe.ownerDocument.defaultView;
-
-    // Observe for intersections that might cause a change in the height of
-    // the iframe, e.g. a Widget Area becoming expanded.
-    const intersectionObserver = new IntersectionObserver(([entry]) => {
-      if (entry.isIntersecting) {
-        setHeight();
+  const ref = (0, import_compose.useRefEffect)(
+    (iframe) => {
+      if (!isLoaded) {
+        return;
       }
-    }, {
-      threshold: 1
-    });
-    intersectionObserver.observe(iframe);
-    iframe.addEventListener('load', setHeight);
-    return () => {
-      intersectionObserver.disconnect();
-      iframe.removeEventListener('load', setHeight);
-    };
-  }, [isLoaded]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [isVisible && !isLoaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('wp-block-legacy-widget__edit-preview', {
-        'is-offscreen': !isVisible || !isLoaded
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Disabled, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
-          ref: ref,
-          className: "wp-block-legacy-widget__edit-preview-iframe",
-          tabIndex: "-1",
-          title: (0, _i18n.__)('Legacy Widget Preview'),
-          srcDoc: srcDoc,
-          onLoad: event => {
-            // To hide the scrollbars of the preview frame for some edge cases,
-            // such as negative margins in the Gallery Legacy Widget.
-            // It can't be scrolled anyway.
-            // TODO: Ideally, this should be fixed in core.
-            event.target.contentDocument.body.style.overflow = 'hidden';
-            setIsLoaded(true);
-          },
-          height: 100
-        })
-      })
-    })]
-  });
+      function setHeight() {
+        const height = Math.max(
+          iframe.contentDocument.documentElement?.offsetHeight ?? 0,
+          iframe.contentDocument.body?.offsetHeight ?? 0
+        );
+        iframe.style.height = `${height !== 0 ? height : 100}px`;
+      }
+      const { IntersectionObserver } = iframe.ownerDocument.defaultView;
+      const intersectionObserver = new IntersectionObserver(
+        ([entry]) => {
+          if (entry.isIntersecting) {
+            setHeight();
+          }
+        },
+        {
+          threshold: 1
+        }
+      );
+      intersectionObserver.observe(iframe);
+      iframe.addEventListener("load", setHeight);
+      return () => {
+        intersectionObserver.disconnect();
+        iframe.removeEventListener("load", setHeight);
+      };
+    },
+    [isLoaded]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    isVisible && !isLoaded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Placeholder, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_clsx.default)("wp-block-legacy-widget__edit-preview", {
+          "is-offscreen": !isVisible || !isLoaded
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Disabled, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "iframe",
+          {
+            ref,
+            className: "wp-block-legacy-widget__edit-preview-iframe",
+            tabIndex: "-1",
+            title: (0, import_i18n.__)("Legacy Widget Preview"),
+            srcDoc,
+            onLoad: (event) => {
+              event.target.contentDocument.body.style.overflow = "hidden";
+              setIsLoaded(true);
+            },
+            height: 100
+          }
+        ) })
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=preview.js.map
+//# sourceMappingURL=preview.js.map

package/build/blocks/legacy-widget/edit/preview.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_components","_i18n","_apiFetch","_jsxRuntime","Preview","idBase","instance","isVisible","isLoaded","setIsLoaded","useState","srcDoc","setSrcDoc","useEffect","abortController","window","AbortController","undefined","fetchPreviewHTML","restRoute","apiFetch","path","method","signal","data","then","response","preview","catch","error","name","abort","ref","useRefEffect","iframe","setHeight","_iframe$contentDocume","_iframe$contentDocume2","height","Math","max","contentDocument","documentElement","offsetHeight","body","style","IntersectionObserver","ownerDocument","defaultView","intersectionObserver","entry","isIntersecting","threshold","observe","addEventListener","disconnect","removeEventListener","jsxs","Fragment","children","jsx","Placeholder","Spinner","className","clsx","Disabled","tabIndex","title","__","onLoad","event","target","overflow"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useEffect, useState } from '@wordpress/element';\nimport { Disabled, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default function Preview( { idBase, instance, isVisible } ) {\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ srcDoc, setSrcDoc ] = useState( '' );\n\n\tuseEffect( () => {\n\t\tconst abortController =\n\t\t\ttypeof window.AbortController === 'undefined'\n\t\t\t\t? undefined\n\t\t\t\t: new window.AbortController();\n\n\t\tasync function fetchPreviewHTML() {\n\t\t\tconst restRoute = `/wp/v2/widget-types/${ idBase }/render`;\n\t\t\treturn await apiFetch( {\n\t\t\t\tpath: restRoute,\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: abortController?.signal,\n\t\t\t\tdata: instance ? { instance } : {},\n\t\t\t} );\n\t\t}\n\n\t\tfetchPreviewHTML()\n\t\t\t.then( ( response ) => {\n\t\t\t\tsetSrcDoc( response.preview );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif ( 'AbortError' === error.name ) {\n\t\t\t\t\t// We don't want to log aborted requests.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthrow error;\n\t\t\t} );\n\n\t\treturn () => abortController?.abort();\n\t}, [ idBase, instance ] );\n\n\t// Resize the iframe on either the load event, or when the iframe becomes visible.\n\tconst ref = useRefEffect(\n\t\t( iframe ) => {\n\t\t\t// Only set height if the iframe is loaded,\n\t\t\t// or it will grow to an unexpected large height in Safari if it's hidden initially.\n\t\t\tif ( ! isLoaded ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If the preview frame has another origin then this won't work.\n\t\t\t// One possible solution is to add custom script to call `postMessage` in the preview frame.\n\t\t\t// Or, better yet, we migrate away from iframe.\n\t\t\tfunction setHeight() {\n\t\t\t\t// Pick the maximum of these two values to account for margin collapsing.\n\t\t\t\tconst height = Math.max(\n\t\t\t\t\tiframe.contentDocument.documentElement?.offsetHeight ?? 0,\n\t\t\t\t\tiframe.contentDocument.body?.offsetHeight ?? 0\n\t\t\t\t);\n\n\t\t\t\t// Fallback to a height of 100px if the height cannot be determined.\n\t\t\t\t// This ensures the block is still selectable. 100px should hopefully\n\t\t\t\t// be not so big that it's annoying, and not so small that nothing\n\t\t\t\t// can be seen.\n\t\t\t\tiframe.style.height = `${ height !== 0 ? height : 100 }px`;\n\t\t\t}\n\n\t\t\tconst { IntersectionObserver } = iframe.ownerDocument.defaultView;\n\n\t\t\t// Observe for intersections that might cause a change in the height of\n\t\t\t// the iframe, e.g. a Widget Area becoming expanded.\n\t\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\t\t( [ entry ] ) => {\n\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\tsetHeight();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthreshold: 1,\n\t\t\t\t}\n\t\t\t);\n\t\t\tintersectionObserver.observe( iframe );\n\n\t\t\tiframe.addEventListener( 'load', setHeight );\n\n\t\t\treturn () => {\n\t\t\t\tintersectionObserver.disconnect();\n\t\t\t\tiframe.removeEventListener( 'load', setHeight );\n\t\t\t};\n\t\t},\n\t\t[ isLoaded ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /*\n\t\t\tWhile the iframe contents are loading, we move the iframe off-screen\n\t\t\tand display a placeholder instead. This ensures that the user\n\t\t\tdoesn't see the iframe resize (which looks really janky). We have to\n\t\t\tmove the iframe off-screen instead of hiding it because web browsers\n\t\t\twill not trigger onLoad if the iframe is hidden.\n\t\t\t*/ }\n\t\t\t{ isVisible && ! isLoaded && (\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'wp-block-legacy-widget__edit-preview', {\n\t\t\t\t\t'is-offscreen': ! isVisible || ! isLoaded,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Disabled>\n\t\t\t\t\t{ /*\n\t\t\t\t\tWe use an iframe so that the widget has an opportunity to\n\t\t\t\t\tload scripts and styles that it needs to run.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-preview-iframe\"\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\ttitle={ __( 'Legacy Widget Preview' ) }\n\t\t\t\t\t\tsrcDoc={ srcDoc }\n\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t// To hide the scrollbars of the preview frame for some edge cases,\n\t\t\t\t\t\t\t// such as negative margins in the Gallery Legacy Widget.\n\t\t\t\t\t\t\t// It can't be scrolled anyway.\n\t\t\t\t\t\t\t// TODO: Ideally, this should be fixed in core.\n\t\t\t\t\t\t\tevent.target.contentDocument.body.style.overflow =\n\t\t\t\t\t\t\t\t'hidden';\n\n\t\t\t\t\t\t\tsetIsLoaded( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\theight={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/blocks/legacy-widget/edit/preview.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useEffect, useState } from '@wordpress/element';\nimport { Disabled, Placeholder, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport apiFetch from '@wordpress/api-fetch';\n\nexport default function Preview( { idBase, instance, isVisible } ) {\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ srcDoc, setSrcDoc ] = useState( '' );\n\n\tuseEffect( () => {\n\t\tconst abortController =\n\t\t\ttypeof window.AbortController === 'undefined'\n\t\t\t\t? undefined\n\t\t\t\t: new window.AbortController();\n\n\t\tasync function fetchPreviewHTML() {\n\t\t\tconst restRoute = `/wp/v2/widget-types/${ idBase }/render`;\n\t\t\treturn await apiFetch( {\n\t\t\t\tpath: restRoute,\n\t\t\t\tmethod: 'POST',\n\t\t\t\tsignal: abortController?.signal,\n\t\t\t\tdata: instance ? { instance } : {},\n\t\t\t} );\n\t\t}\n\n\t\tfetchPreviewHTML()\n\t\t\t.then( ( response ) => {\n\t\t\t\tsetSrcDoc( response.preview );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tif ( 'AbortError' === error.name ) {\n\t\t\t\t\t// We don't want to log aborted requests.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthrow error;\n\t\t\t} );\n\n\t\treturn () => abortController?.abort();\n\t}, [ idBase, instance ] );\n\n\t// Resize the iframe on either the load event, or when the iframe becomes visible.\n\tconst ref = useRefEffect(\n\t\t( iframe ) => {\n\t\t\t// Only set height if the iframe is loaded,\n\t\t\t// or it will grow to an unexpected large height in Safari if it's hidden initially.\n\t\t\tif ( ! isLoaded ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If the preview frame has another origin then this won't work.\n\t\t\t// One possible solution is to add custom script to call `postMessage` in the preview frame.\n\t\t\t// Or, better yet, we migrate away from iframe.\n\t\t\tfunction setHeight() {\n\t\t\t\t// Pick the maximum of these two values to account for margin collapsing.\n\t\t\t\tconst height = Math.max(\n\t\t\t\t\tiframe.contentDocument.documentElement?.offsetHeight ?? 0,\n\t\t\t\t\tiframe.contentDocument.body?.offsetHeight ?? 0\n\t\t\t\t);\n\n\t\t\t\t// Fallback to a height of 100px if the height cannot be determined.\n\t\t\t\t// This ensures the block is still selectable. 100px should hopefully\n\t\t\t\t// be not so big that it's annoying, and not so small that nothing\n\t\t\t\t// can be seen.\n\t\t\t\tiframe.style.height = `${ height !== 0 ? height : 100 }px`;\n\t\t\t}\n\n\t\t\tconst { IntersectionObserver } = iframe.ownerDocument.defaultView;\n\n\t\t\t// Observe for intersections that might cause a change in the height of\n\t\t\t// the iframe, e.g. a Widget Area becoming expanded.\n\t\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\t\t( [ entry ] ) => {\n\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\tsetHeight();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthreshold: 1,\n\t\t\t\t}\n\t\t\t);\n\t\t\tintersectionObserver.observe( iframe );\n\n\t\t\tiframe.addEventListener( 'load', setHeight );\n\n\t\t\treturn () => {\n\t\t\t\tintersectionObserver.disconnect();\n\t\t\t\tiframe.removeEventListener( 'load', setHeight );\n\t\t\t};\n\t\t},\n\t\t[ isLoaded ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /*\n\t\t\tWhile the iframe contents are loading, we move the iframe off-screen\n\t\t\tand display a placeholder instead. This ensures that the user\n\t\t\tdoesn't see the iframe resize (which looks really janky). We have to\n\t\t\tmove the iframe off-screen instead of hiding it because web browsers\n\t\t\twill not trigger onLoad if the iframe is hidden.\n\t\t\t*/ }\n\t\t\t{ isVisible && ! isLoaded && (\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'wp-block-legacy-widget__edit-preview', {\n\t\t\t\t\t'is-offscreen': ! isVisible || ! isLoaded,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Disabled>\n\t\t\t\t\t{ /*\n\t\t\t\t\tWe use an iframe so that the widget has an opportunity to\n\t\t\t\t\tload scripts and styles that it needs to run.\n\t\t\t\t\t*/ }\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-preview-iframe\"\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\ttitle={ __( 'Legacy Widget Preview' ) }\n\t\t\t\t\t\tsrcDoc={ srcDoc }\n\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t// To hide the scrollbars of the preview frame for some edge cases,\n\t\t\t\t\t\t\t// such as negative margins in the Gallery Legacy Widget.\n\t\t\t\t\t\t\t// It can't be scrolled anyway.\n\t\t\t\t\t\t\t// TODO: Ideally, this should be fixed in core.\n\t\t\t\t\t\t\tevent.target.contentDocument.body.style.overflow =\n\t\t\t\t\t\t\t\t'hidden';\n\n\t\t\t\t\t\t\tsetIsLoaded( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\theight={ 100 }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqGE;AAlGF,kBAAiB;AAKjB,qBAA6B;AAC7B,qBAAoC;AACpC,wBAA+C;AAC/C,kBAAmB;AACnB,uBAAqB;AAEN,SAAR,QAA0B,EAAE,QAAQ,UAAU,UAAU,GAAI;AAClE,QAAM,CAAE,UAAU,WAAY,QAAI,yBAAU,KAAM;AAClD,QAAM,CAAE,QAAQ,SAAU,QAAI,yBAAU,EAAG;AAE3C,gCAAW,MAAM;AAChB,UAAM,kBACL,OAAO,OAAO,oBAAoB,cAC/B,SACA,IAAI,OAAO,gBAAgB;AAE/B,mBAAe,mBAAmB;AACjC,YAAM,YAAY,uBAAwB,MAAO;AACjD,aAAO,UAAM,iBAAAA,SAAU;AAAA,QACtB,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ,iBAAiB;AAAA,QACzB,MAAM,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,MAClC,CAAE;AAAA,IACH;AAEA,qBAAiB,EACf,KAAM,CAAE,aAAc;AACtB,gBAAW,SAAS,OAAQ;AAAA,IAC7B,CAAE,EACD,MAAO,CAAE,UAAW;AACpB,UAAK,iBAAiB,MAAM,MAAO;AAElC;AAAA,MACD;AACA,YAAM;AAAA,IACP,CAAE;AAEH,WAAO,MAAM,iBAAiB,MAAM;AAAA,EACrC,GAAG,CAAE,QAAQ,QAAS,CAAE;AAGxB,QAAM,UAAM;AAAA,IACX,CAAE,WAAY;AAGb,UAAK,CAAE,UAAW;AACjB;AAAA,MACD;AAIA,eAAS,YAAY;AAEpB,cAAM,SAAS,KAAK;AAAA,UACnB,OAAO,gBAAgB,iBAAiB,gBAAgB;AAAA,UACxD,OAAO,gBAAgB,MAAM,gBAAgB;AAAA,QAC9C;AAMA,eAAO,MAAM,SAAS,GAAI,WAAW,IAAI,SAAS,GAAI;AAAA,MACvD;AAEA,YAAM,EAAE,qBAAqB,IAAI,OAAO,cAAc;AAItD,YAAM,uBAAuB,IAAI;AAAA,QAChC,CAAE,CAAE,KAAM,MAAO;AAChB,cAAK,MAAM,gBAAiB;AAC3B,sBAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA;AAAA,UACC,WAAW;AAAA,QACZ;AAAA,MACD;AACA,2BAAqB,QAAS,MAAO;AAErC,aAAO,iBAAkB,QAAQ,SAAU;AAE3C,aAAO,MAAM;AACZ,6BAAqB,WAAW;AAChC,eAAO,oBAAqB,QAAQ,SAAU;AAAA,MAC/C;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,SACC,4EAQG;AAAA,iBAAa,CAAE,YAChB,4CAAC,iCACA,sDAAC,6BAAQ,GACV;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,eAAY,YAAAC,SAAM,wCAAwC;AAAA,UACzD,gBAAgB,CAAE,aAAa,CAAE;AAAA,QAClC,CAAE;AAAA,QAEF,sDAAC,8BAKA;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,WAAU;AAAA,YACV,UAAS;AAAA,YACT,WAAQ,gBAAI,uBAAwB;AAAA,YACpC;AAAA,YACA,QAAS,CAAE,UAAW;AAKrB,oBAAM,OAAO,gBAAgB,KAAK,MAAM,WACvC;AAED,0BAAa,IAAK;AAAA,YACnB;AAAA,YACA,QAAS;AAAA;AAAA,QACV,GACD;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
+  "names": ["apiFetch", "clsx"]
+}

package/build/blocks/legacy-widget/edit/widget-type-selector.js

@@ -1,61 +1,70 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var widget_type_selector_exports = {};
+__export(widget_type_selector_exports, {
+  default: () => WidgetTypeSelector
 });
-exports.default = WidgetTypeSelector;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function WidgetTypeSelector({
-  selectedId,
-  onSelect
-}) {
-  const widgetTypes = (0, _data.useSelect)(select => {
-    var _select$getSettings$w;
-    const hiddenIds = (_select$getSettings$w = select(_blockEditor.store).getSettings()?.widgetTypesToHideFromLegacyWidgetBlock) !== null && _select$getSettings$w !== void 0 ? _select$getSettings$w : [];
-    return select(_coreData.store).getWidgetTypes({
-      per_page: -1
-    })?.filter(widgetType => !hiddenIds.includes(widgetType.id));
+module.exports = __toCommonJS(widget_type_selector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_block_editor = require("@wordpress/block-editor");
+function WidgetTypeSelector({ selectedId, onSelect }) {
+  const widgetTypes = (0, import_data.useSelect)((select) => {
+    const hiddenIds = select(import_block_editor.store).getSettings()?.widgetTypesToHideFromLegacyWidgetBlock ?? [];
+    return select(import_core_data.store).getWidgetTypes({ per_page: -1 })?.filter((widgetType) => !hiddenIds.includes(widgetType.id));
   }, []);
   if (!widgetTypes) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {});
   }
   if (widgetTypes.length === 0) {
-    return (0, _i18n.__)('There are no widgets available.');
+    return (0, import_i18n.__)("There are no widgets available.");
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-    __next40pxDefaultSize: true,
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Legacy widget'),
-    value: selectedId !== null && selectedId !== void 0 ? selectedId : '',
-    options: [{
-      value: '',
-      label: (0, _i18n.__)('Select widget')
-    }, ...widgetTypes.map(widgetType => ({
-      value: widgetType.id,
-      label: widgetType.name
-    }))],
-    onChange: value => {
-      if (value) {
-        const selected = widgetTypes.find(widgetType => widgetType.id === value);
-        onSelect({
-          selectedId: selected.id,
-          isMulti: selected.is_multi
-        });
-      } else {
-        onSelect({
-          selectedId: null
-        });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.SelectControl,
+    {
+      __next40pxDefaultSize: true,
+      __nextHasNoMarginBottom: true,
+      label: (0, import_i18n.__)("Legacy widget"),
+      value: selectedId ?? "",
+      options: [
+        { value: "", label: (0, import_i18n.__)("Select widget") },
+        ...widgetTypes.map((widgetType) => ({
+          value: widgetType.id,
+          label: widgetType.name
+        }))
+      ],
+      onChange: (value) => {
+        if (value) {
+          const selected = widgetTypes.find(
+            (widgetType) => widgetType.id === value
+          );
+          onSelect({
+            selectedId: selected.id,
+            isMulti: selected.is_multi
+          });
+        } else {
+          onSelect({ selectedId: null });
+        }
       }
     }
-  });
+  );
 }
-//# sourceMappingURL=widget-type-selector.js.map
+//# sourceMappingURL=widget-type-selector.js.map

package/build/blocks/legacy-widget/edit/widget-type-selector.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_data","_coreData","_blockEditor","_jsxRuntime","WidgetTypeSelector","selectedId","onSelect","widgetTypes","useSelect","select","_select$getSettings$w","hiddenIds","blockEditorStore","getSettings","widgetTypesToHideFromLegacyWidgetBlock","coreStore","getWidgetTypes","per_page","filter","widgetType","includes","id","jsx","Spinner","length","__","SelectControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","options","map","name","onChange","selected","find","isMulti","is_multi"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/widget-type-selector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Legacy widget' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoE,IAAAK,WAAA,GAAAL,OAAA;AAPpE;AACA;AACA;;AAOe,SAASM,kBAAkBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACtE,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAC5C,MAAMC,SAAS,IAAAD,qBAAA,GACdD,MAAM,CAAEG,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EACrCC,sCAAsC,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IAChD,OAAOD,MAAM,CAAEM,eAAU,CAAC,CACxBC,cAAc,CAAE;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAE,CAAC,EACjCC,MAAM,CAAIC,UAAU,IAAM,CAAER,SAAS,CAACS,QAAQ,CAAED,UAAU,CAACE,EAAG,CAAE,CAAC;EACrE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEd,WAAW,EAAG;IACpB,oBAAO,IAAAJ,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,OAAO,IAAE,CAAC;EACnB;EAEA,IAAKhB,WAAW,CAACiB,MAAM,KAAK,CAAC,EAAG;IAC/B,OAAO,IAAAC,QAAE,EAAE,iCAAkC,CAAC;EAC/C;EAEA,oBACC,IAAAtB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA6B,aAAa;IACbC,qBAAqB;IACrBC,uBAAuB;IACvBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,eAAgB,CAAG;IAC/BK,KAAK,EAAGzB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAI;IAC1B0B,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,EAAE;MAAED,KAAK,EAAE,IAAAJ,QAAE,EAAE,eAAgB;IAAE,CAAC,EAC3C,GAAGlB,WAAW,CAACyB,GAAG,CAAIb,UAAU,KAAQ;MACvCW,KAAK,EAAEX,UAAU,CAACE,EAAE;MACpBQ,KAAK,EAAEV,UAAU,CAACc;IACnB,CAAC,CAAG,CAAC,CACH;IACHC,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKA,KAAK,EAAG;QACZ,MAAMK,QAAQ,GAAG5B,WAAW,CAAC6B,IAAI,CAC9BjB,UAAU,IAAMA,UAAU,CAACE,EAAE,KAAKS,KACrC,CAAC;QACDxB,QAAQ,CAAE;UACTD,UAAU,EAAE8B,QAAQ,CAACd,EAAE;UACvBgB,OAAO,EAAEF,QAAQ,CAACG;QACnB,CAAE,CAAC;MACJ,CAAC,MAAM;QACNhC,QAAQ,CAAE;UAAED,UAAU,EAAE;QAAK,CAAE,CAAC;MACjC;IACD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/blocks/legacy-widget/edit/widget-type-selector.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Spinner, SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nexport default function WidgetTypeSelector( { selectedId, onSelect } ) {\n\tconst widgetTypes = useSelect( ( select ) => {\n\t\tconst hiddenIds =\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t?.widgetTypesToHideFromLegacyWidgetBlock ?? [];\n\t\treturn select( coreStore )\n\t\t\t.getWidgetTypes( { per_page: -1 } )\n\t\t\t?.filter( ( widgetType ) => ! hiddenIds.includes( widgetType.id ) );\n\t}, [] );\n\n\tif ( ! widgetTypes ) {\n\t\treturn <Spinner />;\n\t}\n\n\tif ( widgetTypes.length === 0 ) {\n\t\treturn __( 'There are no widgets available.' );\n\t}\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Legacy widget' ) }\n\t\t\tvalue={ selectedId ?? '' }\n\t\t\toptions={ [\n\t\t\t\t{ value: '', label: __( 'Select widget' ) },\n\t\t\t\t...widgetTypes.map( ( widgetType ) => ( {\n\t\t\t\t\tvalue: widgetType.id,\n\t\t\t\t\tlabel: widgetType.name,\n\t\t\t\t} ) ),\n\t\t\t] }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst selected = widgetTypes.find(\n\t\t\t\t\t\t( widgetType ) => widgetType.id === value\n\t\t\t\t\t);\n\t\t\t\t\tonSelect( {\n\t\t\t\t\t\tselectedId: selected.id,\n\t\t\t\t\t\tisMulti: selected.is_multi,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonSelect( { selectedId: null } );\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBS;AAjBT,wBAAuC;AACvC,kBAAmB;AACnB,kBAA0B;AAC1B,uBAAmC;AACnC,0BAA0C;AAE3B,SAAR,mBAAqC,EAAE,YAAY,SAAS,GAAI;AACtE,QAAM,kBAAc,uBAAW,CAAE,WAAY;AAC5C,UAAM,YACL,OAAQ,oBAAAA,KAAiB,EAAE,YAAY,GACpC,0CAA0C,CAAC;AAC/C,WAAO,OAAQ,iBAAAC,KAAU,EACvB,eAAgB,EAAE,UAAU,GAAG,CAAE,GAChC,OAAQ,CAAE,eAAgB,CAAE,UAAU,SAAU,WAAW,EAAG,CAAE;AAAA,EACpE,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,aAAc;AACpB,WAAO,4CAAC,6BAAQ;AAAA,EACjB;AAEA,MAAK,YAAY,WAAW,GAAI;AAC/B,eAAO,gBAAI,iCAAkC;AAAA,EAC9C;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,yBAAuB;AAAA,MACvB,WAAQ,gBAAI,eAAgB;AAAA,MAC5B,OAAQ,cAAc;AAAA,MACtB,SAAU;AAAA,QACT,EAAE,OAAO,IAAI,WAAO,gBAAI,eAAgB,EAAE;AAAA,QAC1C,GAAG,YAAY,IAAK,CAAE,gBAAkB;AAAA,UACvC,OAAO,WAAW;AAAA,UAClB,OAAO,WAAW;AAAA,QACnB,EAAI;AAAA,MACL;AAAA,MACA,UAAW,CAAE,UAAW;AACvB,YAAK,OAAQ;AACZ,gBAAM,WAAW,YAAY;AAAA,YAC5B,CAAE,eAAgB,WAAW,OAAO;AAAA,UACrC;AACA,mBAAU;AAAA,YACT,YAAY,SAAS;AAAA,YACrB,SAAS,SAAS;AAAA,UACnB,CAAE;AAAA,QACH,OAAO;AACN,mBAAU,EAAE,YAAY,KAAK,CAAE;AAAA,QAChC;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "names": ["blockEditorStore", "coreStore"]
+}