/
home
/
vianto5
/
realtylifestyleproperties.mx
/
wp-includes
/
js
/
dist
/
/home/vianto5/realtylifestyleproperties.mx/wp-includes/js/dist
mkdir
upload
Name
Size
Mode
Actions
development/
-
0755
rm
script-modules/
-
0755
rm
vendor/
-
0755
rm
a11y.js
8570
0644
edit
dl
rm
a11y.min.js
2358
0644
edit
dl
rm
annotations.js
23335
0644
edit
dl
rm
annotations.min.js
5521
0644
edit
dl
rm
api-fetch.js
23874
0644
edit
dl
rm
api-fetch.min.js
5838
0644
edit
dl
rm
autop.js
15982
0644
edit
dl
rm
autop.min.js
5614
0644
edit
dl
rm
blob.js
4622
0644
edit
dl
rm
blob.min.js
1108
0644
edit
dl
rm
block-directory.js
80526
0644
edit
dl
rm
block-directory.min.js
20734
0644
edit
dl
rm
block-editor.js
2724345
0644
edit
dl
rm
block-editor.min.js
865941
0644
edit
dl
rm
block-library.js
2232874
0644
edit
dl
rm
block-library.min.js
876704
0644
edit
dl
rm
block-serialization-default-parser.js
15228
0644
edit
dl
rm
block-serialization-default-parser.min.js
2400
0644
edit
dl
rm
blocks.js
567313
0644
edit
dl
rm
blocks.min.js
173562
0644
edit
dl
rm
commands.js
182724
0644
edit
dl
rm
commands.min.js
49429
0644
edit
dl
rm
components.js
2357667
0644
edit
dl
rm
components.min.js
719028
0644
edit
dl
rm
compose.js
200300
0644
edit
dl
rm
compose.min.js
36853
0644
edit
dl
rm
core-commands.js
24398
0644
edit
dl
rm
core-commands.min.js
9416
0644
edit
dl
rm
core-data.js
267493
0644
edit
dl
rm
core-data.min.js
65783
0644
edit
dl
rm
customize-widgets.js
97615
0644
edit
dl
rm
customize-widgets.min.js
34999
0644
edit
dl
rm
data-controls.js
7243
0644
edit
dl
rm
data-controls.min.js
1472
0644
edit
dl
rm
data.js
144947
0644
edit
dl
rm
data.min.js
25596
0644
edit
dl
rm
date.js
817573
0644
edit
dl
rm
date.min.js
783424
0644
edit
dl
rm
deprecated.js
4694
0644
edit
dl
rm
deprecated.min.js
684
0644
edit
dl
rm
dom-ready.js
2464
0644
edit
dl
rm
dom-ready.min.js
457
0644
edit
dl
rm
dom.js
62127
0644
edit
dl
rm
dom.min.js
12547
0644
edit
dl
rm
edit-post.js
123321
0644
edit
dl
rm
edit-post.min.js
42263
0644
edit
dl
rm
edit-site.js
1640694
0644
edit
dl
rm
edit-site.min.js
641138
0644
edit
dl
rm
edit-widgets.js
175604
0644
edit
dl
rm
edit-widgets.min.js
58605
0644
edit
dl
rm
editor.js
1212327
0644
edit
dl
rm
editor.min.js
396996
0644
edit
dl
rm
element.js
68130
0644
edit
dl
rm
element.min.js
11968
0644
edit
dl
rm
escape-html.js
6003
0644
edit
dl
rm
escape-html.min.js
1000
0644
edit
dl
rm
format-library.js
68467
0644
edit
dl
rm
format-library.min.js
22769
0644
edit
dl
rm
hooks.js
20687
0644
edit
dl
rm
hooks.min.js
4776
0644
edit
dl
rm
html-entities.js
3706
0644
edit
dl
rm
html-entities.min.js
788
0644
edit
dl
rm
i18n.js
49627
0644
edit
dl
rm
i18n.min.js
9141
0644
edit
dl
rm
is-shallow-equal.js
4287
0644
edit
dl
rm
is-shallow-equal.min.js
1018
0644
edit
dl
rm
keyboard-shortcuts.js
24479
0644
edit
dl
rm
keyboard-shortcuts.min.js
3017
0644
edit
dl
rm
keycodes.js
14113
0644
edit
dl
rm
keycodes.min.js
2642
0644
edit
dl
rm
list-reusable-blocks.js
31355
0644
edit
dl
rm
list-reusable-blocks.min.js
4737
0644
edit
dl
rm
media-utils.js
31462
0644
edit
dl
rm
media-utils.min.js
9968
0644
edit
dl
rm
notices.js
21989
0644
edit
dl
rm
notices.min.js
2070
0644
edit
dl
rm
nux.js
13295
0644
edit
dl
rm
nux.min.js
3509
0644
edit
dl
rm
patterns.js
64049
0644
edit
dl
rm
patterns.min.js
21454
0644
edit
dl
rm
plugins.js
18277
0644
edit
dl
rm
plugins.min.js
4284
0644
edit
dl
rm
preferences-persistence.js
30015
0644
edit
dl
rm
preferences-persistence.min.js
5625
0644
edit
dl
rm
preferences.js
25641
0644
edit
dl
rm
preferences.min.js
7012
0644
edit
dl
rm
primitives.js
6720
0644
edit
dl
rm
primitives.min.js
1655
0644
edit
dl
rm
priority-queue.js
14208
0644
edit
dl
rm
priority-queue.min.js
3378
0644
edit
dl
rm
private-apis.js
8503
0644
edit
dl
rm
private-apis.min.js
2815
0644
edit
dl
rm
redux-routine.js
23734
0644
edit
dl
rm
redux-routine.min.js
8889
0644
edit
dl
rm
reusable-blocks.js
20432
0644
edit
dl
rm
reusable-blocks.min.js
6112
0644
edit
dl
rm
rich-text.js
120684
0644
edit
dl
rm
rich-text.min.js
31005
0644
edit
dl
rm
router.js
53261
0644
edit
dl
rm
router.min.js
13532
0644
edit
dl
rm
server-side-render.js
14599
0644
edit
dl
rm
server-side-render.min.js
4368
0644
edit
dl
rm
shortcode.js
14578
0644
edit
dl
rm
shortcode.min.js
2900
0644
edit
dl
rm
style-engine.js
40004
0644
edit
dl
rm
style-engine.min.js
6050
0644
edit
dl
rm
token-list.js
6049
0644
edit
dl
rm
token-list.min.js
1271
0644
edit
dl
rm
url.js
34824
0644
edit
dl
rm
url.min.js
8523
0644
edit
dl
rm
viewport.js
10465
0644
edit
dl
rm
viewport.min.js
1868
0644
edit
dl
rm
warning.js
2444
0644
edit
dl
rm
warning.min.js
311
0644
edit
dl
rm
widgets.js
53737
0644
edit
dl
rm
widgets.min.js
20034
0644
edit
dl
rm
wordcount.js
14748
0644
edit
dl
rm
wordcount.min.js
2480
0644
edit
dl
rm
Edit:
/home/vianto5/realtylifestyleproperties.mx/wp-includes/js/dist/preferences.js
(25641B)
/******/ (() => { // 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 */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __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 */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on 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__ = {}; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // EXPORTS __webpack_require__.d(__webpack_exports__, { 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: () => (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: () => (get) }); ;// external ["wp","data"] const external_wp_data_namespaceObject = window["wp"]["data"]; ;// external ["wp","components"] const external_wp_components_namespaceObject = window["wp"]["components"]; ;// external ["wp","i18n"] const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// external ["wp","primitives"] const external_wp_primitives_namespaceObject = window["wp"]["primitives"]; ;// external "ReactJSXRuntime" const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"]; ;// ./node_modules/@wordpress/icons/build-module/library/check.js /** * WordPress dependencies */ const check = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(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 */ const library_check = (check); ;// external ["wp","a11y"] const external_wp_a11y_namespaceObject = window["wp"]["a11y"]; ;// ./node_modules/@wordpress/preferences/build-module/store/reducer.js /** * WordPress dependencies */ /** * Reducer returning the defaults for user preferences. * * This is kept intentionally separate from the preferences * themselves so that defaults are not persisted. * * @param {Object} state Current state. * @param {Object} action Dispatched action. * * @return {Object} Updated state. */ function defaults(state = {}, action) { if (action.type === 'SET_PREFERENCE_DEFAULTS') { const { scope, defaults: values } = action; return { ...state, [scope]: { ...state[scope], ...values } }; } return state; } /** * Higher order reducer that does the following: * - Merges any data from the persistence layer into the state when the * `SET_PERSISTENCE_LAYER` action is received. * - Passes any preferences changes to the persistence layer. * * @param {Function} reducer The preferences reducer. * * @return {Function} The enhanced reducer. */ function withPersistenceLayer(reducer) { let persistenceLayer; return (state, action) => { // Setup the persistence layer, and return the persisted data // as the state. if (action.type === 'SET_PERSISTENCE_LAYER') { const { persistenceLayer: persistence, persistedData } = action; persistenceLayer = persistence; return persistedData; } const nextState = reducer(state, action); if (action.type === 'SET_PREFERENCE_VALUE') { persistenceLayer?.set(nextState); } return nextState; }; } /** * Reducer returning the user preferences. * * @param {Object} state Current state. * @param {Object} action Dispatched action. * * @return {Object} Updated state. */ const preferences = withPersistenceLayer((state = {}, action) => { if (action.type === 'SET_PREFERENCE_VALUE') { const { scope, name, value } = action; return { ...state, [scope]: { ...state[scope], [name]: value } }; } return state; }); /* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ defaults, preferences })); ;// ./node_modules/@wordpress/preferences/build-module/store/actions.js /** * Returns an action object used in signalling that a preference should be * toggled. * * @param {string} scope The preference scope (e.g. core/edit-post). * @param {string} name The preference name. */ function toggle(scope, name) { return function ({ select, dispatch }) { const currentValue = select.get(scope, name); dispatch.set(scope, name, !currentValue); }; } /** * Returns an action object used in signalling that a preference should be set * to a value * * @param {string} scope The preference scope (e.g. core/edit-post). * @param {string} name The preference name. * @param {*} value The value to set. * * @return {Object} Action object. */ function set(scope, name, value) { return { type: 'SET_PREFERENCE_VALUE', scope, name, value }; } /** * Returns an action object used in signalling that preference defaults should * be set. * * @param {string} scope The preference scope (e.g. core/edit-post). * @param {Object<string, *>} defaults A key/value map of preference names to values. * * @return {Object} Action object. */ function setDefaults(scope, defaults) { return { type: 'SET_PREFERENCE_DEFAULTS', scope, defaults }; } /** @typedef {() => Promise<Object>} WPPreferencesPersistenceLayerGet */ /** @typedef {(Object) => void} WPPreferencesPersistenceLayerSet */ /** * @typedef WPPreferencesPersistenceLayer * * @property {WPPreferencesPersistenceLayerGet} get An async function that gets data from the persistence layer. * @property {WPPreferencesPersistenceLayerSet} set A function that sets data in the persistence layer. */ /** * Sets the persistence layer. * * When a persistence layer is set, the preferences store will: * - call `get` immediately and update the store state to the value returned. * - call `set` with all preferences whenever a preference changes value. * * `setPersistenceLayer` should ideally be dispatched at the start of an * application's lifecycle, before any other actions have been dispatched to * the preferences store. * * @param {WPPreferencesPersistenceLayer} persistenceLayer The persistence layer. * * @return {Object} Action object. */ async function setPersistenceLayer(persistenceLayer) { const persistedData = await persistenceLayer.get(); return { type: 'SET_PERSISTENCE_LAYER', persistenceLayer, persistedData }; } ;// external ["wp","deprecated"] const external_wp_deprecated_namespaceObject = window["wp"]["deprecated"]; var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject); ;// ./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', 'isPublishSidebarEnabled', 'isComplementaryAreaVisible', 'pinnedItems']; 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. * * @param {Object} state The store state. * @param {string} scope The scope of the feature (e.g. core/edit-post). * @param {string} name The name of the feature. * * @return {*} Is the feature enabled? */ const get = withDeprecatedKeys((state, scope, name) => { const value = state.preferences[scope]?.[name]; return value !== undefined ? value : state.defaults[scope]?.[name]; }); ;// ./node_modules/@wordpress/preferences/build-module/store/constants.js /** * The identifier for the data store. * * @type {string} */ const STORE_NAME = 'core/preferences'; ;// ./node_modules/@wordpress/preferences/build-module/store/index.js /** * WordPress dependencies */ /** * Internal dependencies */ /** * Store definition for the preferences namespace. * * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore * * @type {Object} */ const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { reducer: reducer, actions: actions_namespaceObject, selectors: selectors_namespaceObject }); (0,external_wp_data_namespaceObject.register)(store); ;// ./node_modules/@wordpress/preferences/build-module/components/preference-toggle-menu-item/index.js /** * WordPress dependencies */ /** * Internal dependencies */ function PreferenceToggleMenuItem({ scope, name, label, info, messageActivated, messageDeactivated, shortcut, handleToggling = true, onToggle = () => null, disabled = false }) { const isActive = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(store).get(scope, name), [scope, name]); const { toggle } = (0,external_wp_data_namespaceObject.useDispatch)(store); const speakMessage = () => { if (isActive) { const message = messageDeactivated || (0,external_wp_i18n_namespaceObject.sprintf)(/* translators: %s: preference name, e.g. 'Fullscreen mode' */ (0,external_wp_i18n_namespaceObject.__)('Preference deactivated - %s'), label); (0,external_wp_a11y_namespaceObject.speak)(message); } else { const message = messageActivated || (0,external_wp_i18n_namespaceObject.sprintf)(/* translators: %s: preference name, e.g. 'Fullscreen mode' */ (0,external_wp_i18n_namespaceObject.__)('Preference activated - %s'), label); (0,external_wp_a11y_namespaceObject.speak)(message); } }; return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { icon: isActive && library_check, isSelected: isActive, onClick: () => { onToggle(); if (handleToggling) { toggle(scope, name); } speakMessage(); }, role: "menuitemcheckbox", info: info, shortcut: shortcut, disabled: disabled, children: label }); } ;// ./node_modules/@wordpress/preferences/build-module/components/index.js ;// ./node_modules/@wordpress/preferences/build-module/components/preference-base-option/index.js /** * WordPress dependencies */ function BaseOption({ help, label, isChecked, onChange, children }) { return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { className: "preference-base-option", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, { __nextHasNoMarginBottom: true, help: help, label: label, checked: isChecked, onChange: onChange }), children] }); } /* harmony default export */ const preference_base_option = (BaseOption); ;// ./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 /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(preference_base_option, { onChange: onChange, isChecked: isChecked, ...remainingProps }); } /* harmony default export */ const preference_toggle_control = (PreferenceToggleControl); ;// ./node_modules/@wordpress/preferences/build-module/components/preferences-modal/index.js /** * WordPress dependencies */ function PreferencesModal({ closeModal, children }) { return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, { className: "preferences-modal", title: (0,external_wp_i18n_namespaceObject.__)('Preferences'), onRequestClose: closeModal, children: children }); } ;// ./node_modules/@wordpress/preferences/build-module/components/preferences-modal-section/index.js const Section = ({ description, title, children }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("fieldset", { className: "preferences-modal__section", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("legend", { className: "preferences-modal__section-legend", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { className: "preferences-modal__section-title", children: title }), description && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { className: "preferences-modal__section-description", children: description })] }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { className: "preferences-modal__section-content", children: children })] }); /* harmony default export */ const preferences_modal_section = (Section); ;// external ["wp","compose"] const external_wp_compose_namespaceObject = window["wp"]["compose"]; ;// external ["wp","element"] const external_wp_element_namespaceObject = window["wp"]["element"]; ;// ./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 specifying 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)); ;// ./node_modules/@wordpress/icons/build-module/library/chevron-left.js /** * WordPress dependencies */ const chevronLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(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); ;// ./node_modules/@wordpress/icons/build-module/library/chevron-right.js /** * WordPress dependencies */ const chevronRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(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); ;// external ["wp","privateApis"] const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; ;// ./node_modules/@wordpress/preferences/build-module/lock-unlock.js /** * WordPress dependencies */ const { lock, unlock } = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/preferences'); ;// ./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 = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { className: "preferences__tabs", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs, { defaultTabId: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined, onSelect: setActiveMenu, orientation: "vertical", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabList, { className: "preferences__tabs-tablist", children: tabs.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, { tabId: tab.name, className: "preferences__tabs-tab", children: tab.title }, tab.name)) }), tabs.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, { tabId: tab.name, className: "preferences__tabs-tabpanel", focusable: false, children: sectionsContentMap[tab.name] || null }, tab.name))] }) }); } else { modalContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Navigator, { initialPath: "/", className: "preferences__provider", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Screen, { path: "/", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Card, { isBorderless: true, size: "small", children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CardBody, { children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalItemGroup, { children: tabs.map(tab => { return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Button, { path: `/${tab.name}`, as: external_wp_components_namespaceObject.__experimentalItem, isAction: true, children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, { justify: "space-between", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, { children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalTruncate, { children: tab.title }) }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, { children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, { icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right }) })] }) }, tab.name); }) }) }) }) }), sections.length && sections.map(section => { return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Screen, { path: `/${section.name}`, children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Card, { isBorderless: true, size: "large", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.CardHeader, { isBorderless: false, justify: "left", size: "small", gap: "6", children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.BackButton, { icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left, label: (0,external_wp_i18n_namespaceObject.__)('Back') }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, { size: "16", children: section.tabLabel })] }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CardBody, { children: section.content })] }) }, `${section.name}-menu`); })] }); } return modalContent; } ;// ./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 }); ;// ./node_modules/@wordpress/preferences/build-module/index.js (window.wp = window.wp || {}).preferences = __webpack_exports__; /******/ })() ;
Save
cmd:
run