diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/js/dist/list-reusable-blocks.js --- a/wp/wp-includes/js/dist/list-reusable-blocks.js Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/js/dist/list-reusable-blocks.js Tue Sep 27 16:37:53 2022 +0200 @@ -1,127 +1,64 @@ -this["wp"] = this["wp"] || {}; this["wp"]["listReusableBlocks"] = -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} +/******/ (function() { // webpackBootstrap +/******/ "use strict"; +/******/ // The require scope +/******/ var __webpack_require__ = {}; +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ !function() { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function() { return module['default']; } : +/******/ function() { return module; }; +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; /******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "SdGz"); -/******/ }) +/******/ }(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ !function() { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = function(exports, definition) { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ !function() { +/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } +/******/ }(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ !function() { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ }(); +/******/ /************************************************************************/ -/******/ ({ - -/***/ "GRId": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["element"]; }()); - -/***/ }), - -/***/ "K9lf": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["compose"]; }()); - -/***/ }), - -/***/ "SdGz": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; +var __webpack_exports__ = {}; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); -// EXTERNAL MODULE: external ["wp","element"] -var external_wp_element_ = __webpack_require__("GRId"); - -// EXTERNAL MODULE: external ["wp","i18n"] -var external_wp_i18n_ = __webpack_require__("l3Sj"); - -// EXTERNAL MODULE: external "lodash" -var external_lodash_ = __webpack_require__("YLtl"); - -// EXTERNAL MODULE: external ["wp","apiFetch"] -var external_wp_apiFetch_ = __webpack_require__("ywyh"); -var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_); - -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/file.js +;// CONCATENATED MODULE: external ["wp","element"] +var external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: external ["wp","i18n"] +var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +;// CONCATENATED MODULE: external "lodash" +var external_lodash_namespaceObject = window["lodash"]; +;// CONCATENATED MODULE: external ["wp","apiFetch"] +var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; +var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject); +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/file.js /** * Downloads a file. * @@ -150,7 +87,7 @@ /** * Reads the textual content of the given file. * - * @param {File} file File. + * @param {File} file File. * @return {Promise} Content of the file. */ @@ -165,7 +102,7 @@ }); } -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/export.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/export.js /** * External dependencies */ @@ -200,19 +137,17 @@ title, content }, null, 2); - const fileName = Object(external_lodash_["kebabCase"])(title) + '.json'; + const fileName = (0,external_lodash_namespaceObject.kebabCase)(title) + '.json'; download(fileName, fileContent, 'application/json'); } /* harmony default export */ var utils_export = (exportReusableBlock); -// EXTERNAL MODULE: external ["wp","components"] -var external_wp_components_ = __webpack_require__("tI+e"); - -// EXTERNAL MODULE: external ["wp","compose"] -var external_wp_compose_ = __webpack_require__("K9lf"); - -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/import.js +;// CONCATENATED MODULE: external ["wp","components"] +var external_wp_components_namespaceObject = window["wp"]["components"]; +;// CONCATENATED MODULE: external ["wp","compose"] +var external_wp_compose_namespaceObject = window["wp"]["compose"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/utils/import.js /** * External dependencies */ @@ -230,7 +165,7 @@ /** * Import a reusable block from a JSON file. * - * @param {File} file File. + * @param {File} file File. * @return {Promise} Promise returning the imported reusable block. */ @@ -244,7 +179,7 @@ throw new Error('Invalid JSON file'); } - if (parsedContent.__file !== 'wp_block' || !parsedContent.title || !parsedContent.content || !Object(external_lodash_["isString"])(parsedContent.title) || !Object(external_lodash_["isString"])(parsedContent.content)) { + if (parsedContent.__file !== 'wp_block' || !parsedContent.title || !parsedContent.content || !(0,external_lodash_namespaceObject.isString)(parsedContent.title) || !(0,external_lodash_namespaceObject.isString)(parsedContent.content)) { throw new Error('Invalid Reusable block JSON file'); } @@ -265,7 +200,7 @@ /* harmony default export */ var utils_import = (importReusableBlock); -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-form/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-form/index.js /** @@ -281,125 +216,94 @@ -class import_form_ImportForm extends external_wp_element_["Component"] { - constructor() { - super(...arguments); - this.state = { - isLoading: false, - error: null, - file: null - }; - this.isStillMounted = true; - this.onChangeFile = this.onChangeFile.bind(this); - this.onSubmit = this.onSubmit.bind(this); - } +function ImportForm(_ref) { + let { + instanceId, + onUpload + } = _ref; + const inputId = 'list-reusable-blocks-import-form-' + instanceId; + const formRef = (0,external_wp_element_namespaceObject.useRef)(); + const [isLoading, setIsLoading] = (0,external_wp_element_namespaceObject.useState)(false); + const [error, setError] = (0,external_wp_element_namespaceObject.useState)(null); + const [file, setFile] = (0,external_wp_element_namespaceObject.useState)(null); - componentWillUnmount() { - this.isStillMounted = false; - } + const onChangeFile = event => { + setFile(event.target.files[0]); + setError(null); + }; - onChangeFile(event) { - this.setState({ - file: event.target.files[0], - error: null - }); - } - - onSubmit(event) { + const onSubmit = event => { event.preventDefault(); - const { - file - } = this.state; - const { - onUpload - } = this.props; if (!file) { return; } - this.setState({ + setIsLoading({ isLoading: true }); utils_import(file).then(reusableBlock => { - if (!this.isStillMounted) { + if (!formRef) { return; } - this.setState({ - isLoading: false - }); + setIsLoading(false); onUpload(reusableBlock); - }).catch(error => { - if (!this.isStillMounted) { + }).catch(errors => { + if (!formRef) { return; } let uiMessage; - switch (error.message) { + switch (errors.message) { case 'Invalid JSON file': - uiMessage = Object(external_wp_i18n_["__"])('Invalid JSON file'); + uiMessage = (0,external_wp_i18n_namespaceObject.__)('Invalid JSON file'); break; case 'Invalid Reusable block JSON file': - uiMessage = Object(external_wp_i18n_["__"])('Invalid Reusable block JSON file'); + uiMessage = (0,external_wp_i18n_namespaceObject.__)('Invalid Reusable block JSON file'); break; default: - uiMessage = Object(external_wp_i18n_["__"])('Unknown error'); + uiMessage = (0,external_wp_i18n_namespaceObject.__)('Unknown error'); } - this.setState({ - isLoading: false, - error: uiMessage - }); + setIsLoading(false); + setError(uiMessage); }); - } + }; - onDismissError() { - this.setState({ - error: null - }); - } + const onDismissError = () => { + setError(null); + }; - render() { - const { - instanceId - } = this.props; - const { - file, - isLoading, - error - } = this.state; - const inputId = 'list-reusable-blocks-import-form-' + instanceId; - return Object(external_wp_element_["createElement"])("form", { - className: "list-reusable-blocks-import-form", - onSubmit: this.onSubmit - }, error && Object(external_wp_element_["createElement"])(external_wp_components_["Notice"], { - status: "error", - onRemove: () => this.onDismissError() - }, error), Object(external_wp_element_["createElement"])("label", { - htmlFor: inputId, - className: "list-reusable-blocks-import-form__label" - }, Object(external_wp_i18n_["__"])('File')), Object(external_wp_element_["createElement"])("input", { - id: inputId, - type: "file", - onChange: this.onChangeFile - }), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], { - type: "submit", - isBusy: isLoading, - disabled: !file || isLoading, - isSecondary: true, - className: "list-reusable-blocks-import-form__button" - }, Object(external_wp_i18n_["_x"])('Import', 'button label'))); - } - + return (0,external_wp_element_namespaceObject.createElement)("form", { + className: "list-reusable-blocks-import-form", + onSubmit: onSubmit, + ref: formRef + }, error && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, { + status: "error", + onRemove: () => onDismissError() + }, error), (0,external_wp_element_namespaceObject.createElement)("label", { + htmlFor: inputId, + className: "list-reusable-blocks-import-form__label" + }, (0,external_wp_i18n_namespaceObject.__)('File')), (0,external_wp_element_namespaceObject.createElement)("input", { + id: inputId, + type: "file", + onChange: onChangeFile + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + type: "submit", + isBusy: isLoading, + disabled: !file || isLoading, + variant: "secondary", + className: "list-reusable-blocks-import-form__button" + }, (0,external_wp_i18n_namespaceObject._x)('Import', 'button label'))); } -/* harmony default export */ var import_form = (Object(external_wp_compose_["withInstanceId"])(import_form_ImportForm)); +/* harmony default export */ var import_form = ((0,external_wp_compose_namespaceObject.withInstanceId)(ImportForm)); -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-dropdown/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/components/import-dropdown/index.js /** @@ -418,31 +322,38 @@ -function ImportDropdown({ - onUpload -}) { - return Object(external_wp_element_["createElement"])(external_wp_components_["Dropdown"], { +function ImportDropdown(_ref) { + let { + onUpload + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { position: "bottom right", contentClassName: "list-reusable-blocks-import-dropdown__content", - renderToggle: ({ - isOpen, - onToggle - }) => Object(external_wp_element_["createElement"])(external_wp_components_["Button"], { - "aria-expanded": isOpen, - onClick: onToggle, - isPrimary: true - }, Object(external_wp_i18n_["__"])('Import from JSON')), - renderContent: ({ - onClose - }) => Object(external_wp_element_["createElement"])(import_form, { - onUpload: Object(external_lodash_["flow"])(onClose, onUpload) - }) + renderToggle: _ref2 => { + let { + isOpen, + onToggle + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + "aria-expanded": isOpen, + onClick: onToggle, + variant: "primary" + }, (0,external_wp_i18n_namespaceObject.__)('Import from JSON')); + }, + renderContent: _ref3 => { + let { + onClose + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(import_form, { + onUpload: (0,external_lodash_namespaceObject.flow)(onClose, onUpload) + }); + } }); } /* harmony default export */ var import_dropdown = (ImportDropdown); -// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/list-reusable-blocks/build-module/index.js /** @@ -455,7 +366,7 @@ */ - // Setup Export Links + // Setup Export Links. document.body.addEventListener('click', event => { if (!event.target.classList.contains('wp-list-reusable-blocks__export')) { @@ -464,7 +375,7 @@ event.preventDefault(); utils_export(event.target.dataset.id); -}); // Setup Import Form +}); // Setup Import Form. document.addEventListener('DOMContentLoaded', () => { const button = document.querySelector('.page-title-action'); @@ -476,7 +387,7 @@ const showNotice = () => { const notice = document.createElement('div'); notice.className = 'notice notice-success is-dismissible'; - notice.innerHTML = `

${Object(external_wp_i18n_["__"])('Reusable block imported successfully!')}

`; + notice.innerHTML = `

${(0,external_wp_i18n_namespaceObject.__)('Reusable block imported successfully!')}

`; const headerEnd = document.querySelector('.wp-header-end'); if (!headerEnd) { @@ -489,40 +400,11 @@ const container = document.createElement('div'); container.className = 'list-reusable-blocks__container'; button.parentNode.insertBefore(container, button); - Object(external_wp_element_["render"])(Object(external_wp_element_["createElement"])(import_dropdown, { + (0,external_wp_element_namespaceObject.render)((0,external_wp_element_namespaceObject.createElement)(import_dropdown, { onUpload: showNotice }), container); }); - -/***/ }), - -/***/ "YLtl": -/***/ (function(module, exports) { - -(function() { module.exports = window["lodash"]; }()); - -/***/ }), - -/***/ "l3Sj": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["i18n"]; }()); - -/***/ }), - -/***/ "tI+e": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["components"]; }()); - -/***/ }), - -/***/ "ywyh": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["apiFetch"]; }()); - -/***/ }) - -/******/ }); \ No newline at end of file +(window.wp = window.wp || {}).listReusableBlocks = __webpack_exports__; +/******/ })() +; \ No newline at end of file