@wordpress/block-library
Version:
Block library for the WordPress editor.
8 lines (7 loc) • 3.29 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/navigation/edit/overlay-menu-preview.js"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! hasIcon }\n\t\t\t\tonDeselect={ () => setAttributes( { hasIcon: true } ) }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Configure the visual appearance of the button that toggles the overlay menu.'\n\t\t\t\t\t) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { hasIcon: value } )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ hasIcon }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => icon !== 'handle' }\n\t\t\t\tonDeselect={ () => setAttributes( { icon: 'handle' } ) }\n\t\t\t>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"wp-block-navigation__overlay-menu-icon-toggle-group\"\n\t\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\t\tvalue={ icon }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\t\tisBlock\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n}\n"],
"mappings": ";AAGA;AAAA,EACC;AAAA,EACA,oCAAoC;AAAA,EACpC,0CAA0C;AAAA,EAC1C,gCAAgC;AAAA,OAC1B;AACP,SAAS,UAAU;AAKnB,OAAO,qBAAqB;AAI1B,mBAOE,KAkBA,YAzBF;AAFa,SAAR,mBAAqC,EAAE,eAAe,SAAS,KAAK,GAAI;AAC9E,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,kBAAmB;AAAA,QAC/B,kBAAgB;AAAA,QAChB,UAAW,MAAM,CAAE;AAAA,QACnB,YAAa,MAAM,cAAe,EAAE,SAAS,KAAK,CAAE;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,GAAI,kBAAmB;AAAA,YAC/B,MAAO;AAAA,cACN;AAAA,YACD;AAAA,YACA,UAAW,CAAE,UACZ,cAAe,EAAE,SAAS,MAAM,CAAE;AAAA,YAEnC,SAAU;AAAA;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,MAAO;AAAA,QACnB,kBAAgB;AAAA,QAChB,UAAW,MAAM,SAAS;AAAA,QAC1B,YAAa,MAAM,cAAe,EAAE,MAAM,SAAS,CAAE;AAAA,QAErD;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,WAAU;AAAA,YACV,OAAQ,GAAI,MAAO;AAAA,YACnB,OAAQ;AAAA,YACR,UAAW,CAAE,UAAW,cAAe,EAAE,MAAM,MAAM,CAAE;AAAA,YACvD,SAAO;AAAA,YAEP;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAM;AAAA,kBACN,cAAa,GAAI,QAAS;AAAA,kBAC1B,OAAQ,oBAAC,mBAAgB,MAAK,UAAS;AAAA;AAAA,cACxC;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAM;AAAA,kBACN,cAAa,GAAI,MAAO;AAAA,kBACxB,OAAQ,oBAAC,mBAAgB,MAAK,QAAO;AAAA;AAAA,cACtC;AAAA;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
"names": []
}