UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 4.12 kB
{ "version": 3, "sources": ["../../../src/components/block-pattern-setup/setup-toolbar.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"], "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA0B;AAC1B,wBAAuB;AACvB,mBAKO;AAKP,uBAA0B;AAIxB;AAFF,IAAM,UAAU,CAAE,EAAE,qBAAqB,MACxC,4CAAC,SAAI,WAAU,6CACd;AAAA,EAAC;AAAA;AAAA,IACA,uBAAqB;AAAA,IACrB,SAAQ;AAAA,IACR,SAAU;AAAA,IAER,8BAAI,QAAS;AAAA;AAChB,GACD;AAGD,IAAM,qBAAqB,CAAE;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MACC,6CAAC,SAAI,WAAU,gDACd;AAAA;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAO,mBAAM,IAAI,4BAAe;AAAA,MAChC,WAAQ,gBAAI,kBAAmB;AAAA,MAC/B,SAAU;AAAA,MACV,UAAW,gBAAgB;AAAA,MAC3B,wBAAsB;AAAA;AAAA,EACvB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAO,mBAAM,IAAI,2BAAc;AAAA,MAC/B,WAAQ,gBAAI,cAAe;AAAA,MAC3B,SAAU;AAAA,MACV,UAAW,gBAAgB,cAAc;AAAA,MACzC,wBAAsB;AAAA;AAAA,EACvB;AAAA,GACD;AAGD,IAAM,eAAe,CAAE;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,iBAAiB,aAAa,2BAAU;AAC9C,QAAM,kBACL,6CAAC,SAAI,WAAU,sDACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,MAAO;AAAA,QACP,WAAQ,gBAAI,eAAgB;AAAA,QAC5B,SAAU,MAAM,YAAa,2BAAU,QAAS;AAAA,QAChD,WAAY;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,MAAO;AAAA,QACP,WAAQ,gBAAI,WAAY;AAAA,QACxB,SAAU,MAAM,YAAa,2BAAU,IAAK;AAAA,QAC5C,WAAY,aAAa,2BAAU;AAAA;AAAA,IACpC;AAAA,KACD;AAED,SACC,6CAAC,SAAI,WAAU,6CACZ;AAAA,sBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAEC;AAAA,IACA,kBACD,4CAAC,WAAQ,sBAA8C;AAAA,KAEzD;AAEF;AAEA,IAAO,wBAAQ;", "names": [] }