mirror of
https://github.com/WordPress/WordPress.git
synced 2024-07-08 04:44:45 +02:00
4939393799
Update packages with these bug fixes from Gutenberg: Navigation: Remove hardcoded typography units Handle parsed request Navigation: Refactor modal padding to be simpler and more flexible Show notice on save in site editor Add aria-pressed true/false to Toggle navigation button based on state Components FontSizePicker: Use incremental sequence of numbers Custom keys from theme.json: fix kebabCase conversion Template Part: Fix 'isMissing' condition check Multi-Entity Saving: Decode HTML entities in item titles Font sizes: update default values Query Loop: Add useBlockPreview, fix Query Loop wide alignment Only add dialog role to navigation when modal is open Fix navigation appender Show a UI warning when user does not have permission to update/edit a Navigation block Block editor: Fix Enter handling for nested blocks Update: Use subtitle styles for the palette names Allow publishing a post while not saving changes to non-post entities Update: Block top level useSetting paths Fix Site Logo block alignment issues Editor: when Toggle navigation receives state false, focus ToolsPanel: Allow items to register when panelId is null Block Support Panels - Make block support tools panels compatible Gallery: Fix block registration hook priority Navigation: Fix page list issues in overlay Ensure the overlay menu works when inserting navigation block pattern Restrict Navigation permissions and show UI warning if cannot create Add block gap support for group blocks Try cascading nav styles through classnames Fix: Impossible to edit theme and default colors Fix: Color editor discards colors with default name Site Editor: Fix template author avatar check Template Editing Mode: Fix options dropdown Avoid undo issues when reset parent blocks for controlled blocks Add comment-form and comment-list to html5 theme support and fix comment layout Props hellofromtonya. See #54487. Built from https://develop.svn.wordpress.org/trunk@52402 git-svn-id: http://core.svn.wordpress.org/trunk@51994 1a063a9b-81f0-0310-95a4-ce76da25c4cd
4195 lines
130 KiB
JavaScript
4195 lines
130 KiB
JavaScript
this["wp"] = this["wp"] || {}; this["wp"]["data"] =
|
|
/******/ (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: {}
|
|
/******/ };
|
|
/******/
|
|
/******/ // 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 = "pfJ3");
|
|
/******/ })
|
|
/************************************************************************/
|
|
/******/ ({
|
|
|
|
/***/ "8mpt":
|
|
/***/ (function(module, exports) {
|
|
|
|
function combineReducers( reducers ) {
|
|
var keys = Object.keys( reducers ),
|
|
getNextState;
|
|
|
|
getNextState = ( function() {
|
|
var fn, i, key;
|
|
|
|
fn = 'return {';
|
|
for ( i = 0; i < keys.length; i++ ) {
|
|
// Rely on Quoted escaping of JSON.stringify with guarantee that
|
|
// each member of Object.keys is a string.
|
|
//
|
|
// "If Type(value) is String, then return the result of calling the
|
|
// abstract operation Quote with argument value. [...] The abstract
|
|
// operation Quote(value) wraps a String value in double quotes and
|
|
// escapes characters within it."
|
|
//
|
|
// https://www.ecma-international.org/ecma-262/5.1/#sec-15.12.3
|
|
key = JSON.stringify( keys[ i ] );
|
|
|
|
fn += key + ':r[' + key + '](s[' + key + '],a),';
|
|
}
|
|
fn += '}';
|
|
|
|
return new Function( 'r,s,a', fn );
|
|
} )();
|
|
|
|
return function combinedReducer( state, action ) {
|
|
var nextState, i, key;
|
|
|
|
// Assumed changed if initial state.
|
|
if ( state === undefined ) {
|
|
return getNextState( reducers, {}, action );
|
|
}
|
|
|
|
nextState = getNextState( reducers, state, action );
|
|
|
|
// Determine whether state has changed.
|
|
i = keys.length;
|
|
while ( i-- ) {
|
|
key = keys[ i ];
|
|
if ( state[ key ] !== nextState[ key ] ) {
|
|
// Return immediately if a changed value is encountered.
|
|
return nextState;
|
|
}
|
|
}
|
|
|
|
return state;
|
|
};
|
|
}
|
|
|
|
module.exports = combineReducers;
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "FtRg":
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
function _typeof(obj) {
|
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
_typeof = function (obj) {
|
|
return typeof obj;
|
|
};
|
|
} else {
|
|
_typeof = function (obj) {
|
|
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
};
|
|
}
|
|
|
|
return _typeof(obj);
|
|
}
|
|
|
|
function _classCallCheck(instance, Constructor) {
|
|
if (!(instance instanceof Constructor)) {
|
|
throw new TypeError("Cannot call a class as a function");
|
|
}
|
|
}
|
|
|
|
function _defineProperties(target, props) {
|
|
for (var i = 0; i < props.length; i++) {
|
|
var descriptor = props[i];
|
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
descriptor.configurable = true;
|
|
if ("value" in descriptor) descriptor.writable = true;
|
|
Object.defineProperty(target, descriptor.key, descriptor);
|
|
}
|
|
}
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
return Constructor;
|
|
}
|
|
|
|
/**
|
|
* Given an instance of EquivalentKeyMap, returns its internal value pair tuple
|
|
* for a key, if one exists. The tuple members consist of the last reference
|
|
* value for the key (used in efficient subsequent lookups) and the value
|
|
* assigned for the key at the leaf node.
|
|
*
|
|
* @param {EquivalentKeyMap} instance EquivalentKeyMap instance.
|
|
* @param {*} key The key for which to return value pair.
|
|
*
|
|
* @return {?Array} Value pair, if exists.
|
|
*/
|
|
function getValuePair(instance, key) {
|
|
var _map = instance._map,
|
|
_arrayTreeMap = instance._arrayTreeMap,
|
|
_objectTreeMap = instance._objectTreeMap; // Map keeps a reference to the last object-like key used to set the
|
|
// value, which can be used to shortcut immediately to the value.
|
|
|
|
if (_map.has(key)) {
|
|
return _map.get(key);
|
|
} // Sort keys to ensure stable retrieval from tree.
|
|
|
|
|
|
var properties = Object.keys(key).sort(); // Tree by type to avoid conflicts on numeric object keys, empty value.
|
|
|
|
var map = Array.isArray(key) ? _arrayTreeMap : _objectTreeMap;
|
|
|
|
for (var i = 0; i < properties.length; i++) {
|
|
var property = properties[i];
|
|
map = map.get(property);
|
|
|
|
if (map === undefined) {
|
|
return;
|
|
}
|
|
|
|
var propertyValue = key[property];
|
|
map = map.get(propertyValue);
|
|
|
|
if (map === undefined) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
var valuePair = map.get('_ekm_value');
|
|
|
|
if (!valuePair) {
|
|
return;
|
|
} // If reached, it implies that an object-like key was set with another
|
|
// reference, so delete the reference and replace with the current.
|
|
|
|
|
|
_map.delete(valuePair[0]);
|
|
|
|
valuePair[0] = key;
|
|
map.set('_ekm_value', valuePair);
|
|
|
|
_map.set(key, valuePair);
|
|
|
|
return valuePair;
|
|
}
|
|
/**
|
|
* Variant of a Map object which enables lookup by equivalent (deeply equal)
|
|
* object and array keys.
|
|
*/
|
|
|
|
|
|
var EquivalentKeyMap =
|
|
/*#__PURE__*/
|
|
function () {
|
|
/**
|
|
* Constructs a new instance of EquivalentKeyMap.
|
|
*
|
|
* @param {Iterable.<*>} iterable Initial pair of key, value for map.
|
|
*/
|
|
function EquivalentKeyMap(iterable) {
|
|
_classCallCheck(this, EquivalentKeyMap);
|
|
|
|
this.clear();
|
|
|
|
if (iterable instanceof EquivalentKeyMap) {
|
|
// Map#forEach is only means of iterating with support for IE11.
|
|
var iterablePairs = [];
|
|
iterable.forEach(function (value, key) {
|
|
iterablePairs.push([key, value]);
|
|
});
|
|
iterable = iterablePairs;
|
|
}
|
|
|
|
if (iterable != null) {
|
|
for (var i = 0; i < iterable.length; i++) {
|
|
this.set(iterable[i][0], iterable[i][1]);
|
|
}
|
|
}
|
|
}
|
|
/**
|
|
* Accessor property returning the number of elements.
|
|
*
|
|
* @return {number} Number of elements.
|
|
*/
|
|
|
|
|
|
_createClass(EquivalentKeyMap, [{
|
|
key: "set",
|
|
|
|
/**
|
|
* Add or update an element with a specified key and value.
|
|
*
|
|
* @param {*} key The key of the element to add.
|
|
* @param {*} value The value of the element to add.
|
|
*
|
|
* @return {EquivalentKeyMap} Map instance.
|
|
*/
|
|
value: function set(key, value) {
|
|
// Shortcut non-object-like to set on internal Map.
|
|
if (key === null || _typeof(key) !== 'object') {
|
|
this._map.set(key, value);
|
|
|
|
return this;
|
|
} // Sort keys to ensure stable assignment into tree.
|
|
|
|
|
|
var properties = Object.keys(key).sort();
|
|
var valuePair = [key, value]; // Tree by type to avoid conflicts on numeric object keys, empty value.
|
|
|
|
var map = Array.isArray(key) ? this._arrayTreeMap : this._objectTreeMap;
|
|
|
|
for (var i = 0; i < properties.length; i++) {
|
|
var property = properties[i];
|
|
|
|
if (!map.has(property)) {
|
|
map.set(property, new EquivalentKeyMap());
|
|
}
|
|
|
|
map = map.get(property);
|
|
var propertyValue = key[property];
|
|
|
|
if (!map.has(propertyValue)) {
|
|
map.set(propertyValue, new EquivalentKeyMap());
|
|
}
|
|
|
|
map = map.get(propertyValue);
|
|
} // If an _ekm_value exists, there was already an equivalent key. Before
|
|
// overriding, ensure that the old key reference is removed from map to
|
|
// avoid memory leak of accumulating equivalent keys. This is, in a
|
|
// sense, a poor man's WeakMap, while still enabling iterability.
|
|
|
|
|
|
var previousValuePair = map.get('_ekm_value');
|
|
|
|
if (previousValuePair) {
|
|
this._map.delete(previousValuePair[0]);
|
|
}
|
|
|
|
map.set('_ekm_value', valuePair);
|
|
|
|
this._map.set(key, valuePair);
|
|
|
|
return this;
|
|
}
|
|
/**
|
|
* Returns a specified element.
|
|
*
|
|
* @param {*} key The key of the element to return.
|
|
*
|
|
* @return {?*} The element associated with the specified key or undefined
|
|
* if the key can't be found.
|
|
*/
|
|
|
|
}, {
|
|
key: "get",
|
|
value: function get(key) {
|
|
// Shortcut non-object-like to get from internal Map.
|
|
if (key === null || _typeof(key) !== 'object') {
|
|
return this._map.get(key);
|
|
}
|
|
|
|
var valuePair = getValuePair(this, key);
|
|
|
|
if (valuePair) {
|
|
return valuePair[1];
|
|
}
|
|
}
|
|
/**
|
|
* Returns a boolean indicating whether an element with the specified key
|
|
* exists or not.
|
|
*
|
|
* @param {*} key The key of the element to test for presence.
|
|
*
|
|
* @return {boolean} Whether an element with the specified key exists.
|
|
*/
|
|
|
|
}, {
|
|
key: "has",
|
|
value: function has(key) {
|
|
if (key === null || _typeof(key) !== 'object') {
|
|
return this._map.has(key);
|
|
} // Test on the _presence_ of the pair, not its value, as even undefined
|
|
// can be a valid member value for a key.
|
|
|
|
|
|
return getValuePair(this, key) !== undefined;
|
|
}
|
|
/**
|
|
* Removes the specified element.
|
|
*
|
|
* @param {*} key The key of the element to remove.
|
|
*
|
|
* @return {boolean} Returns true if an element existed and has been
|
|
* removed, or false if the element does not exist.
|
|
*/
|
|
|
|
}, {
|
|
key: "delete",
|
|
value: function _delete(key) {
|
|
if (!this.has(key)) {
|
|
return false;
|
|
} // This naive implementation will leave orphaned child trees. A better
|
|
// implementation should traverse and remove orphans.
|
|
|
|
|
|
this.set(key, undefined);
|
|
return true;
|
|
}
|
|
/**
|
|
* Executes a provided function once per each key/value pair, in insertion
|
|
* order.
|
|
*
|
|
* @param {Function} callback Function to execute for each element.
|
|
* @param {*} thisArg Value to use as `this` when executing
|
|
* `callback`.
|
|
*/
|
|
|
|
}, {
|
|
key: "forEach",
|
|
value: function forEach(callback) {
|
|
var _this = this;
|
|
|
|
var thisArg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this;
|
|
|
|
this._map.forEach(function (value, key) {
|
|
// Unwrap value from object-like value pair.
|
|
if (key !== null && _typeof(key) === 'object') {
|
|
value = value[1];
|
|
}
|
|
|
|
callback.call(thisArg, value, key, _this);
|
|
});
|
|
}
|
|
/**
|
|
* Removes all elements.
|
|
*/
|
|
|
|
}, {
|
|
key: "clear",
|
|
value: function clear() {
|
|
this._map = new Map();
|
|
this._arrayTreeMap = new Map();
|
|
this._objectTreeMap = new Map();
|
|
}
|
|
}, {
|
|
key: "size",
|
|
get: function get() {
|
|
return this._map.size;
|
|
}
|
|
}]);
|
|
|
|
return EquivalentKeyMap;
|
|
}();
|
|
|
|
module.exports = EquivalentKeyMap;
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "GRId":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["element"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "JlUD":
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = isPromise;
|
|
module.exports.default = isPromise;
|
|
|
|
function isPromise(obj) {
|
|
return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "K9lf":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["compose"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "NMb1":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["deprecated"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "XI5e":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["priorityQueue"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "XIDh":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["reduxRoutine"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "YLtl":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["lodash"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "cDcd":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["React"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "mHlH":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* unused harmony export useCallback */
|
|
/* unused harmony export useCallbackOne */
|
|
/* unused harmony export useMemo */
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useMemoOne; });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
|
function areInputsEqual(newInputs, lastInputs) {
|
|
if (newInputs.length !== lastInputs.length) {
|
|
return false;
|
|
}
|
|
|
|
for (var i = 0; i < newInputs.length; i++) {
|
|
if (newInputs[i] !== lastInputs[i]) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function useMemoOne(getResult, inputs) {
|
|
var initial = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(function () {
|
|
return {
|
|
inputs: inputs,
|
|
result: getResult()
|
|
};
|
|
})[0];
|
|
var isFirstRun = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(true);
|
|
var committed = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(initial);
|
|
var useCache = isFirstRun.current || Boolean(inputs && committed.current.inputs && areInputsEqual(inputs, committed.current.inputs));
|
|
var cache = useCache ? committed.current : {
|
|
inputs: inputs,
|
|
result: getResult()
|
|
};
|
|
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
|
|
isFirstRun.current = false;
|
|
committed.current = cache;
|
|
}, [cache]);
|
|
return cache.result;
|
|
}
|
|
function useCallbackOne(callback, inputs) {
|
|
return useMemoOne(function () {
|
|
return callback;
|
|
}, inputs);
|
|
}
|
|
var useMemo = useMemoOne;
|
|
var useCallback = useCallbackOne;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "pfJ3":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "withSelect", function() { return /* reexport */ with_select; });
|
|
__webpack_require__.d(__webpack_exports__, "withDispatch", function() { return /* reexport */ with_dispatch; });
|
|
__webpack_require__.d(__webpack_exports__, "withRegistry", function() { return /* reexport */ with_registry; });
|
|
__webpack_require__.d(__webpack_exports__, "RegistryProvider", function() { return /* reexport */ context; });
|
|
__webpack_require__.d(__webpack_exports__, "RegistryConsumer", function() { return /* reexport */ RegistryConsumer; });
|
|
__webpack_require__.d(__webpack_exports__, "useRegistry", function() { return /* reexport */ useRegistry; });
|
|
__webpack_require__.d(__webpack_exports__, "useSelect", function() { return /* reexport */ useSelect; });
|
|
__webpack_require__.d(__webpack_exports__, "useDispatch", function() { return /* reexport */ use_dispatch; });
|
|
__webpack_require__.d(__webpack_exports__, "AsyncModeProvider", function() { return /* reexport */ async_mode_provider_context; });
|
|
__webpack_require__.d(__webpack_exports__, "createRegistry", function() { return /* reexport */ createRegistry; });
|
|
__webpack_require__.d(__webpack_exports__, "createRegistrySelector", function() { return /* reexport */ createRegistrySelector; });
|
|
__webpack_require__.d(__webpack_exports__, "createRegistryControl", function() { return /* reexport */ createRegistryControl; });
|
|
__webpack_require__.d(__webpack_exports__, "controls", function() { return /* reexport */ controls_controls; });
|
|
__webpack_require__.d(__webpack_exports__, "createReduxStore", function() { return /* reexport */ createReduxStore; });
|
|
__webpack_require__.d(__webpack_exports__, "plugins", function() { return /* reexport */ plugins_namespaceObject; });
|
|
__webpack_require__.d(__webpack_exports__, "combineReducers", function() { return /* reexport */ turbo_combine_reducers_default.a; });
|
|
__webpack_require__.d(__webpack_exports__, "select", function() { return /* binding */ build_module_select; });
|
|
__webpack_require__.d(__webpack_exports__, "resolveSelect", function() { return /* binding */ build_module_resolveSelect; });
|
|
__webpack_require__.d(__webpack_exports__, "dispatch", function() { return /* binding */ build_module_dispatch; });
|
|
__webpack_require__.d(__webpack_exports__, "subscribe", function() { return /* binding */ build_module_subscribe; });
|
|
__webpack_require__.d(__webpack_exports__, "registerGenericStore", function() { return /* binding */ build_module_registerGenericStore; });
|
|
__webpack_require__.d(__webpack_exports__, "registerStore", function() { return /* binding */ registerStore; });
|
|
__webpack_require__.d(__webpack_exports__, "use", function() { return /* binding */ build_module_use; });
|
|
__webpack_require__.d(__webpack_exports__, "register", function() { return /* binding */ build_module_register; });
|
|
|
|
// NAMESPACE OBJECT: ./node_modules/@wordpress/data/build-module/redux-store/metadata/selectors.js
|
|
var selectors_namespaceObject = {};
|
|
__webpack_require__.r(selectors_namespaceObject);
|
|
__webpack_require__.d(selectors_namespaceObject, "getIsResolving", function() { return getIsResolving; });
|
|
__webpack_require__.d(selectors_namespaceObject, "hasStartedResolution", function() { return hasStartedResolution; });
|
|
__webpack_require__.d(selectors_namespaceObject, "hasFinishedResolution", function() { return hasFinishedResolution; });
|
|
__webpack_require__.d(selectors_namespaceObject, "isResolving", function() { return isResolving; });
|
|
__webpack_require__.d(selectors_namespaceObject, "getCachedResolvers", function() { return getCachedResolvers; });
|
|
|
|
// NAMESPACE OBJECT: ./node_modules/@wordpress/data/build-module/redux-store/metadata/actions.js
|
|
var actions_namespaceObject = {};
|
|
__webpack_require__.r(actions_namespaceObject);
|
|
__webpack_require__.d(actions_namespaceObject, "startResolution", function() { return startResolution; });
|
|
__webpack_require__.d(actions_namespaceObject, "finishResolution", function() { return finishResolution; });
|
|
__webpack_require__.d(actions_namespaceObject, "startResolutions", function() { return startResolutions; });
|
|
__webpack_require__.d(actions_namespaceObject, "finishResolutions", function() { return finishResolutions; });
|
|
__webpack_require__.d(actions_namespaceObject, "invalidateResolution", function() { return invalidateResolution; });
|
|
__webpack_require__.d(actions_namespaceObject, "invalidateResolutionForStore", function() { return invalidateResolutionForStore; });
|
|
__webpack_require__.d(actions_namespaceObject, "invalidateResolutionForStoreSelector", function() { return invalidateResolutionForStoreSelector; });
|
|
|
|
// NAMESPACE OBJECT: ./node_modules/@wordpress/data/build-module/plugins/index.js
|
|
var plugins_namespaceObject = {};
|
|
__webpack_require__.r(plugins_namespaceObject);
|
|
__webpack_require__.d(plugins_namespaceObject, "controls", function() { return plugins_controls; });
|
|
__webpack_require__.d(plugins_namespaceObject, "persistence", function() { return plugins_persistence; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/turbo-combine-reducers/index.js
|
|
var turbo_combine_reducers = __webpack_require__("8mpt");
|
|
var turbo_combine_reducers_default = /*#__PURE__*/__webpack_require__.n(turbo_combine_reducers);
|
|
|
|
// EXTERNAL MODULE: external "lodash"
|
|
var external_lodash_ = __webpack_require__("YLtl");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
function _defineProperty(obj, key, value) {
|
|
if (key in obj) {
|
|
Object.defineProperty(obj, key, {
|
|
value: value,
|
|
enumerable: true,
|
|
configurable: true,
|
|
writable: true
|
|
});
|
|
} else {
|
|
obj[key] = value;
|
|
}
|
|
|
|
return obj;
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
|
|
|
function ownKeys(object, enumerableOnly) {
|
|
var keys = Object.keys(object);
|
|
|
|
if (Object.getOwnPropertySymbols) {
|
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
})), keys.push.apply(keys, symbols);
|
|
}
|
|
|
|
return keys;
|
|
}
|
|
|
|
function _objectSpread2(target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
_defineProperty(target, key, source[key]);
|
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
});
|
|
}
|
|
|
|
return target;
|
|
}
|
|
// CONCATENATED MODULE: ./node_modules/redux/es/redux.js
|
|
|
|
|
|
/**
|
|
* Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js
|
|
*
|
|
* Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes
|
|
* during build.
|
|
* @param {number} code
|
|
*/
|
|
function formatProdErrorMessage(code) {
|
|
return "Minified Redux error #" + code + "; visit https://redux.js.org/Errors?code=" + code + " for the full message or " + 'use the non-minified dev environment for full errors. ';
|
|
}
|
|
|
|
// Inlined version of the `symbol-observable` polyfill
|
|
var $$observable = (function () {
|
|
return typeof Symbol === 'function' && Symbol.observable || '@@observable';
|
|
})();
|
|
|
|
/**
|
|
* These are private action types reserved by Redux.
|
|
* For any unknown actions, you must return the current state.
|
|
* If the current state is undefined, you must return the initial state.
|
|
* Do not reference these action types directly in your code.
|
|
*/
|
|
var randomString = function randomString() {
|
|
return Math.random().toString(36).substring(7).split('').join('.');
|
|
};
|
|
|
|
var ActionTypes = {
|
|
INIT: "@@redux/INIT" + randomString(),
|
|
REPLACE: "@@redux/REPLACE" + randomString(),
|
|
PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {
|
|
return "@@redux/PROBE_UNKNOWN_ACTION" + randomString();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {any} obj The object to inspect.
|
|
* @returns {boolean} True if the argument appears to be a plain object.
|
|
*/
|
|
function isPlainObject(obj) {
|
|
if (typeof obj !== 'object' || obj === null) return false;
|
|
var proto = obj;
|
|
|
|
while (Object.getPrototypeOf(proto) !== null) {
|
|
proto = Object.getPrototypeOf(proto);
|
|
}
|
|
|
|
return Object.getPrototypeOf(obj) === proto;
|
|
}
|
|
|
|
// Inlined / shortened version of `kindOf` from https://github.com/jonschlinkert/kind-of
|
|
function miniKindOf(val) {
|
|
if (val === void 0) return 'undefined';
|
|
if (val === null) return 'null';
|
|
var type = typeof val;
|
|
|
|
switch (type) {
|
|
case 'boolean':
|
|
case 'string':
|
|
case 'number':
|
|
case 'symbol':
|
|
case 'function':
|
|
{
|
|
return type;
|
|
}
|
|
}
|
|
|
|
if (Array.isArray(val)) return 'array';
|
|
if (isDate(val)) return 'date';
|
|
if (isError(val)) return 'error';
|
|
var constructorName = ctorName(val);
|
|
|
|
switch (constructorName) {
|
|
case 'Symbol':
|
|
case 'Promise':
|
|
case 'WeakMap':
|
|
case 'WeakSet':
|
|
case 'Map':
|
|
case 'Set':
|
|
return constructorName;
|
|
} // other
|
|
|
|
|
|
return type.slice(8, -1).toLowerCase().replace(/\s/g, '');
|
|
}
|
|
|
|
function ctorName(val) {
|
|
return typeof val.constructor === 'function' ? val.constructor.name : null;
|
|
}
|
|
|
|
function isError(val) {
|
|
return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';
|
|
}
|
|
|
|
function isDate(val) {
|
|
if (val instanceof Date) return true;
|
|
return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';
|
|
}
|
|
|
|
function kindOf(val) {
|
|
var typeOfVal = typeof val;
|
|
|
|
if (false) {}
|
|
|
|
return typeOfVal;
|
|
}
|
|
|
|
/**
|
|
* Creates a Redux store that holds the state tree.
|
|
* The only way to change the data in the store is to call `dispatch()` on it.
|
|
*
|
|
* There should only be a single store in your app. To specify how different
|
|
* parts of the state tree respond to actions, you may combine several reducers
|
|
* into a single reducer function by using `combineReducers`.
|
|
*
|
|
* @param {Function} reducer A function that returns the next state tree, given
|
|
* the current state tree and the action to handle.
|
|
*
|
|
* @param {any} [preloadedState] The initial state. You may optionally specify it
|
|
* to hydrate the state from the server in universal apps, or to restore a
|
|
* previously serialized user session.
|
|
* If you use `combineReducers` to produce the root reducer function, this must be
|
|
* an object with the same shape as `combineReducers` keys.
|
|
*
|
|
* @param {Function} [enhancer] The store enhancer. You may optionally specify it
|
|
* to enhance the store with third-party capabilities such as middleware,
|
|
* time travel, persistence, etc. The only store enhancer that ships with Redux
|
|
* is `applyMiddleware()`.
|
|
*
|
|
* @returns {Store} A Redux store that lets you read the state, dispatch actions
|
|
* and subscribe to changes.
|
|
*/
|
|
|
|
function redux_createStore(reducer, preloadedState, enhancer) {
|
|
var _ref2;
|
|
|
|
if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
|
|
throw new Error( true ? formatProdErrorMessage(0) : undefined);
|
|
}
|
|
|
|
if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
|
|
enhancer = preloadedState;
|
|
preloadedState = undefined;
|
|
}
|
|
|
|
if (typeof enhancer !== 'undefined') {
|
|
if (typeof enhancer !== 'function') {
|
|
throw new Error( true ? formatProdErrorMessage(1) : undefined);
|
|
}
|
|
|
|
return enhancer(redux_createStore)(reducer, preloadedState);
|
|
}
|
|
|
|
if (typeof reducer !== 'function') {
|
|
throw new Error( true ? formatProdErrorMessage(2) : undefined);
|
|
}
|
|
|
|
var currentReducer = reducer;
|
|
var currentState = preloadedState;
|
|
var currentListeners = [];
|
|
var nextListeners = currentListeners;
|
|
var isDispatching = false;
|
|
/**
|
|
* This makes a shallow copy of currentListeners so we can use
|
|
* nextListeners as a temporary list while dispatching.
|
|
*
|
|
* This prevents any bugs around consumers calling
|
|
* subscribe/unsubscribe in the middle of a dispatch.
|
|
*/
|
|
|
|
function ensureCanMutateNextListeners() {
|
|
if (nextListeners === currentListeners) {
|
|
nextListeners = currentListeners.slice();
|
|
}
|
|
}
|
|
/**
|
|
* Reads the state tree managed by the store.
|
|
*
|
|
* @returns {any} The current state tree of your application.
|
|
*/
|
|
|
|
|
|
function getState() {
|
|
if (isDispatching) {
|
|
throw new Error( true ? formatProdErrorMessage(3) : undefined);
|
|
}
|
|
|
|
return currentState;
|
|
}
|
|
/**
|
|
* Adds a change listener. It will be called any time an action is dispatched,
|
|
* and some part of the state tree may potentially have changed. You may then
|
|
* call `getState()` to read the current state tree inside the callback.
|
|
*
|
|
* You may call `dispatch()` from a change listener, with the following
|
|
* caveats:
|
|
*
|
|
* 1. The subscriptions are snapshotted just before every `dispatch()` call.
|
|
* If you subscribe or unsubscribe while the listeners are being invoked, this
|
|
* will not have any effect on the `dispatch()` that is currently in progress.
|
|
* However, the next `dispatch()` call, whether nested or not, will use a more
|
|
* recent snapshot of the subscription list.
|
|
*
|
|
* 2. The listener should not expect to see all state changes, as the state
|
|
* might have been updated multiple times during a nested `dispatch()` before
|
|
* the listener is called. It is, however, guaranteed that all subscribers
|
|
* registered before the `dispatch()` started will be called with the latest
|
|
* state by the time it exits.
|
|
*
|
|
* @param {Function} listener A callback to be invoked on every dispatch.
|
|
* @returns {Function} A function to remove this change listener.
|
|
*/
|
|
|
|
|
|
function subscribe(listener) {
|
|
if (typeof listener !== 'function') {
|
|
throw new Error( true ? formatProdErrorMessage(4) : undefined);
|
|
}
|
|
|
|
if (isDispatching) {
|
|
throw new Error( true ? formatProdErrorMessage(5) : undefined);
|
|
}
|
|
|
|
var isSubscribed = true;
|
|
ensureCanMutateNextListeners();
|
|
nextListeners.push(listener);
|
|
return function unsubscribe() {
|
|
if (!isSubscribed) {
|
|
return;
|
|
}
|
|
|
|
if (isDispatching) {
|
|
throw new Error( true ? formatProdErrorMessage(6) : undefined);
|
|
}
|
|
|
|
isSubscribed = false;
|
|
ensureCanMutateNextListeners();
|
|
var index = nextListeners.indexOf(listener);
|
|
nextListeners.splice(index, 1);
|
|
currentListeners = null;
|
|
};
|
|
}
|
|
/**
|
|
* Dispatches an action. It is the only way to trigger a state change.
|
|
*
|
|
* The `reducer` function, used to create the store, will be called with the
|
|
* current state tree and the given `action`. Its return value will
|
|
* be considered the **next** state of the tree, and the change listeners
|
|
* will be notified.
|
|
*
|
|
* The base implementation only supports plain object actions. If you want to
|
|
* dispatch a Promise, an Observable, a thunk, or something else, you need to
|
|
* wrap your store creating function into the corresponding middleware. For
|
|
* example, see the documentation for the `redux-thunk` package. Even the
|
|
* middleware will eventually dispatch plain object actions using this method.
|
|
*
|
|
* @param {Object} action A plain object representing “what changed”. It is
|
|
* a good idea to keep actions serializable so you can record and replay user
|
|
* sessions, or use the time travelling `redux-devtools`. An action must have
|
|
* a `type` property which may not be `undefined`. It is a good idea to use
|
|
* string constants for action types.
|
|
*
|
|
* @returns {Object} For convenience, the same action object you dispatched.
|
|
*
|
|
* Note that, if you use a custom middleware, it may wrap `dispatch()` to
|
|
* return something else (for example, a Promise you can await).
|
|
*/
|
|
|
|
|
|
function dispatch(action) {
|
|
if (!isPlainObject(action)) {
|
|
throw new Error( true ? formatProdErrorMessage(7) : undefined);
|
|
}
|
|
|
|
if (typeof action.type === 'undefined') {
|
|
throw new Error( true ? formatProdErrorMessage(8) : undefined);
|
|
}
|
|
|
|
if (isDispatching) {
|
|
throw new Error( true ? formatProdErrorMessage(9) : undefined);
|
|
}
|
|
|
|
try {
|
|
isDispatching = true;
|
|
currentState = currentReducer(currentState, action);
|
|
} finally {
|
|
isDispatching = false;
|
|
}
|
|
|
|
var listeners = currentListeners = nextListeners;
|
|
|
|
for (var i = 0; i < listeners.length; i++) {
|
|
var listener = listeners[i];
|
|
listener();
|
|
}
|
|
|
|
return action;
|
|
}
|
|
/**
|
|
* Replaces the reducer currently used by the store to calculate the state.
|
|
*
|
|
* You might need this if your app implements code splitting and you want to
|
|
* load some of the reducers dynamically. You might also need this if you
|
|
* implement a hot reloading mechanism for Redux.
|
|
*
|
|
* @param {Function} nextReducer The reducer for the store to use instead.
|
|
* @returns {void}
|
|
*/
|
|
|
|
|
|
function replaceReducer(nextReducer) {
|
|
if (typeof nextReducer !== 'function') {
|
|
throw new Error( true ? formatProdErrorMessage(10) : undefined);
|
|
}
|
|
|
|
currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
|
|
// Any reducers that existed in both the new and old rootReducer
|
|
// will receive the previous state. This effectively populates
|
|
// the new state tree with any relevant data from the old one.
|
|
|
|
dispatch({
|
|
type: ActionTypes.REPLACE
|
|
});
|
|
}
|
|
/**
|
|
* Interoperability point for observable/reactive libraries.
|
|
* @returns {observable} A minimal observable of state changes.
|
|
* For more information, see the observable proposal:
|
|
* https://github.com/tc39/proposal-observable
|
|
*/
|
|
|
|
|
|
function observable() {
|
|
var _ref;
|
|
|
|
var outerSubscribe = subscribe;
|
|
return _ref = {
|
|
/**
|
|
* The minimal observable subscription method.
|
|
* @param {Object} observer Any object that can be used as an observer.
|
|
* The observer object should have a `next` method.
|
|
* @returns {subscription} An object with an `unsubscribe` method that can
|
|
* be used to unsubscribe the observable from the store, and prevent further
|
|
* emission of values from the observable.
|
|
*/
|
|
subscribe: function subscribe(observer) {
|
|
if (typeof observer !== 'object' || observer === null) {
|
|
throw new Error( true ? formatProdErrorMessage(11) : undefined);
|
|
}
|
|
|
|
function observeState() {
|
|
if (observer.next) {
|
|
observer.next(getState());
|
|
}
|
|
}
|
|
|
|
observeState();
|
|
var unsubscribe = outerSubscribe(observeState);
|
|
return {
|
|
unsubscribe: unsubscribe
|
|
};
|
|
}
|
|
}, _ref[$$observable] = function () {
|
|
return this;
|
|
}, _ref;
|
|
} // When a store is created, an "INIT" action is dispatched so that every
|
|
// reducer returns their initial state. This effectively populates
|
|
// the initial state tree.
|
|
|
|
|
|
dispatch({
|
|
type: ActionTypes.INIT
|
|
});
|
|
return _ref2 = {
|
|
dispatch: dispatch,
|
|
subscribe: subscribe,
|
|
getState: getState,
|
|
replaceReducer: replaceReducer
|
|
}, _ref2[$$observable] = observable, _ref2;
|
|
}
|
|
|
|
/**
|
|
* Prints a warning in the console if it exists.
|
|
*
|
|
* @param {String} message The warning message.
|
|
* @returns {void}
|
|
*/
|
|
function warning(message) {
|
|
/* eslint-disable no-console */
|
|
if (typeof console !== 'undefined' && typeof console.error === 'function') {
|
|
console.error(message);
|
|
}
|
|
/* eslint-enable no-console */
|
|
|
|
|
|
try {
|
|
// This error was thrown as a convenience so that if you enable
|
|
// "break on all exceptions" in your console,
|
|
// it would pause the execution at this line.
|
|
throw new Error(message);
|
|
} catch (e) {} // eslint-disable-line no-empty
|
|
|
|
}
|
|
|
|
function getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {
|
|
var reducerKeys = Object.keys(reducers);
|
|
var argumentName = action && action.type === ActionTypes.INIT ? 'preloadedState argument passed to createStore' : 'previous state received by the reducer';
|
|
|
|
if (reducerKeys.length === 0) {
|
|
return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';
|
|
}
|
|
|
|
if (!isPlainObject(inputState)) {
|
|
return "The " + argumentName + " has unexpected type of \"" + kindOf(inputState) + "\". Expected argument to be an object with the following " + ("keys: \"" + reducerKeys.join('", "') + "\"");
|
|
}
|
|
|
|
var unexpectedKeys = Object.keys(inputState).filter(function (key) {
|
|
return !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key];
|
|
});
|
|
unexpectedKeys.forEach(function (key) {
|
|
unexpectedKeyCache[key] = true;
|
|
});
|
|
if (action && action.type === ActionTypes.REPLACE) return;
|
|
|
|
if (unexpectedKeys.length > 0) {
|
|
return "Unexpected " + (unexpectedKeys.length > 1 ? 'keys' : 'key') + " " + ("\"" + unexpectedKeys.join('", "') + "\" found in " + argumentName + ". ") + "Expected to find one of the known reducer keys instead: " + ("\"" + reducerKeys.join('", "') + "\". Unexpected keys will be ignored.");
|
|
}
|
|
}
|
|
|
|
function assertReducerShape(reducers) {
|
|
Object.keys(reducers).forEach(function (key) {
|
|
var reducer = reducers[key];
|
|
var initialState = reducer(undefined, {
|
|
type: ActionTypes.INIT
|
|
});
|
|
|
|
if (typeof initialState === 'undefined') {
|
|
throw new Error( true ? formatProdErrorMessage(12) : undefined);
|
|
}
|
|
|
|
if (typeof reducer(undefined, {
|
|
type: ActionTypes.PROBE_UNKNOWN_ACTION()
|
|
}) === 'undefined') {
|
|
throw new Error( true ? formatProdErrorMessage(13) : undefined);
|
|
}
|
|
});
|
|
}
|
|
/**
|
|
* Turns an object whose values are different reducer functions, into a single
|
|
* reducer function. It will call every child reducer, and gather their results
|
|
* into a single state object, whose keys correspond to the keys of the passed
|
|
* reducer functions.
|
|
*
|
|
* @param {Object} reducers An object whose values correspond to different
|
|
* reducer functions that need to be combined into one. One handy way to obtain
|
|
* it is to use ES6 `import * as reducers` syntax. The reducers may never return
|
|
* undefined for any action. Instead, they should return their initial state
|
|
* if the state passed to them was undefined, and the current state for any
|
|
* unrecognized action.
|
|
*
|
|
* @returns {Function} A reducer function that invokes every reducer inside the
|
|
* passed object, and builds a state object with the same shape.
|
|
*/
|
|
|
|
|
|
function combineReducers(reducers) {
|
|
var reducerKeys = Object.keys(reducers);
|
|
var finalReducers = {};
|
|
|
|
for (var i = 0; i < reducerKeys.length; i++) {
|
|
var key = reducerKeys[i];
|
|
|
|
if (false) {}
|
|
|
|
if (typeof reducers[key] === 'function') {
|
|
finalReducers[key] = reducers[key];
|
|
}
|
|
}
|
|
|
|
var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same
|
|
// keys multiple times.
|
|
|
|
var unexpectedKeyCache;
|
|
|
|
if (false) {}
|
|
|
|
var shapeAssertionError;
|
|
|
|
try {
|
|
assertReducerShape(finalReducers);
|
|
} catch (e) {
|
|
shapeAssertionError = e;
|
|
}
|
|
|
|
return function combination(state, action) {
|
|
if (state === void 0) {
|
|
state = {};
|
|
}
|
|
|
|
if (shapeAssertionError) {
|
|
throw shapeAssertionError;
|
|
}
|
|
|
|
if (false) { var warningMessage; }
|
|
|
|
var hasChanged = false;
|
|
var nextState = {};
|
|
|
|
for (var _i = 0; _i < finalReducerKeys.length; _i++) {
|
|
var _key = finalReducerKeys[_i];
|
|
var reducer = finalReducers[_key];
|
|
var previousStateForKey = state[_key];
|
|
var nextStateForKey = reducer(previousStateForKey, action);
|
|
|
|
if (typeof nextStateForKey === 'undefined') {
|
|
var actionType = action && action.type;
|
|
throw new Error( true ? formatProdErrorMessage(14) : undefined);
|
|
}
|
|
|
|
nextState[_key] = nextStateForKey;
|
|
hasChanged = hasChanged || nextStateForKey !== previousStateForKey;
|
|
}
|
|
|
|
hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;
|
|
return hasChanged ? nextState : state;
|
|
};
|
|
}
|
|
|
|
function bindActionCreator(actionCreator, dispatch) {
|
|
return function () {
|
|
return dispatch(actionCreator.apply(this, arguments));
|
|
};
|
|
}
|
|
/**
|
|
* Turns an object whose values are action creators, into an object with the
|
|
* same keys, but with every function wrapped into a `dispatch` call so they
|
|
* may be invoked directly. This is just a convenience method, as you can call
|
|
* `store.dispatch(MyActionCreators.doSomething())` yourself just fine.
|
|
*
|
|
* For convenience, you can also pass an action creator as the first argument,
|
|
* and get a dispatch wrapped function in return.
|
|
*
|
|
* @param {Function|Object} actionCreators An object whose values are action
|
|
* creator functions. One handy way to obtain it is to use ES6 `import * as`
|
|
* syntax. You may also pass a single function.
|
|
*
|
|
* @param {Function} dispatch The `dispatch` function available on your Redux
|
|
* store.
|
|
*
|
|
* @returns {Function|Object} The object mimicking the original object, but with
|
|
* every action creator wrapped into the `dispatch` call. If you passed a
|
|
* function as `actionCreators`, the return value will also be a single
|
|
* function.
|
|
*/
|
|
|
|
|
|
function bindActionCreators(actionCreators, dispatch) {
|
|
if (typeof actionCreators === 'function') {
|
|
return bindActionCreator(actionCreators, dispatch);
|
|
}
|
|
|
|
if (typeof actionCreators !== 'object' || actionCreators === null) {
|
|
throw new Error( true ? formatProdErrorMessage(16) : undefined);
|
|
}
|
|
|
|
var boundActionCreators = {};
|
|
|
|
for (var key in actionCreators) {
|
|
var actionCreator = actionCreators[key];
|
|
|
|
if (typeof actionCreator === 'function') {
|
|
boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);
|
|
}
|
|
}
|
|
|
|
return boundActionCreators;
|
|
}
|
|
|
|
/**
|
|
* Composes single-argument functions from right to left. The rightmost
|
|
* function can take multiple arguments as it provides the signature for
|
|
* the resulting composite function.
|
|
*
|
|
* @param {...Function} funcs The functions to compose.
|
|
* @returns {Function} A function obtained by composing the argument functions
|
|
* from right to left. For example, compose(f, g, h) is identical to doing
|
|
* (...args) => f(g(h(...args))).
|
|
*/
|
|
function compose() {
|
|
for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
funcs[_key] = arguments[_key];
|
|
}
|
|
|
|
if (funcs.length === 0) {
|
|
return function (arg) {
|
|
return arg;
|
|
};
|
|
}
|
|
|
|
if (funcs.length === 1) {
|
|
return funcs[0];
|
|
}
|
|
|
|
return funcs.reduce(function (a, b) {
|
|
return function () {
|
|
return a(b.apply(void 0, arguments));
|
|
};
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Creates a store enhancer that applies middleware to the dispatch method
|
|
* of the Redux store. This is handy for a variety of tasks, such as expressing
|
|
* asynchronous actions in a concise manner, or logging every action payload.
|
|
*
|
|
* See `redux-thunk` package as an example of the Redux middleware.
|
|
*
|
|
* Because middleware is potentially asynchronous, this should be the first
|
|
* store enhancer in the composition chain.
|
|
*
|
|
* Note that each middleware will be given the `dispatch` and `getState` functions
|
|
* as named arguments.
|
|
*
|
|
* @param {...Function} middlewares The middleware chain to be applied.
|
|
* @returns {Function} A store enhancer applying the middleware.
|
|
*/
|
|
|
|
function applyMiddleware() {
|
|
for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
middlewares[_key] = arguments[_key];
|
|
}
|
|
|
|
return function (createStore) {
|
|
return function () {
|
|
var store = createStore.apply(void 0, arguments);
|
|
|
|
var _dispatch = function dispatch() {
|
|
throw new Error( true ? formatProdErrorMessage(15) : undefined);
|
|
};
|
|
|
|
var middlewareAPI = {
|
|
getState: store.getState,
|
|
dispatch: function dispatch() {
|
|
return _dispatch.apply(void 0, arguments);
|
|
}
|
|
};
|
|
var chain = middlewares.map(function (middleware) {
|
|
return middleware(middlewareAPI);
|
|
});
|
|
_dispatch = compose.apply(void 0, chain)(store.dispatch);
|
|
return _objectSpread2(_objectSpread2({}, store), {}, {
|
|
dispatch: _dispatch
|
|
});
|
|
};
|
|
};
|
|
}
|
|
|
|
/*
|
|
* This is a dummy function to check if the function name has been altered by minification.
|
|
* If the function has been minified and NODE_ENV !== 'production', warn the user.
|
|
*/
|
|
|
|
function isCrushed() {}
|
|
|
|
if (false) {}
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/equivalent-key-map/equivalent-key-map.js
|
|
var equivalent_key_map = __webpack_require__("FtRg");
|
|
var equivalent_key_map_default = /*#__PURE__*/__webpack_require__.n(equivalent_key_map);
|
|
|
|
// EXTERNAL MODULE: external ["wp","reduxRoutine"]
|
|
var external_wp_reduxRoutine_ = __webpack_require__("XIDh");
|
|
var external_wp_reduxRoutine_default = /*#__PURE__*/__webpack_require__.n(external_wp_reduxRoutine_);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/factory.js
|
|
/**
|
|
* Creates a selector function that takes additional curried argument with the
|
|
* registry `select` function. While a regular selector has signature
|
|
* ```js
|
|
* ( state, ...selectorArgs ) => ( result )
|
|
* ```
|
|
* that allows to select data from the store's `state`, a registry selector
|
|
* has signature:
|
|
* ```js
|
|
* ( select ) => ( state, ...selectorArgs ) => ( result )
|
|
* ```
|
|
* that supports also selecting from other registered stores.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* const getCurrentPostId = createRegistrySelector( ( select ) => ( state ) => {
|
|
* return select( 'core/editor' ).getCurrentPostId();
|
|
* } );
|
|
*
|
|
* const getPostEdits = createRegistrySelector( ( select ) => ( state ) => {
|
|
* // calling another registry selector just like any other function
|
|
* const postType = getCurrentPostType( state );
|
|
* const postId = getCurrentPostId( state );
|
|
* return select( 'core' ).getEntityRecordEdits( 'postType', postType, postId );
|
|
* } );
|
|
* ```
|
|
*
|
|
* Note how the `getCurrentPostId` selector can be called just like any other function,
|
|
* (it works even inside a regular non-registry selector) and we don't need to pass the
|
|
* registry as argument. The registry binding happens automatically when registering the selector
|
|
* with a store.
|
|
*
|
|
* @param {Function} registrySelector Function receiving a registry `select`
|
|
* function and returning a state selector.
|
|
*
|
|
* @return {Function} Registry selector that can be registered with a store.
|
|
*/
|
|
function createRegistrySelector(registrySelector) {
|
|
// create a selector function that is bound to the registry referenced by `selector.registry`
|
|
// and that has the same API as a regular selector. Binding it in such a way makes it
|
|
// possible to call the selector directly from another selector.
|
|
const selector = function () {
|
|
return registrySelector(selector.registry.select)(...arguments);
|
|
};
|
|
/**
|
|
* Flag indicating that the selector is a registry selector that needs the correct registry
|
|
* reference to be assigned to `selecto.registry` to make it work correctly.
|
|
* be mapped as a registry selector.
|
|
*
|
|
* @type {boolean}
|
|
*/
|
|
|
|
|
|
selector.isRegistrySelector = true;
|
|
return selector;
|
|
}
|
|
/**
|
|
* Creates a control function that takes additional curried argument with the `registry` object.
|
|
* While a regular control has signature
|
|
* ```js
|
|
* ( action ) => ( iteratorOrPromise )
|
|
* ```
|
|
* where the control works with the `action` that it's bound to, a registry control has signature:
|
|
* ```js
|
|
* ( registry ) => ( action ) => ( iteratorOrPromise )
|
|
* ```
|
|
* A registry control is typically used to select data or dispatch an action to a registered
|
|
* store.
|
|
*
|
|
* When registering a control created with `createRegistryControl` with a store, the store
|
|
* knows which calling convention to use when executing the control.
|
|
*
|
|
* @param {Function} registryControl Function receiving a registry object and returning a control.
|
|
*
|
|
* @return {Function} Registry control that can be registered with a store.
|
|
*/
|
|
|
|
function createRegistryControl(registryControl) {
|
|
registryControl.isRegistryControl = true;
|
|
return registryControl;
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/controls.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/** @typedef {import('./types').WPDataStore} WPDataStore */
|
|
|
|
const SELECT = '@@data/SELECT';
|
|
const RESOLVE_SELECT = '@@data/RESOLVE_SELECT';
|
|
const DISPATCH = '@@data/DISPATCH';
|
|
/**
|
|
* Dispatches a control action for triggering a synchronous registry select.
|
|
*
|
|
* Note: This control synchronously returns the current selector value, triggering the
|
|
* resolution, but not waiting for it.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* @param {string} selectorName The name of the selector.
|
|
* @param {Array} args Arguments for the selector.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { controls } from '@wordpress/data';
|
|
*
|
|
* // Action generator using `select`.
|
|
* export function* myAction() {
|
|
* const isEditorSideBarOpened = yield controls.select( 'core/edit-post', 'isEditorSideBarOpened' );
|
|
* // Do stuff with the result from the `select`.
|
|
* }
|
|
* ```
|
|
*
|
|
* @return {Object} The control descriptor.
|
|
*/
|
|
|
|
function controls_select(storeNameOrDefinition, selectorName) {
|
|
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
args[_key - 2] = arguments[_key];
|
|
}
|
|
|
|
return {
|
|
type: SELECT,
|
|
storeKey: Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition,
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Dispatches a control action for triggering and resolving a registry select.
|
|
*
|
|
* Note: when this control action is handled, it automatically considers
|
|
* selectors that may have a resolver. In such case, it will return a `Promise` that resolves
|
|
* after the selector finishes resolving, with the final result value.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* @param {string} selectorName The name of the selector
|
|
* @param {Array} args Arguments for the selector.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { controls } from '@wordpress/data';
|
|
*
|
|
* // Action generator using resolveSelect
|
|
* export function* myAction() {
|
|
* const isSidebarOpened = yield controls.resolveSelect( 'core/edit-post', 'isEditorSideBarOpened' );
|
|
* // do stuff with the result from the select.
|
|
* }
|
|
* ```
|
|
*
|
|
* @return {Object} The control descriptor.
|
|
*/
|
|
|
|
|
|
function controls_resolveSelect(storeNameOrDefinition, selectorName) {
|
|
for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
|
|
args[_key2 - 2] = arguments[_key2];
|
|
}
|
|
|
|
return {
|
|
type: RESOLVE_SELECT,
|
|
storeKey: Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition,
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Dispatches a control action for triggering a registry dispatch.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* @param {string} actionName The name of the action to dispatch
|
|
* @param {Array} args Arguments for the dispatch action.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { controls } from '@wordpress/data-controls';
|
|
*
|
|
* // Action generator using dispatch
|
|
* export function* myAction() {
|
|
* yield controls.dispatch( 'core/edit-post', 'togglePublishSidebar' );
|
|
* // do some other things.
|
|
* }
|
|
* ```
|
|
*
|
|
* @return {Object} The control descriptor.
|
|
*/
|
|
|
|
|
|
function controls_dispatch(storeNameOrDefinition, actionName) {
|
|
for (var _len3 = arguments.length, args = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
|
|
args[_key3 - 2] = arguments[_key3];
|
|
}
|
|
|
|
return {
|
|
type: DISPATCH,
|
|
storeKey: Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition,
|
|
actionName,
|
|
args
|
|
};
|
|
}
|
|
|
|
const controls_controls = {
|
|
select: controls_select,
|
|
resolveSelect: controls_resolveSelect,
|
|
dispatch: controls_dispatch
|
|
};
|
|
const builtinControls = {
|
|
[SELECT]: createRegistryControl(registry => _ref => {
|
|
let {
|
|
storeKey,
|
|
selectorName,
|
|
args
|
|
} = _ref;
|
|
return registry.select(storeKey)[selectorName](...args);
|
|
}),
|
|
[RESOLVE_SELECT]: createRegistryControl(registry => _ref2 => {
|
|
let {
|
|
storeKey,
|
|
selectorName,
|
|
args
|
|
} = _ref2;
|
|
const method = registry.select(storeKey)[selectorName].hasResolver ? 'resolveSelect' : 'select';
|
|
return registry[method](storeKey)[selectorName](...args);
|
|
}),
|
|
[DISPATCH]: createRegistryControl(registry => _ref3 => {
|
|
let {
|
|
storeKey,
|
|
actionName,
|
|
args
|
|
} = _ref3;
|
|
return registry.dispatch(storeKey)[actionName](...args);
|
|
})
|
|
};
|
|
|
|
// EXTERNAL MODULE: ./node_modules/is-promise/index.js
|
|
var is_promise = __webpack_require__("JlUD");
|
|
var is_promise_default = /*#__PURE__*/__webpack_require__.n(is_promise);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/promise-middleware.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Simplest possible promise redux middleware.
|
|
*
|
|
* @type {import('redux').Middleware}
|
|
*/
|
|
|
|
const promiseMiddleware = () => next => action => {
|
|
if (is_promise_default()(action)) {
|
|
return action.then(resolvedAction => {
|
|
if (resolvedAction) {
|
|
return next(resolvedAction);
|
|
}
|
|
});
|
|
}
|
|
|
|
return next(action);
|
|
};
|
|
|
|
/* harmony default export */ var promise_middleware = (promiseMiddleware);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/store/name.js
|
|
/**
|
|
* The identifier for the core/data store.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
const STORE_NAME = 'core/data';
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/resolvers-cache-middleware.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/** @typedef {import('./registry').WPDataRegistry} WPDataRegistry */
|
|
|
|
/**
|
|
* Creates a middleware handling resolvers cache invalidation.
|
|
*
|
|
* @param {WPDataRegistry} registry The registry reference for which to create
|
|
* the middleware.
|
|
* @param {string} reducerKey The namespace for which to create the
|
|
* middleware.
|
|
*
|
|
* @return {Function} Middleware function.
|
|
*/
|
|
|
|
const createResolversCacheMiddleware = (registry, reducerKey) => () => next => action => {
|
|
const resolvers = registry.select(STORE_NAME).getCachedResolvers(reducerKey);
|
|
Object.entries(resolvers).forEach(_ref => {
|
|
let [selectorName, resolversByArgs] = _ref;
|
|
const resolver = Object(external_lodash_["get"])(registry.stores, [reducerKey, 'resolvers', selectorName]);
|
|
|
|
if (!resolver || !resolver.shouldInvalidate) {
|
|
return;
|
|
}
|
|
|
|
resolversByArgs.forEach((value, args) => {
|
|
// resolversByArgs is the map Map([ args ] => boolean) storing the cache resolution status for a given selector.
|
|
// If the value is false it means this resolver has finished its resolution which means we need to invalidate it,
|
|
// if it's true it means it's inflight and the invalidation is not necessary.
|
|
if (value !== false || !resolver.shouldInvalidate(action, ...args)) {
|
|
return;
|
|
} // Trigger cache invalidation
|
|
|
|
|
|
registry.dispatch(STORE_NAME).invalidateResolution(reducerKey, selectorName, args);
|
|
});
|
|
});
|
|
return next(action);
|
|
};
|
|
|
|
/* harmony default export */ var resolvers_cache_middleware = (createResolversCacheMiddleware);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/thunk-middleware.js
|
|
function createThunkMiddleware(args) {
|
|
return () => next => action => {
|
|
if (typeof action === 'function') {
|
|
return action(args);
|
|
}
|
|
|
|
return next(action);
|
|
};
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/metadata/utils.js
|
|
/**
|
|
* Higher-order reducer creator which creates a combined reducer object, keyed
|
|
* by a property on the action object.
|
|
*
|
|
* @template {any} TState
|
|
* @template {import('redux').AnyAction} TAction
|
|
*
|
|
* @param {string} actionProperty Action property by which to key object.
|
|
*
|
|
* @return {(reducer: import('redux').Reducer<TState, TAction>) => import('redux').Reducer<Record<string, TState>, TAction>} Higher-order reducer.
|
|
*/
|
|
const onSubKey = actionProperty => reducer => function () {
|
|
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] :
|
|
/** @type {Record<string, TState>} */
|
|
{};
|
|
let action = arguments.length > 1 ? arguments[1] : undefined;
|
|
// Retrieve subkey from action. Do not track if undefined; useful for cases
|
|
// where reducer is scoped by action shape.
|
|
|
|
/** @type {keyof state} */
|
|
|
|
/* eslint-enable jsdoc/no-undefined-types */
|
|
const key = action[actionProperty];
|
|
|
|
if (key === undefined) {
|
|
return state;
|
|
} // Avoid updating state if unchanged. Note that this also accounts for a
|
|
// reducer which returns undefined on a key which is not yet tracked.
|
|
|
|
|
|
const nextKeyState = reducer(state[key], action);
|
|
|
|
if (nextKeyState === state[key]) {
|
|
return state;
|
|
}
|
|
|
|
return { ...state,
|
|
[key]: nextKeyState
|
|
};
|
|
};
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/metadata/reducer.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Reducer function returning next state for selector resolution of
|
|
* subkeys, object form:
|
|
*
|
|
* selectorName -> EquivalentKeyMap<Array,boolean>
|
|
*/
|
|
const subKeysIsResolved = onSubKey('selectorName')(function () {
|
|
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new equivalent_key_map_default.a();
|
|
let action = arguments.length > 1 ? arguments[1] : undefined;
|
|
|
|
switch (action.type) {
|
|
case 'START_RESOLUTION':
|
|
case 'FINISH_RESOLUTION':
|
|
{
|
|
const isStarting = action.type === 'START_RESOLUTION';
|
|
const nextState = new equivalent_key_map_default.a(state);
|
|
nextState.set(action.args, isStarting);
|
|
return nextState;
|
|
}
|
|
|
|
case 'START_RESOLUTIONS':
|
|
case 'FINISH_RESOLUTIONS':
|
|
{
|
|
const isStarting = action.type === 'START_RESOLUTIONS';
|
|
const nextState = new equivalent_key_map_default.a(state);
|
|
|
|
for (const resolutionArgs of action.args) {
|
|
nextState.set(resolutionArgs, isStarting);
|
|
}
|
|
|
|
return nextState;
|
|
}
|
|
|
|
case 'INVALIDATE_RESOLUTION':
|
|
{
|
|
const nextState = new equivalent_key_map_default.a(state);
|
|
nextState.delete(action.args);
|
|
return nextState;
|
|
}
|
|
}
|
|
|
|
return state;
|
|
});
|
|
/**
|
|
* Reducer function returning next state for selector resolution, object form:
|
|
*
|
|
* selectorName -> EquivalentKeyMap<Array, boolean>
|
|
*
|
|
* @param state Current state.
|
|
* @param action Dispatched action.
|
|
*
|
|
* @return Next state.
|
|
*/
|
|
|
|
const isResolved = function () {
|
|
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
let action = arguments.length > 1 ? arguments[1] : undefined;
|
|
|
|
switch (action.type) {
|
|
case 'INVALIDATE_RESOLUTION_FOR_STORE':
|
|
return {};
|
|
|
|
case 'INVALIDATE_RESOLUTION_FOR_STORE_SELECTOR':
|
|
return Object(external_lodash_["has"])(state, [action.selectorName]) ? Object(external_lodash_["omit"])(state, [action.selectorName]) : state;
|
|
|
|
case 'START_RESOLUTION':
|
|
case 'FINISH_RESOLUTION':
|
|
case 'START_RESOLUTIONS':
|
|
case 'FINISH_RESOLUTIONS':
|
|
case 'INVALIDATE_RESOLUTION':
|
|
return subKeysIsResolved(state, action);
|
|
}
|
|
|
|
return state;
|
|
};
|
|
|
|
/* harmony default export */ var metadata_reducer = (isResolved);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/metadata/selectors.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/** @typedef {Record<string, import('./reducer').State>} State */
|
|
|
|
/**
|
|
* Returns the raw `isResolving` value for a given selector name,
|
|
* and arguments set. May be undefined if the selector has never been resolved
|
|
* or not resolved for the given set of arguments, otherwise true or false for
|
|
* resolution started and completed respectively.
|
|
*
|
|
* @param {State} state Data state.
|
|
* @param {string} selectorName Selector name.
|
|
* @param {unknown[]} args Arguments passed to selector.
|
|
*
|
|
* @return {boolean | undefined} isResolving value.
|
|
*/
|
|
|
|
function getIsResolving(state, selectorName, args) {
|
|
const map = Object(external_lodash_["get"])(state, [selectorName]);
|
|
|
|
if (!map) {
|
|
return undefined;
|
|
}
|
|
|
|
return map.get(args);
|
|
}
|
|
/**
|
|
* Returns true if resolution has already been triggered for a given
|
|
* selector name, and arguments set.
|
|
*
|
|
* @param {State} state Data state.
|
|
* @param {string} selectorName Selector name.
|
|
* @param {unknown[]} [args] Arguments passed to selector (default `[]`).
|
|
*
|
|
* @return {boolean} Whether resolution has been triggered.
|
|
*/
|
|
|
|
function hasStartedResolution(state, selectorName) {
|
|
let args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
return getIsResolving(state, selectorName, args) !== undefined;
|
|
}
|
|
/**
|
|
* Returns true if resolution has completed for a given selector
|
|
* name, and arguments set.
|
|
*
|
|
* @param {State} state Data state.
|
|
* @param {string} selectorName Selector name.
|
|
* @param {unknown[]} [args] Arguments passed to selector.
|
|
*
|
|
* @return {boolean} Whether resolution has completed.
|
|
*/
|
|
|
|
function hasFinishedResolution(state, selectorName) {
|
|
let args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
return getIsResolving(state, selectorName, args) === false;
|
|
}
|
|
/**
|
|
* Returns true if resolution has been triggered but has not yet completed for
|
|
* a given selector name, and arguments set.
|
|
*
|
|
* @param {State} state Data state.
|
|
* @param {string} selectorName Selector name.
|
|
* @param {unknown[]} [args] Arguments passed to selector.
|
|
*
|
|
* @return {boolean} Whether resolution is in progress.
|
|
*/
|
|
|
|
function isResolving(state, selectorName) {
|
|
let args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
return getIsResolving(state, selectorName, args) === true;
|
|
}
|
|
/**
|
|
* Returns the list of the cached resolvers.
|
|
*
|
|
* @param {State} state Data state.
|
|
*
|
|
* @return {State} Resolvers mapped by args and selectorName.
|
|
*/
|
|
|
|
function getCachedResolvers(state) {
|
|
return state;
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/metadata/actions.js
|
|
/**
|
|
* Returns an action object used in signalling that selector resolution has
|
|
* started.
|
|
*
|
|
* @param {string} selectorName Name of selector for which resolver triggered.
|
|
* @param {unknown[]} args Arguments to associate for uniqueness.
|
|
*
|
|
* @return {{ type: 'START_RESOLUTION', selectorName: string, args: unknown[] }} Action object.
|
|
*/
|
|
function startResolution(selectorName, args) {
|
|
return {
|
|
type: 'START_RESOLUTION',
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that selector resolution has
|
|
* completed.
|
|
*
|
|
* @param {string} selectorName Name of selector for which resolver triggered.
|
|
* @param {unknown[]} args Arguments to associate for uniqueness.
|
|
*
|
|
* @return {{ type: 'FINISH_RESOLUTION', selectorName: string, args: unknown[] }} Action object.
|
|
*/
|
|
|
|
function finishResolution(selectorName, args) {
|
|
return {
|
|
type: 'FINISH_RESOLUTION',
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that a batch of selector resolutions has
|
|
* started.
|
|
*
|
|
* @param {string} selectorName Name of selector for which resolver triggered.
|
|
* @param {unknown[]} args Array of arguments to associate for uniqueness, each item
|
|
* is associated to a resolution.
|
|
*
|
|
* @return {{ type: 'START_RESOLUTIONS', selectorName: string, args: unknown[] }} Action object.
|
|
*/
|
|
|
|
function startResolutions(selectorName, args) {
|
|
return {
|
|
type: 'START_RESOLUTIONS',
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that a batch of selector resolutions has
|
|
* completed.
|
|
*
|
|
* @param {string} selectorName Name of selector for which resolver triggered.
|
|
* @param {unknown[]} args Array of arguments to associate for uniqueness, each item
|
|
* is associated to a resolution.
|
|
*
|
|
* @return {{ type: 'FINISH_RESOLUTIONS', selectorName: string, args: unknown[] }} Action object.
|
|
*/
|
|
|
|
function finishResolutions(selectorName, args) {
|
|
return {
|
|
type: 'FINISH_RESOLUTIONS',
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that we should invalidate the resolution cache.
|
|
*
|
|
* @param {string} selectorName Name of selector for which resolver should be invalidated.
|
|
* @param {unknown[]} args Arguments to associate for uniqueness.
|
|
*
|
|
* @return {{ type: 'INVALIDATE_RESOLUTION', selectorName: string, args: any[] }} Action object.
|
|
*/
|
|
|
|
function invalidateResolution(selectorName, args) {
|
|
return {
|
|
type: 'INVALIDATE_RESOLUTION',
|
|
selectorName,
|
|
args
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that the resolution
|
|
* should be invalidated.
|
|
*
|
|
* @return {{ type: 'INVALIDATE_RESOLUTION_FOR_STORE' }} Action object.
|
|
*/
|
|
|
|
function invalidateResolutionForStore() {
|
|
return {
|
|
type: 'INVALIDATE_RESOLUTION_FOR_STORE'
|
|
};
|
|
}
|
|
/**
|
|
* Returns an action object used in signalling that the resolution cache for a
|
|
* given selectorName should be invalidated.
|
|
*
|
|
* @param {string} selectorName Name of selector for which all resolvers should
|
|
* be invalidated.
|
|
*
|
|
* @return {{ type: 'INVALIDATE_RESOLUTION_FOR_STORE_SELECTOR', selectorName: string }} Action object.
|
|
*/
|
|
|
|
function invalidateResolutionForStoreSelector(selectorName) {
|
|
return {
|
|
type: 'INVALIDATE_RESOLUTION_FOR_STORE_SELECTOR',
|
|
selectorName
|
|
};
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/redux-store/index.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** @typedef {import('../types').WPDataRegistry} WPDataRegistry */
|
|
|
|
/** @typedef {import('../types').WPDataStore} WPDataStore */
|
|
|
|
/** @typedef {import('../types').WPDataReduxStoreConfig} WPDataReduxStoreConfig */
|
|
|
|
const trimUndefinedValues = array => {
|
|
const result = [...array];
|
|
|
|
for (let i = result.length - 1; i >= 0; i--) {
|
|
if (result[i] === undefined) {
|
|
result.splice(i, 1);
|
|
}
|
|
}
|
|
|
|
return result;
|
|
};
|
|
/**
|
|
* Create a cache to track whether resolvers started running or not.
|
|
*
|
|
* @return {Object} Resolvers Cache.
|
|
*/
|
|
|
|
|
|
function createResolversCache() {
|
|
const cache = {};
|
|
return {
|
|
isRunning(selectorName, args) {
|
|
return cache[selectorName] && cache[selectorName].get(trimUndefinedValues(args));
|
|
},
|
|
|
|
clear(selectorName, args) {
|
|
if (cache[selectorName]) {
|
|
cache[selectorName].delete(trimUndefinedValues(args));
|
|
}
|
|
},
|
|
|
|
markAsRunning(selectorName, args) {
|
|
if (!cache[selectorName]) {
|
|
cache[selectorName] = new equivalent_key_map_default.a();
|
|
}
|
|
|
|
cache[selectorName].set(trimUndefinedValues(args), true);
|
|
}
|
|
|
|
};
|
|
}
|
|
/**
|
|
* Creates a data store definition for the provided Redux store options containing
|
|
* properties describing reducer, actions, selectors, controls and resolvers.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { createReduxStore } from '@wordpress/data';
|
|
*
|
|
* const store = createReduxStore( 'demo', {
|
|
* reducer: ( state = 'OK' ) => state,
|
|
* selectors: {
|
|
* getValue: ( state ) => state,
|
|
* },
|
|
* } );
|
|
* ```
|
|
*
|
|
* @param {string} key Unique namespace identifier.
|
|
* @param {WPDataReduxStoreConfig} options Registered store options, with properties
|
|
* describing reducer, actions, selectors,
|
|
* and resolvers.
|
|
*
|
|
* @return {WPDataStore} Store Object.
|
|
*/
|
|
|
|
|
|
function createReduxStore(key, options) {
|
|
return {
|
|
name: key,
|
|
instantiate: registry => {
|
|
const reducer = options.reducer;
|
|
const thunkArgs = {
|
|
registry,
|
|
|
|
get dispatch() {
|
|
return Object.assign(action => store.dispatch(action), getActions());
|
|
},
|
|
|
|
get select() {
|
|
return Object.assign(selector => selector(store.__unstableOriginalGetState()), getSelectors());
|
|
},
|
|
|
|
get resolveSelect() {
|
|
return getResolveSelectors();
|
|
}
|
|
|
|
};
|
|
const store = instantiateReduxStore(key, options, registry, thunkArgs);
|
|
const resolversCache = createResolversCache();
|
|
let resolvers;
|
|
const actions = mapActions({ ...actions_namespaceObject,
|
|
...options.actions
|
|
}, store);
|
|
let selectors = mapSelectors({ ...Object(external_lodash_["mapValues"])(selectors_namespaceObject, selector => function (state) {
|
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
args[_key - 1] = arguments[_key];
|
|
}
|
|
|
|
return selector(state.metadata, ...args);
|
|
}),
|
|
...Object(external_lodash_["mapValues"])(options.selectors, selector => {
|
|
if (selector.isRegistrySelector) {
|
|
selector.registry = registry;
|
|
}
|
|
|
|
return function (state) {
|
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
args[_key2 - 1] = arguments[_key2];
|
|
}
|
|
|
|
return selector(state.root, ...args);
|
|
};
|
|
})
|
|
}, store);
|
|
|
|
if (options.resolvers) {
|
|
const result = mapResolvers(options.resolvers, selectors, store, resolversCache);
|
|
resolvers = result.resolvers;
|
|
selectors = result.selectors;
|
|
}
|
|
|
|
const resolveSelectors = mapResolveSelectors(selectors, store);
|
|
|
|
const getSelectors = () => selectors;
|
|
|
|
const getActions = () => actions;
|
|
|
|
const getResolveSelectors = () => resolveSelectors; // We have some modules monkey-patching the store object
|
|
// It's wrong to do so but until we refactor all of our effects to controls
|
|
// We need to keep the same "store" instance here.
|
|
|
|
|
|
store.__unstableOriginalGetState = store.getState;
|
|
|
|
store.getState = () => store.__unstableOriginalGetState().root; // Customize subscribe behavior to call listeners only on effective change,
|
|
// not on every dispatch.
|
|
|
|
|
|
const subscribe = store && (listener => {
|
|
let lastState = store.__unstableOriginalGetState();
|
|
|
|
return store.subscribe(() => {
|
|
const state = store.__unstableOriginalGetState();
|
|
|
|
const hasChanged = state !== lastState;
|
|
lastState = state;
|
|
|
|
if (hasChanged) {
|
|
listener();
|
|
}
|
|
});
|
|
}); // This can be simplified to just { subscribe, getSelectors, getActions }
|
|
// Once we remove the use function.
|
|
|
|
|
|
return {
|
|
reducer,
|
|
store,
|
|
actions,
|
|
selectors,
|
|
resolvers,
|
|
getSelectors,
|
|
getResolveSelectors,
|
|
getActions,
|
|
subscribe
|
|
};
|
|
}
|
|
};
|
|
}
|
|
/**
|
|
* Creates a redux store for a namespace.
|
|
*
|
|
* @param {string} key Unique namespace identifier.
|
|
* @param {Object} options Registered store options, with properties
|
|
* describing reducer, actions, selectors,
|
|
* and resolvers.
|
|
* @param {WPDataRegistry} registry Registry reference.
|
|
* @param {Object} thunkArgs Argument object for the thunk middleware.
|
|
* @return {Object} Newly created redux store.
|
|
*/
|
|
|
|
function instantiateReduxStore(key, options, registry, thunkArgs) {
|
|
const controls = { ...options.controls,
|
|
...builtinControls
|
|
};
|
|
const normalizedControls = Object(external_lodash_["mapValues"])(controls, control => control.isRegistryControl ? control(registry) : control);
|
|
const middlewares = [resolvers_cache_middleware(registry, key), promise_middleware, external_wp_reduxRoutine_default()(normalizedControls)];
|
|
|
|
if (options.__experimentalUseThunks) {
|
|
middlewares.push(createThunkMiddleware(thunkArgs));
|
|
}
|
|
|
|
const enhancers = [applyMiddleware(...middlewares)];
|
|
|
|
if (typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__) {
|
|
enhancers.push(window.__REDUX_DEVTOOLS_EXTENSION__({
|
|
name: key,
|
|
instanceId: key
|
|
}));
|
|
}
|
|
|
|
const {
|
|
reducer,
|
|
initialState
|
|
} = options;
|
|
const enhancedReducer = turbo_combine_reducers_default()({
|
|
metadata: metadata_reducer,
|
|
root: reducer
|
|
});
|
|
return redux_createStore(enhancedReducer, {
|
|
root: initialState
|
|
}, Object(external_lodash_["flowRight"])(enhancers));
|
|
}
|
|
/**
|
|
* Maps selectors to a store.
|
|
*
|
|
* @param {Object} selectors Selectors to register. Keys will be used as the
|
|
* public facing API. Selectors will get passed the
|
|
* state as first argument.
|
|
* @param {Object} store The store to which the selectors should be mapped.
|
|
* @return {Object} Selectors mapped to the provided store.
|
|
*/
|
|
|
|
|
|
function mapSelectors(selectors, store) {
|
|
const createStateSelector = registrySelector => {
|
|
const selector = function runSelector() {
|
|
// This function is an optimized implementation of:
|
|
//
|
|
// selector( store.getState(), ...arguments )
|
|
//
|
|
// Where the above would incur an `Array#concat` in its application,
|
|
// the logic here instead efficiently constructs an arguments array via
|
|
// direct assignment.
|
|
const argsLength = arguments.length;
|
|
const args = new Array(argsLength + 1);
|
|
args[0] = store.__unstableOriginalGetState();
|
|
|
|
for (let i = 0; i < argsLength; i++) {
|
|
args[i + 1] = arguments[i];
|
|
}
|
|
|
|
return registrySelector(...args);
|
|
};
|
|
|
|
selector.hasResolver = false;
|
|
return selector;
|
|
};
|
|
|
|
return Object(external_lodash_["mapValues"])(selectors, createStateSelector);
|
|
}
|
|
/**
|
|
* Maps actions to dispatch from a given store.
|
|
*
|
|
* @param {Object} actions Actions to register.
|
|
* @param {Object} store The redux store to which the actions should be mapped.
|
|
*
|
|
* @return {Object} Actions mapped to the redux store provided.
|
|
*/
|
|
|
|
|
|
function mapActions(actions, store) {
|
|
const createBoundAction = action => function () {
|
|
return Promise.resolve(store.dispatch(action(...arguments)));
|
|
};
|
|
|
|
return Object(external_lodash_["mapValues"])(actions, createBoundAction);
|
|
}
|
|
/**
|
|
* Maps selectors to functions that return a resolution promise for them
|
|
*
|
|
* @param {Object} selectors Selectors to map.
|
|
* @param {Object} store The redux store the selectors select from.
|
|
*
|
|
* @return {Object} Selectors mapped to their resolution functions.
|
|
*/
|
|
|
|
|
|
function mapResolveSelectors(selectors, store) {
|
|
return Object(external_lodash_["mapValues"])(Object(external_lodash_["omit"])(selectors, ['getIsResolving', 'hasStartedResolution', 'hasFinishedResolution', 'isResolving', 'getCachedResolvers']), (selector, selectorName) => function () {
|
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
args[_key3] = arguments[_key3];
|
|
}
|
|
|
|
return new Promise(resolve => {
|
|
const hasFinished = () => selectors.hasFinishedResolution(selectorName, args);
|
|
|
|
const getResult = () => selector.apply(null, args); // trigger the selector (to trigger the resolver)
|
|
|
|
|
|
const result = getResult();
|
|
|
|
if (hasFinished()) {
|
|
return resolve(result);
|
|
}
|
|
|
|
const unsubscribe = store.subscribe(() => {
|
|
if (hasFinished()) {
|
|
unsubscribe();
|
|
resolve(getResult());
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
/**
|
|
* Returns resolvers with matched selectors for a given namespace.
|
|
* Resolvers are side effects invoked once per argument set of a given selector call,
|
|
* used in ensuring that the data needs for the selector are satisfied.
|
|
*
|
|
* @param {Object} resolvers Resolvers to register.
|
|
* @param {Object} selectors The current selectors to be modified.
|
|
* @param {Object} store The redux store to which the resolvers should be mapped.
|
|
* @param {Object} resolversCache Resolvers Cache.
|
|
*/
|
|
|
|
|
|
function mapResolvers(resolvers, selectors, store, resolversCache) {
|
|
// The `resolver` can be either a function that does the resolution, or, in more advanced
|
|
// cases, an object with a `fullfill` method and other optional methods like `isFulfilled`.
|
|
// Here we normalize the `resolver` function to an object with `fulfill` method.
|
|
const mappedResolvers = Object(external_lodash_["mapValues"])(resolvers, resolver => {
|
|
if (resolver.fulfill) {
|
|
return resolver;
|
|
}
|
|
|
|
return { ...resolver,
|
|
// copy the enumerable properties of the resolver function
|
|
fulfill: resolver // add the fulfill method
|
|
|
|
};
|
|
});
|
|
|
|
const mapSelector = (selector, selectorName) => {
|
|
const resolver = resolvers[selectorName];
|
|
|
|
if (!resolver) {
|
|
selector.hasResolver = false;
|
|
return selector;
|
|
}
|
|
|
|
const selectorResolver = function () {
|
|
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
args[_key4] = arguments[_key4];
|
|
}
|
|
|
|
async function fulfillSelector() {
|
|
const state = store.getState();
|
|
|
|
if (resolversCache.isRunning(selectorName, args) || typeof resolver.isFulfilled === 'function' && resolver.isFulfilled(state, ...args)) {
|
|
return;
|
|
}
|
|
|
|
const {
|
|
metadata
|
|
} = store.__unstableOriginalGetState();
|
|
|
|
if (hasStartedResolution(metadata, selectorName, args)) {
|
|
return;
|
|
}
|
|
|
|
resolversCache.markAsRunning(selectorName, args);
|
|
setTimeout(async () => {
|
|
resolversCache.clear(selectorName, args);
|
|
store.dispatch(startResolution(selectorName, args));
|
|
await fulfillResolver(store, mappedResolvers, selectorName, ...args);
|
|
store.dispatch(finishResolution(selectorName, args));
|
|
});
|
|
}
|
|
|
|
fulfillSelector(...args);
|
|
return selector(...args);
|
|
};
|
|
|
|
selectorResolver.hasResolver = true;
|
|
return selectorResolver;
|
|
};
|
|
|
|
return {
|
|
resolvers: mappedResolvers,
|
|
selectors: Object(external_lodash_["mapValues"])(selectors, mapSelector)
|
|
};
|
|
}
|
|
/**
|
|
* Calls a resolver given arguments
|
|
*
|
|
* @param {Object} store Store reference, for fulfilling via resolvers
|
|
* @param {Object} resolvers Store Resolvers
|
|
* @param {string} selectorName Selector name to fulfill.
|
|
* @param {Array} args Selector Arguments.
|
|
*/
|
|
|
|
|
|
async function fulfillResolver(store, resolvers, selectorName) {
|
|
const resolver = Object(external_lodash_["get"])(resolvers, [selectorName]);
|
|
|
|
if (!resolver) {
|
|
return;
|
|
}
|
|
|
|
for (var _len5 = arguments.length, args = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
|
|
args[_key5 - 3] = arguments[_key5];
|
|
}
|
|
|
|
const action = resolver.fulfill(...args);
|
|
|
|
if (action) {
|
|
await store.dispatch(action);
|
|
}
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/store/index.js
|
|
function createCoreDataStore(registry) {
|
|
const getCoreDataSelector = selectorName => function (key) {
|
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
args[_key - 1] = arguments[_key];
|
|
}
|
|
|
|
return registry.select(key)[selectorName](...args);
|
|
};
|
|
|
|
const getCoreDataAction = actionName => function (key) {
|
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
args[_key2 - 1] = arguments[_key2];
|
|
}
|
|
|
|
return registry.dispatch(key)[actionName](...args);
|
|
};
|
|
|
|
return {
|
|
getSelectors() {
|
|
return ['getIsResolving', 'hasStartedResolution', 'hasFinishedResolution', 'isResolving', 'getCachedResolvers'].reduce((memo, selectorName) => ({ ...memo,
|
|
[selectorName]: getCoreDataSelector(selectorName)
|
|
}), {});
|
|
},
|
|
|
|
getActions() {
|
|
return ['startResolution', 'finishResolution', 'invalidateResolution', 'invalidateResolutionForStore', 'invalidateResolutionForStoreSelector'].reduce((memo, actionName) => ({ ...memo,
|
|
[actionName]: getCoreDataAction(actionName)
|
|
}), {});
|
|
},
|
|
|
|
subscribe() {
|
|
// There's no reasons to trigger any listener when we subscribe to this store
|
|
// because there's no state stored in this store that need to retrigger selectors
|
|
// if a change happens, the corresponding store where the tracking stated live
|
|
// would have already triggered a "subscribe" call.
|
|
return () => {};
|
|
}
|
|
|
|
};
|
|
}
|
|
|
|
/* harmony default export */ var build_module_store = (createCoreDataStore);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/utils/emitter.js
|
|
/**
|
|
* Create an event emitter.
|
|
*
|
|
* @return {import("../types").WPDataEmitter} Emitter.
|
|
*/
|
|
function createEmitter() {
|
|
let isPaused = false;
|
|
let isPending = false;
|
|
const listeners = new Set();
|
|
|
|
const notifyListeners = () => // We use Array.from to clone the listeners Set
|
|
// This ensures that we don't run a listener
|
|
// that was added as a response to another listener.
|
|
Array.from(listeners).forEach(listener => listener());
|
|
|
|
return {
|
|
get isPaused() {
|
|
return isPaused;
|
|
},
|
|
|
|
subscribe(listener) {
|
|
listeners.add(listener);
|
|
return () => listeners.delete(listener);
|
|
},
|
|
|
|
pause() {
|
|
isPaused = true;
|
|
},
|
|
|
|
resume() {
|
|
isPaused = false;
|
|
|
|
if (isPending) {
|
|
isPending = false;
|
|
notifyListeners();
|
|
}
|
|
},
|
|
|
|
emit() {
|
|
if (isPaused) {
|
|
isPending = true;
|
|
return;
|
|
}
|
|
|
|
notifyListeners();
|
|
}
|
|
|
|
};
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/registry.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
/** @typedef {import('./types').WPDataStore} WPDataStore */
|
|
|
|
/**
|
|
* @typedef {Object} WPDataRegistry An isolated orchestrator of store registrations.
|
|
*
|
|
* @property {Function} registerGenericStore Given a namespace key and settings
|
|
* object, registers a new generic
|
|
* store.
|
|
* @property {Function} registerStore Given a namespace key and settings
|
|
* object, registers a new namespace
|
|
* store.
|
|
* @property {Function} subscribe Given a function callback, invokes
|
|
* the callback on any change to state
|
|
* within any registered store.
|
|
* @property {Function} select Given a namespace key, returns an
|
|
* object of the store's registered
|
|
* selectors.
|
|
* @property {Function} dispatch Given a namespace key, returns an
|
|
* object of the store's registered
|
|
* action dispatchers.
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Object} WPDataPlugin An object of registry function overrides.
|
|
*
|
|
* @property {Function} registerStore registers store.
|
|
*/
|
|
|
|
/**
|
|
* Creates a new store registry, given an optional object of initial store
|
|
* configurations.
|
|
*
|
|
* @param {Object} storeConfigs Initial store configurations.
|
|
* @param {Object?} parent Parent registry.
|
|
*
|
|
* @return {WPDataRegistry} Data registry.
|
|
*/
|
|
|
|
function createRegistry() {
|
|
let storeConfigs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
const stores = {};
|
|
const emitter = createEmitter();
|
|
|
|
const __experimentalListeningStores = new Set();
|
|
/**
|
|
* Global listener called for each store's update.
|
|
*/
|
|
|
|
|
|
function globalListener() {
|
|
emitter.emit();
|
|
}
|
|
/**
|
|
* Subscribe to changes to any data.
|
|
*
|
|
* @param {Function} listener Listener function.
|
|
*
|
|
* @return {Function} Unsubscribe function.
|
|
*/
|
|
|
|
|
|
const subscribe = listener => {
|
|
return emitter.subscribe(listener);
|
|
};
|
|
/**
|
|
* Calls a selector given the current state and extra arguments.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @return {*} The selector's returned value.
|
|
*/
|
|
|
|
|
|
function select(storeNameOrDefinition) {
|
|
const storeName = Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition;
|
|
|
|
__experimentalListeningStores.add(storeName);
|
|
|
|
const store = stores[storeName];
|
|
|
|
if (store) {
|
|
return store.getSelectors();
|
|
}
|
|
|
|
return parent && parent.select(storeName);
|
|
}
|
|
|
|
function __experimentalMarkListeningStores(callback, ref) {
|
|
__experimentalListeningStores.clear();
|
|
|
|
const result = callback.call(this);
|
|
ref.current = Array.from(__experimentalListeningStores);
|
|
return result;
|
|
}
|
|
/**
|
|
* Given the name of a registered store, returns an object containing the store's
|
|
* selectors pre-bound to state so that you only need to supply additional arguments,
|
|
* and modified so that they return promises that resolve to their eventual values,
|
|
* after any resolvers have ran.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @return {Object} Each key of the object matches the name of a selector.
|
|
*/
|
|
|
|
|
|
function resolveSelect(storeNameOrDefinition) {
|
|
const storeName = Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition;
|
|
|
|
__experimentalListeningStores.add(storeName);
|
|
|
|
const store = stores[storeName];
|
|
|
|
if (store) {
|
|
return store.getResolveSelectors();
|
|
}
|
|
|
|
return parent && parent.resolveSelect(storeName);
|
|
}
|
|
/**
|
|
* Returns the available actions for a part of the state.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @return {*} The action's returned value.
|
|
*/
|
|
|
|
|
|
function dispatch(storeNameOrDefinition) {
|
|
const storeName = Object(external_lodash_["isObject"])(storeNameOrDefinition) ? storeNameOrDefinition.name : storeNameOrDefinition;
|
|
const store = stores[storeName];
|
|
|
|
if (store) {
|
|
return store.getActions();
|
|
}
|
|
|
|
return parent && parent.dispatch(storeName);
|
|
} //
|
|
// Deprecated
|
|
// TODO: Remove this after `use()` is removed.
|
|
//
|
|
|
|
|
|
function withPlugins(attributes) {
|
|
return Object(external_lodash_["mapValues"])(attributes, (attribute, key) => {
|
|
if (typeof attribute !== 'function') {
|
|
return attribute;
|
|
}
|
|
|
|
return function () {
|
|
return registry[key].apply(null, arguments);
|
|
};
|
|
});
|
|
}
|
|
/**
|
|
* Registers a generic store.
|
|
*
|
|
* @param {string} key Store registry key.
|
|
* @param {Object} config Configuration (getSelectors, getActions, subscribe).
|
|
*/
|
|
|
|
|
|
function registerGenericStore(key, config) {
|
|
if (typeof config.getSelectors !== 'function') {
|
|
throw new TypeError('config.getSelectors must be a function');
|
|
}
|
|
|
|
if (typeof config.getActions !== 'function') {
|
|
throw new TypeError('config.getActions must be a function');
|
|
}
|
|
|
|
if (typeof config.subscribe !== 'function') {
|
|
throw new TypeError('config.subscribe must be a function');
|
|
} // Thi emitter is used to keep track of active listeners when the registry
|
|
// get paused, that way, when resumed we should be able to call all these
|
|
// pending listeners.
|
|
|
|
|
|
config.emitter = createEmitter();
|
|
const currentSubscribe = config.subscribe;
|
|
|
|
config.subscribe = listener => {
|
|
const unsubscribeFromStoreEmitter = config.emitter.subscribe(listener);
|
|
const unsubscribeFromRootStore = currentSubscribe(() => {
|
|
if (config.emitter.isPaused) {
|
|
config.emitter.emit();
|
|
return;
|
|
}
|
|
|
|
listener();
|
|
});
|
|
return () => {
|
|
if (unsubscribeFromRootStore) {
|
|
unsubscribeFromRootStore();
|
|
}
|
|
|
|
unsubscribeFromStoreEmitter();
|
|
};
|
|
};
|
|
|
|
stores[key] = config;
|
|
config.subscribe(globalListener);
|
|
}
|
|
/**
|
|
* Registers a new store definition.
|
|
*
|
|
* @param {WPDataStore} store Store definition.
|
|
*/
|
|
|
|
|
|
function register(store) {
|
|
registerGenericStore(store.name, store.instantiate(registry));
|
|
}
|
|
/**
|
|
* Subscribe handler to a store.
|
|
*
|
|
* @param {string[]} storeName The store name.
|
|
* @param {Function} handler The function subscribed to the store.
|
|
* @return {Function} A function to unsubscribe the handler.
|
|
*/
|
|
|
|
|
|
function __experimentalSubscribeStore(storeName, handler) {
|
|
if (storeName in stores) {
|
|
return stores[storeName].subscribe(handler);
|
|
} // Trying to access a store that hasn't been registered,
|
|
// this is a pattern rarely used but seen in some places.
|
|
// We fallback to regular `subscribe` here for backward-compatibility for now.
|
|
// See https://github.com/WordPress/gutenberg/pull/27466 for more info.
|
|
|
|
|
|
if (!parent) {
|
|
return subscribe(handler);
|
|
}
|
|
|
|
return parent.__experimentalSubscribeStore(storeName, handler);
|
|
}
|
|
|
|
function batch(callback) {
|
|
emitter.pause();
|
|
Object(external_lodash_["forEach"])(stores, store => store.emitter.pause());
|
|
callback();
|
|
emitter.resume();
|
|
Object(external_lodash_["forEach"])(stores, store => store.emitter.resume());
|
|
}
|
|
|
|
let registry = {
|
|
batch,
|
|
registerGenericStore,
|
|
stores,
|
|
namespaces: stores,
|
|
// TODO: Deprecate/remove this.
|
|
subscribe,
|
|
select,
|
|
resolveSelect,
|
|
dispatch,
|
|
use,
|
|
register,
|
|
__experimentalMarkListeningStores,
|
|
__experimentalSubscribeStore
|
|
};
|
|
/**
|
|
* Registers a standard `@wordpress/data` store.
|
|
*
|
|
* @param {string} storeName Unique namespace identifier.
|
|
* @param {Object} options Store description (reducer, actions, selectors, resolvers).
|
|
*
|
|
* @return {Object} Registered store object.
|
|
*/
|
|
|
|
registry.registerStore = (storeName, options) => {
|
|
if (!options.reducer) {
|
|
throw new TypeError('Must specify store reducer');
|
|
}
|
|
|
|
const store = createReduxStore(storeName, options).instantiate(registry);
|
|
registerGenericStore(storeName, store);
|
|
return store.store;
|
|
}; //
|
|
// TODO:
|
|
// This function will be deprecated as soon as it is no longer internally referenced.
|
|
//
|
|
|
|
|
|
function use(plugin, options) {
|
|
registry = { ...registry,
|
|
...plugin(registry, options)
|
|
};
|
|
return registry;
|
|
}
|
|
|
|
registerGenericStore(STORE_NAME, build_module_store(registry));
|
|
Object.entries(storeConfigs).forEach(_ref => {
|
|
let [name, config] = _ref;
|
|
return registry.registerStore(name, config);
|
|
});
|
|
|
|
if (parent) {
|
|
parent.subscribe(globalListener);
|
|
}
|
|
|
|
return withPlugins(registry);
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/default-registry.js
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
/* harmony default export */ var default_registry = (createRegistry());
|
|
|
|
// EXTERNAL MODULE: external ["wp","deprecated"]
|
|
var external_wp_deprecated_ = __webpack_require__("NMb1");
|
|
var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/plugins/controls/index.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/* harmony default export */ var plugins_controls = (registry => {
|
|
external_wp_deprecated_default()('wp.data.plugins.controls', {
|
|
since: '5.4',
|
|
hint: 'The controls plugins is now baked-in.'
|
|
});
|
|
return registry;
|
|
});
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/plugins/persistence/storage/object.js
|
|
let objectStorage;
|
|
const storage = {
|
|
getItem(key) {
|
|
if (!objectStorage || !objectStorage[key]) {
|
|
return null;
|
|
}
|
|
|
|
return objectStorage[key];
|
|
},
|
|
|
|
setItem(key, value) {
|
|
if (!objectStorage) {
|
|
storage.clear();
|
|
}
|
|
|
|
objectStorage[key] = String(value);
|
|
},
|
|
|
|
clear() {
|
|
objectStorage = Object.create(null);
|
|
}
|
|
|
|
};
|
|
/* harmony default export */ var object = (storage);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/plugins/persistence/storage/default.js
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
let default_storage;
|
|
|
|
try {
|
|
// Private Browsing in Safari 10 and earlier will throw an error when
|
|
// attempting to set into localStorage. The test here is intentional in
|
|
// causing a thrown error as condition for using fallback object storage.
|
|
default_storage = window.localStorage;
|
|
default_storage.setItem('__wpDataTestLocalStorage', '');
|
|
default_storage.removeItem('__wpDataTestLocalStorage');
|
|
} catch (error) {
|
|
default_storage = object;
|
|
}
|
|
|
|
/* harmony default export */ var storage_default = (default_storage);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/plugins/persistence/index.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
/** @typedef {import('../../registry').WPDataRegistry} WPDataRegistry */
|
|
|
|
/** @typedef {import('../../registry').WPDataPlugin} WPDataPlugin */
|
|
|
|
/**
|
|
* @typedef {Object} WPDataPersistencePluginOptions Persistence plugin options.
|
|
*
|
|
* @property {Storage} storage Persistent storage implementation. This must
|
|
* at least implement `getItem` and `setItem` of
|
|
* the Web Storage API.
|
|
* @property {string} storageKey Key on which to set in persistent storage.
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* Default plugin storage.
|
|
*
|
|
* @type {Storage}
|
|
*/
|
|
|
|
const DEFAULT_STORAGE = storage_default;
|
|
/**
|
|
* Default plugin storage key.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
|
|
const DEFAULT_STORAGE_KEY = 'WP_DATA';
|
|
/**
|
|
* Higher-order reducer which invokes the original reducer only if state is
|
|
* inequal from that of the action's `nextState` property, otherwise returning
|
|
* the original state reference.
|
|
*
|
|
* @param {Function} reducer Original reducer.
|
|
*
|
|
* @return {Function} Enhanced reducer.
|
|
*/
|
|
|
|
const withLazySameState = reducer => (state, action) => {
|
|
if (action.nextState === state) {
|
|
return state;
|
|
}
|
|
|
|
return reducer(state, action);
|
|
};
|
|
/**
|
|
* Creates a persistence interface, exposing getter and setter methods (`get`
|
|
* and `set` respectively).
|
|
*
|
|
* @param {WPDataPersistencePluginOptions} options Plugin options.
|
|
*
|
|
* @return {Object} Persistence interface.
|
|
*/
|
|
|
|
function createPersistenceInterface(options) {
|
|
const {
|
|
storage = DEFAULT_STORAGE,
|
|
storageKey = DEFAULT_STORAGE_KEY
|
|
} = options;
|
|
let data;
|
|
/**
|
|
* Returns the persisted data as an object, defaulting to an empty object.
|
|
*
|
|
* @return {Object} Persisted data.
|
|
*/
|
|
|
|
function getData() {
|
|
if (data === undefined) {
|
|
// If unset, getItem is expected to return null. Fall back to
|
|
// empty object.
|
|
const persisted = storage.getItem(storageKey);
|
|
|
|
if (persisted === null) {
|
|
data = {};
|
|
} else {
|
|
try {
|
|
data = JSON.parse(persisted);
|
|
} catch (error) {
|
|
// Similarly, should any error be thrown during parse of
|
|
// the string (malformed JSON), fall back to empty object.
|
|
data = {};
|
|
}
|
|
}
|
|
}
|
|
|
|
return data;
|
|
}
|
|
/**
|
|
* Merges an updated reducer state into the persisted data.
|
|
*
|
|
* @param {string} key Key to update.
|
|
* @param {*} value Updated value.
|
|
*/
|
|
|
|
|
|
function setData(key, value) {
|
|
data = { ...data,
|
|
[key]: value
|
|
};
|
|
storage.setItem(storageKey, JSON.stringify(data));
|
|
}
|
|
|
|
return {
|
|
get: getData,
|
|
set: setData
|
|
};
|
|
}
|
|
/**
|
|
* Data plugin to persist store state into a single storage key.
|
|
*
|
|
* @param {WPDataRegistry} registry Data registry.
|
|
* @param {?WPDataPersistencePluginOptions} pluginOptions Plugin options.
|
|
*
|
|
* @return {WPDataPlugin} Data plugin.
|
|
*/
|
|
|
|
function persistencePlugin(registry, pluginOptions) {
|
|
const persistence = createPersistenceInterface(pluginOptions);
|
|
/**
|
|
* Creates an enhanced store dispatch function, triggering the state of the
|
|
* given store name to be persisted when changed.
|
|
*
|
|
* @param {Function} getState Function which returns current state.
|
|
* @param {string} storeName Store name.
|
|
* @param {?Array<string>} keys Optional subset of keys to save.
|
|
*
|
|
* @return {Function} Enhanced dispatch function.
|
|
*/
|
|
|
|
function createPersistOnChange(getState, storeName, keys) {
|
|
let getPersistedState;
|
|
|
|
if (Array.isArray(keys)) {
|
|
// Given keys, the persisted state should by produced as an object
|
|
// of the subset of keys. This implementation uses combineReducers
|
|
// to leverage its behavior of returning the same object when none
|
|
// of the property values changes. This allows a strict reference
|
|
// equality to bypass a persistence set on an unchanging state.
|
|
const reducers = keys.reduce((accumulator, key) => Object.assign(accumulator, {
|
|
[key]: (state, action) => action.nextState[key]
|
|
}), {});
|
|
getPersistedState = withLazySameState(turbo_combine_reducers_default()(reducers));
|
|
} else {
|
|
getPersistedState = (state, action) => action.nextState;
|
|
}
|
|
|
|
let lastState = getPersistedState(undefined, {
|
|
nextState: getState()
|
|
});
|
|
return () => {
|
|
const state = getPersistedState(lastState, {
|
|
nextState: getState()
|
|
});
|
|
|
|
if (state !== lastState) {
|
|
persistence.set(storeName, state);
|
|
lastState = state;
|
|
}
|
|
};
|
|
}
|
|
|
|
return {
|
|
registerStore(storeName, options) {
|
|
if (!options.persist) {
|
|
return registry.registerStore(storeName, options);
|
|
} // Load from persistence to use as initial state.
|
|
|
|
|
|
const persistedState = persistence.get()[storeName];
|
|
|
|
if (persistedState !== undefined) {
|
|
let initialState = options.reducer(options.initialState, {
|
|
type: '@@WP/PERSISTENCE_RESTORE'
|
|
});
|
|
|
|
if (Object(external_lodash_["isPlainObject"])(initialState) && Object(external_lodash_["isPlainObject"])(persistedState)) {
|
|
// If state is an object, ensure that:
|
|
// - Other keys are left intact when persisting only a
|
|
// subset of keys.
|
|
// - New keys in what would otherwise be used as initial
|
|
// state are deeply merged as base for persisted value.
|
|
initialState = Object(external_lodash_["merge"])({}, initialState, persistedState);
|
|
} else {
|
|
// If there is a mismatch in object-likeness of default
|
|
// initial or persisted state, defer to persisted value.
|
|
initialState = persistedState;
|
|
}
|
|
|
|
options = { ...options,
|
|
initialState
|
|
};
|
|
}
|
|
|
|
const store = registry.registerStore(storeName, options);
|
|
store.subscribe(createPersistOnChange(store.getState, storeName, options.persist));
|
|
return store;
|
|
}
|
|
|
|
};
|
|
}
|
|
/**
|
|
* Move the 'features' object in local storage from the sourceStoreName to the
|
|
* interface store.
|
|
*
|
|
* @param {Object} persistence The persistence interface.
|
|
* @param {string} sourceStoreName The name of the store that has persisted
|
|
* preferences to migrate to the interface
|
|
* package.
|
|
*/
|
|
|
|
|
|
function migrateFeaturePreferencesToInterfaceStore(persistence, sourceStoreName) {
|
|
var _state$sourceStoreNam;
|
|
|
|
const interfaceStoreName = 'core/interface';
|
|
const state = persistence.get();
|
|
const sourcePreferences = (_state$sourceStoreNam = state[sourceStoreName]) === null || _state$sourceStoreNam === void 0 ? void 0 : _state$sourceStoreNam.preferences;
|
|
const sourceFeatures = sourcePreferences === null || sourcePreferences === void 0 ? void 0 : sourcePreferences.features;
|
|
|
|
if (sourceFeatures) {
|
|
var _state$interfaceStore, _state$interfaceStore2;
|
|
|
|
const targetFeatures = (_state$interfaceStore = state[interfaceStoreName]) === null || _state$interfaceStore === void 0 ? void 0 : (_state$interfaceStore2 = _state$interfaceStore.preferences) === null || _state$interfaceStore2 === void 0 ? void 0 : _state$interfaceStore2.features; // Avoid migrating features again if they've previously been migrated.
|
|
|
|
if (!(targetFeatures !== null && targetFeatures !== void 0 && targetFeatures[sourceStoreName])) {
|
|
// Set the feature values in the interface store, the features
|
|
// object is keyed by 'scope', which matches the store name for
|
|
// the source.
|
|
persistence.set(interfaceStoreName, {
|
|
preferences: {
|
|
features: { ...targetFeatures,
|
|
[sourceStoreName]: sourceFeatures
|
|
}
|
|
}
|
|
}); // Remove feature preferences from the source.
|
|
|
|
persistence.set(sourceStoreName, {
|
|
preferences: { ...sourcePreferences,
|
|
features: undefined
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
/**
|
|
* Deprecated: Remove this function and the code in WordPress Core that calls
|
|
* it once WordPress 6.0 is released.
|
|
*/
|
|
|
|
persistencePlugin.__unstableMigrate = pluginOptions => {
|
|
const persistence = createPersistenceInterface(pluginOptions);
|
|
migrateFeaturePreferencesToInterfaceStore(persistence, 'core/edit-widgets');
|
|
migrateFeaturePreferencesToInterfaceStore(persistence, 'core/customize-widgets');
|
|
migrateFeaturePreferencesToInterfaceStore(persistence, 'core/edit-post');
|
|
};
|
|
|
|
/* harmony default export */ var plugins_persistence = (persistencePlugin);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/plugins/index.js
|
|
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__("wx14");
|
|
|
|
// EXTERNAL MODULE: external ["wp","element"]
|
|
var external_wp_element_ = __webpack_require__("GRId");
|
|
|
|
// EXTERNAL MODULE: external ["wp","compose"]
|
|
var external_wp_compose_ = __webpack_require__("K9lf");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/use-memo-one/dist/use-memo-one.esm.js
|
|
var use_memo_one_esm = __webpack_require__("mHlH");
|
|
|
|
// EXTERNAL MODULE: external ["wp","priorityQueue"]
|
|
var external_wp_priorityQueue_ = __webpack_require__("XI5e");
|
|
|
|
// EXTERNAL MODULE: external ["wp","isShallowEqual"]
|
|
var external_wp_isShallowEqual_ = __webpack_require__("rl8x");
|
|
var external_wp_isShallowEqual_default = /*#__PURE__*/__webpack_require__.n(external_wp_isShallowEqual_);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/registry-provider/context.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
const Context = Object(external_wp_element_["createContext"])(default_registry);
|
|
const {
|
|
Consumer,
|
|
Provider
|
|
} = Context;
|
|
/**
|
|
* A custom react Context consumer exposing the provided `registry` to
|
|
* children components. Used along with the RegistryProvider.
|
|
*
|
|
* You can read more about the react context api here:
|
|
* https://reactjs.org/docs/context.html#contextprovider
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import {
|
|
* RegistryProvider,
|
|
* RegistryConsumer,
|
|
* createRegistry
|
|
* } from '@wordpress/data';
|
|
*
|
|
* const registry = createRegistry( {} );
|
|
*
|
|
* const App = ( { props } ) => {
|
|
* return <RegistryProvider value={ registry }>
|
|
* <div>Hello There</div>
|
|
* <RegistryConsumer>
|
|
* { ( registry ) => (
|
|
* <ComponentUsingRegistry
|
|
* { ...props }
|
|
* registry={ registry }
|
|
* ) }
|
|
* </RegistryConsumer>
|
|
* </RegistryProvider>
|
|
* }
|
|
* ```
|
|
*/
|
|
|
|
const RegistryConsumer = Consumer;
|
|
/**
|
|
* A custom Context provider for exposing the provided `registry` to children
|
|
* components via a consumer.
|
|
*
|
|
* See <a name="#RegistryConsumer">RegistryConsumer</a> documentation for
|
|
* example.
|
|
*/
|
|
|
|
/* harmony default export */ var context = (Provider);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/registry-provider/use-registry.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* A custom react hook exposing the registry context for use.
|
|
*
|
|
* This exposes the `registry` value provided via the
|
|
* <a href="#RegistryProvider">Registry Provider</a> to a component implementing
|
|
* this hook.
|
|
*
|
|
* It acts similarly to the `useContext` react hook.
|
|
*
|
|
* Note: Generally speaking, `useRegistry` is a low level hook that in most cases
|
|
* won't be needed for implementation. Most interactions with the `@wordpress/data`
|
|
* API can be performed via the `useSelect` hook, or the `withSelect` and
|
|
* `withDispatch` higher order components.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import {
|
|
* RegistryProvider,
|
|
* createRegistry,
|
|
* useRegistry,
|
|
* } from '@wordpress/data';
|
|
*
|
|
* const registry = createRegistry( {} );
|
|
*
|
|
* const SomeChildUsingRegistry = ( props ) => {
|
|
* const registry = useRegistry();
|
|
* // ...logic implementing the registry in other react hooks.
|
|
* };
|
|
*
|
|
*
|
|
* const ParentProvidingRegistry = ( props ) => {
|
|
* return <RegistryProvider value={ registry }>
|
|
* <SomeChildUsingRegistry { ...props } />
|
|
* </RegistryProvider>
|
|
* };
|
|
* ```
|
|
*
|
|
* @return {Function} A custom react hook exposing the registry context value.
|
|
*/
|
|
|
|
function useRegistry() {
|
|
return Object(external_wp_element_["useContext"])(Context);
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/async-mode-provider/context.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
const context_Context = Object(external_wp_element_["createContext"])(false);
|
|
const {
|
|
Consumer: context_Consumer,
|
|
Provider: context_Provider
|
|
} = context_Context;
|
|
const AsyncModeConsumer = context_Consumer;
|
|
/**
|
|
* Context Provider Component used to switch the data module component rerendering
|
|
* between Sync and Async modes.
|
|
*
|
|
* @example
|
|
*
|
|
* ```js
|
|
* import { useSelect, AsyncModeProvider } from '@wordpress/data';
|
|
*
|
|
* function BlockCount() {
|
|
* const count = useSelect( ( select ) => {
|
|
* return select( 'core/block-editor' ).getBlockCount()
|
|
* }, [] );
|
|
*
|
|
* return count;
|
|
* }
|
|
*
|
|
* function App() {
|
|
* return (
|
|
* <AsyncModeProvider value={ true }>
|
|
* <BlockCount />
|
|
* </AsyncModeProvider>
|
|
* );
|
|
* }
|
|
* ```
|
|
*
|
|
* In this example, the BlockCount component is rerendered asynchronously.
|
|
* It means if a more critical task is being performed (like typing in an input),
|
|
* the rerendering is delayed until the browser becomes IDLE.
|
|
* It is possible to nest multiple levels of AsyncModeProvider to fine-tune the rendering behavior.
|
|
*
|
|
* @param {boolean} props.value Enable Async Mode.
|
|
* @return {WPComponent} The component to be rendered.
|
|
*/
|
|
|
|
/* harmony default export */ var async_mode_provider_context = (context_Provider);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/async-mode-provider/use-async-mode.js
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
function useAsyncMode() {
|
|
return Object(external_wp_element_["useContext"])(context_Context);
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/use-select/index.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
const renderQueue = Object(external_wp_priorityQueue_["createQueue"])();
|
|
/** @typedef {import('./types').WPDataStore} WPDataStore */
|
|
|
|
/**
|
|
* Custom react hook for retrieving props from registered selectors.
|
|
*
|
|
* In general, this custom React hook follows the
|
|
* [rules of hooks](https://reactjs.org/docs/hooks-rules.html).
|
|
*
|
|
* @param {Function|WPDataStore|string} _mapSelect Function called on every state change. The
|
|
* returned value is exposed to the component
|
|
* implementing this hook. The function receives
|
|
* the `registry.select` method on the first
|
|
* argument and the `registry` on the second
|
|
* argument.
|
|
* When a store key is passed, all selectors for
|
|
* the store will be returned. This is only meant
|
|
* for usage of these selectors in event
|
|
* callbacks, not for data needed to create the
|
|
* element tree.
|
|
* @param {Array} deps If provided, this memoizes the mapSelect so the
|
|
* same `mapSelect` is invoked on every state
|
|
* change unless the dependencies change.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { useSelect } from '@wordpress/data';
|
|
*
|
|
* function HammerPriceDisplay( { currency } ) {
|
|
* const price = useSelect( ( select ) => {
|
|
* return select( 'my-shop' ).getPrice( 'hammer', currency )
|
|
* }, [ currency ] );
|
|
* return new Intl.NumberFormat( 'en-US', {
|
|
* style: 'currency',
|
|
* currency,
|
|
* } ).format( price );
|
|
* }
|
|
*
|
|
* // Rendered in the application:
|
|
* // <HammerPriceDisplay currency="USD" />
|
|
* ```
|
|
*
|
|
* In the above example, when `HammerPriceDisplay` is rendered into an
|
|
* application, the price will be retrieved from the store state using the
|
|
* `mapSelect` callback on `useSelect`. If the currency prop changes then
|
|
* any price in the state for that currency is retrieved. If the currency prop
|
|
* doesn't change and other props are passed in that do change, the price will
|
|
* not change because the dependency is just the currency.
|
|
*
|
|
* When data is only used in an event callback, the data should not be retrieved
|
|
* on render, so it may be useful to get the selectors function instead.
|
|
*
|
|
* **Don't use `useSelect` this way when calling the selectors in the render
|
|
* function because your component won't re-render on a data change.**
|
|
*
|
|
* ```js
|
|
* import { useSelect } from '@wordpress/data';
|
|
*
|
|
* function Paste( { children } ) {
|
|
* const { getSettings } = useSelect( 'my-shop' );
|
|
* function onPaste() {
|
|
* // Do something with the settings.
|
|
* const settings = getSettings();
|
|
* }
|
|
* return <div onPaste={ onPaste }>{ children }</div>;
|
|
* }
|
|
* ```
|
|
*
|
|
* @return {Function} A custom react hook.
|
|
*/
|
|
|
|
function useSelect(_mapSelect, deps) {
|
|
const isWithoutMapping = typeof _mapSelect !== 'function';
|
|
|
|
if (isWithoutMapping) {
|
|
deps = [];
|
|
}
|
|
|
|
const mapSelect = Object(external_wp_element_["useCallback"])(_mapSelect, deps);
|
|
const registry = useRegistry();
|
|
const isAsync = useAsyncMode(); // React can sometimes clear the `useMemo` cache.
|
|
// We use the cache-stable `useMemoOne` to avoid
|
|
// losing queues.
|
|
|
|
const queueContext = Object(use_memo_one_esm["a" /* useMemoOne */])(() => ({
|
|
queue: true
|
|
}), [registry]);
|
|
const [, forceRender] = Object(external_wp_element_["useReducer"])(s => s + 1, 0);
|
|
const latestMapSelect = Object(external_wp_element_["useRef"])();
|
|
const latestIsAsync = Object(external_wp_element_["useRef"])(isAsync);
|
|
const latestMapOutput = Object(external_wp_element_["useRef"])();
|
|
const latestMapOutputError = Object(external_wp_element_["useRef"])();
|
|
const isMountedAndNotUnsubscribing = Object(external_wp_element_["useRef"])(); // Keep track of the stores being selected in the mapSelect function,
|
|
// and only subscribe to those stores later.
|
|
|
|
const listeningStores = Object(external_wp_element_["useRef"])([]);
|
|
const trapSelect = Object(external_wp_element_["useCallback"])(callback => registry.__experimentalMarkListeningStores(callback, listeningStores), [registry]); // Generate a "flag" for used in the effect dependency array.
|
|
// It's different than just using `mapSelect` since deps could be undefined,
|
|
// in that case, we would still want to memoize it.
|
|
|
|
const depsChangedFlag = Object(external_wp_element_["useMemo"])(() => ({}), deps || []);
|
|
let mapOutput;
|
|
|
|
if (!isWithoutMapping) {
|
|
try {
|
|
if (latestMapSelect.current !== mapSelect || latestMapOutputError.current) {
|
|
mapOutput = trapSelect(() => mapSelect(registry.select, registry));
|
|
} else {
|
|
mapOutput = latestMapOutput.current;
|
|
}
|
|
} catch (error) {
|
|
let errorMessage = `An error occurred while running 'mapSelect': ${error.message}`;
|
|
|
|
if (latestMapOutputError.current) {
|
|
errorMessage += `\nThe error may be correlated with this previous error:\n`;
|
|
errorMessage += `${latestMapOutputError.current.stack}\n\n`;
|
|
errorMessage += 'Original stack trace:';
|
|
} // eslint-disable-next-line no-console
|
|
|
|
|
|
console.error(errorMessage);
|
|
mapOutput = latestMapOutput.current;
|
|
}
|
|
}
|
|
|
|
Object(external_wp_compose_["useIsomorphicLayoutEffect"])(() => {
|
|
if (isWithoutMapping) {
|
|
return;
|
|
}
|
|
|
|
latestMapSelect.current = mapSelect;
|
|
latestMapOutput.current = mapOutput;
|
|
latestMapOutputError.current = undefined;
|
|
isMountedAndNotUnsubscribing.current = true; // This has to run after the other ref updates
|
|
// to avoid using stale values in the flushed
|
|
// callbacks or potentially overwriting a
|
|
// changed `latestMapOutput.current`.
|
|
|
|
if (latestIsAsync.current !== isAsync) {
|
|
latestIsAsync.current = isAsync;
|
|
renderQueue.flush(queueContext);
|
|
}
|
|
});
|
|
Object(external_wp_compose_["useIsomorphicLayoutEffect"])(() => {
|
|
if (isWithoutMapping) {
|
|
return;
|
|
}
|
|
|
|
const onStoreChange = () => {
|
|
if (isMountedAndNotUnsubscribing.current) {
|
|
try {
|
|
const newMapOutput = trapSelect(() => latestMapSelect.current(registry.select, registry));
|
|
|
|
if (external_wp_isShallowEqual_default()(latestMapOutput.current, newMapOutput)) {
|
|
return;
|
|
}
|
|
|
|
latestMapOutput.current = newMapOutput;
|
|
} catch (error) {
|
|
latestMapOutputError.current = error;
|
|
}
|
|
|
|
forceRender();
|
|
}
|
|
}; // catch any possible state changes during mount before the subscription
|
|
// could be set.
|
|
|
|
|
|
if (latestIsAsync.current) {
|
|
renderQueue.add(queueContext, onStoreChange);
|
|
} else {
|
|
onStoreChange();
|
|
}
|
|
|
|
const onChange = () => {
|
|
if (latestIsAsync.current) {
|
|
renderQueue.add(queueContext, onStoreChange);
|
|
} else {
|
|
onStoreChange();
|
|
}
|
|
};
|
|
|
|
const unsubscribers = listeningStores.current.map(storeName => registry.__experimentalSubscribeStore(storeName, onChange));
|
|
return () => {
|
|
isMountedAndNotUnsubscribing.current = false; // The return value of the subscribe function could be undefined if the store is a custom generic store.
|
|
|
|
unsubscribers.forEach(unsubscribe => unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe());
|
|
renderQueue.flush(queueContext);
|
|
};
|
|
}, [registry, trapSelect, depsChangedFlag, isWithoutMapping]);
|
|
return isWithoutMapping ? registry.select(_mapSelect) : mapOutput;
|
|
}
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/with-select/index.js
|
|
|
|
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Higher-order component used to inject state-derived props using registered
|
|
* selectors.
|
|
*
|
|
* @param {Function} mapSelectToProps Function called on every state change,
|
|
* expected to return object of props to
|
|
* merge with the component's own props.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { withSelect } from '@wordpress/data';
|
|
*
|
|
* function PriceDisplay( { price, currency } ) {
|
|
* return new Intl.NumberFormat( 'en-US', {
|
|
* style: 'currency',
|
|
* currency,
|
|
* } ).format( price );
|
|
* }
|
|
*
|
|
* const HammerPriceDisplay = withSelect( ( select, ownProps ) => {
|
|
* const { getPrice } = select( 'my-shop' );
|
|
* const { currency } = ownProps;
|
|
*
|
|
* return {
|
|
* price: getPrice( 'hammer', currency ),
|
|
* };
|
|
* } )( PriceDisplay );
|
|
*
|
|
* // Rendered in the application:
|
|
* //
|
|
* // <HammerPriceDisplay currency="USD" />
|
|
* ```
|
|
* In the above example, when `HammerPriceDisplay` is rendered into an
|
|
* application, it will pass the price into the underlying `PriceDisplay`
|
|
* component and update automatically if the price of a hammer ever changes in
|
|
* the store.
|
|
*
|
|
* @return {WPComponent} Enhanced component with merged state data props.
|
|
*/
|
|
|
|
const withSelect = mapSelectToProps => Object(external_wp_compose_["createHigherOrderComponent"])(WrappedComponent => Object(external_wp_compose_["pure"])(ownProps => {
|
|
const mapSelect = (select, registry) => mapSelectToProps(select, ownProps, registry);
|
|
|
|
const mergeProps = useSelect(mapSelect);
|
|
return Object(external_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, ownProps, mergeProps));
|
|
}), 'withSelect');
|
|
|
|
/* harmony default export */ var with_select = (withSelect);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/use-dispatch/use-dispatch-with-map.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Custom react hook for returning aggregate dispatch actions using the provided
|
|
* dispatchMap.
|
|
*
|
|
* Currently this is an internal api only and is implemented by `withDispatch`
|
|
*
|
|
* @param {Function} dispatchMap Receives the `registry.dispatch` function as
|
|
* the first argument and the `registry` object
|
|
* as the second argument. Should return an
|
|
* object mapping props to functions.
|
|
* @param {Array} deps An array of dependencies for the hook.
|
|
* @return {Object} An object mapping props to functions created by the passed
|
|
* in dispatchMap.
|
|
*/
|
|
|
|
const useDispatchWithMap = (dispatchMap, deps) => {
|
|
const registry = useRegistry();
|
|
const currentDispatchMap = Object(external_wp_element_["useRef"])(dispatchMap);
|
|
Object(external_wp_compose_["useIsomorphicLayoutEffect"])(() => {
|
|
currentDispatchMap.current = dispatchMap;
|
|
});
|
|
return Object(external_wp_element_["useMemo"])(() => {
|
|
const currentDispatchProps = currentDispatchMap.current(registry.dispatch, registry);
|
|
return Object(external_lodash_["mapValues"])(currentDispatchProps, (dispatcher, propName) => {
|
|
if (typeof dispatcher !== 'function') {
|
|
// eslint-disable-next-line no-console
|
|
console.warn(`Property ${propName} returned from dispatchMap in useDispatchWithMap must be a function.`);
|
|
}
|
|
|
|
return function () {
|
|
return currentDispatchMap.current(registry.dispatch, registry)[propName](...arguments);
|
|
};
|
|
});
|
|
}, [registry, ...deps]);
|
|
};
|
|
|
|
/* harmony default export */ var use_dispatch_with_map = (useDispatchWithMap);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/with-dispatch/index.js
|
|
|
|
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Higher-order component used to add dispatch props using registered action
|
|
* creators.
|
|
*
|
|
* @param {Function} mapDispatchToProps A function of returning an object of
|
|
* prop names where value is a
|
|
* dispatch-bound action creator, or a
|
|
* function to be called with the
|
|
* component's props and returning an
|
|
* action creator.
|
|
*
|
|
* @example
|
|
* ```jsx
|
|
* function Button( { onClick, children } ) {
|
|
* return <button type="button" onClick={ onClick }>{ children }</button>;
|
|
* }
|
|
*
|
|
* import { withDispatch } from '@wordpress/data';
|
|
*
|
|
* const SaleButton = withDispatch( ( dispatch, ownProps ) => {
|
|
* const { startSale } = dispatch( 'my-shop' );
|
|
* const { discountPercent } = ownProps;
|
|
*
|
|
* return {
|
|
* onClick() {
|
|
* startSale( discountPercent );
|
|
* },
|
|
* };
|
|
* } )( Button );
|
|
*
|
|
* // Rendered in the application:
|
|
* //
|
|
* // <SaleButton discountPercent="20">Start Sale!</SaleButton>
|
|
* ```
|
|
*
|
|
* @example
|
|
* In the majority of cases, it will be sufficient to use only two first params
|
|
* passed to `mapDispatchToProps` as illustrated in the previous example.
|
|
* However, there might be some very advanced use cases where using the
|
|
* `registry` object might be used as a tool to optimize the performance of
|
|
* your component. Using `select` function from the registry might be useful
|
|
* when you need to fetch some dynamic data from the store at the time when the
|
|
* event is fired, but at the same time, you never use it to render your
|
|
* component. In such scenario, you can avoid using the `withSelect` higher
|
|
* order component to compute such prop, which might lead to unnecessary
|
|
* re-renders of your component caused by its frequent value change.
|
|
* Keep in mind, that `mapDispatchToProps` must return an object with functions
|
|
* only.
|
|
*
|
|
* ```jsx
|
|
* function Button( { onClick, children } ) {
|
|
* return <button type="button" onClick={ onClick }>{ children }</button>;
|
|
* }
|
|
*
|
|
* import { withDispatch } from '@wordpress/data';
|
|
*
|
|
* const SaleButton = withDispatch( ( dispatch, ownProps, { select } ) => {
|
|
* // Stock number changes frequently.
|
|
* const { getStockNumber } = select( 'my-shop' );
|
|
* const { startSale } = dispatch( 'my-shop' );
|
|
* return {
|
|
* onClick() {
|
|
* const discountPercent = getStockNumber() > 50 ? 10 : 20;
|
|
* startSale( discountPercent );
|
|
* },
|
|
* };
|
|
* } )( Button );
|
|
*
|
|
* // Rendered in the application:
|
|
* //
|
|
* // <SaleButton>Start Sale!</SaleButton>
|
|
* ```
|
|
*
|
|
* _Note:_ It is important that the `mapDispatchToProps` function always
|
|
* returns an object with the same keys. For example, it should not contain
|
|
* conditions under which a different value would be returned.
|
|
*
|
|
* @return {WPComponent} Enhanced component with merged dispatcher props.
|
|
*/
|
|
|
|
const withDispatch = mapDispatchToProps => Object(external_wp_compose_["createHigherOrderComponent"])(WrappedComponent => ownProps => {
|
|
const mapDispatch = (dispatch, registry) => mapDispatchToProps(dispatch, ownProps, registry);
|
|
|
|
const dispatchProps = use_dispatch_with_map(mapDispatch, []);
|
|
return Object(external_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, ownProps, dispatchProps));
|
|
}, 'withDispatch');
|
|
|
|
/* harmony default export */ var with_dispatch = (withDispatch);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/with-registry/index.js
|
|
|
|
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
/**
|
|
* Higher-order component which renders the original component with the current
|
|
* registry context passed as its `registry` prop.
|
|
*
|
|
* @param {WPComponent} OriginalComponent Original component.
|
|
*
|
|
* @return {WPComponent} Enhanced component.
|
|
*/
|
|
|
|
const withRegistry = Object(external_wp_compose_["createHigherOrderComponent"])(OriginalComponent => props => Object(external_wp_element_["createElement"])(RegistryConsumer, null, registry => Object(external_wp_element_["createElement"])(OriginalComponent, Object(esm_extends["a" /* default */])({}, props, {
|
|
registry: registry
|
|
}))), 'withRegistry');
|
|
/* harmony default export */ var with_registry = (withRegistry);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/components/use-dispatch/use-dispatch.js
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
/** @typedef {import('./types').WPDataStore} WPDataStore */
|
|
|
|
/**
|
|
* A custom react hook returning the current registry dispatch actions creators.
|
|
*
|
|
* Note: The component using this hook must be within the context of a
|
|
* RegistryProvider.
|
|
*
|
|
* @param {string|WPDataStore} [storeNameOrDefinition] Optionally provide the name of the
|
|
* store or its definition from which to
|
|
* retrieve action creators. If not
|
|
* provided, the registry.dispatch
|
|
* function is returned instead.
|
|
*
|
|
* @example
|
|
* This illustrates a pattern where you may need to retrieve dynamic data from
|
|
* the server via the `useSelect` hook to use in combination with the dispatch
|
|
* action.
|
|
*
|
|
* ```jsx
|
|
* import { useDispatch, useSelect } from '@wordpress/data';
|
|
* import { useCallback } from '@wordpress/element';
|
|
*
|
|
* function Button( { onClick, children } ) {
|
|
* return <button type="button" onClick={ onClick }>{ children }</button>
|
|
* }
|
|
*
|
|
* const SaleButton = ( { children } ) => {
|
|
* const { stockNumber } = useSelect(
|
|
* ( select ) => select( 'my-shop' ).getStockNumber(),
|
|
* []
|
|
* );
|
|
* const { startSale } = useDispatch( 'my-shop' );
|
|
* const onClick = useCallback( () => {
|
|
* const discountPercent = stockNumber > 50 ? 10: 20;
|
|
* startSale( discountPercent );
|
|
* }, [ stockNumber ] );
|
|
* return <Button onClick={ onClick }>{ children }</Button>
|
|
* }
|
|
*
|
|
* // Rendered somewhere in the application:
|
|
* //
|
|
* // <SaleButton>Start Sale!</SaleButton>
|
|
* ```
|
|
* @return {Function} A custom react hook.
|
|
*/
|
|
|
|
const useDispatch = storeNameOrDefinition => {
|
|
const {
|
|
dispatch
|
|
} = useRegistry();
|
|
return storeNameOrDefinition === void 0 ? dispatch : dispatch(storeNameOrDefinition);
|
|
};
|
|
|
|
/* harmony default export */ var use_dispatch = (useDispatch);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/@wordpress/data/build-module/index.js
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
|
|
|
|
/** @typedef {import('./types').WPDataStore} WPDataStore */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Object of available plugins to use with a registry.
|
|
*
|
|
* @see [use](#use)
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
|
|
|
|
/**
|
|
* The combineReducers helper function turns an object whose values are different
|
|
* reducing functions into a single reducing function you can pass to registerReducer.
|
|
*
|
|
* @param {Object} reducers An object whose values correspond to different reducing
|
|
* functions that need to be combined into one.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { combineReducers, createReduxStore, register } from '@wordpress/data';
|
|
*
|
|
* const prices = ( state = {}, action ) => {
|
|
* return action.type === 'SET_PRICE' ?
|
|
* {
|
|
* ...state,
|
|
* [ action.item ]: action.price,
|
|
* } :
|
|
* state;
|
|
* };
|
|
*
|
|
* const discountPercent = ( state = 0, action ) => {
|
|
* return action.type === 'START_SALE' ?
|
|
* action.discountPercent :
|
|
* state;
|
|
* };
|
|
*
|
|
* const store = createReduxStore( 'my-shop', {
|
|
* reducer: combineReducers( {
|
|
* prices,
|
|
* discountPercent,
|
|
* } ),
|
|
* } );
|
|
* register( store );
|
|
* ```
|
|
*
|
|
* @return {Function} A reducer that invokes every reducer inside the reducers
|
|
* object, and constructs a state object with the same shape.
|
|
*/
|
|
|
|
|
|
/**
|
|
* Given the name or definition of a registered store, returns an object of the store's selectors.
|
|
* The selector functions are been pre-bound to pass the current state automatically.
|
|
* As a consumer, you need only pass arguments of the selector, if applicable.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { select } from '@wordpress/data';
|
|
*
|
|
* select( 'my-shop' ).getPrice( 'hammer' );
|
|
* ```
|
|
*
|
|
* @return {Object} Object containing the store's selectors.
|
|
*/
|
|
|
|
const build_module_select = default_registry.select;
|
|
/**
|
|
* Given the name of a registered store, returns an object containing the store's
|
|
* selectors pre-bound to state so that you only need to supply additional arguments,
|
|
* and modified so that they return promises that resolve to their eventual values,
|
|
* after any resolvers have ran.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { resolveSelect } from '@wordpress/data';
|
|
*
|
|
* resolveSelect( 'my-shop' ).getPrice( 'hammer' ).then(console.log)
|
|
* ```
|
|
*
|
|
* @return {Object} Object containing the store's promise-wrapped selectors.
|
|
*/
|
|
|
|
const build_module_resolveSelect = default_registry.resolveSelect;
|
|
/**
|
|
* Given the name of a registered store, returns an object of the store's action creators.
|
|
* Calling an action creator will cause it to be dispatched, updating the state value accordingly.
|
|
*
|
|
* Note: Action creators returned by the dispatch will return a promise when
|
|
* they are called.
|
|
*
|
|
* @param {string|WPDataStore} storeNameOrDefinition Unique namespace identifier for the store
|
|
* or the store definition.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { dispatch } from '@wordpress/data';
|
|
*
|
|
* dispatch( 'my-shop' ).setPrice( 'hammer', 9.75 );
|
|
* ```
|
|
* @return {Object} Object containing the action creators.
|
|
*/
|
|
|
|
const build_module_dispatch = default_registry.dispatch;
|
|
/**
|
|
* Given a listener function, the function will be called any time the state value
|
|
* of one of the registered stores has changed. This function returns a `unsubscribe`
|
|
* function used to stop the subscription.
|
|
*
|
|
* @param {Function} listener Callback function.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { subscribe } from '@wordpress/data';
|
|
*
|
|
* const unsubscribe = subscribe( () => {
|
|
* // You could use this opportunity to test whether the derived result of a
|
|
* // selector has subsequently changed as the result of a state update.
|
|
* } );
|
|
*
|
|
* // Later, if necessary...
|
|
* unsubscribe();
|
|
* ```
|
|
*/
|
|
|
|
const build_module_subscribe = default_registry.subscribe;
|
|
/**
|
|
* Registers a generic store.
|
|
*
|
|
* @deprecated Use `register` instead.
|
|
*
|
|
* @param {string} key Store registry key.
|
|
* @param {Object} config Configuration (getSelectors, getActions, subscribe).
|
|
*/
|
|
|
|
const build_module_registerGenericStore = default_registry.registerGenericStore;
|
|
/**
|
|
* Registers a standard `@wordpress/data` store.
|
|
*
|
|
* @deprecated Use `register` instead.
|
|
*
|
|
* @param {string} storeName Unique namespace identifier for the store.
|
|
* @param {Object} options Store description (reducer, actions, selectors, resolvers).
|
|
*
|
|
* @return {Object} Registered store object.
|
|
*/
|
|
|
|
const registerStore = default_registry.registerStore;
|
|
/**
|
|
* Extends a registry to inherit functionality provided by a given plugin. A
|
|
* plugin is an object with properties aligning to that of a registry, merged
|
|
* to extend the default registry behavior.
|
|
*
|
|
* @param {Object} plugin Plugin object.
|
|
*/
|
|
|
|
const build_module_use = default_registry.use;
|
|
/**
|
|
* Registers a standard `@wordpress/data` store definition.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* import { createReduxStore, register } from '@wordpress/data';
|
|
*
|
|
* const store = createReduxStore( 'demo', {
|
|
* reducer: ( state = 'OK' ) => state,
|
|
* selectors: {
|
|
* getValue: ( state ) => state,
|
|
* },
|
|
* } );
|
|
* register( store );
|
|
* ```
|
|
*
|
|
* @param {WPDataStore} store Store definition.
|
|
*/
|
|
|
|
const build_module_register = default_registry.register;
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "rl8x":
|
|
/***/ (function(module, exports) {
|
|
|
|
(function() { module.exports = window["wp"]["isShallowEqual"]; }());
|
|
|
|
/***/ }),
|
|
|
|
/***/ "wx14":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _extends; });
|
|
function _extends() {
|
|
_extends = Object.assign || function (target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
|
|
for (var key in source) {
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
|
|
return target;
|
|
};
|
|
|
|
return _extends.apply(this, arguments);
|
|
}
|
|
|
|
/***/ })
|
|
|
|
/******/ }); |