@wordpress/edit-post
Version:
Edit Post module for WordPress.
8 lines (7 loc) • 4.3 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/components/init-pattern-modal/index.js"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst isNewPost = useSelect(\n\t\t( select ) => select( editorStore ).isCleanNewPost(),\n\t\t[]\n\t);\n\n\tconst [ isModalOpen, setIsModalOpen ] = useState( () => isNewPost );\n\n\tif ( ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\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\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAuC;AACvC,kBAAuB;AACvB,wBAOO;AACP,qBAAyB;AACzB,oBAAqC;AAmBnC;AAjBa,SAAR,mBAAoC;AAC1C,QAAM,EAAE,SAAS,QAAI,yBAAa,cAAAA,KAAY;AAC9C,QAAM,CAAE,UAAU,WAAY,QAAI,yBAAU,MAAU;AACtD,QAAM,CAAE,OAAO,QAAS,QAAI,yBAAU,EAAG;AAEzC,QAAM,gBAAY;AAAA,IACjB,CAAE,WAAY,OAAQ,cAAAA,KAAY,EAAE,eAAe;AAAA,IACnD,CAAC;AAAA,EACF;AAEA,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,MAAM,SAAU;AAElE,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AAEA,SACC,2EACG,yBACD;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,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,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,KACf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,MAAO;AAAA,gBACnB,OAAQ;AAAA,gBACR,UAAW;AAAA,gBACX,iBAAc,gBAAI,YAAa;AAAA,gBAC/B,WAAU;AAAA,gBACV,uBAAqB;AAAA;AAAA,YACtB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,WAAQ,gBAAI,UAAU,oBAAqB;AAAA,gBAC3C,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,SAAU,CAAE;AAAA,gBACZ,UAAW,MAAM;AAChB;AAAA,oBACC,CAAE,WAAW,aAAa;AAAA,kBAC3B;AAAA,gBACD;AAAA;AAAA,YACD;AAAA,YACA,4CAAC,kBAAAC,sBAAA,EAAO,SAAQ,SACf;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAW,CAAE;AAAA,gBACb,wBAAsB;AAAA,gBAEpB,8BAAI,QAAS;AAAA;AAAA,YAChB,GACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD,GAEF;AAEF;",
"names": ["editorStore", "VStack", "HStack"]
}