UNPKG

@wordpress/edit-post

Version:
8 lines (7 loc) 3.74 kB
{ "version": 3, "sources": ["../../../src/components/init-pattern-modal/index.js"], "sourcesContent": ["import { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst { isCleanNewPost } = useSelect( editorStore );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( () => isCleanNewPost() );\n\n\tif ( ! isModalOpen ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tsetIsModalOpen( false );\n\t\t\t} }\n\t\t\toverlayClassName=\"patterns-create-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\teditPost( {\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetSyncType( ! syncType ? 'unsynced' : undefined );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<Stack justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"], "mappings": ";AAAA,SAAS,WAAW,mBAAmB;AACvC,SAAS,IAAI,UAAU;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,SAAS,mBAAmB;AAiCjC,SACC,KADD;AA/BW,SAAR,mBAAoC;AAC1C,QAAM,EAAE,SAAS,IAAI,YAAa,WAAY;AAC9C,QAAM,EAAE,eAAe,IAAI,UAAW,WAAY;AAClD,QAAM,CAAE,UAAU,WAAY,IAAI,SAAU,MAAU;AACtD,QAAM,CAAE,OAAO,QAAS,IAAI,SAAU,EAAG;AACzC,QAAM,CAAE,aAAa,cAAe,IAAI,SAAU,MAAM,eAAe,CAAE;AAEzE,MAAK,CAAE,aAAc;AACpB,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,gBAAiB;AAAA,MAC7B,gBAAiB,MAAM;AACtB,uBAAgB,KAAM;AAAA,MACvB;AAAA,MACA,kBAAiB;AAAA,MAEjB;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,2BAAgB,KAAM;AACtB,qBAAU;AAAA,cACT;AAAA,cACA,MAAM;AAAA,gBACL,wBAAwB;AAAA,cACzB;AAAA,YACD,CAAE;AAAA,UACH;AAAA,UAEA,+BAAC,SAAM,WAAU,UAAS,KAAI,MAC7B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAQ,GAAI,MAAO;AAAA,gBACnB,OAAQ;AAAA,gBACR,UAAW;AAAA,gBACX,aAAc,GAAI,YAAa;AAAA,gBAC/B,WAAU;AAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAQ,GAAI,UAAU,oBAAqB;AAAA,gBAC3C,MAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,SAAU,CAAE;AAAA,gBACZ,UAAW,MAAM;AAChB,8BAAa,CAAE,WAAW,aAAa,MAAU;AAAA,gBAClD;AAAA;AAAA,YACD;AAAA,YACA,oBAAC,SAAM,SAAQ,OACd;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAW,CAAE;AAAA,gBACb,wBAAsB;AAAA,gBAEpB,aAAI,QAAS;AAAA;AAAA,YAChB,GACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;", "names": [] }