@wordpress/edit-site 5.29.0 → 5.30.0

package/build/components/global-styles/preview.js

@@ -1,271 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
-var _element = require("@wordpress/element");
-var _lockUnlock = require("../../lock-unlock");
-var _hooks = require("./hooks");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalStyle,
-  useGlobalStylesOutput
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-const firstFrame = {
-  start: {
-    scale: 1,
-    opacity: 1
-  },
-  hover: {
-    scale: 0,
-    opacity: 0
-  }
-};
-const midFrame = {
-  hover: {
-    opacity: 1
-  },
-  start: {
-    opacity: 0.5
-  }
-};
-const secondFrame = {
-  hover: {
-    scale: 1,
-    opacity: 1
-  },
-  start: {
-    scale: 0,
-    opacity: 0
-  }
-};
-const normalizedWidth = 248;
-const normalizedHeight = 152;
-const normalizedColorSwatchSize = 32;
-
-// Throttle options for useThrottle. Must be defined outside of the component,
-// so that the object reference is the same on each render.
-const THROTTLE_OPTIONS = {
-  leading: true,
-  trailing: true
-};
-const StylesPreview = ({
-  label,
-  isFocused,
-  withHoverView
-}) => {
-  const [fontWeight] = useGlobalStyle('typography.fontWeight');
-  const [fontFamily = 'serif'] = useGlobalStyle('typography.fontFamily');
-  const [headingFontFamily = fontFamily] = useGlobalStyle('elements.h1.typography.fontFamily');
-  const [headingFontWeight = fontWeight] = useGlobalStyle('elements.h1.typography.fontWeight');
-  const [textColor = 'black'] = useGlobalStyle('color.text');
-  const [headingColor = textColor] = useGlobalStyle('elements.h1.color.text');
-  const [backgroundColor = 'white'] = useGlobalStyle('color.background');
-  const [gradientValue] = useGlobalStyle('color.gradient');
-  const [styles] = useGlobalStylesOutput();
-  const disableMotion = (0, _compose.useReducedMotion)();
-  const [isHovered, setIsHovered] = (0, _element.useState)(false);
-  const [containerResizeListener, {
-    width
-  }] = (0, _compose.useResizeObserver)();
-  const [throttledWidth, setThrottledWidthState] = (0, _element.useState)(width);
-  const [ratioState, setRatioState] = (0, _element.useState)();
-  const setThrottledWidth = (0, _compose.useThrottle)(setThrottledWidthState, 250, THROTTLE_OPTIONS);
-
-  // Must use useLayoutEffect to avoid a flash of the iframe at the wrong
-  // size before the width is set.
-  (0, _element.useLayoutEffect)(() => {
-    if (width) {
-      setThrottledWidth(width);
-    }
-  }, [width, setThrottledWidth]);
-
-  // Must use useLayoutEffect to avoid a flash of the iframe at the wrong
-  // size before the width is set.
-  (0, _element.useLayoutEffect)(() => {
-    const newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;
-    const ratioDiff = newRatio - (ratioState || 0);
-
-    // Only update the ratio state if the difference is big enough
-    // or if the ratio state is not yet set. This is to avoid an
-    // endless loop of updates at particular viewport heights when the
-    // presence of a scrollbar causes the width to change slightly.
-    const isRatioDiffBigEnough = Math.abs(ratioDiff) > 0.1;
-    if (isRatioDiffBigEnough || !ratioState) {
-      setRatioState(newRatio);
-    }
-  }, [throttledWidth, ratioState]);
-
-  // Set a fallbackRatio to use before the throttled ratio has been set.
-  const fallbackRatio = width ? width / normalizedWidth : 1;
-  // Use the throttled ratio if it has been calculated, otherwise
-  // use the fallback ratio. The throttled ratio is used to avoid
-  // an endless loop of updates at particular viewport heights.
-  // See: https://github.com/WordPress/gutenberg/issues/55112
-  const ratio = ratioState ? ratioState : fallbackRatio;
-  const {
-    paletteColors,
-    highlightedColors
-  } = (0, _hooks.useStylesPreviewColors)();
-
-  // Reset leaked styles from WP common.css and remove main content layout padding and border.
-  const editorStyles = (0, _element.useMemo)(() => {
-    if (styles) {
-      return [...styles, {
-        css: 'html{overflow:hidden}body{min-width: 0;padding: 0;border: none;}',
-        isGlobalStyles: true
-      }];
-    }
-    return styles;
-  }, [styles]);
-  const isReady = !!width;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    style: {
-      position: 'relative'
-    }
-  }, containerResizeListener), isReady && (0, _react.createElement)(_blockEditor.__unstableIframe, {
-    className: "edit-site-global-styles-preview__iframe",
-    style: {
-      width: '100%',
-      height: normalizedHeight * ratio
-    },
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false),
-    tabIndex: -1
-  }, (0, _react.createElement)(_blockEditor.__unstableEditorStyles, {
-    styles: editorStyles
-  }), (0, _react.createElement)(_components.__unstableMotion.div, {
-    style: {
-      height: normalizedHeight * ratio,
-      width: '100%',
-      background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
-      cursor: withHoverView ? 'pointer' : undefined
-    },
-    initial: "start",
-    animate: (isHovered || isFocused) && !disableMotion && label ? 'hover' : 'start'
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    variants: firstFrame,
-    style: {
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 10 * ratio,
-    justify: "center",
-    style: {
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, (0, _react.createElement)(_components.__unstableMotion.div, {
-    style: {
-      fontFamily: headingFontFamily,
-      fontSize: 65 * ratio,
-      color: headingColor,
-      fontWeight: headingFontWeight
-    },
-    animate: {
-      scale: 1,
-      opacity: 1
-    },
-    initial: {
-      scale: 0.1,
-      opacity: 0
-    },
-    transition: {
-      delay: 0.3,
-      type: 'tween'
-    }
-  }, "Aa"), (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 4 * ratio
-  }, highlightedColors.map(({
-    slug,
-    color
-  }, index) => (0, _react.createElement)(_components.__unstableMotion.div, {
-    key: slug,
-    style: {
-      height: normalizedColorSwatchSize * ratio,
-      width: normalizedColorSwatchSize * ratio,
-      background: color,
-      borderRadius: normalizedColorSwatchSize * ratio / 2
-    },
-    animate: {
-      scale: 1,
-      opacity: 1
-    },
-    initial: {
-      scale: 0.1,
-      opacity: 0
-    },
-    transition: {
-      delay: index === 1 ? 0.2 : 0.1
-    }
-  }))))), (0, _react.createElement)(_components.__unstableMotion.div, {
-    variants: withHoverView && midFrame,
-    style: {
-      height: '100%',
-      width: '100%',
-      position: 'absolute',
-      top: 0,
-      overflow: 'hidden',
-      filter: 'blur(60px)',
-      opacity: 0.1
-    }
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 0,
-    justify: "flex-start",
-    style: {
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, paletteColors.slice(0, 4).map(({
-    color
-  }, index) => (0, _react.createElement)("div", {
-    key: index,
-    style: {
-      height: '100%',
-      background: color,
-      flexGrow: 1
-    }
-  })))), (0, _react.createElement)(_components.__unstableMotion.div, {
-    variants: secondFrame,
-    style: {
-      height: '100%',
-      width: '100%',
-      overflow: 'hidden',
-      position: 'absolute',
-      top: 0
-    }
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 3 * ratio,
-    justify: "center",
-    style: {
-      height: '100%',
-      overflow: 'hidden',
-      padding: 10 * ratio,
-      boxSizing: 'border-box'
-    }
-  }, label && (0, _react.createElement)("div", {
-    style: {
-      fontSize: 40 * ratio,
-      fontFamily: headingFontFamily,
-      color: headingColor,
-      fontWeight: headingFontWeight,
-      lineHeight: '1em',
-      textAlign: 'center'
-    }
-  }, label))))));
-};
-var _default = exports.default = StylesPreview;
-//# sourceMappingURL=preview.js.map

package/build/components/global-styles/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_blockEditor","require","_components","_compose","_element","_lockUnlock","_hooks","useGlobalStyle","useGlobalStylesOutput","unlock","blockEditorPrivateApis","firstFrame","start","scale","opacity","hover","midFrame","secondFrame","normalizedWidth","normalizedHeight","normalizedColorSwatchSize","THROTTLE_OPTIONS","leading","trailing","StylesPreview","label","isFocused","withHoverView","fontWeight","fontFamily","headingFontFamily","headingFontWeight","textColor","headingColor","backgroundColor","gradientValue","styles","disableMotion","useReducedMotion","isHovered","setIsHovered","useState","containerResizeListener","width","useResizeObserver","throttledWidth","setThrottledWidthState","ratioState","setRatioState","setThrottledWidth","useThrottle","useLayoutEffect","newRatio","ratioDiff","isRatioDiffBigEnough","Math","abs","fallbackRatio","ratio","paletteColors","highlightedColors","useStylesPreviewColors","editorStyles","useMemo","css","isGlobalStyles","isReady","_react","createElement","Fragment","style","position","__unstableIframe","className","height","onMouseEnter","onMouseLeave","tabIndex","__unstableEditorStyles","__unstableMotion","div","background","cursor","undefined","initial","animate","variants","overflow","__experimentalHStack","spacing","justify","fontSize","color","transition","delay","type","__experimentalVStack","map","slug","index","key","borderRadius","top","filter","slice","flexGrow","padding","boxSizing","lineHeight","textAlign","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__unstableIframe as Iframe,\n\t__unstableEditorStyles as EditorStyles,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\t__unstableMotion as motion,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tuseThrottle,\n\tuseReducedMotion,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { useLayoutEffect, useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useStylesPreviewColors } from './hooks';\n\nconst { useGlobalStyle, useGlobalStylesOutput } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst firstFrame = {\n\tstart: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\thover: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst midFrame = {\n\thover: {\n\t\topacity: 1,\n\t},\n\tstart: {\n\t\topacity: 0.5,\n\t},\n};\n\nconst secondFrame = {\n\thover: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\tstart: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst normalizedWidth = 248;\nconst normalizedHeight = 152;\n\nconst normalizedColorSwatchSize = 32;\n\n// Throttle options for useThrottle. Must be defined outside of the component,\n// so that the object reference is the same on each render.\nconst THROTTLE_OPTIONS = {\n\tleading: true,\n\ttrailing: true,\n};\n\nconst StylesPreview = ( { label, isFocused, withHoverView } ) => {\n\tconst [ fontWeight ] = useGlobalStyle( 'typography.fontWeight' );\n\tconst [ fontFamily = 'serif' ] = useGlobalStyle( 'typography.fontFamily' );\n\tconst [ headingFontFamily = fontFamily ] = useGlobalStyle(\n\t\t'elements.h1.typography.fontFamily'\n\t);\n\tconst [ headingFontWeight = fontWeight ] = useGlobalStyle(\n\t\t'elements.h1.typography.fontWeight'\n\t);\n\tconst [ textColor = 'black' ] = useGlobalStyle( 'color.text' );\n\tconst [ headingColor = textColor ] = useGlobalStyle(\n\t\t'elements.h1.color.text'\n\t);\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst [ styles ] = useGlobalStylesOutput();\n\tconst disableMotion = useReducedMotion();\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ containerResizeListener, { width } ] = useResizeObserver();\n\tconst [ throttledWidth, setThrottledWidthState ] = useState( width );\n\tconst [ ratioState, setRatioState ] = useState();\n\n\tconst setThrottledWidth = useThrottle(\n\t\tsetThrottledWidthState,\n\t\t250,\n\t\tTHROTTLE_OPTIONS\n\t);\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tif ( width ) {\n\t\t\tsetThrottledWidth( width );\n\t\t}\n\t}, [ width, setThrottledWidth ] );\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tconst newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;\n\t\tconst ratioDiff = newRatio - ( ratioState || 0 );\n\n\t\t// Only update the ratio state if the difference is big enough\n\t\t// or if the ratio state is not yet set. This is to avoid an\n\t\t// endless loop of updates at particular viewport heights when the\n\t\t// presence of a scrollbar causes the width to change slightly.\n\t\tconst isRatioDiffBigEnough = Math.abs( ratioDiff ) > 0.1;\n\n\t\tif ( isRatioDiffBigEnough || ! ratioState ) {\n\t\t\tsetRatioState( newRatio );\n\t\t}\n\t}, [ throttledWidth, ratioState ] );\n\n\t// Set a fallbackRatio to use before the throttled ratio has been set.\n\tconst fallbackRatio = width ? width / normalizedWidth : 1;\n\t// Use the throttled ratio if it has been calculated, otherwise\n\t// use the fallback ratio. The throttled ratio is used to avoid\n\t// an endless loop of updates at particular viewport heights.\n\t// See: https://github.com/WordPress/gutenberg/issues/55112\n\tconst ratio = ratioState ? ratioState : fallbackRatio;\n\n\tconst { paletteColors, highlightedColors } = useStylesPreviewColors();\n\n\t// Reset leaked styles from WP common.css and remove main content layout padding and border.\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'html{overflow:hidden}body{min-width: 0;padding: 0;border: none;}',\n\t\t\t\t\tisGlobalStyles: true,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles ] );\n\tconst isReady = !! width;\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative' } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t{ isReady && (\n\t\t\t\t<Iframe\n\t\t\t\t\tclassName=\"edit-site-global-styles-preview__iframe\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t} }\n\t\t\t\t\tonMouseEnter={ () => setIsHovered( true ) }\n\t\t\t\t\tonMouseLeave={ () => setIsHovered( false ) }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\t\tcursor: withHoverView ? 'pointer' : undefined,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tinitial=\"start\"\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t( isHovered || isFocused ) &&\n\t\t\t\t\t\t\t! disableMotion &&\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'start'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tvariants={ firstFrame }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tfontFamily: headingFontFamily,\n\t\t\t\t\t\t\t\t\t\tfontSize: 65 * ratio,\n\t\t\t\t\t\t\t\t\t\tcolor: headingColor,\n\t\t\t\t\t\t\t\t\t\tfontWeight: headingFontWeight,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tanimate={ { scale: 1, opacity: 1 } }\n\t\t\t\t\t\t\t\t\tinitial={ { scale: 0.1, opacity: 0 } }\n\t\t\t\t\t\t\t\t\ttransition={ { delay: 0.3, type: 'tween' } }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tAa\n\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t<VStack spacing={ 4 * ratio }>\n\t\t\t\t\t\t\t\t\t{ highlightedColors.map(\n\t\t\t\t\t\t\t\t\t\t( { slug, color }, index ) => (\n\t\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizedColorSwatchSize *\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tratio,\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizedColorSwatchSize *\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tratio,\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: color,\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t( normalizedColorSwatchSize *\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tratio ) /\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 0.1,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdelay:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex === 1 ? 0.2 : 0.1,\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tvariants={ withHoverView && midFrame }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\tfilter: 'blur(60px)',\n\t\t\t\t\t\t\t\topacity: 0.1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ paletteColors\n\t\t\t\t\t\t\t\t\t.slice( 0, 4 )\n\t\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\tbackground: color,\n\t\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tvariants={ secondFrame }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\tspacing={ 3 * ratio }\n\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\tpadding: 10 * ratio,\n\t\t\t\t\t\t\t\t\tboxSizing: 'border-box',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ label && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 40 * ratio,\n\t\t\t\t\t\t\t\t\t\t\tfontFamily: headingFontFamily,\n\t\t\t\t\t\t\t\t\t\t\tcolor: headingColor,\n\t\t\t\t\t\t\t\t\t\t\tfontWeight: headingFontWeight,\n\t\t\t\t\t\t\t\t\t\t\tlineHeight: '1em',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</motion.div>\n\t\t\t\t</Iframe>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default StylesPreview;\n"],"mappings":"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"}

package/build/components/global-styles/typogrphy-elements.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","_react","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typogrphy-elements.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":"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"}

package/build/components/global-styles/variations-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_blocks","require","_data","_components","_navigationButton","getCoreBlockStyles","blockStyles","filter","style","source","useBlockVariations","name","useSelect","select","getBlockStyles","blocksStore","coreBlockStyles","VariationsPanel","_react","createElement","__experimentalItemGroup","isBordered","isSeparated","map","index","isDefault","NavigationButtonAsItem","key","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\n\nimport { NavigationButtonAsItem } from './navigation-button';\n\nfunction getCoreBlockStyles( blockStyles ) {\n\treturn blockStyles?.filter( ( style ) => style.source === 'block' );\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst coreBlockStyles = getCoreBlockStyles( blockStyles );\n\treturn coreBlockStyles;\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ style.label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASI,kBAAkBA,CAAEC,WAAW,EAAG;EAC1C,OAAOA,WAAW,EAAEC,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,MAAM,KAAK,OAAQ,CAAC;AACpE;AAEO,SAASC,kBAAkBA,CAAEC,IAAI,EAAG;EAC1C,MAAML,WAAW,GAAG,IAAAM,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEH,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAMK,eAAe,GAAGX,kBAAkB,CAAEC,WAAY,CAAC;EACzD,OAAOU,eAAe;AACvB;AAEO,SAASC,eAAeA,CAAE;EAAEN;AAAK,CAAC,EAAG;EAC3C,MAAMK,eAAe,GAAGN,kBAAkB,CAAEC,IAAK,CAAC;EAElD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAC9BN,eAAe,CAACO,GAAG,CAAE,CAAEf,KAAK,EAAEgB,KAAK,KAAM;IAC1C,IAAKhB,KAAK,EAAEiB,SAAS,EAAG;MACvB,OAAO,IAAI;IACZ;IACA,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACf,iBAAA,CAAAsB,sBAAsB;MACtBC,GAAG,EAAGH,KAAO;MACbI,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAElB,IAAK,CAAC,GAC1B,cAAc,GACdkB,kBAAkB,CAAErB,KAAK,CAACG,IAAK,CAC/B;MACD,cAAaH,KAAK,CAACsB;IAAO,GAExBtB,KAAK,CAACsB,KACe,CAAC;EAE3B,CAAE,CACQ,CAAC;AAEd"}

package/build/components/list/added-by.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_coreData","_data","_element","_icons","_i18n","_constants","useAddedBy","postType","postId","useSelect","select","getEntityRecord","getMedia","getUser","getEditedEntityRecord","coreStore","template","originalSource","original_source","authorText","author_text","type","icon","themeIcon","text","isCustomized","source","TEMPLATE_ORIGINS","custom","pluginIcon","siteData","globeIcon","imageUrl","site_logo","source_url","undefined","user","author","authorIcon","avatar_urls","AvatarImage","isImageLoaded","setIsImageLoaded","useState","_react","createElement","className","classnames","onLoad","alt","src","AddedBy","__experimentalHStack","alignment","Icon","TEMPLATE_POST_TYPE","_x"],"sources":["@wordpress/edit-site/src/components/list/added-by.js"],"sourcesContent":["// @ts-check\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, __experimentalHStack as HStack } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport {\n\tcommentAuthorAvatar as authorIcon,\n\tlayout as themeIcon,\n\tplugins as pluginIcon,\n\tglobe as globeIcon,\n} from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE, TEMPLATE_ORIGINS } from '../../utils/constants';\n\n/** @typedef {'wp_template'|'wp_template_part'} TemplateType */\n\n/**\n * @typedef {'theme'|'plugin'|'site'|'user'} AddedByType\n *\n * @typedef AddedByData\n * @type {Object}\n * @property {AddedByType}  type         The type of the data.\n * @property {JSX.Element}  icon         The icon to display.\n * @property {string}       [imageUrl]   The optional image URL to display.\n * @property {string}       [text]       The text to display.\n * @property {boolean}      isCustomized Whether the template has been customized.\n *\n * @param    {TemplateType} postType     The template post type.\n * @param    {number}       postId       The template post id.\n * @return {AddedByData} The added by object or null.\n */\nexport function useAddedBy( postType, postId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEntityRecord,\n\t\t\t\tgetMedia,\n\t\t\t\tgetUser,\n\t\t\t\tgetEditedEntityRecord,\n\t\t\t} = select( coreStore );\n\t\t\tconst template = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\tconst originalSource = template?.original_source;\n\t\t\tconst authorText = template?.author_text;\n\n\t\t\tswitch ( originalSource ) {\n\t\t\t\tcase 'theme': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: themeIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'plugin': {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: pluginIcon,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized:\n\t\t\t\t\t\t\ttemplate.source === TEMPLATE_ORIGINS.custom,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tcase 'site': {\n\t\t\t\t\tconst siteData = getEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'__unstableBase'\n\t\t\t\t\t);\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: originalSource,\n\t\t\t\t\t\ticon: globeIcon,\n\t\t\t\t\t\timageUrl: siteData?.site_logo\n\t\t\t\t\t\t\t? getMedia( siteData.site_logo )?.source_url\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tconst user = getUser( template.author );\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: 'user',\n\t\t\t\t\t\ticon: authorIcon,\n\t\t\t\t\t\timageUrl: user?.avatar_urls?.[ 48 ],\n\t\t\t\t\t\ttext: authorText,\n\t\t\t\t\t\tisCustomized: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ postType, postId ]\n\t);\n}\n\n/**\n * @param {Object} props\n * @param {string} props.imageUrl\n */\nexport function AvatarImage( { imageUrl } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-list-added-by__avatar', {\n\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t} ) }\n\t\t>\n\t\t\t<img\n\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\talt=\"\"\n\t\t\t\tsrc={ imageUrl }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/**\n * @param {Object}       props\n * @param {TemplateType} props.postType The template post type.\n * @param {number}       props.postId   The template post id.\n */\nexport default function AddedBy( { postType, postId } ) {\n\tconst { text, icon, imageUrl, isCustomized } = useAddedBy(\n\t\tpostType,\n\t\tpostId\n\t);\n\n\treturn (\n\t\t<HStack alignment=\"left\">\n\t\t\t{ imageUrl ? (\n\t\t\t\t<AvatarImage imageUrl={ imageUrl } />\n\t\t\t) : (\n\t\t\t\t<div className=\"edit-site-list-added-by__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span>\n\t\t\t\t{ text }\n\t\t\t\t{ isCustomized && (\n\t\t\t\t\t<span className=\"edit-site-list-added-by__customized-info\">\n\t\t\t\t\t\t{ postType === TEMPLATE_POST_TYPE\n\t\t\t\t\t\t\t? _x( 'Customized', 'template' )\n\t\t\t\t\t\t\t: _x( 'Customized', 'template part' ) }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</span>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;;;;AAIA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAMA,IAAAM,KAAA,GAAAN,OAAA;AAKA,IAAAO,UAAA,GAAAP,OAAA;AAxBA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,UAAUA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC9C,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MACLC,eAAe;MACfC,QAAQ;MACRC,OAAO;MACPC;IACD,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IACvB,MAAMC,QAAQ,GAAGF,qBAAqB,CACrC,UAAU,EACVP,QAAQ,EACRC,MACD,CAAC;IACD,MAAMS,cAAc,GAAGD,QAAQ,EAAEE,eAAe;IAChD,MAAMC,UAAU,GAAGH,QAAQ,EAAEI,WAAW;IAExC,QAASH,cAAc;MACtB,KAAK,OAAO;QAAE;UACb,OAAO;YACNI,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEC,aAAS;YACfC,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,QAAQ;QAAE;UACd,OAAO;YACNP,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAEO,cAAU;YAChBL,IAAI,EAAEL,UAAU;YAChBM,YAAY,EACXT,QAAQ,CAACU,MAAM,KAAKC,2BAAgB,CAACC;UACvC,CAAC;QACF;MACA,KAAK,MAAM;QAAE;UACZ,MAAME,QAAQ,GAAGnB,eAAe,CAC/B,MAAM,EACN,gBACD,CAAC;UACD,OAAO;YACNU,IAAI,EAAEJ,cAAc;YACpBK,IAAI,EAAES,YAAS;YACfC,QAAQ,EAAEF,QAAQ,EAAEG,SAAS,GAC1BrB,QAAQ,CAAEkB,QAAQ,CAACG,SAAU,CAAC,EAAEC,UAAU,GAC1CC,SAAS;YACZX,IAAI,EAAEL,UAAU;YAChBM,YAAY,EAAE;UACf,CAAC;QACF;MACA;QAAS;UACR,MAAMW,IAAI,GAAGvB,OAAO,CAAEG,QAAQ,CAACqB,MAAO,CAAC;UACvC,OAAO;YACNhB,IAAI,EAAE,MAAM;YACZC,IAAI,EAAEgB,0BAAU;YAChBN,QAAQ,EAAEI,IAAI,EAAEG,WAAW,GAAI,EAAE,CAAE;YACnCf,IAAI,EAAEL,UAAU;YAChBM,YAAY,EAAE;UACf,CAAC;QACF;IACD;EACD,CAAC,EACD,CAAElB,QAAQ,EAAEC,MAAM,CACnB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACO,SAASgC,WAAWA,CAAE;EAAER;AAAS,CAAC,EAAG;EAC3C,MAAM,CAAES,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAE7D,OACC,IAAAC,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EAAE,iCAAiC,EAAE;MAC1D,WAAW,EAAEN;IACd,CAAE;EAAG,GAEL,IAAAG,MAAA,CAAAC,aAAA;IACCG,MAAM,EAAGA,CAAA,KAAMN,gBAAgB,CAAE,IAAK,CAAG;IACzCO,GAAG,EAAC,EAAE;IACNC,GAAG,EAAGlB;EAAU,CAChB,CACG,CAAC;AAER;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASmB,OAAOA,CAAE;EAAE5C,QAAQ;EAAEC;AAAO,CAAC,EAAG;EACvD,MAAM;IAAEgB,IAAI;IAAEF,IAAI;IAAEU,QAAQ;IAAEP;EAAa,CAAC,GAAGnB,UAAU,CACxDC,QAAQ,EACRC,MACD,CAAC;EAED,OACC,IAAAoC,MAAA,CAAAC,aAAA,EAAC9C,WAAA,CAAAqD,oBAAM;IAACC,SAAS,EAAC;EAAM,GACrBrB,QAAQ,GACT,IAAAY,MAAA,CAAAC,aAAA,EAACL,WAAW;IAACR,QAAQ,EAAGA;EAAU,CAAE,CAAC,GAErC,IAAAY,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA+B,GAC7C,IAAAF,MAAA,CAAAC,aAAA,EAAC9C,WAAA,CAAAuD,IAAI;IAAChC,IAAI,EAAGA;EAAM,CAAE,CACjB,CACL,EACD,IAAAsB,MAAA,CAAAC,aAAA,gBACGrB,IAAI,EACJC,YAAY,IACb,IAAAmB,MAAA,CAAAC,aAAA;IAAMC,SAAS,EAAC;EAA0C,GACvDvC,QAAQ,KAAKgD,6BAAkB,GAC9B,IAAAC,QAAE,EAAE,YAAY,EAAE,UAAW,CAAC,GAC9B,IAAAA,QAAE,EAAE,YAAY,EAAE,eAAgB,CAChC,CAEF,CACC,CAAC;AAEX"}

package/build/components/list/header.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Header;
-var _react = require("react");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _components = require("@wordpress/components");
-var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Header({
-  templateType
-}) {
-  const {
-    canCreate,
-    postType
-  } = (0, _data.useSelect)(select => {
-    const {
-      supportsTemplatePartsMode
-    } = select(_store.store).getSettings();
-    return {
-      postType: select(_coreData.store).getPostType(templateType),
-      canCreate: !supportsTemplatePartsMode
-    };
-  }, [templateType]);
-  if (!postType) {
-    return null;
-  }
-  return (0, _react.createElement)("header", {
-    className: "edit-site-list-header"
-  }, (0, _react.createElement)(_components.__experimentalHeading, {
-    level: 1,
-    className: "edit-site-list-header__title"
-  }, postType.labels?.name), canCreate && (0, _react.createElement)("div", {
-    className: "edit-site-list-header__right"
-  }, (0, _react.createElement)(_addNewTemplate.default, {
-    templateType: templateType,
-    showIcon: false,
-    toggleProps: {
-      variant: 'primary'
-    }
-  })));
-}
-//# sourceMappingURL=header.js.map

package/build/components/list/header.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_data","require","_coreData","_components","_addNewTemplate","_interopRequireDefault","_store","Header","templateType","canCreate","postType","useSelect","select","supportsTemplatePartsMode","editSiteStore","getSettings","coreStore","getPostType","_react","createElement","className","__experimentalHeading","level","labels","name","default","showIcon","toggleProps","variant"],"sources":["@wordpress/edit-site/src/components/list/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalHeading as Heading } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport AddNewTemplate from '../add-new-template';\nimport { store as editSiteStore } from '../../store';\n\nexport default function Header( { templateType } ) {\n\tconst { canCreate, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { supportsTemplatePartsMode } =\n\t\t\t\tselect( editSiteStore ).getSettings();\n\t\t\treturn {\n\t\t\t\tpostType: select( coreStore ).getPostType( templateType ),\n\t\t\t\tcanCreate: ! supportsTemplatePartsMode,\n\t\t\t};\n\t\t},\n\t\t[ templateType ]\n\t);\n\n\tif ( ! postType ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<header className=\"edit-site-list-header\">\n\t\t\t<Heading level={ 1 } className=\"edit-site-list-header__title\">\n\t\t\t\t{ postType.labels?.name }\n\t\t\t</Heading>\n\n\t\t\t{ canCreate && (\n\t\t\t\t<div className=\"edit-site-list-header__right\">\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ templateType }\n\t\t\t\t\t\tshowIcon={ false }\n\t\t\t\t\t\ttoggleProps={ { variant: 'primary' } }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</header>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIe,SAASM,MAAMA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAClD,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EACtCC,MAAM,IAAM;IACb,MAAM;MAAEC;IAA0B,CAAC,GAClCD,MAAM,CAAEE,YAAc,CAAC,CAACC,WAAW,CAAC,CAAC;IACtC,OAAO;MACNL,QAAQ,EAAEE,MAAM,CAAEI,eAAU,CAAC,CAACC,WAAW,CAAET,YAAa,CAAC;MACzDC,SAAS,EAAE,CAAEI;IACd,CAAC;EACF,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,IAAK,CAAEE,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAQ,MAAA,CAAAC,aAAA;IAAQC,SAAS,EAAC;EAAuB,GACxC,IAAAF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAkB,qBAAO;IAACC,KAAK,EAAG,CAAG;IAACF,SAAS,EAAC;EAA8B,GAC1DV,QAAQ,CAACa,MAAM,EAAEC,IACX,CAAC,EAERf,SAAS,IACV,IAAAS,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAC5C,IAAAF,MAAA,CAAAC,aAAA,EAACf,eAAA,CAAAqB,OAAc;IACdjB,YAAY,EAAGA,YAAc;IAC7BkB,QAAQ,EAAG,KAAO;IAClBC,WAAW,EAAG;MAAEC,OAAO,EAAE;IAAU;EAAG,CACtC,CACG,CAEC,CAAC;AAEX"}

package/build/components/list/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = List;
-var _react = require("react");
-var _coreData = require("@wordpress/core-data");
-var _data = require("@wordpress/data");
-var _interface = require("@wordpress/interface");
-var _i18n = require("@wordpress/i18n");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _editor = require("@wordpress/editor");
-var _router = require("@wordpress/router");
-var _useRegisterShortcuts = _interopRequireDefault(require("./use-register-shortcuts"));
-var _header = _interopRequireDefault(require("./header"));
-var _table = _interopRequireDefault(require("./table"));
-var _useTitle = _interopRequireDefault(require("../routes/use-title"));
-var _lockUnlock = require("../../lock-unlock");
-var _constants = require("../../utils/constants");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function List() {
-  const {
-    params: {
-      path
-    }
-  } = useLocation();
-  const templateType = path === '/wp_template/all' ? _constants.TEMPLATE_POST_TYPE : _constants.TEMPLATE_PART_POST_TYPE;
-  (0, _useRegisterShortcuts.default)();
-  const {
-    previousShortcut,
-    nextShortcut
-  } = (0, _data.useSelect)(select => {
-    return {
-      previousShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/edit-site/previous-region'),
-      nextShortcut: select(_keyboardShortcuts.store).getAllShortcutKeyCombinations('core/edit-site/next-region')
-    };
-  }, []);
-  const postType = (0, _data.useSelect)(select => select(_coreData.store).getPostType(templateType), [templateType]);
-  (0, _useTitle.default)(postType?.labels?.name);
-
-  // `postType` could load in asynchronously. Only provide the detailed region labels if
-  // the postType has loaded, otherwise `InterfaceSkeleton` will fallback to the defaults.
-  const itemsListLabel = postType?.labels?.items_list;
-  const detailedRegionLabels = postType ? {
-    header: (0, _i18n.sprintf)(
-    // translators: %s - the name of the page, 'Header' as in the header area of that page.
-    (0, _i18n.__)('%s - Header'), itemsListLabel),
-    body: (0, _i18n.sprintf)(
-    // translators: %s - the name of the page, 'Content' as in the content area of that page.
-    (0, _i18n.__)('%s - Content'), itemsListLabel)
-  } : undefined;
-  return (0, _react.createElement)(_interface.InterfaceSkeleton, {
-    className: "edit-site-list",
-    labels: detailedRegionLabels,
-    header: (0, _react.createElement)(_header.default, {
-      templateType: templateType
-    }),
-    notices: (0, _react.createElement)(_editor.EditorSnackbars, null),
-    content: (0, _react.createElement)(_table.default, {
-      templateType: templateType
-    }),
-    shortcuts: {
-      previous: previousShortcut,
-      next: nextShortcut
-    }
-  });
-}
-//# sourceMappingURL=index.js.map

package/build/components/list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_coreData","require","_data","_interface","_i18n","_keyboardShortcuts","_editor","_router","_useRegisterShortcuts","_interopRequireDefault","_header","_table","_useTitle","_lockUnlock","_constants","useLocation","unlock","routerPrivateApis","List","params","path","templateType","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","useRegisterShortcuts","previousShortcut","nextShortcut","useSelect","select","keyboardShortcutsStore","getAllShortcutKeyCombinations","postType","coreStore","getPostType","useTitle","labels","name","itemsListLabel","items_list","detailedRegionLabels","header","sprintf","__","body","undefined","_react","createElement","InterfaceSkeleton","className","default","notices","EditorSnackbars","content","shortcuts","previous","next"],"sources":["@wordpress/edit-site/src/components/list/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { InterfaceSkeleton } from '@wordpress/interface';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { EditorSnackbars } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport useRegisterShortcuts from './use-register-shortcuts';\nimport Header from './header';\nimport Table from './table';\nimport useTitle from '../routes/use-title';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function List() {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\tconst templateType =\n\t\tpath === '/wp_template/all'\n\t\t\t? TEMPLATE_POST_TYPE\n\t\t\t: TEMPLATE_PART_POST_TYPE;\n\n\tuseRegisterShortcuts();\n\n\tconst { previousShortcut, nextShortcut } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tpreviousShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/edit-site/previous-region' ),\n\t\t\tnextShortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getAllShortcutKeyCombinations( 'core/edit-site/next-region' ),\n\t\t};\n\t}, [] );\n\n\tconst postType = useSelect(\n\t\t( select ) => select( coreStore ).getPostType( templateType ),\n\t\t[ templateType ]\n\t);\n\n\tuseTitle( postType?.labels?.name );\n\n\t// `postType` could load in asynchronously. Only provide the detailed region labels if\n\t// the postType has loaded, otherwise `InterfaceSkeleton` will fallback to the defaults.\n\tconst itemsListLabel = postType?.labels?.items_list;\n\tconst detailedRegionLabels = postType\n\t\t? {\n\t\t\t\theader: sprintf(\n\t\t\t\t\t// translators: %s - the name of the page, 'Header' as in the header area of that page.\n\t\t\t\t\t__( '%s - Header' ),\n\t\t\t\t\titemsListLabel\n\t\t\t\t),\n\t\t\t\tbody: sprintf(\n\t\t\t\t\t// translators: %s - the name of the page, 'Content' as in the content area of that page.\n\t\t\t\t\t__( '%s - Content' ),\n\t\t\t\t\titemsListLabel\n\t\t\t\t),\n\t\t  }\n\t\t: undefined;\n\n\treturn (\n\t\t<InterfaceSkeleton\n\t\t\tclassName=\"edit-site-list\"\n\t\t\tlabels={ detailedRegionLabels }\n\t\t\theader={ <Header templateType={ templateType } /> }\n\t\t\tnotices={ <EditorSnackbars /> }\n\t\t\tcontent={ <Table templateType={ templateType } /> }\n\t\t\tshortcuts={ {\n\t\t\t\tprevious: previousShortcut,\n\t\t\t\tnext: nextShortcut,\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,qBAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,OAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,MAAA,GAAAF,sBAAA,CAAAR,OAAA;AACA,IAAAW,SAAA,GAAAH,sBAAA,CAAAR,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AAnBA;AACA;AACA;;AASA;AACA;AACA;;AAWA,MAAM;EAAEc;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,IAAIA,CAAA,EAAG;EAC9B,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGL,WAAW,CAAC,CAAC;EACjB,MAAMM,YAAY,GACjBD,IAAI,KAAK,kBAAkB,GACxBE,6BAAkB,GAClBC,kCAAuB;EAE3B,IAAAC,6BAAoB,EAAC,CAAC;EAEtB,MAAM;IAAEC,gBAAgB;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,OAAO;MACNH,gBAAgB,EAAEG,MAAM,CACvBC,wBACD,CAAC,CAACC,6BAA6B,CAAE,gCAAiC,CAAC;MACnEJ,YAAY,EAAEE,MAAM,CACnBC,wBACD,CAAC,CAACC,6BAA6B,CAAE,4BAA6B;IAC/D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,QAAQ,GAAG,IAAAJ,eAAS,EACvBC,MAAM,IAAMA,MAAM,CAAEI,eAAU,CAAC,CAACC,WAAW,CAAEZ,YAAa,CAAC,EAC7D,CAAEA,YAAY,CACf,CAAC;EAED,IAAAa,iBAAQ,EAAEH,QAAQ,EAAEI,MAAM,EAAEC,IAAK,CAAC;;EAElC;EACA;EACA,MAAMC,cAAc,GAAGN,QAAQ,EAAEI,MAAM,EAAEG,UAAU;EACnD,MAAMC,oBAAoB,GAAGR,QAAQ,GAClC;IACAS,MAAM,EAAE,IAAAC,aAAO;IACd;IACA,IAAAC,QAAE,EAAE,aAAc,CAAC,EACnBL,cACD,CAAC;IACDM,IAAI,EAAE,IAAAF,aAAO;IACZ;IACA,IAAAC,QAAE,EAAE,cAAe,CAAC,EACpBL,cACD;EACA,CAAC,GACDO,SAAS;EAEZ,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC3C,UAAA,CAAA4C,iBAAiB;IACjBC,SAAS,EAAC,gBAAgB;IAC1Bb,MAAM,EAAGI,oBAAsB;IAC/BC,MAAM,EAAG,IAAAK,MAAA,CAAAC,aAAA,EAACpC,OAAA,CAAAuC,OAAM;MAAC5B,YAAY,EAAGA;IAAc,CAAE,CAAG;IACnD6B,OAAO,EAAG,IAAAL,MAAA,CAAAC,aAAA,EAACxC,OAAA,CAAA6C,eAAe,MAAE,CAAG;IAC/BC,OAAO,EAAG,IAAAP,MAAA,CAAAC,aAAA,EAACnC,MAAA,CAAAsC,OAAK;MAAC5B,YAAY,EAAGA;IAAc,CAAE,CAAG;IACnDgC,SAAS,EAAG;MACXC,QAAQ,EAAE7B,gBAAgB;MAC1B8B,IAAI,EAAE7B;IACP;EAAG,CACH,CAAC;AAEJ"}

package/build/components/list/table.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Table;
-var _react = require("react");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _htmlEntities = require("@wordpress/html-entities");
-var _templateActions = _interopRequireDefault(require("../template-actions"));
-var _link = _interopRequireDefault(require("../routes/link"));
-var _addedBy = _interopRequireDefault(require("./added-by"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Table({
-  templateType
-}) {
-  const {
-    records: allTemplates
-  } = (0, _coreData.useEntityRecords)('postType', templateType, {
-    per_page: -1
-  });
-  const templates = (0, _data.useSelect)(select => allTemplates?.filter(template => !select(_coreData.store).isDeletingEntityRecord('postType', templateType, template.id)), [allTemplates]);
-  const postType = (0, _data.useSelect)(select => select(_coreData.store).getPostType(templateType), [templateType]);
-  if (!templates) {
-    return null;
-  }
-  if (!templates.length) {
-    return (0, _react.createElement)("div", null, (0, _i18n.sprintf)(
-    // translators: The template type name, should be either "templates" or "template parts".
-    (0, _i18n.__)('No %s found.'), postType?.labels?.name?.toLowerCase()));
-  }
-  const sortedTemplates = [...templates];
-  sortedTemplates.sort((a, b) => a.title.rendered.localeCompare(b.title.rendered));
-  return (
-    // These explicit aria roles are needed for Safari.
-    // See https://developer.mozilla.org/en-US/docs/Web/CSS/display#tables
-    (0, _react.createElement)("table", {
-      className: "edit-site-list-table",
-      role: "table"
-    }, (0, _react.createElement)("thead", null, (0, _react.createElement)("tr", {
-      className: "edit-site-list-table-head",
-      role: "row"
-    }, (0, _react.createElement)("th", {
-      className: "edit-site-list-table-column",
-      role: "columnheader"
-    }, (0, _i18n.__)('Template')), (0, _react.createElement)("th", {
-      className: "edit-site-list-table-column",
-      role: "columnheader"
-    }, (0, _i18n.__)('Added by')), (0, _react.createElement)("th", {
-      className: "edit-site-list-table-column",
-      role: "columnheader"
-    }, (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions'))))), (0, _react.createElement)("tbody", null, sortedTemplates.map(template => (0, _react.createElement)("tr", {
-      key: template.id,
-      className: "edit-site-list-table-row",
-      role: "row"
-    }, (0, _react.createElement)("td", {
-      className: "edit-site-list-table-column",
-      role: "cell"
-    }, (0, _react.createElement)(_components.__experimentalHeading, {
-      level: 4
-    }, (0, _react.createElement)(_link.default, {
-      params: {
-        postId: template.id,
-        postType: template.type,
-        canvas: 'edit'
-      }
-    }, (0, _htmlEntities.decodeEntities)(template.title?.rendered || template.slug))), (0, _htmlEntities.decodeEntities)(template.description)), (0, _react.createElement)("td", {
-      className: "edit-site-list-table-column",
-      role: "cell"
-    }, template ? (0, _react.createElement)(_addedBy.default, {
-      postType: template.type,
-      postId: template.id
-    }) : null), (0, _react.createElement)("td", {
-      className: "edit-site-list-table-column",
-      role: "cell"
-    }, (0, _react.createElement)(_templateActions.default, {
-      postType: template.type,
-      postId: template.id,
-      className: "edit-site-list-table__actions"
-    }))))))
-  );
-}
-//# sourceMappingURL=table.js.map

package/build/components/list/table.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_data","require","_coreData","_i18n","_components","_htmlEntities","_templateActions","_interopRequireDefault","_link","_addedBy","Table","templateType","records","allTemplates","useEntityRecords","per_page","templates","useSelect","select","filter","template","coreStore","isDeletingEntityRecord","id","postType","getPostType","length","_react","createElement","sprintf","__","labels","name","toLowerCase","sortedTemplates","sort","a","b","title","rendered","localeCompare","className","role","VisuallyHidden","map","key","__experimentalHeading","level","default","params","postId","type","canvas","decodeEntities","slug","description"],"sources":["@wordpress/edit-site/src/components/list/table.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore, useEntityRecords } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport TemplateActions from '../template-actions';\nimport Link from '../routes/link';\nimport AddedBy from './added-by';\n\nexport default function Table( { templateType } ) {\n\tconst { records: allTemplates } = useEntityRecords(\n\t\t'postType',\n\t\ttemplateType,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst templates = useSelect(\n\t\t( select ) =>\n\t\t\tallTemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\t! select( coreStore ).isDeletingEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\ttemplateType,\n\t\t\t\t\t\ttemplate.id\n\t\t\t\t\t)\n\t\t\t),\n\t\t[ allTemplates ]\n\t);\n\n\tconst postType = useSelect(\n\t\t( select ) => select( coreStore ).getPostType( templateType ),\n\t\t[ templateType ]\n\t);\n\n\tif ( ! templates ) {\n\t\treturn null;\n\t}\n\n\tif ( ! templates.length ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: The template type name, should be either \"templates\" or \"template parts\".\n\t\t\t\t\t__( 'No %s found.' ),\n\t\t\t\t\tpostType?.labels?.name?.toLowerCase()\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst sortedTemplates = [ ...templates ];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\n\treturn (\n\t\t// These explicit aria roles are needed for Safari.\n\t\t// See https://developer.mozilla.org/en-US/docs/Web/CSS/display#tables\n\t\t<table className=\"edit-site-list-table\" role=\"table\">\n\t\t\t<thead>\n\t\t\t\t<tr className=\"edit-site-list-table-head\" role=\"row\">\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Template' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Added by' ) }\n\t\t\t\t\t</th>\n\t\t\t\t\t<th\n\t\t\t\t\t\tclassName=\"edit-site-list-table-column\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\n\t\t\t<tbody>\n\t\t\t\t{ sortedTemplates.map( ( template ) => (\n\t\t\t\t\t<tr\n\t\t\t\t\t\tkey={ template.id }\n\t\t\t\t\t\tclassName=\"edit-site-list-table-row\"\n\t\t\t\t\t\trole=\"row\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<Heading level={ 4 }>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\tpostId: template.id,\n\t\t\t\t\t\t\t\t\t\tpostType: template.type,\n\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\ttemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\ttemplate.slug\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{ decodeEntities( template.description ) }\n\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t{ template ? (\n\t\t\t\t\t\t\t\t<AddedBy\n\t\t\t\t\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null }\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"edit-site-list-table-column\" role=\"cell\">\n\t\t\t\t\t\t\t<TemplateActions\n\t\t\t\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-list-table__actions\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t) ) }\n\t\t\t</tbody>\n\t\t</table>\n\t);\n}\n"],"mappings":"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"}