diff options
Diffstat (limited to 'wp-includes/js/dist/preferences.js')
| -rw-r--r-- | wp-includes/js/dist/preferences.js | 417 |
1 files changed, 384 insertions, 33 deletions
diff --git a/wp-includes/js/dist/preferences.js b/wp-includes/js/dist/preferences.js index f6161fe..059398d 100644 --- a/wp-includes/js/dist/preferences.js +++ b/wp-includes/js/dist/preferences.js @@ -1,36 +1,48 @@ -/******/ (function() { // webpackBootstrap +/******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ // The require scope /******/ var __webpack_require__ = {}; /******/ /************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ /******/ /* webpack/runtime/define property getters */ -/******/ !function() { +/******/ (() => { /******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { +/******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; -/******/ }(); +/******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ -/******/ !function() { +/******/ (() => { /******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { +/******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; -/******/ }(); +/******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; @@ -39,53 +51,54 @@ __webpack_require__.r(__webpack_exports__); // EXPORTS __webpack_require__.d(__webpack_exports__, { - PreferenceToggleMenuItem: function() { return /* reexport */ PreferenceToggleMenuItem; }, - store: function() { return /* reexport */ store; } + PreferenceToggleMenuItem: () => (/* reexport */ PreferenceToggleMenuItem), + privateApis: () => (/* reexport */ privateApis), + store: () => (/* reexport */ store) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/preferences/build-module/store/actions.js var actions_namespaceObject = {}; __webpack_require__.r(actions_namespaceObject); __webpack_require__.d(actions_namespaceObject, { - set: function() { return set; }, - setDefaults: function() { return setDefaults; }, - setPersistenceLayer: function() { return setPersistenceLayer; }, - toggle: function() { return toggle; } + set: () => (set), + setDefaults: () => (setDefaults), + setPersistenceLayer: () => (setPersistenceLayer), + toggle: () => (toggle) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/preferences/build-module/store/selectors.js var selectors_namespaceObject = {}; __webpack_require__.r(selectors_namespaceObject); __webpack_require__.d(selectors_namespaceObject, { - get: function() { return get; } + get: () => (get) }); -;// CONCATENATED MODULE: external ["wp","element"] -var external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: external "React" +const external_React_namespaceObject = window["React"]; ;// CONCATENATED MODULE: external ["wp","data"] -var external_wp_data_namespaceObject = window["wp"]["data"]; +const external_wp_data_namespaceObject = window["wp"]["data"]; ;// CONCATENATED MODULE: external ["wp","components"] -var external_wp_components_namespaceObject = window["wp"]["components"]; +const external_wp_components_namespaceObject = window["wp"]["components"]; ;// CONCATENATED MODULE: external ["wp","i18n"] -var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// CONCATENATED MODULE: external ["wp","primitives"] -var external_wp_primitives_namespaceObject = window["wp"]["primitives"]; +const external_wp_primitives_namespaceObject = window["wp"]["primitives"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js /** * WordPress dependencies */ -const check = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { +const check = (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { +}, (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" })); -/* harmony default export */ var library_check = (check); +/* harmony default export */ const library_check = (check); ;// CONCATENATED MODULE: external ["wp","a11y"] -var external_wp_a11y_namespaceObject = window["wp"]["a11y"]; +const external_wp_a11y_namespaceObject = window["wp"]["a11y"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/store/reducer.js /** * WordPress dependencies @@ -176,7 +189,7 @@ const preferences = withPersistenceLayer((state = {}, action) => { } return state; }); -/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ +/* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ defaults, preferences })); @@ -268,8 +281,27 @@ async function setPersistenceLayer(persistenceLayer) { }; } +;// CONCATENATED MODULE: external ["wp","deprecated"] +const external_wp_deprecated_namespaceObject = window["wp"]["deprecated"]; +var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject); ;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/store/selectors.js /** + * WordPress dependencies + */ + +const withDeprecatedKeys = originalGet => (state, scope, name) => { + const settingsToMoveToCore = ['allowRightClickOverrides', 'distractionFree', 'editorMode', 'fixedToolbar', 'focusMode', 'hiddenBlockTypes', 'inactivePanels', 'keepCaretInsideBlock', 'mostUsedBlocks', 'openPanels', 'showBlockBreadcrumbs', 'showIconLabels', 'showListViewByDefault']; + if (settingsToMoveToCore.includes(name) && ['core/edit-post', 'core/edit-site'].includes(scope)) { + external_wp_deprecated_default()(`wp.data.select( 'core/preferences' ).get( '${scope}', '${name}' )`, { + since: '6.5', + alternative: `wp.data.select( 'core/preferences' ).get( 'core', '${name}' )` + }); + return originalGet(state, 'core', name); + } + return originalGet(state, scope, name); +}; + +/** * Returns a boolean indicating whether a prefer is active for a particular * scope. * @@ -279,10 +311,10 @@ async function setPersistenceLayer(persistenceLayer) { * * @return {*} Is the feature enabled? */ -function get(state, scope, name) { +const get = withDeprecatedKeys((state, scope, name) => { const value = state.preferences[scope]?.[name]; return value !== undefined ? value : state.defaults[scope]?.[name]; -} +}); ;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/store/constants.js /** @@ -307,7 +339,7 @@ const STORE_NAME = 'core/preferences'; /** - * Store definition for the interface namespace. + * Store definition for the preferences namespace. * * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore * @@ -343,6 +375,7 @@ function PreferenceToggleMenuItem({ messageActivated, messageDeactivated, shortcut, + handleToggling = true, onToggle = () => null, disabled = false }) { @@ -361,12 +394,14 @@ function PreferenceToggleMenuItem({ (0,external_wp_a11y_namespaceObject.speak)(message); } }; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { icon: isActive && library_check, isSelected: isActive, onClick: () => { onToggle(); - toggle(scope, name); + if (handleToggling) { + toggle(scope, name); + } speakMessage(); }, role: "menuitemcheckbox", @@ -379,10 +414,326 @@ function PreferenceToggleMenuItem({ ;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/preference-base-option/index.js + +/** + * WordPress dependencies + */ + +function BaseOption({ + help, + label, + isChecked, + onChange, + children +}) { + return (0,external_React_namespaceObject.createElement)("div", { + className: "preference-base-option" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + __nextHasNoMarginBottom: true, + help: help, + label: label, + checked: isChecked, + onChange: onChange + }), children); +} +/* harmony default export */ const preference_base_option = (BaseOption); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/preference-toggle-control/index.js + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function PreferenceToggleControl(props) { + const { + scope, + featureName, + onToggle = () => {}, + ...remainingProps + } = props; + const isChecked = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(store).get(scope, featureName), [scope, featureName]); + const { + toggle + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const onChange = () => { + onToggle(); + toggle(scope, featureName); + }; + return (0,external_React_namespaceObject.createElement)(preference_base_option, { + onChange: onChange, + isChecked: isChecked, + ...remainingProps + }); +} +/* harmony default export */ const preference_toggle_control = (PreferenceToggleControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/preferences-modal/index.js + +/** + * WordPress dependencies + */ + + +function PreferencesModal({ + closeModal, + children +}) { + return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { + className: "preferences-modal", + title: (0,external_wp_i18n_namespaceObject.__)('Preferences'), + onRequestClose: closeModal + }, children); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/preferences-modal-section/index.js + +const Section = ({ + description, + title, + children +}) => (0,external_React_namespaceObject.createElement)("fieldset", { + className: "preferences-modal__section" +}, (0,external_React_namespaceObject.createElement)("legend", { + className: "preferences-modal__section-legend" +}, (0,external_React_namespaceObject.createElement)("h2", { + className: "preferences-modal__section-title" +}, title), description && (0,external_React_namespaceObject.createElement)("p", { + className: "preferences-modal__section-description" +}, description)), (0,external_React_namespaceObject.createElement)("div", { + className: "preferences-modal__section-content" +}, children)); +/* harmony default export */ const preferences_modal_section = (Section); + +;// CONCATENATED MODULE: external ["wp","compose"] +const external_wp_compose_namespaceObject = window["wp"]["compose"]; +;// CONCATENATED MODULE: external ["wp","element"] +const external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js +/** + * WordPress dependencies + */ + + +/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ + +/** + * Return an SVG icon. + * + * @param {IconProps} props icon is the SVG component to render + * size is a number specifiying the icon size in pixels + * Other props will be passed to wrapped SVG component + * @param {import('react').ForwardedRef<HTMLElement>} ref The forwarded ref to the SVG element. + * + * @return {JSX.Element} Icon component + */ +function Icon({ + icon, + size = 24, + ...props +}, ref) { + return (0,external_wp_element_namespaceObject.cloneElement)(icon, { + width: size, + height: size, + ...props, + ref + }); +} +/* harmony default export */ const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js + +/** + * WordPress dependencies + */ + +const chevronLeft = (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" +})); +/* harmony default export */ const chevron_left = (chevronLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js + +/** + * WordPress dependencies + */ + +const chevronRight = (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_React_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" +})); +/* harmony default export */ const chevron_right = (chevronRight); + +;// CONCATENATED MODULE: external ["wp","privateApis"] +const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/lock-unlock.js +/** + * WordPress dependencies + */ + +const { + lock, + unlock +} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/preferences'); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/components/preferences-modal-tabs/index.js + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + +const { + Tabs +} = unlock(external_wp_components_namespaceObject.privateApis); +const PREFERENCES_MENU = 'preferences-menu'; +function PreferencesModalTabs({ + sections +}) { + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + + // This is also used to sync the two different rendered components + // between small and large viewports. + const [activeMenu, setActiveMenu] = (0,external_wp_element_namespaceObject.useState)(PREFERENCES_MENU); + /** + * Create helper objects from `sections` for easier data handling. + * `tabs` is used for creating the `Tabs` and `sectionsContentMap` + * is used for easier access to active tab's content. + */ + const { + tabs, + sectionsContentMap + } = (0,external_wp_element_namespaceObject.useMemo)(() => { + let mappedTabs = { + tabs: [], + sectionsContentMap: {} + }; + if (sections.length) { + mappedTabs = sections.reduce((accumulator, { + name, + tabLabel: title, + content + }) => { + accumulator.tabs.push({ + name, + title + }); + accumulator.sectionsContentMap[name] = content; + return accumulator; + }, { + tabs: [], + sectionsContentMap: {} + }); + } + return mappedTabs; + }, [sections]); + let modalContent; + // We render different components based on the viewport size. + if (isLargeViewport) { + modalContent = (0,external_React_namespaceObject.createElement)("div", { + className: "preferences__tabs" + }, (0,external_React_namespaceObject.createElement)(Tabs, { + initialTabId: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined, + onSelect: setActiveMenu, + orientation: "vertical" + }, (0,external_React_namespaceObject.createElement)(Tabs.TabList, { + className: "preferences__tabs-tablist" + }, tabs.map(tab => (0,external_React_namespaceObject.createElement)(Tabs.Tab, { + tabId: tab.name, + key: tab.name, + className: "preferences__tabs-tab" + }, tab.title))), tabs.map(tab => (0,external_React_namespaceObject.createElement)(Tabs.TabPanel, { + tabId: tab.name, + key: tab.name, + className: "preferences__tabs-tabpanel", + focusable: false + }, sectionsContentMap[tab.name] || null)))); + } else { + modalContent = (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorProvider, { + initialPath: "/", + className: "preferences__provider" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorScreen, { + path: "/" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Card, { + isBorderless: true, + size: "small" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.CardBody, null, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItemGroup, null, tabs.map(tab => { + return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorButton, { + key: tab.name, + path: tab.name, + as: external_wp_components_namespaceObject.__experimentalItem, + isAction: true + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { + justify: "space-between" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTruncate, null, tab.title)), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_React_namespaceObject.createElement)(icon, { + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right + })))); + }))))), sections.length && sections.map(section => { + return (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorScreen, { + key: `${section.name}-menu`, + path: section.name + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.Card, { + isBorderless: true, + size: "large" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.CardHeader, { + isBorderless: false, + justify: "left", + size: "small", + gap: "6" + }, (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorBackButton, { + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left, + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigate to the previous view') + }), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalText, { + size: "16" + }, section.tabLabel)), (0,external_React_namespaceObject.createElement)(external_wp_components_namespaceObject.CardBody, null, section.content))); + })); + } + return modalContent; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/private-apis.js +/** + * Internal dependencies + */ + + + + + + +const privateApis = {}; +lock(privateApis, { + PreferenceBaseOption: preference_base_option, + PreferenceToggleControl: preference_toggle_control, + PreferencesModal: PreferencesModal, + PreferencesModalSection: preferences_modal_section, + PreferencesModalTabs: PreferencesModalTabs +}); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/preferences/build-module/index.js + (window.wp = window.wp || {}).preferences = __webpack_exports__; /******/ })() ;
\ No newline at end of file |