WordPress/wp-includes/js/dist/patterns.min.js

2 lines
8.7 KiB
JavaScript

/*! This file is auto-generated */
!function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{privateApis:function(){return D},store:function(){return h}});var n={};e.r(n),e.d(n,{convertSyncedPatternToStatic:function(){return m},createPattern:function(){return p},createPatternFromFile:function(){return d},setEditingPattern:function(){return w}});var r={};e.r(r),e.d(r,{isEditingPattern:function(){return y}});var a=window.wp.data;var o=(0,a.combineReducers)({isEditingPattern:function(e={},t){return"SET_EDITING_PATTERN"===t?.type?{...e,[t.clientId]:t.isEditing}:e}}),s=window.wp.blocks,c=window.wp.coreData,i=window.wp.blockEditor;const l="all-patterns",u={full:"fully",unsynced:"unsynced"},p=(e,t,n,r)=>async({registry:a})=>{const o=t===u.unsynced?{wp_pattern_sync_status:t}:void 0,s={title:e,content:n,status:"publish",meta:o,wp_pattern_category:r};return await a.dispatch(c.store).saveEntityRecord("postType","wp_block",s)},d=(e,t)=>async({dispatch:n})=>{const r=await e.text();let a;try{a=JSON.parse(r)}catch(e){throw new Error("Invalid JSON file")}if("wp_block"!==a.__file||!a.title||!a.content||"string"!=typeof a.title||"string"!=typeof a.content||a.syncStatus&&"string"!=typeof a.syncStatus)throw new Error("Invalid pattern JSON file");return await n.createPattern(a.title,a.syncStatus,a.content,t)},m=e=>({registry:t})=>{const n=t.select(i.store).getBlock(e),r=t.select("core").getEditedEntityRecord("postType","wp_block",n.attributes.ref),a=(0,s.parse)("function"==typeof r.content?r.content(r):r.content);t.dispatch(i.store).replaceBlocks(n.clientId,a)};function w(e,t){return{type:"SET_EDITING_PATTERN",clientId:e,isEditing:t}}function y(e,t){return e.isEditingPattern[t]}var _=window.wp.privateApis;const{lock:g,unlock:f}=(0,_.__dangerousOptInToUnstableAPIsOnlyForCoreModules)("I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.","@wordpress/patterns"),E={reducer:o},h=(0,a.createReduxStore)("core/patterns",{...E});(0,a.register)(h),f(h).registerPrivateActions(n),f(h).registerPrivateSelectors(r);var b=window.wp.element,v=window.wp.components,C=window.wp.i18n,S=window.wp.notices,k=window.wp.compose,P=window.wp.htmlEntities;const T=e=>(0,P.decodeEntities)(e),I="wp_pattern_category";function B({categoryTerms:e,onChange:t,categoryMap:n}){const[r,a]=(0,b.useState)(""),o=(0,k.useDebounce)(a,500),s=(0,b.useMemo)((()=>Array.from(n.values()).map((e=>T(e.label))).filter((e=>""===r||e.toLowerCase().includes(r.toLowerCase()))).sort(((e,t)=>e.localeCompare(t)))),[r,n]);return(0,b.createElement)(v.FormTokenField,{className:"patterns-menu-items__convert-modal-categories",value:e,suggestions:s,onChange:function(e){const n=e.reduce(((e,t)=>(e.some((e=>e.toLowerCase()===t.toLowerCase()))||e.push(t),e)),[]);t(n)},onInputChange:o,label:(0,C.__)("Categories"),tokenizeOnBlur:!0,__experimentalExpandOnFocus:!0,__next40pxDefaultSize:!0})}function R({onSuccess:e,onError:t,content:n,onClose:r,className:o="patterns-menu-items__convert-modal"}){const[s,i]=(0,b.useState)(u.full),[p,d]=(0,b.useState)([]),[m,w]=(0,b.useState)(""),[y,_]=(0,b.useState)(!1),{createPattern:g}=f((0,a.useDispatch)(h)),{saveEntityRecord:E,invalidateResolution:k}=(0,a.useDispatch)(c.store),{createErrorNotice:P}=(0,a.useDispatch)(S.store),{corePatternCategories:T,userPatternCategories:R}=(0,a.useSelect)((e=>{const{getUserPatternCategories:t,getBlockPatternCategories:n}=e(c.store);return{corePatternCategories:n(),userPatternCategories:t()}})),N=(0,b.useMemo)((()=>{const e=new Map;return[...R,...T].forEach((t=>{e.has(t.label)||"query"===t.name||e.set(t.label,{label:t.label,value:t.label,name:t.name})})),e}),[R,T]);async function M(r,a){if(m&&!y)try{_(!0);const t=await Promise.all(p.map((e=>async function(e){try{const t=N.get(e),n=t?{name:t.label,slug:t.name}:{name:e},r=await E("taxonomy",I,n,{throwOnError:!0});return k("getUserPatternCategories"),r.id}catch(e){if("term_exists"!==e.code)throw e;return e.data.term_id}}(e)))),o=await g(r,a,"function"==typeof n?n():n,t);e({pattern:o,categoryId:l})}catch(e){P(e.message,{type:"snackbar",id:"convert-to-pattern-error"}),t()}finally{_(!1),d([]),w("")}}return(0,b.createElement)(v.Modal,{title:(0,C.__)("Create pattern"),onRequestClose:()=>{r(),w("")},overlayClassName:o},(0,b.createElement)("form",{onSubmit:e=>{e.preventDefault(),M(m,s)}},(0,b.createElement)(v.__experimentalVStack,{spacing:"5"},(0,b.createElement)(v.TextControl,{__nextHasNoMarginBottom:!0,label:(0,C.__)("Name"),value:m,onChange:w,placeholder:(0,C.__)("My pattern"),className:"patterns-create-modal__name-input"}),(0,b.createElement)(B,{categoryTerms:p,onChange:d,categoryMap:N}),(0,b.createElement)(v.ToggleControl,{label:(0,C._x)("Synced","Option that makes an individual pattern synchronized"),help:(0,C.__)("Editing the pattern will update it anywhere it is used."),checked:s===u.full,onChange:()=>{i(s===u.full?u.unsynced:u.full)}}),(0,b.createElement)(v.__experimentalHStack,{justify:"right"},(0,b.createElement)(v.Button,{variant:"tertiary",onClick:()=>{r(),w("")}},(0,C.__)("Cancel")),(0,b.createElement)(v.Button,{variant:"primary",type:"submit","aria-disabled":!m||y,isBusy:y},(0,C.__)("Create"))))))}var N=window.wp.primitives;var M=(0,b.createElement)(N.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,b.createElement)(N.Path,{d:"M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"}));function O({clientIds:e,rootClientId:t}){const{createSuccessNotice:n}=(0,a.useDispatch)(S.store),{replaceBlocks:r}=(0,a.useDispatch)(i.store),{setEditingPattern:o}=f((0,a.useDispatch)(h)),[l,p]=(0,b.useState)(!1),d=(0,a.useSelect)((n=>{var r;const{canUser:a}=n(c.store),{getBlocksByClientId:o,canInsertBlockType:l,getBlockRootClientId:u}=n(i.store),p=t||(e.length>0?u(e[0]):void 0),d=null!==(r=o(e))&&void 0!==r?r:[];return!(1===d.length&&d[0]&&(0,s.isReusableBlock)(d[0])&&!!n(c.store).getEntityRecord("postType","wp_block",d[0].attributes.ref))&&l("core/block",p)&&d.every((e=>!!e&&e.isValid&&(0,s.hasBlockSupport)(e.name,"reusable",!0)))&&!!a("create","blocks")}),[e,t]),{getBlocksByClientId:m}=(0,a.useSelect)(i.store),w=(0,b.useCallback)((()=>(0,s.serialize)(m(e))),[m,e]);if(!d)return null;return(0,b.createElement)(b.Fragment,null,(0,b.createElement)(v.MenuItem,{icon:M,onClick:()=>p(!0),"aria-expanded":l,"aria-haspopup":"dialog"},(0,C.__)("Create pattern")),l&&(0,b.createElement)(R,{content:w,onSuccess:t=>{(({pattern:t})=>{if(t.wp_pattern_sync_status!==u.unsynced){const n=(0,s.createBlock)("core/block",{ref:t.id});r(e,n),o(n.clientId,!0)}n(t.wp_pattern_sync_status===u.unsynced?(0,C.sprintf)((0,C.__)("Unsynced pattern created: %s"),t.title.raw):(0,C.sprintf)((0,C.__)("Synced pattern created: %s"),t.title.raw),{type:"snackbar",id:"convert-to-pattern-success"}),p(!1)})(t)},onError:()=>{p(!1)},onClose:()=>{p(!1)}}))}var x=window.wp.url;var A=function({clientId:e}){const{canRemove:t,isVisible:n,innerBlockCount:r,managePatternsUrl:o}=(0,a.useSelect)((t=>{const{getBlock:n,canRemoveBlock:r,getBlockCount:a,getSettings:o}=t(i.store),{canUser:l}=t(c.store),u=n(e),p=o().__unstableIsBlockBasedTheme;return{canRemove:r(e),isVisible:!!u&&(0,s.isReusableBlock)(u)&&!!l("update","blocks",u.attributes.ref),innerBlockCount:a(e),managePatternsUrl:p&&l("read","templates")?(0,x.addQueryArgs)("site-editor.php",{path:"/patterns"}):(0,x.addQueryArgs)("edit.php",{post_type:"wp_block"})}}),[e]),{convertSyncedPatternToStatic:l}=f((0,a.useDispatch)(h));return n?(0,b.createElement)(b.Fragment,null,(0,b.createElement)(v.MenuItem,{href:o},(0,C.__)("Manage patterns")),t&&(0,b.createElement)(v.MenuItem,{onClick:()=>l(e)},r>1?(0,C.__)("Detach patterns"):(0,C.__)("Detach pattern"))):null};const D={};g(D,{CreatePatternModal:R,PatternsMenuItems:function({rootClientId:e}){return(0,b.createElement)(i.BlockSettingsMenuControls,null,(({selectedClientIds:t})=>(0,b.createElement)(b.Fragment,null,(0,b.createElement)(O,{clientIds:t,rootClientId:e}),1===t.length&&(0,b.createElement)(A,{clientId:t[0]}))))},PATTERN_TYPES:{theme:"pattern",user:"wp_block"},PATTERN_DEFAULT_CATEGORY:l,PATTERN_USER_CATEGORY:"my-patterns",PATTERN_CORE_SOURCES:["core","pattern-directory/core","pattern-directory/featured","pattern-directory/theme"],PATTERN_SYNC_TYPES:u}),(window.wp=window.wp||{}).patterns=t}();