UNPKG

@wordpress/block-library

Version:

Block library for the WordPress editor.

github.com/WordPress/gutenberg/tree/HEAD/packages/block-library/README.md

WordPress/gutenberg

8 lines (7 loc) • 6.95 kB
1
2
3
4
5
6
7
8
{ "version": 3, "sources": ["../../../src/navigation/edit/utils.js"], "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport { paramCase as kebabCase } from 'change-case';\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nexport function detectColors(\n\tcolorsDetectionElement,\n\tsetColor,\n\tsetBackground\n) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor =\n\t\tgetComputedStyle( backgroundColorNode ).backgroundColor;\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor =\n\t\t\tgetComputedStyle( backgroundColorNode ).backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\n/**\n * Determine the colors for a menu.\n *\n * Order of priority is:\n * 1: Overlay custom colors (if submenu)\n * 2: Overlay theme colors (if submenu)\n * 3: Custom colors\n * 4: Theme colors\n * 5: Global styles\n *\n * @param {Object} context\n * @param {boolean} isSubMenu\n */\nexport function getColors( context, isSubMenu ) {\n\tconst {\n\t\ttextColor,\n\t\tcustomTextColor,\n\t\tbackgroundColor,\n\t\tcustomBackgroundColor,\n\t\toverlayTextColor,\n\t\tcustomOverlayTextColor,\n\t\toverlayBackgroundColor,\n\t\tcustomOverlayBackgroundColor,\n\t\tstyle,\n\t} = context;\n\n\tconst colors = {};\n\n\tif ( isSubMenu && !! customOverlayTextColor ) {\n\t\tcolors.customTextColor = customOverlayTextColor;\n\t} else if ( isSubMenu && !! overlayTextColor ) {\n\t\tcolors.textColor = overlayTextColor;\n\t} else if ( !! customTextColor ) {\n\t\tcolors.customTextColor = customTextColor;\n\t} else if ( !! textColor ) {\n\t\tcolors.textColor = textColor;\n\t} else if ( !! style?.color?.text ) {\n\t\tcolors.customTextColor = style.color.text;\n\t}\n\n\tif ( isSubMenu && !! customOverlayBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customOverlayBackgroundColor;\n\t} else if ( isSubMenu && !! overlayBackgroundColor ) {\n\t\tcolors.backgroundColor = overlayBackgroundColor;\n\t} else if ( !! customBackgroundColor ) {\n\t\tcolors.customBackgroundColor = customBackgroundColor;\n\t} else if ( !! backgroundColor ) {\n\t\tcolors.backgroundColor = backgroundColor;\n\t} else if ( !! style?.color?.background ) {\n\t\tcolors.customTextColor = style.color.background;\n\t}\n\n\treturn colors;\n}\n\nexport function getNavigationChildBlockProps( innerBlocksColors ) {\n\treturn {\n\t\tclassName: clsx( 'wp-block-navigation__submenu-container', {\n\t\t\t'has-text-color': !! (\n\t\t\t\tinnerBlocksColors.textColor || innerBlocksColors.customTextColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.textColor }-color` ]:\n\t\t\t\t!! innerBlocksColors.textColor,\n\t\t\t'has-background': !! (\n\t\t\t\tinnerBlocksColors.backgroundColor ||\n\t\t\t\tinnerBlocksColors.customBackgroundColor\n\t\t\t),\n\t\t\t[ `has-${ innerBlocksColors.backgroundColor }-background-color` ]:\n\t\t\t\t!! innerBlocksColors.backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: innerBlocksColors.customTextColor,\n\t\t\tbackgroundColor: innerBlocksColors.customBackgroundColor,\n\t\t},\n\t};\n}\n\n/**\n * Return a unique template part title based on\n * the given title and existing template parts.\n *\n * This implementation is copied from:\n * packages/fields/src/components/create-template-part-modal/utils.js\n *\n * @param {string} title The original template part title.\n * @param {Object} templateParts The array of template part entities.\n * @return {string} A unique template part title.\n */\nexport const getUniqueTemplatePartTitle = ( title, templateParts ) => {\n\tconst lowercaseTitle = title.toLowerCase();\n\tconst existingTitles = templateParts.map( ( templatePart ) =>\n\t\ttemplatePart.title.rendered.toLowerCase()\n\t);\n\n\tif ( ! existingTitles.includes( lowercaseTitle ) ) {\n\t\treturn title;\n\t}\n\n\tlet suffix = 2;\n\twhile ( existingTitles.includes( `${ lowercaseTitle } ${ suffix }` ) ) {\n\t\tsuffix++;\n\t}\n\n\treturn `${ title } ${ suffix }`;\n};\n\n/**\n * Get a valid slug for a template part.\n * Currently template parts only allow latin chars.\n * The fallback slug will receive suffix by default.\n *\n * This implementation is copied from:\n * packages/fields/src/components/create-template-part-modal/utils.js\n *\n * @param {string} title The template part title.\n * @return {string} A valid template part slug.\n */\nexport const getCleanTemplatePartSlug = ( title ) => {\n\treturn kebabCase( title ).replace( /[^\\w-]+/g, '' ) || 'wp-custom-part';\n};\n"], "mappings": "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", "names": ["clsx", "kebabCase"] }