@wordpress/format-library 3.0.18-next.33ec3857e2.0 → 3.0.21

package/build-module/text-color/index.native.js

@@ -1,171 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { isEmpty } from 'lodash';
-import { View } from 'react-native';
-/**
- * WordPress dependencies
- */
-
-import { __ } from '@wordpress/i18n';
-import { useCallback, useMemo, useState } from '@wordpress/element';
-import { BlockControls, useSetting } from '@wordpress/block-editor';
-import { ToolbarGroup, ToolbarButton } from '@wordpress/components';
-import { Icon, textColor as textColorIcon } from '@wordpress/icons';
-import { removeFormat } from '@wordpress/rich-text';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-/**
- * Internal dependencies
- */
-
-import { getActiveColors } from './inline.js';
-import { transparentValue } from './index.js';
-import { default as InlineColorUI } from './inline';
-import styles from './style.scss';
-const name = 'core/text-color';
-
-const title = __('Text color');
-
-const EMPTY_ARRAY = [];
-
-function getComputedStyleProperty(element, property) {
-  const {
-    props: {
-      style = {}
-    }
-  } = element;
-
-  if (property === 'background-color') {
-    var _baseColors$color;
-
-    const {
-      backgroundColor,
-      baseColors
-    } = style;
-
-    if (backgroundColor !== 'transparent') {
-      return backgroundColor;
-    } else if (baseColors && baseColors !== null && baseColors !== void 0 && (_baseColors$color = baseColors.color) !== null && _baseColors$color !== void 0 && _baseColors$color.background) {
-      var _baseColors$color2;
-
-      return baseColors === null || baseColors === void 0 ? void 0 : (_baseColors$color2 = baseColors.color) === null || _baseColors$color2 === void 0 ? void 0 : _baseColors$color2.background;
-    }
-
-    return 'transparent';
-  }
-}
-
-function fillComputedColors(element, _ref) {
-  let {
-    color,
-    backgroundColor
-  } = _ref;
-
-  if (!color && !backgroundColor) {
-    return;
-  }
-
-  return {
-    color: color || getComputedStyleProperty(element, 'color'),
-    backgroundColor: getComputedStyleProperty(element, 'background-color')
-  };
-}
-
-function TextColorEdit(_ref2) {
-  let {
-    value,
-    onChange,
-    isActive,
-    activeAttributes,
-    contentRef
-  } = _ref2;
-  const allowCustomControl = useSetting('color.custom');
-  const colors = useSetting('color.palette') || EMPTY_ARRAY;
-  const [isAddingColor, setIsAddingColor] = useState(false);
-  const enableIsAddingColor = useCallback(() => setIsAddingColor(true), [setIsAddingColor]);
-  const disableIsAddingColor = useCallback(() => setIsAddingColor(false), [setIsAddingColor]);
-  const colorIndicatorStyle = useMemo(() => fillComputedColors(contentRef, getActiveColors(value, name, colors)), [value, colors]);
-  const hasColorsToChoose = !isEmpty(colors) || !allowCustomControl;
-  const onPressButton = useCallback(() => {
-    if (hasColorsToChoose) {
-      enableIsAddingColor();
-    } else {
-      onChange(removeFormat(value, name));
-    }
-  }, [hasColorsToChoose, value]);
-  const outlineStyle = usePreferredColorSchemeStyle(styles['components-inline-color__outline'], styles['components-inline-color__outline--dark']);
-
-  if (!hasColorsToChoose && !isActive) {
-    return null;
-  }
-
-  const isActiveStyle = { ...colorIndicatorStyle,
-    ...(!(colorIndicatorStyle !== null && colorIndicatorStyle !== void 0 && colorIndicatorStyle.backgroundColor) ? {
-      backgroundColor: 'transparent'
-    } : {}),
-    ...styles['components-inline-color--is-active']
-  };
-  const customContainerStyles = styles['components-inline-color__button-container'];
-  return createElement(Fragment, null, createElement(BlockControls, null, createElement(ToolbarGroup, null, isActive && createElement(View, {
-    style: outlineStyle,
-    pointerEvents: "none"
-  }), createElement(ToolbarButton, {
-    name: "text-color",
-    isActive: isActive,
-    icon: createElement(Icon, {
-      icon: textColorIcon,
-      style: (colorIndicatorStyle === null || colorIndicatorStyle === void 0 ? void 0 : colorIndicatorStyle.color) && {
-        color: colorIndicatorStyle.color
-      }
-    }),
-    title: title,
-    extraProps: {
-      isActiveStyle,
-      customContainerStyles
-    } // If has no colors to choose but a color is active remove the color onClick
-    ,
-    onClick: onPressButton
-  }))), isAddingColor && createElement(InlineColorUI, {
-    name: name,
-    onClose: disableIsAddingColor,
-    activeAttributes: activeAttributes,
-    value: value,
-    onChange: onChange,
-    contentRef: contentRef
-  }));
-}
-
-export const textColor = {
-  name,
-  title,
-  tagName: 'mark',
-  className: 'has-inline-color',
-  attributes: {
-    style: 'style',
-    class: 'class'
-  },
-
-  /*
-   * Since this format relies on the <mark> tag, it's important to
-   * prevent the default yellow background color applied by most
-   * browsers. The solution is to detect when this format is used with a
-   * text color but no background color, and in such cases to override
-   * the default styling with a transparent background.
-   *
-   * @see https://github.com/WordPress/gutenberg/pull/35516
-   */
-  __unstableFilterAttributeValue(key, value) {
-    if (key !== 'style') return value; // We should not add a background-color if it's already set
-
-    if (value && value.includes('background-color')) return value;
-    const addedCSS = ['background-color', transparentValue].join(':'); // Prepend `addedCSS` to avoid a double `;;` as any the existing CSS
-    // rules will already include a `;`.
-
-    return value ? [addedCSS, value].join(';') : addedCSS;
-  },
-
-  edit: TextColorEdit
-};
-//# sourceMappingURL=index.native.js.map

package/build-module/text-color/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/format-library/src/text-color/index.native.js"],"names":["isEmpty","View","__","useCallback","useMemo","useState","BlockControls","useSetting","ToolbarGroup","ToolbarButton","Icon","textColor","textColorIcon","removeFormat","usePreferredColorSchemeStyle","getActiveColors","transparentValue","default","InlineColorUI","styles","name","title","EMPTY_ARRAY","getComputedStyleProperty","element","property","props","style","backgroundColor","baseColors","color","background","fillComputedColors","TextColorEdit","value","onChange","isActive","activeAttributes","contentRef","allowCustomControl","colors","isAddingColor","setIsAddingColor","enableIsAddingColor","disableIsAddingColor","colorIndicatorStyle","hasColorsToChoose","onPressButton","outlineStyle","isActiveStyle","customContainerStyles","tagName","className","attributes","class","__unstableFilterAttributeValue","key","includes","addedCSS","join","edit"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { BlockControls, useSetting } from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { Icon, textColor as textColorIcon } from '@wordpress/icons';\nimport { removeFormat } from '@wordpress/rich-text';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { getActiveColors } from './inline.js';\nimport { transparentValue } from './index.js';\nimport { default as InlineColorUI } from './inline';\nimport styles from './style.scss';\n\nconst name = 'core/text-color';\nconst title = __( 'Text color' );\n\nconst EMPTY_ARRAY = [];\n\nfunction getComputedStyleProperty( element, property ) {\n\tconst {\n\t\tprops: { style = {} },\n\t} = element;\n\n\tif ( property === 'background-color' ) {\n\t\tconst { backgroundColor, baseColors } = style;\n\n\t\tif ( backgroundColor !== 'transparent' ) {\n\t\t\treturn backgroundColor;\n\t\t} else if ( baseColors && baseColors?.color?.background ) {\n\t\t\treturn baseColors?.color?.background;\n\t\t}\n\n\t\treturn 'transparent';\n\t}\n}\n\nfunction fillComputedColors( element, { color, backgroundColor } ) {\n\tif ( ! color && ! backgroundColor ) {\n\t\treturn;\n\t}\n\n\treturn {\n\t\tcolor: color || getComputedStyleProperty( element, 'color' ),\n\t\tbackgroundColor: getComputedStyleProperty(\n\t\t\telement,\n\t\t\t'background-color'\n\t\t),\n\t};\n}\n\nfunction TextColorEdit( {\n\tvalue,\n\tonChange,\n\tisActive,\n\tactiveAttributes,\n\tcontentRef,\n} ) {\n\tconst allowCustomControl = useSetting( 'color.custom' );\n\tconst colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;\n\tconst [ isAddingColor, setIsAddingColor ] = useState( false );\n\tconst enableIsAddingColor = useCallback( () => setIsAddingColor( true ), [\n\t\tsetIsAddingColor,\n\t] );\n\tconst disableIsAddingColor = useCallback( () => setIsAddingColor( false ), [\n\t\tsetIsAddingColor,\n\t] );\n\tconst colorIndicatorStyle = useMemo(\n\t\t() =>\n\t\t\tfillComputedColors(\n\t\t\t\tcontentRef,\n\t\t\t\tgetActiveColors( value, name, colors )\n\t\t\t),\n\t\t[ value, colors ]\n\t);\n\n\tconst hasColorsToChoose = ! isEmpty( colors ) || ! allowCustomControl;\n\n\tconst onPressButton = useCallback( () => {\n\t\tif ( hasColorsToChoose ) {\n\t\t\tenableIsAddingColor();\n\t\t} else {\n\t\t\tonChange( removeFormat( value, name ) );\n\t\t}\n\t}, [ hasColorsToChoose, value ] );\n\n\tconst outlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'components-inline-color__outline' ],\n\t\tstyles[ 'components-inline-color__outline--dark' ]\n\t);\n\n\tif ( ! hasColorsToChoose && ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isActiveStyle = {\n\t\t...colorIndicatorStyle,\n\t\t...( ! colorIndicatorStyle?.backgroundColor\n\t\t\t? { backgroundColor: 'transparent' }\n\t\t\t: {} ),\n\t\t...styles[ 'components-inline-color--is-active' ],\n\t};\n\n\tconst customContainerStyles =\n\t\tstyles[ 'components-inline-color__button-container' ];\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t{ isActive && (\n\t\t\t\t\t\t<View style={ outlineStyle } pointerEvents=\"none\" />\n\t\t\t\t\t) }\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"text-color\"\n\t\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ textColorIcon }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tcolorIndicatorStyle?.color && {\n\t\t\t\t\t\t\t\t\t\tcolor: colorIndicatorStyle.color,\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/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\textraProps={ {\n\t\t\t\t\t\t\tisActiveStyle,\n\t\t\t\t\t\t\tcustomContainerStyles,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t// If has no colors to choose but a color is active remove the color onClick\n\t\t\t\t\t\tonClick={ onPressButton }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ isAddingColor && (\n\t\t\t\t<InlineColorUI\n\t\t\t\t\tname={ name }\n\t\t\t\t\tonClose={ disableIsAddingColor }\n\t\t\t\t\tactiveAttributes={ activeAttributes }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport const textColor = {\n\tname,\n\ttitle,\n\ttagName: 'mark',\n\tclassName: 'has-inline-color',\n\tattributes: {\n\t\tstyle: 'style',\n\t\tclass: 'class',\n\t},\n\t/*\n\t * Since this format relies on the <mark> tag, it's important to\n\t * prevent the default yellow background color applied by most\n\t * browsers. The solution is to detect when this format is used with a\n\t * text color but no background color, and in such cases to override\n\t * the default styling with a transparent background.\n\t *\n\t * @see https://github.com/WordPress/gutenberg/pull/35516\n\t */\n\t__unstableFilterAttributeValue( key, value ) {\n\t\tif ( key !== 'style' ) return value;\n\t\t// We should not add a background-color if it's already set\n\t\tif ( value && value.includes( 'background-color' ) ) return value;\n\t\tconst addedCSS = [ 'background-color', transparentValue ].join( ':' );\n\t\t// Prepend `addedCSS` to avoid a double `;;` as any the existing CSS\n\t\t// rules will already include a `;`.\n\t\treturn value ? [ addedCSS, value ].join( ';' ) : addedCSS;\n\t},\n\tedit: TextColorEdit,\n};\n"]}

package/build-module/text-color/inline.native.js

@@ -1,156 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useCallback, useMemo } from '@wordpress/element';
-import { applyFormat, removeFormat, getActiveFormat } from '@wordpress/rich-text';
-import { useSetting, getColorClassName, getColorObjectByColorValue } from '@wordpress/block-editor';
-import { BottomSheet, ColorSettings } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-
-import { textColor as settings } from './index';
-import { transparentValue } from './index.js';
-import { parseClassName } from './inline.js';
-
-function parseCSS() {
-  let css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return css.split(';').reduce((accumulator, rule) => {
-    if (rule) {
-      const [property, value] = rule.replace(/ /g, '').split(':');
-      if (property === 'color') accumulator.color = value;
-      if (property === 'background-color' && value !== transparentValue) accumulator.backgroundColor = value;
-    }
-
-    return accumulator;
-  }, {});
-}
-
-function getActiveColors(value, name, colorSettings) {
-  const activeColorFormat = getActiveFormat(value, name);
-
-  if (!activeColorFormat) {
-    return {};
-  }
-
-  return { ...parseCSS(activeColorFormat.attributes.style),
-    ...parseClassName(activeColorFormat.attributes.class, colorSettings)
-  };
-}
-
-function setColors(value, name, colorSettings, colors) {
-  var _value$text;
-
-  const {
-    color,
-    backgroundColor
-  } = { ...getActiveColors(value, name, colorSettings),
-    ...colors
-  };
-
-  if (!color && !backgroundColor) {
-    return removeFormat(value, name);
-  }
-
-  const styles = [];
-  const classNames = [];
-  const attributes = {};
-
-  if (backgroundColor) {
-    styles.push(['background-color', backgroundColor].join(':'));
-  } else {
-    // Override default browser color for mark element.
-    styles.push(['background-color', transparentValue].join(':'));
-  }
-
-  if (color) {
-    const colorObject = getColorObjectByColorValue(colorSettings, color);
-
-    if (colorObject) {
-      classNames.push(getColorClassName('color', colorObject.slug));
-      styles.push(['color', colorObject.color].join(':'));
-    } else {
-      styles.push(['color', color].join(':'));
-    }
-  }
-
-  if (styles.length) attributes.style = styles.join(';');
-  if (classNames.length) attributes.class = classNames.join(' ');
-  const format = {
-    type: name,
-    attributes
-  }; // For cases when there is no text selected, formatting is forced
-  // for the first empty character
-
-  if ((value === null || value === void 0 ? void 0 : value.start) === (value === null || value === void 0 ? void 0 : value.end) && ((value === null || value === void 0 ? void 0 : value.text.length) === 0 || ((_value$text = value.text) === null || _value$text === void 0 ? void 0 : _value$text.charAt(value.end - 1)) === ' ')) {
-    return applyFormat(value, format, (value === null || value === void 0 ? void 0 : value.start) - 1, (value === null || value === void 0 ? void 0 : value.end) + 1);
-  }
-
-  return applyFormat(value, format);
-}
-
-function ColorPicker(_ref) {
-  let {
-    name,
-    value,
-    onChange
-  } = _ref;
-  const property = 'color';
-  const colors = useSetting('color.palette') || settings.colors;
-  const colorSettings = {
-    colors
-  };
-  const onColorChange = useCallback(color => {
-    var _value$text2;
-
-    if (color !== '') {
-      onChange(setColors(value, name, colors, {
-        [property]: color
-      })); // Remove formatting if the color was reset, there's no
-      // current selection and the previous character is a space
-    } else if ((value === null || value === void 0 ? void 0 : value.start) === (value === null || value === void 0 ? void 0 : value.end) && ((_value$text2 = value.text) === null || _value$text2 === void 0 ? void 0 : _value$text2.charAt((value === null || value === void 0 ? void 0 : value.end) - 1)) === ' ') {
-      onChange(removeFormat(value, name, value.end - 1, value.end));
-    } else {
-      onChange(removeFormat(value, name));
-    }
-  }, [colors, onChange, property]);
-  const activeColors = useMemo(() => getActiveColors(value, name, colors), [name, value, colors]);
-  return createElement(ColorSettings, {
-    colorValue: activeColors[property],
-    onColorChange: onColorChange,
-    defaultSettings: colorSettings,
-    hideNavigation: true
-  });
-}
-
-export default function InlineColorUI(_ref2) {
-  let {
-    name,
-    value,
-    onChange,
-    onClose
-  } = _ref2;
-  return createElement(BottomSheet, {
-    isVisible: true,
-    onClose: onClose,
-    hideHeader: true,
-    contentStyle: {
-      paddingLeft: 0,
-      paddingRight: 0
-    },
-    hasNavigation: true,
-    leftButton: null
-  }, createElement(BottomSheet.NavigationContainer, {
-    animate: true,
-    main: true
-  }, createElement(BottomSheet.NavigationScreen, {
-    name: "text-color"
-  }, createElement(ColorPicker, {
-    name: name,
-    value: value,
-    onChange: onChange
-  }))));
-}
-//# sourceMappingURL=inline.native.js.map

package/build-module/text-color/inline.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/format-library/src/text-color/inline.native.js"],"names":["useCallback","useMemo","applyFormat","removeFormat","getActiveFormat","useSetting","getColorClassName","getColorObjectByColorValue","BottomSheet","ColorSettings","textColor","settings","transparentValue","parseClassName","parseCSS","css","split","reduce","accumulator","rule","property","value","replace","color","backgroundColor","getActiveColors","name","colorSettings","activeColorFormat","attributes","style","class","setColors","colors","styles","classNames","push","join","colorObject","slug","length","format","type","start","end","text","charAt","ColorPicker","onChange","onColorChange","activeColors","InlineColorUI","onClose","paddingLeft","paddingRight"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,OAAtB,QAAqC,oBAArC;AACA,SACCC,WADD,EAECC,YAFD,EAGCC,eAHD,QAIO,sBAJP;AAKA,SACCC,UADD,EAECC,iBAFD,EAGCC,0BAHD,QAIO,yBAJP;AAKA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,uBAA3C;AAEA;AACA;AACA;;AACA,SAASC,SAAS,IAAIC,QAAtB,QAAsC,SAAtC;AACA,SAASC,gBAAT,QAAiC,YAAjC;AACA,SAASC,cAAT,QAA+B,aAA/B;;AAEA,SAASC,QAAT,GAA8B;AAAA,MAAXC,GAAW,uEAAL,EAAK;AAC7B,SAAOA,GAAG,CAACC,KAAJ,CAAW,GAAX,EAAiBC,MAAjB,CAAyB,CAAEC,WAAF,EAAeC,IAAf,KAAyB;AACxD,QAAKA,IAAL,EAAY;AACX,YAAM,CAAEC,QAAF,EAAYC,KAAZ,IAAsBF,IAAI,CAACG,OAAL,CAAc,IAAd,EAAoB,EAApB,EAAyBN,KAAzB,CAAgC,GAAhC,CAA5B;AACA,UAAKI,QAAQ,KAAK,OAAlB,EAA4BF,WAAW,CAACK,KAAZ,GAAoBF,KAApB;AAC5B,UAAKD,QAAQ,KAAK,kBAAb,IAAmCC,KAAK,KAAKT,gBAAlD,EACCM,WAAW,CAACM,eAAZ,GAA8BH,KAA9B;AACD;;AACD,WAAOH,WAAP;AACA,GARM,EAQJ,EARI,CAAP;AASA;;AAED,SAASO,eAAT,CAA0BJ,KAA1B,EAAiCK,IAAjC,EAAuCC,aAAvC,EAAuD;AACtD,QAAMC,iBAAiB,GAAGxB,eAAe,CAAEiB,KAAF,EAASK,IAAT,CAAzC;;AAEA,MAAK,CAAEE,iBAAP,EAA2B;AAC1B,WAAO,EAAP;AACA;;AAED,SAAO,EACN,GAAGd,QAAQ,CAAEc,iBAAiB,CAACC,UAAlB,CAA6BC,KAA/B,CADL;AAEN,OAAGjB,cAAc,CAAEe,iBAAiB,CAACC,UAAlB,CAA6BE,KAA/B,EAAsCJ,aAAtC;AAFX,GAAP;AAIA;;AAED,SAASK,SAAT,CAAoBX,KAApB,EAA2BK,IAA3B,EAAiCC,aAAjC,EAAgDM,MAAhD,EAAyD;AAAA;;AACxD,QAAM;AAAEV,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAA6B,EAClC,GAAGC,eAAe,CAAEJ,KAAF,EAASK,IAAT,EAAeC,aAAf,CADgB;AAElC,OAAGM;AAF+B,GAAnC;;AAKA,MAAK,CAAEV,KAAF,IAAW,CAAEC,eAAlB,EAAoC;AACnC,WAAOrB,YAAY,CAAEkB,KAAF,EAASK,IAAT,CAAnB;AACA;;AAED,QAAMQ,MAAM,GAAG,EAAf;AACA,QAAMC,UAAU,GAAG,EAAnB;AACA,QAAMN,UAAU,GAAG,EAAnB;;AAEA,MAAKL,eAAL,EAAuB;AACtBU,IAAAA,MAAM,CAACE,IAAP,CAAa,CAAE,kBAAF,EAAsBZ,eAAtB,EAAwCa,IAAxC,CAA8C,GAA9C,CAAb;AACA,GAFD,MAEO;AACN;AACAH,IAAAA,MAAM,CAACE,IAAP,CAAa,CAAE,kBAAF,EAAsBxB,gBAAtB,EAAyCyB,IAAzC,CAA+C,GAA/C,CAAb;AACA;;AAED,MAAKd,KAAL,EAAa;AACZ,UAAMe,WAAW,GAAG/B,0BAA0B,CAAEoB,aAAF,EAAiBJ,KAAjB,CAA9C;;AAEA,QAAKe,WAAL,EAAmB;AAClBH,MAAAA,UAAU,CAACC,IAAX,CAAiB9B,iBAAiB,CAAE,OAAF,EAAWgC,WAAW,CAACC,IAAvB,CAAlC;AACAL,MAAAA,MAAM,CAACE,IAAP,CAAa,CAAE,OAAF,EAAWE,WAAW,CAACf,KAAvB,EAA+Bc,IAA/B,CAAqC,GAArC,CAAb;AACA,KAHD,MAGO;AACNH,MAAAA,MAAM,CAACE,IAAP,CAAa,CAAE,OAAF,EAAWb,KAAX,EAAmBc,IAAnB,CAAyB,GAAzB,CAAb;AACA;AACD;;AAED,MAAKH,MAAM,CAACM,MAAZ,EAAqBX,UAAU,CAACC,KAAX,GAAmBI,MAAM,CAACG,IAAP,CAAa,GAAb,CAAnB;AACrB,MAAKF,UAAU,CAACK,MAAhB,EAAyBX,UAAU,CAACE,KAAX,GAAmBI,UAAU,CAACE,IAAX,CAAiB,GAAjB,CAAnB;AAEzB,QAAMI,MAAM,GAAG;AAAEC,IAAAA,IAAI,EAAEhB,IAAR;AAAcG,IAAAA;AAAd,GAAf,CAnCwD,CAqCxD;AACA;;AACA,MACC,CAAAR,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEsB,KAAP,OAAiBtB,KAAjB,aAAiBA,KAAjB,uBAAiBA,KAAK,CAAEuB,GAAxB,MACE,CAAAvB,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEwB,IAAP,CAAYL,MAAZ,MAAuB,CAAvB,IACD,gBAAAnB,KAAK,CAACwB,IAAN,4DAAYC,MAAZ,CAAoBzB,KAAK,CAACuB,GAAN,GAAY,CAAhC,OAAwC,GAFzC,CADD,EAIE;AACD,WAAO1C,WAAW,CAAEmB,KAAF,EAASoB,MAAT,EAAiB,CAAApB,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEsB,KAAP,IAAe,CAAhC,EAAmC,CAAAtB,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEuB,GAAP,IAAa,CAAhD,CAAlB;AACA;;AAED,SAAO1C,WAAW,CAAEmB,KAAF,EAASoB,MAAT,CAAlB;AACA;;AAED,SAASM,WAAT,OAAkD;AAAA,MAA5B;AAAErB,IAAAA,IAAF;AAAQL,IAAAA,KAAR;AAAe2B,IAAAA;AAAf,GAA4B;AACjD,QAAM5B,QAAQ,GAAG,OAAjB;AACA,QAAMa,MAAM,GAAG5B,UAAU,CAAE,eAAF,CAAV,IAAiCM,QAAQ,CAACsB,MAAzD;AACA,QAAMN,aAAa,GAAG;AACrBM,IAAAA;AADqB,GAAtB;AAIA,QAAMgB,aAAa,GAAGjD,WAAW,CAC9BuB,KAAF,IAAa;AAAA;;AACZ,QAAKA,KAAK,KAAK,EAAf,EAAoB;AACnByB,MAAAA,QAAQ,CACPhB,SAAS,CAAEX,KAAF,EAASK,IAAT,EAAeO,MAAf,EAAuB;AAAE,SAAEb,QAAF,GAAcG;AAAhB,OAAvB,CADF,CAAR,CADmB,CAInB;AACA;AACA,KAND,MAMO,IACN,CAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEsB,KAAP,OAAiBtB,KAAjB,aAAiBA,KAAjB,uBAAiBA,KAAK,CAAEuB,GAAxB,KACA,iBAAAvB,KAAK,CAACwB,IAAN,8DAAYC,MAAZ,CAAoB,CAAAzB,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEuB,GAAP,IAAa,CAAjC,OAAyC,GAFnC,EAGL;AACDI,MAAAA,QAAQ,CACP7C,YAAY,CAAEkB,KAAF,EAASK,IAAT,EAAeL,KAAK,CAACuB,GAAN,GAAY,CAA3B,EAA8BvB,KAAK,CAACuB,GAApC,CADL,CAAR;AAGA,KAPM,MAOA;AACNI,MAAAA,QAAQ,CAAE7C,YAAY,CAAEkB,KAAF,EAASK,IAAT,CAAd,CAAR;AACA;AACD,GAlB+B,EAmBhC,CAAEO,MAAF,EAAUe,QAAV,EAAoB5B,QAApB,CAnBgC,CAAjC;AAqBA,QAAM8B,YAAY,GAAGjD,OAAO,CAC3B,MAAMwB,eAAe,CAAEJ,KAAF,EAASK,IAAT,EAAeO,MAAf,CADM,EAE3B,CAAEP,IAAF,EAAQL,KAAR,EAAeY,MAAf,CAF2B,CAA5B;AAKA,SACC,cAAC,aAAD;AACC,IAAA,UAAU,EAAGiB,YAAY,CAAE9B,QAAF,CAD1B;AAEC,IAAA,aAAa,EAAG6B,aAFjB;AAGC,IAAA,eAAe,EAAGtB,aAHnB;AAIC,IAAA,cAAc;AAJf,IADD;AAQA;;AAED,eAAe,SAASwB,aAAT,QAA6D;AAAA,MAArC;AAAEzB,IAAAA,IAAF;AAAQL,IAAAA,KAAR;AAAe2B,IAAAA,QAAf;AAAyBI,IAAAA;AAAzB,GAAqC;AAC3E,SACC,cAAC,WAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,OAAO,EAAGA,OAFX;AAGC,IAAA,UAAU,MAHX;AAIC,IAAA,YAAY,EAAG;AAAEC,MAAAA,WAAW,EAAE,CAAf;AAAkBC,MAAAA,YAAY,EAAE;AAAhC,KAJhB;AAKC,IAAA,aAAa,MALd;AAMC,IAAA,UAAU,EAAG;AANd,KAQC,cAAC,WAAD,CAAa,mBAAb;AAAiC,IAAA,OAAO,MAAxC;AAAyC,IAAA,IAAI;AAA7C,KACC,cAAC,WAAD,CAAa,gBAAb;AAA8B,IAAA,IAAI,EAAC;AAAnC,KACC,cAAC,WAAD;AACC,IAAA,IAAI,EAAG5B,IADR;AAEC,IAAA,KAAK,EAAGL,KAFT;AAGC,IAAA,QAAQ,EAAG2B;AAHZ,IADD,CADD,CARD,CADD;AAoBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo } from '@wordpress/element';\nimport {\n\tapplyFormat,\n\tremoveFormat,\n\tgetActiveFormat,\n} from '@wordpress/rich-text';\nimport {\n\tuseSetting,\n\tgetColorClassName,\n\tgetColorObjectByColorValue,\n} from '@wordpress/block-editor';\nimport { BottomSheet, ColorSettings } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { textColor as settings } from './index';\nimport { transparentValue } from './index.js';\nimport { parseClassName } from './inline.js';\n\nfunction parseCSS( css = '' ) {\n\treturn css.split( ';' ).reduce( ( accumulator, rule ) => {\n\t\tif ( rule ) {\n\t\t\tconst [ property, value ] = rule.replace( / /g, '' ).split( ':' );\n\t\t\tif ( property === 'color' ) accumulator.color = value;\n\t\t\tif ( property === 'background-color' && value !== transparentValue )\n\t\t\t\taccumulator.backgroundColor = value;\n\t\t}\n\t\treturn accumulator;\n\t}, {} );\n}\n\nfunction getActiveColors( value, name, colorSettings ) {\n\tconst activeColorFormat = getActiveFormat( value, name );\n\n\tif ( ! activeColorFormat ) {\n\t\treturn {};\n\t}\n\n\treturn {\n\t\t...parseCSS( activeColorFormat.attributes.style ),\n\t\t...parseClassName( activeColorFormat.attributes.class, colorSettings ),\n\t};\n}\n\nfunction setColors( value, name, colorSettings, colors ) {\n\tconst { color, backgroundColor } = {\n\t\t...getActiveColors( value, name, colorSettings ),\n\t\t...colors,\n\t};\n\n\tif ( ! color && ! backgroundColor ) {\n\t\treturn removeFormat( value, name );\n\t}\n\n\tconst styles = [];\n\tconst classNames = [];\n\tconst attributes = {};\n\n\tif ( backgroundColor ) {\n\t\tstyles.push( [ 'background-color', backgroundColor ].join( ':' ) );\n\t} else {\n\t\t// Override default browser color for mark element.\n\t\tstyles.push( [ 'background-color', transparentValue ].join( ':' ) );\n\t}\n\n\tif ( color ) {\n\t\tconst colorObject = getColorObjectByColorValue( colorSettings, color );\n\n\t\tif ( colorObject ) {\n\t\t\tclassNames.push( getColorClassName( 'color', colorObject.slug ) );\n\t\t\tstyles.push( [ 'color', colorObject.color ].join( ':' ) );\n\t\t} else {\n\t\t\tstyles.push( [ 'color', color ].join( ':' ) );\n\t\t}\n\t}\n\n\tif ( styles.length ) attributes.style = styles.join( ';' );\n\tif ( classNames.length ) attributes.class = classNames.join( ' ' );\n\n\tconst format = { type: name, attributes };\n\n\t// For cases when there is no text selected, formatting is forced\n\t// for the first empty character\n\tif (\n\t\tvalue?.start === value?.end &&\n\t\t( value?.text.length === 0 ||\n\t\t\tvalue.text?.charAt( value.end - 1 ) === ' ' )\n\t) {\n\t\treturn applyFormat( value, format, value?.start - 1, value?.end + 1 );\n\t}\n\n\treturn applyFormat( value, format );\n}\n\nfunction ColorPicker( { name, value, onChange } ) {\n\tconst property = 'color';\n\tconst colors = useSetting( 'color.palette' ) || settings.colors;\n\tconst colorSettings = {\n\t\tcolors,\n\t};\n\n\tconst onColorChange = useCallback(\n\t\t( color ) => {\n\t\t\tif ( color !== '' ) {\n\t\t\t\tonChange(\n\t\t\t\t\tsetColors( value, name, colors, { [ property ]: color } )\n\t\t\t\t);\n\t\t\t\t// Remove formatting if the color was reset, there's no\n\t\t\t\t// current selection and the previous character is a space\n\t\t\t} else if (\n\t\t\t\tvalue?.start === value?.end &&\n\t\t\t\tvalue.text?.charAt( value?.end - 1 ) === ' '\n\t\t\t) {\n\t\t\t\tonChange(\n\t\t\t\t\tremoveFormat( value, name, value.end - 1, value.end )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tonChange( removeFormat( value, name ) );\n\t\t\t}\n\t\t},\n\t\t[ colors, onChange, property ]\n\t);\n\tconst activeColors = useMemo(\n\t\t() => getActiveColors( value, name, colors ),\n\t\t[ name, value, colors ]\n\t);\n\n\treturn (\n\t\t<ColorSettings\n\t\t\tcolorValue={ activeColors[ property ] }\n\t\t\tonColorChange={ onColorChange }\n\t\t\tdefaultSettings={ colorSettings }\n\t\t\thideNavigation\n\t\t/>\n\t);\n}\n\nexport default function InlineColorUI( { name, value, onChange, onClose } ) {\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible\n\t\t\tonClose={ onClose }\n\t\t\thideHeader\n\t\t\tcontentStyle={ { paddingLeft: 0, paddingRight: 0 } }\n\t\t\thasNavigation\n\t\t\tleftButton={ null }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen name=\"text-color\">\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"]}

package/src/text-color/index.native.js

@@ -1,191 +0,0 @@
-/**
- * External dependencies
- */
-import { isEmpty } from 'lodash';
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useCallback, useMemo, useState } from '@wordpress/element';
-import { BlockControls, useSetting } from '@wordpress/block-editor';
-import { ToolbarGroup, ToolbarButton } from '@wordpress/components';
-import { Icon, textColor as textColorIcon } from '@wordpress/icons';
-import { removeFormat } from '@wordpress/rich-text';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { getActiveColors } from './inline.js';
-import { transparentValue } from './index.js';
-import { default as InlineColorUI } from './inline';
-import styles from './style.scss';
-
-const name = 'core/text-color';
-const title = __( 'Text color' );
-
-const EMPTY_ARRAY = [];
-
-function getComputedStyleProperty( element, property ) {
-	const {
-		props: { style = {} },
-	} = element;
-
-	if ( property === 'background-color' ) {
-		const { backgroundColor, baseColors } = style;
-
-		if ( backgroundColor !== 'transparent' ) {
-			return backgroundColor;
-		} else if ( baseColors && baseColors?.color?.background ) {
-			return baseColors?.color?.background;
-		}
-
-		return 'transparent';
-	}
-}
-
-function fillComputedColors( element, { color, backgroundColor } ) {
-	if ( ! color && ! backgroundColor ) {
-		return;
-	}
-
-	return {
-		color: color || getComputedStyleProperty( element, 'color' ),
-		backgroundColor: getComputedStyleProperty(
-			element,
-			'background-color'
-		),
-	};
-}
-
-function TextColorEdit( {
-	value,
-	onChange,
-	isActive,
-	activeAttributes,
-	contentRef,
-} ) {
-	const allowCustomControl = useSetting( 'color.custom' );
-	const colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;
-	const [ isAddingColor, setIsAddingColor ] = useState( false );
-	const enableIsAddingColor = useCallback( () => setIsAddingColor( true ), [
-		setIsAddingColor,
-	] );
-	const disableIsAddingColor = useCallback( () => setIsAddingColor( false ), [
-		setIsAddingColor,
-	] );
-	const colorIndicatorStyle = useMemo(
-		() =>
-			fillComputedColors(
-				contentRef,
-				getActiveColors( value, name, colors )
-			),
-		[ value, colors ]
-	);
-
-	const hasColorsToChoose = ! isEmpty( colors ) || ! allowCustomControl;
-
-	const onPressButton = useCallback( () => {
-		if ( hasColorsToChoose ) {
-			enableIsAddingColor();
-		} else {
-			onChange( removeFormat( value, name ) );
-		}
-	}, [ hasColorsToChoose, value ] );
-
-	const outlineStyle = usePreferredColorSchemeStyle(
-		styles[ 'components-inline-color__outline' ],
-		styles[ 'components-inline-color__outline--dark' ]
-	);
-
-	if ( ! hasColorsToChoose && ! isActive ) {
-		return null;
-	}
-
-	const isActiveStyle = {
-		...colorIndicatorStyle,
-		...( ! colorIndicatorStyle?.backgroundColor
-			? { backgroundColor: 'transparent' }
-			: {} ),
-		...styles[ 'components-inline-color--is-active' ],
-	};
-
-	const customContainerStyles =
-		styles[ 'components-inline-color__button-container' ];
-
-	return (
-		<>
-			<BlockControls>
-				<ToolbarGroup>
-					{ isActive && (
-						<View style={ outlineStyle } pointerEvents="none" />
-					) }
-
-					<ToolbarButton
-						name="text-color"
-						isActive={ isActive }
-						icon={
-							<Icon
-								icon={ textColorIcon }
-								style={
-									colorIndicatorStyle?.color && {
-										color: colorIndicatorStyle.color,
-									}
-								}
-							/>
-						}
-						title={ title }
-						extraProps={ {
-							isActiveStyle,
-							customContainerStyles,
-						} }
-						// If has no colors to choose but a color is active remove the color onClick
-						onClick={ onPressButton }
-					/>
-				</ToolbarGroup>
-			</BlockControls>
-			{ isAddingColor && (
-				<InlineColorUI
-					name={ name }
-					onClose={ disableIsAddingColor }
-					activeAttributes={ activeAttributes }
-					value={ value }
-					onChange={ onChange }
-					contentRef={ contentRef }
-				/>
-			) }
-		</>
-	);
-}
-
-export const textColor = {
-	name,
-	title,
-	tagName: 'mark',
-	className: 'has-inline-color',
-	attributes: {
-		style: 'style',
-		class: 'class',
-	},
-	/*
-	 * Since this format relies on the <mark> tag, it's important to
-	 * prevent the default yellow background color applied by most
-	 * browsers. The solution is to detect when this format is used with a
-	 * text color but no background color, and in such cases to override
-	 * the default styling with a transparent background.
-	 *
-	 * @see https://github.com/WordPress/gutenberg/pull/35516
-	 */
-	__unstableFilterAttributeValue( key, value ) {
-		if ( key !== 'style' ) return value;
-		// We should not add a background-color if it's already set
-		if ( value && value.includes( 'background-color' ) ) return value;
-		const addedCSS = [ 'background-color', transparentValue ].join( ':' );
-		// Prepend `addedCSS` to avoid a double `;;` as any the existing CSS
-		// rules will already include a `;`.
-		return value ? [ addedCSS, value ].join( ';' ) : addedCSS;
-	},
-	edit: TextColorEdit,
-};