npm - @wordpress/edit-site - Versions diffs - 6.15.0 → 6.16.0 - Mend

@wordpress/edit-site 6.15.0 → 6.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/build-module/components/resizable-frame/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useState","useRef","ResizableBox","Tooltip","__unstableMotion","motion","useInstanceId","useReducedMotion","__","isRTL","privateApis","routerPrivateApis","useSelect","store","coreStore","unlock","addQueryArgs","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useLocation","useHistory","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","history","path","query","canvas","disableMotion","frameSize","setFrameSize","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","FRAME_TRANSITION","type","duration","frameRef","resizableHandleHelpId","defaultAspectRatio","isBlockTheme","select","getCurrentTheme","is_block_theme","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","navigate","transition","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","as","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","text","button","role","className","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport { addQueryArgs } from '@wordpress/url';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. /\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst history = useHistory();\n\tconst { path, query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\tconst isBlockTheme = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme } = select( coreStore );\n\t\treturn getCurrentTheme()?.is_block_theme;\n\t}, [] );\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif (\n\t\t\tremainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD \|\|\n\t\t\t! isBlockTheme\n\t\t) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\thistory.navigate(\n\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} ),\n\t\t\t\t{\n\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep \n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) \n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvas === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvas === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow / }\n\t\t\t\t\t\t\t{ / eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth \|\|\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useState","useRef","ResizableBox","Tooltip","__unstableMotion","motion","useInstanceId","useReducedMotion","__","isRTL","privateApis","routerPrivateApis","useSelect","store","coreStore","unlock","addQueryArgs","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useLocation","useHistory","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","history","path","query","canvas","disableMotion","frameSize","setFrameSize","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","FRAME_TRANSITION","type","duration","frameRef","resizableHandleHelpId","defaultAspectRatio","isBlockTheme","select","getCurrentTheme","is_block_theme","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","navigate","transition","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","as","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","text","button","role","className","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport { addQueryArgs } from '@wordpress/url';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space available in the viewport. /\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst history = useHistory();\n\tconst { path, query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\tconst isBlockTheme = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme } = select( coreStore );\n\t\treturn getCurrentTheme()?.is_block_theme;\n\t}, [] );\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif (\n\t\t\tremainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD \|\|\n\t\t\t! isBlockTheme\n\t\t) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\thistory.navigate(\n\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} ),\n\t\t\t\t{\n\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep \n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) \n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvas === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvas === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow / }\n\t\t\t\t\t\t\t{ / eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth \|\|\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js CHANGED Viewed

@@ -36,7 +36,7 @@ function useDeleteNavigationMenu() {
       createSuccessNotice(__('Navigation Menu successfully deleted.'), {
         type: 'snackbar'
       });
-      history.navivate('/navigation');
+      history.navigate('/navigation');
     } catch (error) {
       createErrorNotice(sprintf(/* translators: %s: error message describing why the navigation menu could not be deleted. */
       __(`Unable to delete Navigation Menu (%s).`), error?.message), {

package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["store","coreStore","__","_x","sprintf","useSelect","useDispatch","noticesStore","privateApis","routerPrivateApis","postType","NAVIGATION_POST_TYPE","unlock","useHistory","useDeleteNavigationMenu","deleteEntityRecord","createSuccessNotice","createErrorNotice","history","handleDelete","navigationMenu","postId","id","force","throwOnError","type","~~navivate~~","error","message","useSaveNavigationMenu","getEditedEntityRecord","select","getEditedEntityRecordSelector","editEntityRecord","__experimentalSaveSpecifiedEntityEdits","saveSpecifiedEntityEdits","handleSave","edits","originalRecord","recordPropertiesToSave","Object","keys","useDuplicateNavigationMenu","saveEntityRecord","handleDuplicate","menuTitle","title","rendered","slug","savedRecord","content","raw","status","~~navigate","~~useNavigationMenuHandlers"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport { postType } from '.';\nimport { NAVIGATION_POST_TYPE } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction useDeleteNavigationMenu() {\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst history = useHistory();\n\n\tconst handleDelete = async ( navigationMenu ) => {\n\t\tconst postId = navigationMenu?.id;\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t\t{\n\t\t\t\t\tforce: true,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\t__( 'Navigation Menu successfully deleted.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t\thistory.~~navivate~~( '/navigation' );\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be deleted. /\n\t\t\t\t\t__( `Unable to delete Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleDelete;\n}\n\nfunction useSaveNavigationMenu() {\n\tconst { getEditedEntityRecord } = useSelect( ( select ) => {\n\t\tconst { getEditedEntityRecord: getEditedEntityRecordSelector } =\n\t\t\tselect( coreStore );\n\n\t\treturn {\n\t\t\tgetEditedEntityRecord: getEditedEntityRecordSelector,\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst handleSave = async ( navigationMenu, edits ) => {\n\t\tif ( ! edits ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst postId = navigationMenu?.id;\n\t\t// Prepare for revert in case of error.\n\t\tconst originalRecord = getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\tNAVIGATION_POST_TYPE,\n\t\t\tpostId\n\t\t);\n\n\t\t// Apply the edits.\n\t\teditEntityRecord( 'postType', postType, postId, edits );\n\n\t\tconst recordPropertiesToSave = Object.keys( edits );\n\n\t\t// Attempt to persist.\n\t\ttry {\n\t\t\tawait saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t\trecordPropertiesToSave,\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tcreateSuccessNotice( __( 'Renamed Navigation Menu' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\t// Revert to original in case of error.\n\t\t\teditEntityRecord( 'postType', postType, postId, originalRecord );\n\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be renamed. /\n\t\t\t\t\t__( `Unable to rename Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleSave;\n}\n\nfunction useDuplicateNavigationMenu() {\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst handleDuplicate = async ( navigationMenu ) => {\n\t\tconst menuTitle =\n\t\t\tnavigationMenu?.title?.rendered \|\| navigationMenu?.slug;\n\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\t{\n\t\t\t\t\ttitle: sprintf(\n\t\t\t\t\t\t/ translators: %s: Navigation menu title /\n\t\t\t\t\t\t_x( '%s (Copy)', 'navigation menu' ),\n\t\t\t\t\t\tmenuTitle\n\t\t\t\t\t),\n\t\t\t\t\tcontent: navigationMenu?.content?.raw,\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( savedRecord ) {\n\t\t\t\tcreateSuccessNotice( __( 'Duplicated Navigation Menu' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t\thistory.navigate( `/wp_navigation/${ savedRecord.id }` );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be deleted. */\n\t\t\t\t\t__( `Unable to duplicate Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleDuplicate;\n}\n\nexport default function useNavigationMenuHandlers() {\n\treturn {\n\t\thandleDelete: useDeleteNavigationMenu(),\n\t\thandleSave: useSaveNavigationMenu(),\n\t\thandleDuplicate: useDuplicateNavigationMenu(),\n\t};\n}\n"],"mappings":"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~~CAACmC~~,QAAQ,CAAE,~~kBAAmBJ~~,WAAW,CAAC3B,EAAE,EAAI,CAAC;MACzD;IACD,CAAC,CAAC,OAAQK,KAAK,EAAG;MACjBV,iBAAiB,CAChBb,OAAO,CACN;MACAF,EAAE,CAAE,2CAA4C,CAAC,EACjDyB,KAAK,EAAEC,OACR,CAAC,EAED;QACCH,IAAI,EAAE;MACP,CACD,CAAC;IACF;EACD,CAAC;EAED,OAAOmB,eAAe;AACvB;AAEA,eAAe,~~SAASU~~,yBAAyBA,CAAA,EAAG;EACnD,OAAO;~~IACNnC~~,YAAY,EAAEL,uBAAuB,CAAC,CAAC;IACvCsB,UAAU,EAAEP,qBAAqB,CAAC,CAAC;IACnCe,eAAe,EAAEF,0BAA0B,CAAC;EAC7C,CAAC;AACF","ignoreList":[]}
1	+ {"version":3,"names":["store","coreStore","__","_x","sprintf","useSelect","useDispatch","noticesStore","privateApis","routerPrivateApis","postType","NAVIGATION_POST_TYPE","unlock","useHistory","useDeleteNavigationMenu","deleteEntityRecord","createSuccessNotice","createErrorNotice","history","handleDelete","navigationMenu","postId","id","force","throwOnError","type","navigate","error","message","useSaveNavigationMenu","getEditedEntityRecord","select","getEditedEntityRecordSelector","editEntityRecord","__experimentalSaveSpecifiedEntityEdits","saveSpecifiedEntityEdits","handleSave","edits","originalRecord","recordPropertiesToSave","Object","keys","useDuplicateNavigationMenu","saveEntityRecord","handleDuplicate","menuTitle","title","rendered","slug","savedRecord","content","raw","status","useNavigationMenuHandlers"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport { postType } from '.';\nimport { NAVIGATION_POST_TYPE } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction useDeleteNavigationMenu() {\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst history = useHistory();\n\n\tconst handleDelete = async ( navigationMenu ) => {\n\t\tconst postId = navigationMenu?.id;\n\t\ttry {\n\t\t\tawait deleteEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t\t{\n\t\t\t\t\tforce: true,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tcreateSuccessNotice(\n\t\t\t\t__( 'Navigation Menu successfully deleted.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t\thistory.navigate( '/navigation' );\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be deleted. /\n\t\t\t\t\t__( `Unable to delete Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleDelete;\n}\n\nfunction useSaveNavigationMenu() {\n\tconst { getEditedEntityRecord } = useSelect( ( select ) => {\n\t\tconst { getEditedEntityRecord: getEditedEntityRecordSelector } =\n\t\t\tselect( coreStore );\n\n\t\treturn {\n\t\t\tgetEditedEntityRecord: getEditedEntityRecordSelector,\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst handleSave = async ( navigationMenu, edits ) => {\n\t\tif ( ! edits ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst postId = navigationMenu?.id;\n\t\t// Prepare for revert in case of error.\n\t\tconst originalRecord = getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\tNAVIGATION_POST_TYPE,\n\t\t\tpostId\n\t\t);\n\n\t\t// Apply the edits.\n\t\teditEntityRecord( 'postType', postType, postId, edits );\n\n\t\tconst recordPropertiesToSave = Object.keys( edits );\n\n\t\t// Attempt to persist.\n\t\ttry {\n\t\t\tawait saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t\trecordPropertiesToSave,\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tcreateSuccessNotice( __( 'Renamed Navigation Menu' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\t// Revert to original in case of error.\n\t\t\teditEntityRecord( 'postType', postType, postId, originalRecord );\n\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be renamed. /\n\t\t\t\t\t__( `Unable to rename Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleSave;\n}\n\nfunction useDuplicateNavigationMenu() {\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst handleDuplicate = async ( navigationMenu ) => {\n\t\tconst menuTitle =\n\t\t\tnavigationMenu?.title?.rendered \|\| navigationMenu?.slug;\n\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\t{\n\t\t\t\t\ttitle: sprintf(\n\t\t\t\t\t\t/ translators: %s: Navigation menu title /\n\t\t\t\t\t\t_x( '%s (Copy)', 'navigation menu' ),\n\t\t\t\t\t\tmenuTitle\n\t\t\t\t\t),\n\t\t\t\t\tcontent: navigationMenu?.content?.raw,\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( savedRecord ) {\n\t\t\t\tcreateSuccessNotice( __( 'Duplicated Navigation Menu' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t\thistory.navigate( `/wp_navigation/${ savedRecord.id }` );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: error message describing why the navigation menu could not be deleted. */\n\t\t\t\t\t__( `Unable to duplicate Navigation Menu (%s).` ),\n\t\t\t\t\terror?.message\n\t\t\t\t),\n\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\treturn handleDuplicate;\n}\n\nexport default function useNavigationMenuHandlers() {\n\treturn {\n\t\thandleDelete: useDeleteNavigationMenu(),\n\t\thandleSave: useSaveNavigationMenu(),\n\t\thandleDuplicate: useDuplicateNavigationMenu(),\n\t};\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/style-book/categories.js CHANGED Viewed

@@ -2,6 +2,8 @@
 /**
  * WordPress dependencies
  */
+// @wordpress/blocks imports are not typed.
+// @ts-expect-error
 import { getCategories } from '@wordpress/blocks';
 /**
@@ -17,20 +19,24 @@ import { STYLE_BOOK_CATEGORIES, STYLE_BOOK_THEME_SUBCATEGORIES } from './constan
  * @return {CategoryExamples|undefined} An object containing the category examples.
  */
 export function getExamplesByCategory(categoryDefinition, examples) {
+  var _categoryDefinition$s;
   if (!categoryDefinition?.slug || !examples?.length) {
     return;
   }
-  if (categoryDefinition?.subcategories?.length) {
-    return categoryDefinition.subcategories.reduce((acc, subcategoryDefinition) => {
+  const categories = (_categoryDefinition$s = categoryDefinition?.subcategories) !== null && _categoryDefinition$s !== void 0 ? _categoryDefinition$s : [];
+  if (categories.length) {
+    return categories.reduce((acc, subcategoryDefinition) => {
       const subcategoryExamples = getExamplesByCategory(subcategoryDefinition, examples);
       if (subcategoryExamples) {
+        if (!acc.subcategories) {
+          acc.subcategories = [];
+        }
         acc.subcategories = [...acc.subcategories, subcategoryExamples];
       }
       return acc;
     }, {
       title: categoryDefinition.title,
-      slug: categoryDefinition.slug,
-      subcategories: []
+      slug: categoryDefinition.slug
     });
   }
   const blocksToInclude = categoryDefinition?.blocks || [];
@@ -57,9 +63,10 @@ export function getTopLevelStyleBookCategories() {
   const reservedCategories = [...STYLE_BOOK_THEME_SUBCATEGORIES, ...STYLE_BOOK_CATEGORIES].map(({
     slug
   }) => slug);
-  const extraCategories = getCategories().filter(({
+  const extraCategories = getCategories();
+  const extraCategoriesFiltered = extraCategories.filter(({
     slug
   }) => !reservedCategories.includes(slug));
-  return [...STYLE_BOOK_CATEGORIES, ...extraCategories];
+  return [...STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered];
 }
 //# sourceMappingURL=categories.js.map

package/build-module/components/style-book/categories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getCategories","STYLE_BOOK_CATEGORIES","STYLE_BOOK_THEME_SUBCATEGORIES","getExamplesByCategory","categoryDefinition","examples","slug","length","subcategories","reduce","acc","subcategoryDefinition","subcategoryExamples","title","blocksToInclude","blocks","blocksToExclude","exclude","categoryExamples","filter","example","includes","name","category","getTopLevelStyleBookCategories","reservedCategories","map","extraCategories"],"sources":["@wordpress/edit-site/src/components/style-book/categories.ts"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getCategories } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport type {\n\tBlockExample,\n\tStyleBookCategory,\n\tCategoryExamples,\n} from './types';\nimport {\n\tSTYLE_BOOK_CATEGORIES,\n\tSTYLE_BOOK_THEME_SUBCATEGORIES,\n} from './constants';\n\n/\n Returns category examples for a given category definition and list of examples.\n * @param {StyleBookCategory} categoryDefinition The category definition.\n * @param {BlockExample[]} examples An array of block examples.\n * @return {CategoryExamples\|undefined} An object containing the category examples.\n /\nexport function getExamplesByCategory(\n\tcategoryDefinition: StyleBookCategory,\n\texamples: BlockExample[]\n): CategoryExamples \| undefined {\n\tif ( ! categoryDefinition?.slug \|\| ! examples?.length ) {\n\t\treturn;\n\t}\n\n\tif ( ~~categoryDefinition?.subcategories?.~~length ) {\n\t\treturn ~~categoryDefinition~~.~~subcategories.~~reduce(\n\t\t\t( acc, subcategoryDefinition ) => {\n\t\t\t\tconst subcategoryExamples = getExamplesByCategory(\n\t\t\t\t\tsubcategoryDefinition,\n\t\t\t\t\texamples\n\t\t\t\t);\n\t\t\t\tif ( subcategoryExamples ) {\n\t\t\t\t\tacc.subcategories = [\n\t\t\t\t\t\t...acc.subcategories,\n\t\t\t\t\t\tsubcategoryExamples,\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: categoryDefinition.title,\n\t\t\t\tslug: categoryDefinition.slug,\n\t\t\t~~\tsubcategories: [],\n\t\t\t~~}\n\t\t);\n\t}\n\n\tconst blocksToInclude = categoryDefinition?.blocks \|\| [];\n\tconst blocksToExclude = categoryDefinition?.exclude \|\| [];\n\tconst categoryExamples = examples.filter( ( example ) => {\n\t\treturn (\n\t\t\t! blocksToExclude.includes( example.name ) &&\n\t\t\t( example.category === categoryDefinition.slug \|\|\n\t\t\t\tblocksToInclude.includes( example.name ) )\n\t\t);\n\t} );\n\n\tif ( ! categoryExamples.length ) {\n\t\treturn;\n\t}\n\n\treturn {\n\t\ttitle: categoryDefinition.title,\n\t\tslug: categoryDefinition.slug,\n\t\texamples: categoryExamples,\n\t};\n}\n\n/\n Returns category examples for a given category definition and list of examples.\n \n @return {StyleBookCategory[]} An array of top-level category definitions.\n */\nexport function getTopLevelStyleBookCategories(): StyleBookCategory[] {\n\tconst reservedCategories = [\n\t\t...STYLE_BOOK_THEME_SUBCATEGORIES,\n\t\t...STYLE_BOOK_CATEGORIES,\n\t].map( ( { slug } ) => slug );\n\tconst extraCategories = getCategories().filter(\n\t\t( { slug } ) => ! reservedCategories.includes( slug )\n\t);\n\treturn [ ...STYLE_BOOK_CATEGORIES, ...~~extraCategories~~ ];\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,mBAAmB;;AAEjD;AACA;AACA;;AAMA,SACCC,qBAAqB,EACrBC,8BAA8B,QACxB,aAAa;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACpCC,kBAAqC,EACrCC,QAAwB,EACO;EAC/B,IAAK,~~CAAED~~,kBAAkB,~~EAAEE~~,IAAI,IAAI,~~CAAED~~,QAAQ,~~EAAEE~~,MAAM,EAAG;IACvD;EACD;~~EAEA~~,~~IAAKH~~,kBAAkB,~~EAAEI~~,aAAa,~~EAAED~~,MAAM,EAAG;~~IAChD~~,~~OAAOH~~,~~kBAAkB~~,~~CAACI~~,~~aAAa,CAACC,~~MAAM,~~CAC7C~~,CAAEC,GAAG,EAAEC,qBAAqB,KAAM;MACjC,MAAMC,mBAAmB,~~GAAGT~~,qBAAqB,~~CAChDQ~~,qBAAqB,~~EACrBN~~,QACD,CAAC;MACD,~~IAAKO~~,mBAAmB,EAAG;~~QAC1BF~~,GAAG,CAACF,aAAa,GAAG,CACnB,GAAGE,GAAG,CAACF,aAAa,EACpBI,mBAAmB,CACnB;MACF;MACA,OAAOF,GAAG;IACX,CAAC,EACD;MACCG,KAAK,~~EAAET~~,kBAAkB,~~CAACS~~,KAAK;MAC/BP,IAAI,~~EAAEF~~,kBAAkB,~~CAACE,IAAI~~;~~MAC7BE~~,~~aAAa,EAAE;IAChB,~~CACD,CAAC;EACF;EAEA,~~MAAMM~~,eAAe,~~GAAGV~~,kBAAkB,~~EAAEW~~,MAAM,IAAI,EAAE;EACxD,MAAMC,eAAe,~~GAAGZ~~,kBAAkB,~~EAAEa~~,OAAO,IAAI,EAAE;EACzD,MAAMC,gBAAgB,~~GAAGb~~,QAAQ,~~CAACc~~,MAAM,CAAIC,OAAO,IAAM;IACxD,OACC,CAAEJ,eAAe,CAACK,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,KACxCF,OAAO,CAACG,QAAQ,~~KAAKnB~~,kBAAkB,~~CAACE~~,IAAI,~~IAC7CQ~~,eAAe,CAACO,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,CAAE;EAE7C,CAAE,CAAC;EAEH,IAAK,CAAEJ,gBAAgB,~~CAACX~~,MAAM,EAAG;IAChC;EACD;EAEA,OAAO;~~IACNM~~,KAAK,~~EAAET~~,kBAAkB,~~CAACS~~,KAAK;IAC/BP,IAAI,~~EAAEF~~,kBAAkB,~~CAACE~~,IAAI;~~IAC7BD~~,QAAQ,~~EAAEa~~;EACX,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,8BAA8BA,CAAA,EAAwB;EACrE,MAAMC,kBAAkB,GAAG,CAC1B,~~GAAGvB~~,8BAA8B,EACjC,GAAGD,qBAAqB,CACxB,~~CAACyB~~,GAAG,CAAE,CAAE;~~IAAEpB~~;EAAK,CAAC,KAAMA,IAAK,CAAC;EAC7B,~~MAAMqB~~,~~eAAe~~,~~GAAG3B~~,aAAa,CAAC,CAAC,~~CAACmB~~,MAAM,~~CAC7C~~,CAAE;~~IAAEb~~;EAAK,CAAC,KAAM,~~CAAEmB~~,kBAAkB,CAACJ,QAAQ,~~CAAEf~~,IAAK,CACrD,CAAC;EACD,OAAO,CAAE,~~GAAGL~~,qBAAqB,EAAE,~~GAAG0B~~,~~eAAe~~,CAAE;~~AACxD~~","ignoreList":[]}
1	+ {"version":3,"names":["getCategories","STYLE_BOOK_CATEGORIES","STYLE_BOOK_THEME_SUBCATEGORIES","getExamplesByCategory","categoryDefinition","examples","_categoryDefinition$s","slug","length","categories","subcategories","reduce","acc","subcategoryDefinition","subcategoryExamples","title","blocksToInclude","blocks","blocksToExclude","exclude","categoryExamples","filter","example","includes","name","category","getTopLevelStyleBookCategories","reservedCategories","map","extraCategories","extraCategoriesFiltered"],"sources":["@wordpress/edit-site/src/components/style-book/categories.ts"],"sourcesContent":["/*\n WordPress dependencies\n /\n// @wordpress/blocks imports are not typed.\n// @ts-expect-error\nimport { getCategories } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport type {\n\tBlockExample,\n\tStyleBookCategory,\n\tCategoryExamples,\n} from './types';\nimport {\n\tSTYLE_BOOK_CATEGORIES,\n\tSTYLE_BOOK_THEME_SUBCATEGORIES,\n} from './constants';\n\n/\n Returns category examples for a given category definition and list of examples.\n * @param {StyleBookCategory} categoryDefinition The category definition.\n * @param {BlockExample[]} examples An array of block examples.\n * @return {CategoryExamples\|undefined} An object containing the category examples.\n /\nexport function getExamplesByCategory(\n\tcategoryDefinition: StyleBookCategory,\n\texamples: BlockExample[]\n): CategoryExamples \| undefined {\n\tif ( ! categoryDefinition?.slug \|\| ! examples?.length ) {\n\t\treturn;\n\t}\n\tconst categories: CategoryExamples[] =\n\t\tcategoryDefinition?.subcategories ?? [];\n\tif ( categories.length ) {\n\t\treturn categories.reduce(\n\t\t\t( acc, subcategoryDefinition ) => {\n\t\t\t\tconst subcategoryExamples = getExamplesByCategory(\n\t\t\t\t\tsubcategoryDefinition,\n\t\t\t\t\texamples\n\t\t\t\t);\n\t\t\t\tif ( subcategoryExamples ) {\n\t\t\t\t\tif ( ! acc.subcategories ) {\n\t\t\t\t\t\tacc.subcategories = [];\n\t\t\t\t\t}\n\t\t\t\t\tacc.subcategories = [\n\t\t\t\t\t\t...acc.subcategories,\n\t\t\t\t\t\tsubcategoryExamples,\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: categoryDefinition.title,\n\t\t\t\tslug: categoryDefinition.slug,\n\t\t\t}\n\t\t);\n\t}\n\n\tconst blocksToInclude = categoryDefinition?.blocks \|\| [];\n\tconst blocksToExclude = categoryDefinition?.exclude \|\| [];\n\tconst categoryExamples = examples.filter( ( example ) => {\n\t\treturn (\n\t\t\t! blocksToExclude.includes( example.name ) &&\n\t\t\t( example.category === categoryDefinition.slug \|\|\n\t\t\t\tblocksToInclude.includes( example.name ) )\n\t\t);\n\t} );\n\n\tif ( ! categoryExamples.length ) {\n\t\treturn;\n\t}\n\n\treturn {\n\t\ttitle: categoryDefinition.title,\n\t\tslug: categoryDefinition.slug,\n\t\texamples: categoryExamples,\n\t};\n}\n\n/\n Returns category examples for a given category definition and list of examples.\n \n @return {StyleBookCategory[]} An array of top-level category definitions.\n */\nexport function getTopLevelStyleBookCategories(): StyleBookCategory[] {\n\tconst reservedCategories = [\n\t\t...STYLE_BOOK_THEME_SUBCATEGORIES,\n\t\t...STYLE_BOOK_CATEGORIES,\n\t].map( ( { slug } ) => slug );\n\tconst extraCategories: StyleBookCategory[] = getCategories();\n\tconst extraCategoriesFiltered = extraCategories.filter(\n\t\t( { slug } ) => ! reservedCategories.includes( slug )\n\t);\n\treturn [ ...STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered ];\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,mBAAmB;;AAEjD;AACA;AACA;;AAMA,SACCC,qBAAqB,EACrBC,8BAA8B,QACxB,aAAa;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACpCC,kBAAqC,EACrCC,QAAwB,EACO;EAAA,IAAAC,qBAAA;EAC/B,IAAK,CAAEF,kBAAkB,EAAEG,IAAI,IAAI,CAAEF,QAAQ,EAAEG,MAAM,EAAG;IACvD;EACD;EACA,MAAMC,UAA8B,IAAAH,qBAAA,GACnCF,kBAAkB,EAAEM,aAAa,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;EACxC,IAAKG,UAAU,CAACD,MAAM,EAAG;IACxB,OAAOC,UAAU,CAACE,MAAM,CACvB,CAAEC,GAAG,EAAEC,qBAAqB,KAAM;MACjC,MAAMC,mBAAmB,GAAGX,qBAAqB,CAChDU,qBAAqB,EACrBR,QACD,CAAC;MACD,IAAKS,mBAAmB,EAAG;QAC1B,IAAK,CAAEF,GAAG,CAACF,aAAa,EAAG;UAC1BE,GAAG,CAACF,aAAa,GAAG,EAAE;QACvB;QACAE,GAAG,CAACF,aAAa,GAAG,CACnB,GAAGE,GAAG,CAACF,aAAa,EACpBI,mBAAmB,CACnB;MACF;MACA,OAAOF,GAAG;IACX,CAAC,EACD;MACCG,KAAK,EAAEX,kBAAkB,CAACW,KAAK;MAC/BR,IAAI,EAAEH,kBAAkB,CAACG;IAC1B,CACD,CAAC;EACF;EAEA,MAAMS,eAAe,GAAGZ,kBAAkB,EAAEa,MAAM,IAAI,EAAE;EACxD,MAAMC,eAAe,GAAGd,kBAAkB,EAAEe,OAAO,IAAI,EAAE;EACzD,MAAMC,gBAAgB,GAAGf,QAAQ,CAACgB,MAAM,CAAIC,OAAO,IAAM;IACxD,OACC,CAAEJ,eAAe,CAACK,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,KACxCF,OAAO,CAACG,QAAQ,KAAKrB,kBAAkB,CAACG,IAAI,IAC7CS,eAAe,CAACO,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,CAAE;EAE7C,CAAE,CAAC;EAEH,IAAK,CAAEJ,gBAAgB,CAACZ,MAAM,EAAG;IAChC;EACD;EAEA,OAAO;IACNO,KAAK,EAAEX,kBAAkB,CAACW,KAAK;IAC/BR,IAAI,EAAEH,kBAAkB,CAACG,IAAI;IAC7BF,QAAQ,EAAEe;EACX,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,8BAA8BA,CAAA,EAAwB;EACrE,MAAMC,kBAAkB,GAAG,CAC1B,GAAGzB,8BAA8B,EACjC,GAAGD,qBAAqB,CACxB,CAAC2B,GAAG,CAAE,CAAE;IAAErB;EAAK,CAAC,KAAMA,IAAK,CAAC;EAC7B,MAAMsB,eAAoC,GAAG7B,aAAa,CAAC,CAAC;EAC5D,MAAM8B,uBAAuB,GAAGD,eAAe,CAACR,MAAM,CACrD,CAAE;IAAEd;EAAK,CAAC,KAAM,CAAEoB,kBAAkB,CAACJ,QAAQ,CAAEhB,IAAK,CACrD,CAAC;EACD,OAAO,CAAE,GAAGN,qBAAqB,EAAE,GAAG6B,uBAAuB,CAAE;AAChE","ignoreList":[]}

package/build-module/components/style-book/color-examples.js CHANGED Viewed

@@ -9,7 +9,10 @@ import clsx from 'clsx';
  */
 import { __experimentalGrid as Grid } from '@wordpress/components';
 import { View } from '@wordpress/primitives';
-import { getColorClassName, __experimentalGetGradientClass } from '@wordpress/block-editor';
+import { getColorClassName, __experimentalGetGradientClass
+// @wordpress/block-editor imports are not typed.
+// @ts-expect-error
+} from '@wordpress/block-editor';
 /**
  * Internal dependencies

package/build-module/components/style-book/color-examples.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__experimentalGrid","Grid","View","getColorClassName","__experimentalGetGradientClass","jsx","_jsx","ColorExamples","colors","type","templateColumns","itemHeight","rowGap","columnGap","children","map","color","className","slug","classes","style","height"],"sources":["@wordpress/edit-site/src/components/style-book/color-examples.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\nimport {\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n} from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport type { Color, Gradient } from './types';\n\~~ntype Props = {\n\tcolors: Color[] \| Gradient[];\n\ttype: 'colors' \| 'gradients';\n\ttemplateColumns?: string \| number;\n\titemHeight?: string;\n};\n\~~nconst ColorExamples = ( {\n\tcolors,\n\ttype,\n\ttemplateColumns = '1fr 1fr',\n\titemHeight = '52px',\n}: ~~Props~~ ): JSX.Element \| null => {\n\tif ( ! colors ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid templateColumns={ templateColumns } rowGap={ 8 } columnGap={ 16 }>\n\t\t\t{ colors.map( ( color: Color \| Gradient ) => {\n\t\t\t\tconst className =\n\t\t\t\t\ttype === 'gradients'\n\t\t\t\t\t\t? __experimentalGetGradientClass( color.slug )\n\t\t\t\t\t\t: getColorClassName( 'background-color', color.slug );\n\t\t\t\tconst classes = clsx(\n\t\t\t\t\t'edit-site-style-book__color-example',\n\t\t\t\t\tclassName\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<View\n\t\t\t\t\t\tkey={ color.slug }\n\t\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t\tstyle={ { height: itemHeight } }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default ColorExamples;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SACCC,iBAAiB,EACjBC,~~8BAA8B~~,~~QACxB,~~yBAAyB;;AAEhC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;~~AAYA~~,MAAMC,aAAa,GAAGA,CAAE;EACvBC,MAAM;EACNC,IAAI;EACJC,eAAe,GAAG,SAAS;EAC3BC,UAAU,GAAG;~~AACP~~,CAAC,KAA0B;~~EACjC~~,IAAK,CAAEH,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,oBACCF,IAAA,CAACL,IAAI;IAACS,eAAe,EAAGA,eAAiB;IAACE,MAAM,EAAG,CAAG;IAACC,SAAS,EAAG,EAAI;IAAAC,QAAA,EACpEN,MAAM,CAACO,GAAG,CAAIC,KAAuB,IAAM;MAC5C,MAAMC,SAAS,GACdR,IAAI,KAAK,WAAW,GACjBL,8BAA8B,CAAEY,KAAK,CAACE,IAAK,CAAC,GAC5Cf,iBAAiB,CAAE,kBAAkB,EAAEa,KAAK,CAACE,IAAK,CAAC;MACvD,MAAMC,OAAO,GAAGpB,IAAI,CACnB,qCAAqC,EACrCkB,SACD,CAAC;MAED,oBACCX,IAAA,CAACJ,IAAI;QAEJe,SAAS,EAAGE,OAAS;QACrBC,KAAK,EAAG;UAAEC,MAAM,EAAEV;QAAW;MAAG,GAF1BK,KAAK,CAACE,IAGZ,CAAC;IAEJ,CAAE;EAAC,CACE,CAAC;AAET,CAAC;AAED,eAAeX,aAAa","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__experimentalGrid","Grid","View","getColorClassName","__experimentalGetGradientClass","jsx","_jsx","ColorExamples","colors","type","templateColumns","itemHeight","rowGap","columnGap","children","map","color","className","slug","classes","style","height"],"sources":["@wordpress/edit-site/src/components/style-book/color-examples.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\nimport {\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\t// @wordpress/block-editor imports are not typed.\n\t// @ts-expect-error\n} from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport type { Color, Gradient, ColorExampleProps } from './types';\n\nconst ColorExamples = ( {\n\tcolors,\n\ttype,\n\ttemplateColumns = '1fr 1fr',\n\titemHeight = '52px',\n}: ColorExampleProps ): JSX.Element \| null => {\n\tif ( ! colors ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid templateColumns={ templateColumns } rowGap={ 8 } columnGap={ 16 }>\n\t\t\t{ colors.map( ( color: Color \| Gradient ) => {\n\t\t\t\tconst className =\n\t\t\t\t\ttype === 'gradients'\n\t\t\t\t\t\t? __experimentalGetGradientClass( color.slug )\n\t\t\t\t\t\t: getColorClassName( 'background-color', color.slug );\n\t\t\t\tconst classes = clsx(\n\t\t\t\t\t'edit-site-style-book__color-example',\n\t\t\t\t\tclassName\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<View\n\t\t\t\t\t\tkey={ color.slug }\n\t\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t\tstyle={ { height: itemHeight } }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default ColorExamples;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SACCC,iBAAiB,EACjBC;AACA;AACA;AAAA,OACM,yBAAyB;;AAEhC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,MAAMC,aAAa,GAAGA,CAAE;EACvBC,MAAM;EACNC,IAAI;EACJC,eAAe,GAAG,SAAS;EAC3BC,UAAU,GAAG;AACK,CAAC,KAA0B;EAC7C,IAAK,CAAEH,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,oBACCF,IAAA,CAACL,IAAI;IAACS,eAAe,EAAGA,eAAiB;IAACE,MAAM,EAAG,CAAG;IAACC,SAAS,EAAG,EAAI;IAAAC,QAAA,EACpEN,MAAM,CAACO,GAAG,CAAIC,KAAuB,IAAM;MAC5C,MAAMC,SAAS,GACdR,IAAI,KAAK,WAAW,GACjBL,8BAA8B,CAAEY,KAAK,CAACE,IAAK,CAAC,GAC5Cf,iBAAiB,CAAE,kBAAkB,EAAEa,KAAK,CAACE,IAAK,CAAC;MACvD,MAAMC,OAAO,GAAGpB,IAAI,CACnB,qCAAqC,EACrCkB,SACD,CAAC;MAED,oBACCX,IAAA,CAACJ,IAAI;QAEJe,SAAS,EAAGE,OAAS;QACrBC,KAAK,EAAG;UAAEC,MAAM,EAAEV;QAAW;MAAG,GAF1BK,KAAK,CAACE,IAGZ,CAAC;IAEJ,CAAE;EAAC,CACE,CAAC;AAET,CAAC;AAED,eAAeX,aAAa","ignoreList":[]}

package/build-module/components/style-book/duotone-examples.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalGrid","Grid","View","jsx","_jsx","jsxs","_jsxs","DuotoneExamples","duotones","columns","rowGap","columnGap","children","map","duotone","className","alt","slug","src","style","filter","colors","color","backgroundColor"],"sources":["@wordpress/edit-site/src/components/style-book/duotone-examples.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\n\n/\n Internal dependencies\n */\nimport type { Duotone } from './types';\n\nconst DuotoneExamples = ( { ~~duotones~~ } ): JSX.Element \| null => {\n\tif ( ! duotones ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid columns={ 2 } rowGap={ 16 } columnGap={ 16 }>\n\t\t\t{ duotones.map( ( duotone: Duotone ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Grid\n\t\t\t\t\t\tkey={ duotone.slug }\n\t\t\t\t\t\tclassName=\"edit-site-style-book__duotone-example\"\n\t\t\t\t\t\tcolumns={ 2 }\n\t\t\t\t\t\trowGap={ 8 }\n\t\t\t\t\t\tcolumnGap={ 8 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\talt={ `Duotone example: ${ duotone.slug }` }\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/core/5.3/MtBlanc1.jpg\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tfilter: `url(#wp-duotone-${ duotone.slug })`,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ duotone.colors.map( ( color ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tkey={ color }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-style-book__color-example\"\n\t\t\t\t\t\t\t\t\tstyle={ { backgroundColor: color } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</Grid>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default DuotoneExamples;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,uBAAuB;;AAE5C;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,MAAMC,eAAe,GAAGA,CAAE;~~EAAEC~~;~~AAAS~~,CAAC,KAA0B;~~EAC/D~~,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBACCJ,IAAA,CAACH,IAAI;IAACQ,OAAO,EAAG,CAAG;IAACC,MAAM,EAAG,EAAI;IAACC,SAAS,EAAG,EAAI;IAAAC,QAAA,EAC/CJ,QAAQ,CAACK,GAAG,CAAIC,OAAgB,IAAM;MACvC,oBACCR,KAAA,CAACL,IAAI;QAEJc,SAAS,EAAC,uCAAuC;QACjDN,OAAO,EAAG,CAAG;QACbC,MAAM,EAAG,CAAG;QACZC,SAAS,EAAG,CAAG;QAAAC,QAAA,gBAEfR,IAAA,CAACF,IAAI;UAAAU,QAAA,eACJR,IAAA;YACCY,GAAG,EAAG,oBAAqBF,OAAO,CAACG,IAAI,EAAK;YAC5CC,GAAG,EAAC,8CAA8C;YAClDC,KAAK,EAAG;cACPC,MAAM,EAAE,mBAAoBN,OAAO,CAACG,IAAI;YACzC;UAAG,CACH;QAAC,CACG,CAAC,EACLH,OAAO,CAACO,MAAM,CAACR,GAAG,CAAIS,KAAK,IAAM;UAClC,oBACClB,IAAA,CAACF,IAAI;YAEJa,SAAS,EAAC,qCAAqC;YAC/CI,KAAK,EAAG;cAAEI,eAAe,EAAED;YAAM;UAAG,GAF9BA,KAGN,CAAC;QAEJ,CAAE,CAAC;MAAA,GAvBGR,OAAO,CAACG,IAwBT,CAAC;IAET,CAAE;EAAC,CACE,CAAC;AAET,CAAC;AAED,eAAeV,eAAe","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalGrid","Grid","View","jsx","_jsx","jsxs","_jsxs","DuotoneExamples","duotones","columns","rowGap","columnGap","children","map","duotone","className","alt","slug","src","style","filter","colors","color","backgroundColor"],"sources":["@wordpress/edit-site/src/components/style-book/duotone-examples.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\n\n/\n Internal dependencies\n */\nimport type { Duotone } from './types';\n\nconst DuotoneExamples = ( {\n\tduotones,\n}: {\n\tduotones: Duotone[];\n} ): JSX.Element \| null => {\n\tif ( ! duotones ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid columns={ 2 } rowGap={ 16 } columnGap={ 16 }>\n\t\t\t{ duotones.map( ( duotone: Duotone ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Grid\n\t\t\t\t\t\tkey={ duotone.slug }\n\t\t\t\t\t\tclassName=\"edit-site-style-book__duotone-example\"\n\t\t\t\t\t\tcolumns={ 2 }\n\t\t\t\t\t\trowGap={ 8 }\n\t\t\t\t\t\tcolumnGap={ 8 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\talt={ `Duotone example: ${ duotone.slug }` }\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/core/5.3/MtBlanc1.jpg\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tfilter: `url(#wp-duotone-${ duotone.slug })`,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ duotone.colors.map( ( color ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tkey={ color }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-style-book__color-example\"\n\t\t\t\t\t\t\t\t\tstyle={ { backgroundColor: color } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</Grid>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default DuotoneExamples;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,uBAAuB;;AAE5C;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,MAAMC,eAAe,GAAGA,CAAE;EACzBC;AAGD,CAAC,KAA0B;EAC1B,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBACCJ,IAAA,CAACH,IAAI;IAACQ,OAAO,EAAG,CAAG;IAACC,MAAM,EAAG,EAAI;IAACC,SAAS,EAAG,EAAI;IAAAC,QAAA,EAC/CJ,QAAQ,CAACK,GAAG,CAAIC,OAAgB,IAAM;MACvC,oBACCR,KAAA,CAACL,IAAI;QAEJc,SAAS,EAAC,uCAAuC;QACjDN,OAAO,EAAG,CAAG;QACbC,MAAM,EAAG,CAAG;QACZC,SAAS,EAAG,CAAG;QAAAC,QAAA,gBAEfR,IAAA,CAACF,IAAI;UAAAU,QAAA,eACJR,IAAA;YACCY,GAAG,EAAG,oBAAqBF,OAAO,CAACG,IAAI,EAAK;YAC5CC,GAAG,EAAC,8CAA8C;YAClDC,KAAK,EAAG;cACPC,MAAM,EAAE,mBAAoBN,OAAO,CAACG,IAAI;YACzC;UAAG,CACH;QAAC,CACG,CAAC,EACLH,OAAO,CAACO,MAAM,CAACR,GAAG,CAAIS,KAAK,IAAM;UAClC,oBACClB,IAAA,CAACF,IAAI;YAEJa,SAAS,EAAC,qCAAqC;YAC/CI,KAAK,EAAG;cAAEI,eAAe,EAAED;YAAM;UAAG,GAF9BA,KAGN,CAAC;QAEJ,CAAE,CAAC;MAAA,GAvBGR,OAAO,CAACG,IAwBT,CAAC;IAET,CAAE;EAAC,CACE,CAAC;AAET,CAAC;AAED,eAAeV,eAAe","ignoreList":[]}

package/build-module/components/style-book/examples.js CHANGED Viewed

@@ -3,7 +3,10 @@
  * WordPress dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { getBlockType, getBlockTypes, getBlockFromExample, createBlock } from '@wordpress/blocks';
+import { getBlockType, getBlockTypes, getBlockFromExample, createBlock
+// @wordpress/blocks imports are not typed.
+// @ts-expect-error
+} from '@wordpress/blocks';
 /**
  * Internal dependencies
@@ -27,8 +30,9 @@ function getColorExamples(colors) {
   }
   const examples = [];
   STYLE_BOOK_COLOR_GROUPS.forEach(group => {
-    const palette = colors[group.type].find(origin => origin.slug === group.origin);
-    if (palette?.[group.type]) {
+    const palette = colors[group.type];
+    const paletteFiltered = Array.isArray(palette) ? palette.find(origin => origin.slug === group.origin) : undefined;
+    if (paletteFiltered?.[group.type]) {
       const example = {
         name: group.slug,
         title: group.title,
@@ -36,12 +40,12 @@ function getColorExamples(colors) {
       };
       if (group.type === 'duotones') {
         example.content = /*#__PURE__*/_jsx(DuotoneExamples, {
-          duotones: palette[group.type]
+          duotones: paletteFiltered[group.type]
         });
         examples.push(example);
       } else {
         example.content = /*#__PURE__*/_jsx(ColorExamples, {
-          colors: palette[group.type],
+          colors: paletteFiltered[group.type],
           type: group.type
         });
         examples.push(example);
@@ -61,7 +65,7 @@ function getOverviewBlockExamples(colors) {
   const examples = [];
   // Get theme palette from colors if they exist.
-  const themePalette = colors?.colors.find(origin => origin.slug === 'theme');
+  const themePalette = Array.isArray(colors?.colors) ? colors.colors.find(origin => origin.slug === 'theme') : undefined;
   if (themePalette) {
     const themeColorexample = {
       name: 'theme-colors',
@@ -69,7 +73,7 @@ function getOverviewBlockExamples(colors) {
       category: 'overview',
       content: /*#__PURE__*/_jsx(ColorExamples, {
         colors: themePalette.colors,
-        type: colors,
+        type: "colors",
         templateColumns: "repeat(auto-fill, minmax( 200px, 1fr ))",
         itemHeight: "32px"
       })

package/build-module/components/style-book/examples.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","sprintf","getBlockType","getBlockTypes","getBlockFromExample","createBlock","ColorExamples","DuotoneExamples","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","getColorExamples","colors","examples","forEach","group","palette","type","find","origin","slug","example","name","title","category","content","duotones","push","getOverviewBlockExamples","themePalette","themeColorexample","templateColumns","itemHeight","typographyBlockExamples","headingBlock","level","firstParagraphBlock","secondParagraphBlock","groupBlock","layout","columnCount","minimumColumnWidth","style","spacing","blockGap","length","blocks","otherBlockExamples","blockName","blockType","blockExample","attributes","undefined","getExamples","nonHeadingBlockExamples","filter","supports","inserter","map","isHeadingBlockRegistered","headingsExample","colorExamples","overviewBlockExamples"],"sources":["@wordpress/edit-site/src/components/style-book/examples.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tgetBlockType,\n\tgetBlockTypes,\n\tgetBlockFromExample,\n\tcreateBlock,\n} from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport type {\n\tBlock,\n\tBlockExample,\n\tColorOrigin,\n\tMultiOriginPalettes,\n} from './types';\nimport ColorExamples from './color-examples';\nimport DuotoneExamples from './duotone-examples';\nimport { STYLE_BOOK_COLOR_GROUPS } from './constants';\n\n/\n Returns examples color examples for each origin\n * e.g. Core (Default), Theme, and User.\n \n @param {MultiOriginPalettes} colors Global Styles color palettes per origin.\n * @return {BlockExample[]} An array of color block examples.\n /\nfunction getColorExamples( colors: MultiOriginPalettes ): BlockExample[] {\n\tif ( ! colors ) {\n\t\treturn [];\n\t}\n\n\tconst examples: BlockExample[] = [];\n\n\tSTYLE_BOOK_COLOR_GROUPS.forEach( ( group ) => {\n\t\tconst palette = colors[ group.type ].find(\n\t\t\t( origin: ColorOrigin ) => origin.slug === group.origin\n\t\t);\n\n\t\tif ( palette?.[ group.type ] ) {\n\t\t\tconst example: BlockExample = {\n\t\t\t\tname: group.slug,\n\t\t\t\ttitle: group.title,\n\t\t\t\tcategory: 'colors',\n\t\t\t};\n\t\t\tif ( group.type === 'duotones' ) {\n\t\t\t\texample.content = (\n\t\t\t\t\t<DuotoneExamples duotones={ palette[ group.type ] } />\n\t\t\t\t);\n\t\t\t\texamples.push( example );\n\t\t\t} else {\n\t\t\t\texample.content = (\n\t\t\t\t\t<ColorExamples\n\t\t\t\t\t\tcolors={ palette[ group.type ] }\n\t\t\t\t\t\ttype={ group.type }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t\texamples.push( example );\n\t\t\t}\n\t\t}\n\t} );\n\n\treturn examples;\n}\n\n/\n Returns examples for the overview page.\n \n @param {MultiOriginPalettes} colors Global Styles color palettes per origin.\n * @return {BlockExample[]} An array of block examples.\n /\nfunction getOverviewBlockExamples(\n\tcolors: MultiOriginPalettes\n): BlockExample[] {\n\tconst examples: BlockExample[] = [];\n\n\t// Get theme palette from colors if they exist.\n\tconst themePalette = colors?.colors.find(\n\t\t( origin: ColorOrigin ) => origin.slug === 'theme'\n\t);\n\n\tif ( themePalette ) {\n\t\tconst themeColorexample: BlockExample = {\n\t\t\tname: 'theme-colors',\n\t\t\ttitle: __( 'Colors' ),\n\t\t\tcategory: 'overview',\n\t\t\tcontent: (\n\t\t\t\t<ColorExamples\n\t\t\t\t\tcolors={ themePalette.colors }\n\t\t\t\t\ttype={ colors }\n\t\t\t\t\ttemplateColumns=\"repeat(auto-fill, minmax( 200px, 1fr ))\"\n\t\t\t\t\titemHeight=\"32px\"\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\texamples.push( themeColorexample );\n\t}\n\n\t// Get examples for typography blocks.\n\tconst typographyBlockExamples: Block[] = [];\n\n\tif ( getBlockType( 'core/heading' ) ) {\n\t\tconst headingBlock = createBlock( 'core/heading', {\n\t\t\tcontent: __(\n\t\t\t\t`AaBbCcDdEeFfGgHhiiJjKkLIMmNnOoPpQakRrssTtUuVVWwXxxYyZzOl23356789X{(…)},2!&:/A@HELFO™`\n\t\t\t),\n\t\t\tlevel: 1,\n\t\t} );\n\t\ttypographyBlockExamples.push( headingBlock );\n\t}\n\n\tif ( getBlockType( 'core/paragraph' ) ) {\n\t\tconst firstParagraphBlock = createBlock( 'core/paragraph', {\n\t\t\tcontent: __(\n\t\t\t\t`A paragraph in a website refers to a distinct block of text that is used to present and organize information. It is a fundamental unit of content in web design and is typically composed of a group of related sentences or thoughts focused on a particular topic or idea. Paragraphs play a crucial role in improving the readability and user experience of a website. They break down the text into smaller, manageable chunks, allowing readers to scan the content more easily.`\n\t\t\t),\n\t\t} );\n\t\tconst secondParagraphBlock = createBlock( 'core/paragraph', {\n\t\t\tcontent: __(\n\t\t\t\t`Additionally, paragraphs help structure the flow of information and provide logical breaks between different concepts or pieces of information. In terms of formatting, paragraphs in websites are commonly denoted by a vertical gap or indentation between each block of text. This visual separation helps visually distinguish one paragraph from another, creating a clear and organized layout that guides the reader through the content smoothly.`\n\t\t\t),\n\t\t} );\n\n\t\tif ( getBlockType( 'core/group' ) ) {\n\t\t\tconst groupBlock = createBlock(\n\t\t\t\t'core/group',\n\t\t\t\t{\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'grid',\n\t\t\t\t\t\tcolumnCount: 2,\n\t\t\t\t\t\tminimumColumnWidth: '12rem',\n\t\t\t\t\t},\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tspacing: {\n\t\t\t\t\t\t\tblockGap: '1.5rem',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t[ firstParagraphBlock, secondParagraphBlock ]\n\t\t\t);\n\t\t\ttypographyBlockExamples.push( groupBlock );\n\t\t} else {\n\t\t\ttypographyBlockExamples.push( firstParagraphBlock );\n\t\t}\n\t}\n\n\tif ( !! typographyBlockExamples.length ) {\n\t\texamples.push( {\n\t\t\tname: 'typography',\n\t\t\ttitle: __( 'Typography' ),\n\t\t\tcategory: 'overview',\n\t\t\tblocks: typographyBlockExamples,\n\t\t} );\n\t}\n\n\tconst otherBlockExamples = [\n\t\t'core/image',\n\t\t'core/separator',\n\t\t'core/buttons',\n\t\t'core/pullquote',\n\t\t'core/search',\n\t];\n\n\t// Get examples for other blocks and put them in order of above array.\n\totherBlockExamples.forEach( ( blockName ) => {\n\t\tconst blockType = getBlockType( blockName );\n\t\tif ( blockType && blockType.example ) {\n\t\t\tconst blockExample: BlockExample = {\n\t\t\t\tname: blockName,\n\t\t\t\ttitle: blockType.title,\n\t\t\t\tcategory: 'overview',\n\t\t\t\t/\n\t\t\t\t CSS generated from style attributes will take precedence over global styles CSS,\n\t\t\t\t * so remove the style attribute from the example to ensure the example\n\t\t\t\t * demonstrates changes to global styles.\n\t\t\t\t /\n\t\t\t\tblocks: getBlockFromExample( blockName, {\n\t\t\t\t\t...blockType.example,\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\t...blockType.example.attributes,\n\t\t\t\t\t\tstyle: undefined,\n\t\t\t\t\t},\n\t\t\t\t} ),\n\t\t\t};\n\t\t\texamples.push( blockExample );\n\t\t}\n\t} );\n\n\treturn examples;\n}\n\n/\n Returns a list of examples for registered block types.\n \n @param {MultiOriginPalettes} colors Global styles colors grouped by origin e.g. Core, Theme, and User.\n * @return {BlockExample[]} An array of block examples.\n /\nexport function getExamples( colors: MultiOriginPalettes ): BlockExample[] {\n\tconst nonHeadingBlockExamples = getBlockTypes()\n\t\t.filter( ( blockType ) => {\n\t\t\tconst { name, example, supports } = blockType;\n\t\t\treturn (\n\t\t\t\tname !== 'core/heading' &&\n\t\t\t\t!! example &&\n\t\t\t\tsupports?.inserter !== false\n\t\t\t);\n\t\t} )\n\t\t.map( ( blockType ) => ( {\n\t\t\tname: blockType.name,\n\t\t\ttitle: blockType.title,\n\t\t\tcategory: blockType.category,\n\t\t\t/\n\t\t\t * CSS generated from style attributes will take precedence over global styles CSS,\n\t\t\t * so remove the style attribute from the example to ensure the example\n\t\t\t * demonstrates changes to global styles.\n\t\t\t */\n\t\t\tblocks: getBlockFromExample( blockType.name, {\n\t\t\t\t...blockType.example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...blockType.example.attributes,\n\t\t\t\t\tstyle: undefined,\n\t\t\t\t},\n\t\t\t} ),\n\t\t} ) );\n\tconst isHeadingBlockRegistered = !! getBlockType( 'core/heading' );\n\n\tif ( ! isHeadingBlockRegistered ) {\n\t\treturn nonHeadingBlockExamples;\n\t}\n\n\t// Use our own example for the Heading block so that we can show multiple\n\t// heading levels.\n\tconst headingsExample = {\n\t\tname: 'core/heading',\n\t\ttitle: __( 'Headings' ),\n\t\tcategory: 'text',\n\t\tblocks: [ 1, 2, 3, 4, 5, 6 ].map( ( level ) => {\n\t\t\treturn createBlock( 'core/heading', {\n\t\t\t\tcontent: sprintf(\n\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\tlevel\n\t\t\t\t),\n\t\t\t\tlevel,\n\t\t\t} );\n\t\t} ),\n\t};\n\tconst colorExamples = getColorExamples( colors );\n\n\tconst overviewBlockExamples = getOverviewBlockExamples( colors );\n\n\treturn [\n\t\theadingsExample,\n\t\t...colorExamples,\n\t\t...nonHeadingBlockExamples,\n\t\t...overviewBlockExamples,\n\t];\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__","sprintf","getBlockType","getBlockTypes","getBlockFromExample","createBlock","ColorExamples","DuotoneExamples","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","getColorExamples","colors","examples","forEach","group","palette","type","paletteFiltered","Array","isArray","find","origin","slug","undefined","example","name","title","category","content","duotones","push","getOverviewBlockExamples","themePalette","themeColorexample","templateColumns","itemHeight","typographyBlockExamples","headingBlock","level","firstParagraphBlock","secondParagraphBlock","groupBlock","layout","columnCount","minimumColumnWidth","style","spacing","blockGap","length","blocks","otherBlockExamples","blockName","blockType","blockExample","attributes","getExamples","nonHeadingBlockExamples","filter","supports","inserter","map","isHeadingBlockRegistered","headingsExample","colorExamples","overviewBlockExamples"],"sources":["@wordpress/edit-site/src/components/style-book/examples.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tgetBlockType,\n\tgetBlockTypes,\n\tgetBlockFromExample,\n\tcreateBlock,\n\t// @wordpress/blocks imports are not typed.\n\t// @ts-expect-error\n} from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport type {\n\tBlockExample,\n\tColorOrigin,\n\tMultiOriginPalettes,\n\tBlockType,\n} from './types';\nimport ColorExamples from './color-examples';\nimport DuotoneExamples from './duotone-examples';\nimport { STYLE_BOOK_COLOR_GROUPS } from './constants';\n\n/\n Returns examples color examples for each origin\n * e.g. Core (Default), Theme, and User.\n \n @param {MultiOriginPalettes} colors Global Styles color palettes per origin.\n * @return {BlockExample[]} An array of color block examples.\n /\nfunction getColorExamples( colors: MultiOriginPalettes ): BlockExample[] {\n\tif ( ! colors ) {\n\t\treturn [];\n\t}\n\n\tconst examples: BlockExample[] = [];\n\n\tSTYLE_BOOK_COLOR_GROUPS.forEach( ( group ) => {\n\t\tconst palette = colors[ group.type as keyof MultiOriginPalettes ];\n\t\tconst paletteFiltered = Array.isArray( palette )\n\t\t\t? palette.find(\n\t\t\t\t\t( origin: ColorOrigin ) => origin.slug === group.origin\n\t\t\t )\n\t\t\t: undefined;\n\n\t\tif ( paletteFiltered?.[ group.type ] ) {\n\t\t\tconst example: BlockExample = {\n\t\t\t\tname: group.slug,\n\t\t\t\ttitle: group.title,\n\t\t\t\tcategory: 'colors',\n\t\t\t};\n\t\t\tif ( group.type === 'duotones' ) {\n\t\t\t\texample.content = (\n\t\t\t\t\t<DuotoneExamples\n\t\t\t\t\t\tduotones={ paletteFiltered[ group.type ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t\texamples.push( example );\n\t\t\t} else {\n\t\t\t\texample.content = (\n\t\t\t\t\t<ColorExamples\n\t\t\t\t\t\tcolors={ paletteFiltered[ group.type ] }\n\t\t\t\t\t\ttype={ group.type }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t\texamples.push( example );\n\t\t\t}\n\t\t}\n\t} );\n\n\treturn examples;\n}\n\n/\n Returns examples for the overview page.\n \n @param {MultiOriginPalettes} colors Global Styles color palettes per origin.\n * @return {BlockExample[]} An array of block examples.\n /\nfunction getOverviewBlockExamples(\n\tcolors: MultiOriginPalettes\n): BlockExample[] {\n\tconst examples: BlockExample[] = [];\n\n\t// Get theme palette from colors if they exist.\n\tconst themePalette = Array.isArray( colors?.colors )\n\t\t? colors.colors.find(\n\t\t\t\t( origin: ColorOrigin ) => origin.slug === 'theme'\n\t\t )\n\t\t: undefined;\n\n\tif ( themePalette ) {\n\t\tconst themeColorexample: BlockExample = {\n\t\t\tname: 'theme-colors',\n\t\t\ttitle: __( 'Colors' ),\n\t\t\tcategory: 'overview',\n\t\t\tcontent: (\n\t\t\t\t<ColorExamples\n\t\t\t\t\tcolors={ themePalette.colors }\n\t\t\t\t\ttype=\"colors\"\n\t\t\t\t\ttemplateColumns=\"repeat(auto-fill, minmax( 200px, 1fr ))\"\n\t\t\t\t\titemHeight=\"32px\"\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\texamples.push( themeColorexample );\n\t}\n\n\t// Get examples for typography blocks.\n\tconst typographyBlockExamples: BlockType[] = [];\n\n\tif ( getBlockType( 'core/heading' ) ) {\n\t\tconst headingBlock = createBlock( 'core/heading', {\n\t\t\tcontent: __(\n\t\t\t\t`AaBbCcDdEeFfGgHhiiJjKkLIMmNnOoPpQakRrssTtUuVVWwXxxYyZzOl23356789X{(…)},2!&:/A@HELFO™`\n\t\t\t),\n\t\t\tlevel: 1,\n\t\t} );\n\t\ttypographyBlockExamples.push( headingBlock );\n\t}\n\n\tif ( getBlockType( 'core/paragraph' ) ) {\n\t\tconst firstParagraphBlock = createBlock( 'core/paragraph', {\n\t\t\tcontent: __(\n\t\t\t\t`A paragraph in a website refers to a distinct block of text that is used to present and organize information. It is a fundamental unit of content in web design and is typically composed of a group of related sentences or thoughts focused on a particular topic or idea. Paragraphs play a crucial role in improving the readability and user experience of a website. They break down the text into smaller, manageable chunks, allowing readers to scan the content more easily.`\n\t\t\t),\n\t\t} );\n\t\tconst secondParagraphBlock = createBlock( 'core/paragraph', {\n\t\t\tcontent: __(\n\t\t\t\t`Additionally, paragraphs help structure the flow of information and provide logical breaks between different concepts or pieces of information. In terms of formatting, paragraphs in websites are commonly denoted by a vertical gap or indentation between each block of text. This visual separation helps visually distinguish one paragraph from another, creating a clear and organized layout that guides the reader through the content smoothly.`\n\t\t\t),\n\t\t} );\n\n\t\tif ( getBlockType( 'core/group' ) ) {\n\t\t\tconst groupBlock = createBlock(\n\t\t\t\t'core/group',\n\t\t\t\t{\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\ttype: 'grid',\n\t\t\t\t\t\tcolumnCount: 2,\n\t\t\t\t\t\tminimumColumnWidth: '12rem',\n\t\t\t\t\t},\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tspacing: {\n\t\t\t\t\t\t\tblockGap: '1.5rem',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t[ firstParagraphBlock, secondParagraphBlock ]\n\t\t\t);\n\t\t\ttypographyBlockExamples.push( groupBlock );\n\t\t} else {\n\t\t\ttypographyBlockExamples.push( firstParagraphBlock );\n\t\t}\n\t}\n\n\tif ( !! typographyBlockExamples.length ) {\n\t\texamples.push( {\n\t\t\tname: 'typography',\n\t\t\ttitle: __( 'Typography' ),\n\t\t\tcategory: 'overview',\n\t\t\tblocks: typographyBlockExamples,\n\t\t} );\n\t}\n\n\tconst otherBlockExamples = [\n\t\t'core/image',\n\t\t'core/separator',\n\t\t'core/buttons',\n\t\t'core/pullquote',\n\t\t'core/search',\n\t];\n\n\t// Get examples for other blocks and put them in order of above array.\n\totherBlockExamples.forEach( ( blockName ) => {\n\t\tconst blockType = getBlockType( blockName );\n\t\tif ( blockType && blockType.example ) {\n\t\t\tconst blockExample: BlockExample = {\n\t\t\t\tname: blockName,\n\t\t\t\ttitle: blockType.title,\n\t\t\t\tcategory: 'overview',\n\t\t\t\t/\n\t\t\t\t CSS generated from style attributes will take precedence over global styles CSS,\n\t\t\t\t * so remove the style attribute from the example to ensure the example\n\t\t\t\t * demonstrates changes to global styles.\n\t\t\t\t /\n\t\t\t\tblocks: getBlockFromExample( blockName, {\n\t\t\t\t\t...blockType.example,\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\t...blockType.example.attributes,\n\t\t\t\t\t\tstyle: undefined,\n\t\t\t\t\t},\n\t\t\t\t} ),\n\t\t\t};\n\t\t\texamples.push( blockExample );\n\t\t}\n\t} );\n\n\treturn examples;\n}\n\n/\n Returns a list of examples for registered block types.\n \n @param {MultiOriginPalettes} colors Global styles colors grouped by origin e.g. Core, Theme, and User.\n * @return {BlockExample[]} An array of block examples.\n /\nexport function getExamples( colors: MultiOriginPalettes ): BlockExample[] {\n\tconst nonHeadingBlockExamples = getBlockTypes()\n\t\t.filter( ( blockType: BlockType ) => {\n\t\t\tconst { name, example, supports } = blockType;\n\t\t\treturn (\n\t\t\t\tname !== 'core/heading' &&\n\t\t\t\t!! example &&\n\t\t\t\tsupports?.inserter !== false\n\t\t\t);\n\t\t} )\n\t\t.map( ( blockType: BlockType ) => ( {\n\t\t\tname: blockType.name,\n\t\t\ttitle: blockType.title,\n\t\t\tcategory: blockType.category,\n\t\t\t/\n\t\t\t * CSS generated from style attributes will take precedence over global styles CSS,\n\t\t\t * so remove the style attribute from the example to ensure the example\n\t\t\t * demonstrates changes to global styles.\n\t\t\t */\n\t\t\tblocks: getBlockFromExample( blockType.name, {\n\t\t\t\t...blockType.example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...blockType.example.attributes,\n\t\t\t\t\tstyle: undefined,\n\t\t\t\t},\n\t\t\t} ),\n\t\t} ) );\n\tconst isHeadingBlockRegistered = !! getBlockType( 'core/heading' );\n\n\tif ( ! isHeadingBlockRegistered ) {\n\t\treturn nonHeadingBlockExamples;\n\t}\n\n\t// Use our own example for the Heading block so that we can show multiple\n\t// heading levels.\n\tconst headingsExample = {\n\t\tname: 'core/heading',\n\t\ttitle: __( 'Headings' ),\n\t\tcategory: 'text',\n\t\tblocks: [ 1, 2, 3, 4, 5, 6 ].map( ( level ) => {\n\t\t\treturn createBlock( 'core/heading', {\n\t\t\t\tcontent: sprintf(\n\t\t\t\t\t// translators: %d: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t__( 'Heading %d' ),\n\t\t\t\t\tlevel\n\t\t\t\t),\n\t\t\t\tlevel,\n\t\t\t} );\n\t\t} ),\n\t};\n\tconst colorExamples = getColorExamples( colors );\n\n\tconst overviewBlockExamples = getOverviewBlockExamples( colors );\n\n\treturn [\n\t\theadingsExample,\n\t\t...colorExamples,\n\t\t...nonHeadingBlockExamples,\n\t\t...overviewBlockExamples,\n\t];\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/style-book/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/edit-site/src/components/style-book/types.ts"],"sourcesContent":["export type Block = {\n\tname: string;\n\tattributes: Record< string, unknown >;\n\tinnerBlocks?: Block[];\n};\n\nexport type StyleBookCategory = {\n\ttitle: string;\n\tslug: string;\n\tblocks?: string[];\n\texclude?: string[];\n\tinclude?: string[];\n\tsubcategories?: StyleBookCategory[];\n};\n\nexport type BlockExample = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\tcontent?: JSX.Element;\n\tblocks?: Block \| Block[];\n};\n\nexport type CategoryExamples = {\n\ttitle: string;\n\tslug: string;\n\texamples?: BlockExample[];\n\tsubcategories?: CategoryExamples[];\n};\n\nexport type StyleBookColorGroup = {\n\torigin: string;\n\tslug: string;\n\ttitle: string;\n\ttype: ~~string~~;\n};\n\nexport type Color = { slug: string };\nexport type Gradient = { slug: string };\nexport type Duotone = {\n\tcolors: string[];\n\tslug: string;\n};\n\nexport type ColorOrigin = {\n\tname: string;\n\tslug: string;\n\tcolors?: Color[];\n\tgradients?: Gradient[];\n\tduotones?: Duotone[];\n};\n\nexport type MultiOriginPalettes = {\n\tdisableCustomColors: boolean;\n\tdisableCustomGradients: boolean;\n\thasColorsOrGradients: boolean;\n\tcolors: Omit< ColorOrigin, 'gradients' \| 'duotones' >;\n\tduotones: Omit< ColorOrigin, 'colors' \| 'gradients' >;\n\tgradients: Omit< ColorOrigin, 'colors' \| 'duotones' >;\n};\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["@wordpress/edit-site/src/components/style-book/types.ts"],"sourcesContent":["export type Block = {\n\tname: string;\n\tattributes: Record< string, unknown >;\n\tinnerBlocks?: Block[];\n};\n\nexport type StyleBookCategory = {\n\ttitle: string;\n\tslug: string;\n\tblocks?: string[];\n\texclude?: string[];\n\tinclude?: string[];\n\tsubcategories?: StyleBookCategory[];\n};\n\nexport type BlockExample = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\tcontent?: JSX.Element;\n\tblocks?: Block \| Block[];\n};\n\nexport type CategoryExamples = {\n\ttitle: string;\n\tslug: string;\n\texamples?: BlockExample[];\n\tsubcategories?: CategoryExamples[];\n};\n\nexport type StyleBookColorGroup = {\n\torigin: string;\n\tslug: string;\n\ttitle: string;\n\ttype: 'colors' \| 'gradients' \| 'duotones';\n};\n\nexport type Color = { slug: string };\nexport type Gradient = { slug: string };\nexport type Duotone = {\n\tcolors: string[];\n\tslug: string;\n};\n\nexport type ColorExampleProps = {\n\tcolors: Color[] \| Gradient[];\n\ttype: StyleBookColorGroup[ 'type' ];\n\ttemplateColumns?: string \| number;\n\titemHeight?: string;\n};\n\nexport type ColorOrigin = {\n\tname: string;\n\tslug: string;\n\tcolors?: Color[];\n\tgradients?: Gradient[];\n\tduotones?: Duotone[];\n};\n\nexport type MultiOriginPalettes = {\n\tdisableCustomColors: boolean;\n\tdisableCustomGradients: boolean;\n\thasColorsOrGradients: boolean;\n\tcolors: Omit< ColorOrigin, 'gradients' \| 'duotones' >;\n\tduotones: Omit< ColorOrigin, 'colors' \| 'gradients' >;\n\tgradients: Omit< ColorOrigin, 'colors' \| 'duotones' >;\n};\n\n/\n Typing the items from getBlockTypes from '@wordpress/blocks'\n * to appease the TS linter.\n */\nexport type BlockType = {\n\tname: string;\n\ttitle: string;\n\tcategory: string;\n\texample: BlockType;\n\tattributes: Record< string, unknown >;\n\tsupports: Record< string, unknown >;\n};\n"],"mappings":"","ignoreList":[]}

package/build-style/posts-rtl.css CHANGED Viewed

@@ -137,13 +137,11 @@
   flex-shrink: 0;
   position: sticky;
   right: 0;
-  transition: padding ease-out 0.1s;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .dataviews__view-actions,
 .dataviews-filters__container {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
@@ -154,13 +152,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: padding ease-out 0.1s;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .dataviews-no-results,
 .dataviews-loading {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
@@ -414,7 +410,6 @@
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
-  transition: box-shadow 0.1s linear;
   border-radius: 2px;
   border: 1px solid #949494;
   /* Fonts smaller than 16px causes mobile safari to zoom. */
@@ -432,10 +427,9 @@
   /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: box-shadow 0.1s linear;
   }
 }
 @media (min-width: 600px) {
@@ -521,13 +515,11 @@
   padding: 12px 48px;
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
-  transition: padding ease-out 0.1s;
   z-index: 2;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .dataviews-footer {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
@@ -651,7 +643,8 @@
 }
 .dataviews-field-control__field:hover .dataviews-field-control__actions,
-.dataviews-field-control__field:focus-within .dataviews-field-control__actions {
+.dataviews-field-control__field:focus-within .dataviews-field-control__actions,
+.dataviews-field-control__field.is-interacting .dataviews-field-control__actions {
   position: unset;
   top: unset;
 }
@@ -661,21 +654,31 @@
   width: 24px;
 }
-.dataviews-field-control__label {
+.dataviews-field-control__label-sub-label-container {
   flex-grow: 1;
 }
+.dataviews-field-control__label {
+  display: block;
+}
+.dataviews-field-control__sub-label {
+  margin-top: 8px;
+  margin-bottom: 0;
+  font-size: 11px;
+  font-style: normal;
+  color: #757575;
+}
 .dataviews-view-grid {
   margin-bottom: auto;
   grid-template-rows: max-content;
   padding: 0 48px 24px;
-  transition: padding ease-out 0.1s;
   container-type: inline-size;
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .dataviews-view-grid {
-    transition-duration: 0s;
-    transition-delay: 0s;
+    transition: padding ease-out 0.1s;
   }
 }
 .dataviews-view-grid .dataviews-view-grid__card {
@@ -1581,7 +1584,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _15iyx_slide-from-right {
+@keyframes _u5k8s_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1591,7 +1594,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _15iyx_slide-from-left {
+@keyframes _u5k8s_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1647,10 +1650,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _15iyx_slide-from-left;
+  animation-name: _u5k8s_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _15iyx_slide-from-right;
+  animation-name: _u5k8s_slide-from-right;
 }
 .edit-site-site-hub {