@wordpress/block-library
Version:
Block library for the WordPress editor.
8 lines (7 loc) • 3.43 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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAKO;AACP,kBAAmB;AAKnB,+BAA4B;AAI1B;AAFa,SAAR,mBAAqC,EAAE,eAAe,SAAS,KAAK,GAAI;AAC9E,SACC,4EACC;AAAA;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,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,WAAQ,gBAAI,kBAAmB;AAAA,YAC/B,UAAO;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,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,MAAO;AAAA,QACnB,kBAAgB;AAAA,QAChB,UAAW,MAAM,SAAS;AAAA,QAC1B,YAAa,MAAM,cAAe,EAAE,MAAM,SAAS,CAAE;AAAA,QAErD;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,WAAU;AAAA,YACV,WAAQ,gBAAI,MAAO;AAAA,YACnB,OAAQ;AAAA,YACR,UAAW,CAAE,UAAW,cAAe,EAAE,MAAM,MAAM,CAAE;AAAA,YACvD,SAAO;AAAA,YAEP;AAAA;AAAA,gBAAC,kBAAAC;AAAA,gBAAA;AAAA,kBACA,OAAM;AAAA,kBACN,kBAAa,gBAAI,QAAS;AAAA,kBAC1B,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,UAAS;AAAA;AAAA,cACxC;AAAA,cACA;AAAA,gBAAC,kBAAAD;AAAA,gBAAA;AAAA,kBACA,OAAM;AAAA,kBACN,kBAAa,gBAAI,MAAO;AAAA,kBACxB,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,QAAO;AAAA;AAAA,cACtC;AAAA;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
"names": ["ToolsPanelItem", "ToggleGroupControl", "ToggleGroupControlOption", "OverlayMenuIcon"]
}