@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/link/modal-screens/link-settings-screen.native.js

@@ -1,226 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _native = require("@react-navigation/native");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _url = require("@wordpress/url");
-var _components = require("@wordpress/components");
-var _richText = require("@wordpress/rich-text");
-var _icons = require("@wordpress/icons");
-var _utils = require("../utils");
-var _screens = _interopRequireDefault(require("./screens"));
-var _modal = _interopRequireDefault(require("../modal.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const LinkSettingsScreen = ({
-  onRemove,
-  onClose,
-  onChange,
-  speak,
-  value,
-  isActive,
-  activeAttributes,
-  isVisible
-}) => {
-  const [text, setText] = (0, _element.useState)((0, _richText.getTextContent)((0, _richText.slice)(value)));
-  const [opensInNewWindow, setOpensInNewWindows] = (0, _element.useState)(activeAttributes.target === '_blank');
-  const [linkValues, setLinkValues] = (0, _element.useState)({
-    isActiveLink: isActive,
-    isRemovingLink: false
-  });
-  const {
-    shouldEnableBottomSheetMaxHeight,
-    onHandleClosingBottomSheet,
-    listProps
-  } = (0, _element.useContext)(_components.BottomSheetContext);
-  const navigation = (0, _native.useNavigation)();
-  const route = (0, _native.useRoute)();
-  const {
-    inputValue = activeAttributes.url || ''
-  } = route.params || {};
-  const onLinkCellPressed = () => {
-    shouldEnableBottomSheetMaxHeight(false);
-    navigation.navigate(_screens.default.picker, {
-      inputValue
-    });
-  };
-  (0, _element.useEffect)(() => {
-    onHandleClosingBottomSheet(() => {
-      submit(inputValue, {
-        skipStateUpdates: true
-      });
-    });
-  }, [inputValue, opensInNewWindow, text]);
-  (0, _element.useEffect)(() => {
-    const {
-      isActiveLink,
-      isRemovingLink
-    } = linkValues;
-    if (!!inputValue && !isActiveLink && isVisible) {
-      submitLink({
-        shouldCloseBottomSheet: false
-      });
-    } else if ((inputValue === '' && isActiveLink || isRemovingLink) && isVisible) {
-      removeLink({
-        shouldCloseBottomSheet: false
-      });
-    }
-  }, [inputValue, isVisible, linkValues.isActiveLink, linkValues.isRemovingLink]);
-  const clearFormat = ({
-    skipStateUpdates = false
-  } = {}) => {
-    onChange({
-      ...value,
-      activeFormats: []
-    });
-    if (!skipStateUpdates) {
-      setLinkValues({
-        isActiveLink: false,
-        isRemovingLink: true
-      });
-    }
-  };
-  const submitLink = ({
-    shouldCloseBottomSheet = true,
-    skipStateUpdates = false
-  } = {}) => {
-    const url = (0, _url.prependHTTP)(inputValue);
-    const linkText = text || inputValue;
-    const format = (0, _utils.createLinkFormat)({
-      url,
-      opensInNewWindow,
-      text: linkText
-    });
-    let newAttributes;
-    if ((0, _richText.isCollapsed)(value) && !isActive) {
-      // Insert link.
-      const toInsert = (0, _richText.applyFormat)((0, _richText.create)({
-        text: linkText
-      }), format, 0, linkText.length);
-      newAttributes = (0, _richText.insert)(value, toInsert);
-    } else if (text !== (0, _richText.getTextContent)((0, _richText.slice)(value))) {
-      // Edit text in selected link.
-      const toInsert = (0, _richText.applyFormat)((0, _richText.create)({
-        text
-      }), format, 0, text.length);
-      newAttributes = (0, _richText.insert)(value, toInsert, value.start, value.end);
-    } else {
-      // Transform selected text into link.
-      newAttributes = (0, _richText.applyFormat)(value, format);
-    }
-    // Move selection to end of link.
-    const textLength = newAttributes.text.length;
-    // check for zero width spaces
-    if (newAttributes.end > textLength) {
-      newAttributes.start = textLength;
-      newAttributes.end = textLength;
-    } else {
-      newAttributes.start = newAttributes.end;
-    }
-    newAttributes.activeFormats = [];
-    onChange({
-      ...newAttributes,
-      needsSelectionUpdate: true
-    });
-    if (!skipStateUpdates) {
-      setLinkValues({
-        isActiveLink: true,
-        isRemovingLink: false
-      });
-    }
-    if (!(0, _utils.isValidHref)(url)) {
-      speak((0, _i18n.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
-    } else if (isActive) {
-      speak((0, _i18n.__)('Link edited.'), 'assertive');
-    } else {
-      speak((0, _i18n.__)('Link inserted'), 'assertive');
-    }
-    if (shouldCloseBottomSheet) {
-      onClose();
-    }
-  };
-  const removeLink = ({
-    shouldCloseBottomSheet = true,
-    skipStateUpdates = false
-  } = {}) => {
-    clearFormat({
-      skipStateUpdates
-    });
-    onRemove();
-    if (shouldCloseBottomSheet) {
-      onClose();
-    }
-  };
-  const submit = (submitValue, {
-    skipStateUpdates = false
-  } = {}) => {
-    if (submitValue === '') {
-      removeLink({
-        skipStateUpdates
-      });
-    } else {
-      submitLink({
-        skipStateUpdates
-      });
-    }
-  };
-  (0, _element.useEffect)(() => {
-    const unsubscribe = navigation.addListener('focus', () => {
-      const {
-        params = {}
-      } = route;
-      if (!text && params.text) {
-        setText(params.text);
-      }
-    });
-    return unsubscribe;
-  }, [navigation, route.params?.text, text]);
-  return (0, _element.useMemo)(() => {
-    const shouldShowLinkOptions = !!inputValue;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.LinkCell, {
-        value: inputValue,
-        onPress: onLinkCellPressed
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
-        icon: _icons.textColor,
-        label: (0, _i18n.__)('Link text'),
-        value: text,
-        placeholder: (0, _i18n.__)('Add link text'),
-        onChangeValue: setText,
-        onSubmit: submit,
-        separatorType: shouldShowLinkOptions ? undefined : 'none'
-      }), shouldShowLinkOptions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.SwitchCell, {
-          icon: _icons.external,
-          label: (0, _i18n.__)('Open in new tab'),
-          value: opensInNewWindow,
-          onValueChange: setOpensInNewWindows,
-          separatorType: "fullWidth"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
-          label: (0, _i18n.__)('Remove link'),
-          labelStyle: _modal.default.clearLinkButton,
-          separatorType: "none",
-          onPress: removeLink
-        })]
-      })]
-    });
-  }, [inputValue, text, opensInNewWindow, listProps.safeAreaBottomInset]);
-};
-var _default = exports.default = LinkSettingsScreen;
-//# sourceMappingURL=link-settings-screen.native.js.map

package/build/link/modal-screens/link-settings-screen.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_i18n","_element","_url","_components","_richText","_icons","_utils","_screens","_interopRequireDefault","_modal","_jsxRuntime","LinkSettingsScreen","onRemove","onClose","onChange","speak","value","isActive","activeAttributes","isVisible","text","setText","useState","getTextContent","slice","opensInNewWindow","setOpensInNewWindows","target","linkValues","setLinkValues","isActiveLink","isRemovingLink","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","listProps","useContext","BottomSheetContext","navigation","useNavigation","route","useRoute","inputValue","url","params","onLinkCellPressed","navigate","linkSettingsScreens","picker","useEffect","submit","skipStateUpdates","submitLink","shouldCloseBottomSheet","removeLink","clearFormat","activeFormats","prependHTTP","linkText","format","createLinkFormat","newAttributes","isCollapsed","toInsert","applyFormat","create","length","insert","start","end","textLength","needsSelectionUpdate","isValidHref","__","submitValue","unsubscribe","addListener","useMemo","shouldShowLinkOptions","jsxs","Fragment","children","jsx","BottomSheet","LinkCell","onPress","Cell","icon","textColor","label","placeholder","onChangeValue","onSubmit","separatorType","undefined","SwitchCell","external","onValueChange","labelStyle","styles","clearLinkButton","safeAreaBottomInset","_default","exports","default"],"sources":["@wordpress/format-library/src/link/modal-screens/link-settings-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState, useContext, useEffect, useMemo } from '@wordpress/element';\nimport { prependHTTP } from '@wordpress/url';\nimport { BottomSheet, BottomSheetContext } from '@wordpress/components';\nimport {\n\tcreate,\n\tinsert,\n\tisCollapsed,\n\tapplyFormat,\n\tgetTextContent,\n\tslice,\n} from '@wordpress/rich-text';\nimport { external, textColor } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { createLinkFormat, isValidHref } from '../utils';\nimport linkSettingsScreens from './screens';\n\nimport styles from '../modal.scss';\n\nconst LinkSettingsScreen = ( {\n\tonRemove,\n\tonClose,\n\tonChange,\n\tspeak,\n\tvalue,\n\tisActive,\n\tactiveAttributes,\n\tisVisible,\n} ) => {\n\tconst [ text, setText ] = useState( getTextContent( slice( value ) ) );\n\tconst [ opensInNewWindow, setOpensInNewWindows ] = useState(\n\t\tactiveAttributes.target === '_blank'\n\t);\n\tconst [ linkValues, setLinkValues ] = useState( {\n\t\tisActiveLink: isActive,\n\t\tisRemovingLink: false,\n\t} );\n\n\tconst {\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tlistProps,\n\t} = useContext( BottomSheetContext );\n\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { inputValue = activeAttributes.url || '' } = route.params || {};\n\tconst onLinkCellPressed = () => {\n\t\tshouldEnableBottomSheetMaxHeight( false );\n\t\tnavigation.navigate( linkSettingsScreens.picker, { inputValue } );\n\t};\n\tuseEffect( () => {\n\t\tonHandleClosingBottomSheet( () => {\n\t\t\tsubmit( inputValue, { skipStateUpdates: true } );\n\t\t} );\n\t}, [ inputValue, opensInNewWindow, text ] );\n\n\tuseEffect( () => {\n\t\tconst { isActiveLink, isRemovingLink } = linkValues;\n\t\tif ( !! inputValue && ! isActiveLink && isVisible ) {\n\t\t\tsubmitLink( { shouldCloseBottomSheet: false } );\n\t\t} else if (\n\t\t\t( ( inputValue === '' && isActiveLink ) || isRemovingLink ) &&\n\t\t\tisVisible\n\t\t) {\n\t\t\tremoveLink( { shouldCloseBottomSheet: false } );\n\t\t}\n\t}, [\n\t\tinputValue,\n\t\tisVisible,\n\t\tlinkValues.isActiveLink,\n\t\tlinkValues.isRemovingLink,\n\t] );\n\n\tconst clearFormat = ( { skipStateUpdates = false } = {} ) => {\n\t\tonChange( { ...value, activeFormats: [] } );\n\t\tif ( ! skipStateUpdates ) {\n\t\t\tsetLinkValues( { isActiveLink: false, isRemovingLink: true } );\n\t\t}\n\t};\n\n\tconst submitLink = ( {\n\t\tshouldCloseBottomSheet = true,\n\t\tskipStateUpdates = false,\n\t} = {} ) => {\n\t\tconst url = prependHTTP( inputValue );\n\t\tconst linkText = text || inputValue;\n\t\tconst format = createLinkFormat( {\n\t\t\turl,\n\t\t\topensInNewWindow,\n\t\t\ttext: linkText,\n\t\t} );\n\t\tlet newAttributes;\n\t\tif ( isCollapsed( value ) && ! isActive ) {\n\t\t\t// Insert link.\n\t\t\tconst toInsert = applyFormat(\n\t\t\t\tcreate( { text: linkText } ),\n\t\t\t\tformat,\n\t\t\t\t0,\n\t\t\t\tlinkText.length\n\t\t\t);\n\t\t\tnewAttributes = insert( value, toInsert );\n\t\t} else if ( text !== getTextContent( slice( value ) ) ) {\n\t\t\t// Edit text in selected link.\n\t\t\tconst toInsert = applyFormat(\n\t\t\t\tcreate( { text } ),\n\t\t\t\tformat,\n\t\t\t\t0,\n\t\t\t\ttext.length\n\t\t\t);\n\t\t\tnewAttributes = insert( value, toInsert, value.start, value.end );\n\t\t} else {\n\t\t\t// Transform selected text into link.\n\t\t\tnewAttributes = applyFormat( value, format );\n\t\t}\n\t\t// Move selection to end of link.\n\t\tconst textLength = newAttributes.text.length;\n\t\t// check for zero width spaces\n\t\tif ( newAttributes.end > textLength ) {\n\t\t\tnewAttributes.start = textLength;\n\t\t\tnewAttributes.end = textLength;\n\t\t} else {\n\t\t\tnewAttributes.start = newAttributes.end;\n\t\t}\n\t\tnewAttributes.activeFormats = [];\n\t\tonChange( { ...newAttributes, needsSelectionUpdate: true } );\n\t\tif ( ! skipStateUpdates ) {\n\t\t\tsetLinkValues( { isActiveLink: true, isRemovingLink: false } );\n\t\t}\n\n\t\tif ( ! isValidHref( url ) ) {\n\t\t\tspeak(\n\t\t\t\t__(\n\t\t\t\t\t'Warning: the link has been inserted but may have errors. Please test it.'\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t} else if ( isActive ) {\n\t\t\tspeak( __( 'Link edited.' ), 'assertive' );\n\t\t} else {\n\t\t\tspeak( __( 'Link inserted' ), 'assertive' );\n\t\t}\n\n\t\tif ( shouldCloseBottomSheet ) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst removeLink = ( {\n\t\tshouldCloseBottomSheet = true,\n\t\tskipStateUpdates = false,\n\t} = {} ) => {\n\t\tclearFormat( { skipStateUpdates } );\n\t\tonRemove();\n\t\tif ( shouldCloseBottomSheet ) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst submit = ( submitValue, { skipStateUpdates = false } = {} ) => {\n\t\tif ( submitValue === '' ) {\n\t\t\tremoveLink( { skipStateUpdates } );\n\t\t} else {\n\t\t\tsubmitLink( { skipStateUpdates } );\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tconst unsubscribe = navigation.addListener( 'focus', () => {\n\t\t\tconst { params = {} } = route;\n\t\t\tif ( ! text && params.text ) {\n\t\t\t\tsetText( params.text );\n\t\t\t}\n\t\t} );\n\t\treturn unsubscribe;\n\t}, [ navigation, route.params?.text, text ] );\n\n\treturn useMemo( () => {\n\t\tconst shouldShowLinkOptions = !! inputValue;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BottomSheet.LinkCell\n\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\tonPress={ onLinkCellPressed }\n\t\t\t\t/>\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ textColor }\n\t\t\t\t\tlabel={ __( 'Link text' ) }\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tplaceholder={ __( 'Add link text' ) }\n\t\t\t\t\tonChangeValue={ setText }\n\t\t\t\t\tonSubmit={ submit }\n\t\t\t\t\tseparatorType={ shouldShowLinkOptions ? undefined : 'none' }\n\t\t\t\t/>\n\t\t\t\t{ shouldShowLinkOptions && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BottomSheet.SwitchCell\n\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tvalue={ opensInNewWindow }\n\t\t\t\t\t\t\tonValueChange={ setOpensInNewWindows }\n\t\t\t\t\t\t\tseparatorType=\"fullWidth\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\t\tlabelStyle={ styles.clearLinkButton }\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tonPress={ removeLink }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [ inputValue, text, opensInNewWindow, listProps.safeAreaBottomInset ] );\n};\n\nexport default LinkSettingsScreen;\n"],"mappings":"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","ignoreList":[]}

package/build/link/modal-screens/screens.native.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  settings: 'linkSettings',
-  picker: 'linkPicker'
-};
-//# sourceMappingURL=screens.native.js.map

package/build/link/modal-screens/screens.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["settings","picker"],"sources":["@wordpress/format-library/src/link/modal-screens/screens.native.js"],"sourcesContent":["export default {\n\tsettings: 'linkSettings',\n\tpicker: 'linkPicker',\n};\n"],"mappings":";;;;;;iCAAe;EACdA,QAAQ,EAAE,cAAc;EACxBC,MAAM,EAAE;AACT,CAAC","ignoreList":[]}

package/build/link/modal.native.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _screens = _interopRequireDefault(require("./modal-screens/screens"));
-var _linkSettingsScreen = _interopRequireDefault(require("./modal-screens/link-settings-screen"));
-var _linkPickerScreen = _interopRequireDefault(require("./modal-screens/link-picker-screen"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ModalLinkUI = ({
-  isVisible,
-  ...restProps
-}) => {
-  return (0, _element.useMemo)(() => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet, {
-      isVisible: isVisible,
-      hideHeader: true,
-      onClose: restProps.onClose,
-      hasNavigation: true,
-      testID: "link-settings-modal",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BottomSheet.NavigationContainer, {
-        animate: true,
-        main: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
-          name: _screens.default.settings,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkSettingsScreen.default, {
-            isVisible: isVisible,
-            ...restProps
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
-          name: _screens.default.picker,
-          isScrollable: true,
-          fullScreen: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkPickerScreen.default, {})
-        })]
-      })
-    });
-  }, [isVisible]);
-};
-var _default = exports.default = (0, _components.withSpokenMessages)(ModalLinkUI);
-//# sourceMappingURL=modal.native.js.map

package/build/link/modal.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_components","_screens","_interopRequireDefault","_linkSettingsScreen","_linkPickerScreen","_jsxRuntime","ModalLinkUI","isVisible","restProps","useMemo","jsx","BottomSheet","hideHeader","onClose","hasNavigation","testID","children","jsxs","NavigationContainer","animate","main","NavigationScreen","name","screens","settings","default","picker","isScrollable","fullScreen","_default","exports","withSpokenMessages"],"sources":["@wordpress/format-library/src/link/modal.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { BottomSheet, withSpokenMessages } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport screens from './modal-screens/screens';\nimport LinkSettingsScreen from './modal-screens/link-settings-screen';\nimport LinkPickerScreen from './modal-screens/link-picker-screen';\n\nconst ModalLinkUI = ( { isVisible, ...restProps } ) => {\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ restProps.onClose }\n\t\t\t\thasNavigation\n\t\t\t\ttestID=\"link-settings-modal\"\n\t\t\t>\n\t\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t\t<BottomSheet.NavigationScreen name={ screens.settings }>\n\t\t\t\t\t\t<LinkSettingsScreen\n\t\t\t\t\t\t\tisVisible={ isVisible }\n\t\t\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\t\tname={ screens.picker }\n\t\t\t\t\t\tisScrollable\n\t\t\t\t\t\tfullScreen\n\t\t\t\t\t>\n\t\t\t\t\t\t<LinkPickerScreen />\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t</BottomSheet.NavigationContainer>\n\t\t\t</BottomSheet>\n\t\t);\n\t}, [ isVisible ] );\n};\n\nexport default withSpokenMessages( ModalLinkUI );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,iBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAkE,IAAAM,WAAA,GAAAN,OAAA;AAXlE;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMO,WAAW,GAAGA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,KAAM;EACtD,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACV,WAAA,CAAAW,WAAW;MACXJ,SAAS,EAAGA,SAAW;MACvBK,UAAU;MACVC,OAAO,EAAGL,SAAS,CAACK,OAAS;MAC7BC,aAAa;MACbC,MAAM,EAAC,qBAAqB;MAAAC,QAAA,eAE5B,IAAAX,WAAA,CAAAY,IAAA,EAACjB,WAAA,CAAAW,WAAW,CAACO,mBAAmB;QAACC,OAAO;QAACC,IAAI;QAAAJ,QAAA,gBAC5C,IAAAX,WAAA,CAAAK,GAAA,EAACV,WAAA,CAAAW,WAAW,CAACU,gBAAgB;UAACC,IAAI,EAAGC,gBAAO,CAACC,QAAU;UAAAR,QAAA,eACtD,IAAAX,WAAA,CAAAK,GAAA,EAACP,mBAAA,CAAAsB,OAAkB;YAClBlB,SAAS,EAAGA,SAAW;YAAA,GAClBC;UAAS,CACd;QAAC,CAC2B,CAAC,eAC/B,IAAAH,WAAA,CAAAK,GAAA,EAACV,WAAA,CAAAW,WAAW,CAACU,gBAAgB;UAC5BC,IAAI,EAAGC,gBAAO,CAACG,MAAQ;UACvBC,YAAY;UACZC,UAAU;UAAAZ,QAAA,eAEV,IAAAX,WAAA,CAAAK,GAAA,EAACN,iBAAA,CAAAqB,OAAgB,IAAE;QAAC,CACS,CAAC;MAAA,CACC;IAAC,CACtB,CAAC;EAEhB,CAAC,EAAE,CAAElB,SAAS,CAAG,CAAC;AACnB,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEa,IAAAM,8BAAkB,EAAEzB,WAAY,CAAC","ignoreList":[]}

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

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textColor = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _richText = require("@wordpress/rich-text");
-var _compose = require("@wordpress/compose");
-var _inlineNative = require("./inline.native.js");
-var _inline = _interopRequireDefault(require("./inline"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const name = 'core/text-color';
-const title = (0, _i18n.__)('Text color');
-function getComputedStyleProperty(element, property) {
-  var _element$props$style;
-  const style = (_element$props$style = element?.props?.style) !== null && _element$props$style !== void 0 ? _element$props$style : {};
-  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] = (0, _blockEditor.useSettings)('color.custom');
-  const colors = (0, _blockEditor.useMobileGlobalStylesColors)();
-  const [isAddingColor, setIsAddingColor] = (0, _element.useState)(false);
-  const colorIndicatorStyle = (0, _element.useMemo)(() => fillComputedColors(contentRef, (0, _inlineNative.getActiveColors)(value, name, colors)), [contentRef, value, colors]);
-  const hasColorsToChoose = colors.length || !allowCustomControl;
-  const outlineStyle = [(0, _compose.usePreferredColorSchemeStyle)(_style.default['components-inline-color__outline'], _style.default['components-inline-color__outline--dark']), {
-    borderWidth: _reactNative.StyleSheet.hairlineWidth
-  }];
-  if (!hasColorsToChoose && !isActive) {
-    return null;
-  }
-  const isActiveStyle = {
-    ...colorIndicatorStyle,
-    ...(!colorIndicatorStyle?.backgroundColor ? {
-      backgroundColor: 'transparent'
-    } : {}),
-    ..._style.default['components-inline-color--is-active']
-  };
-  const customContainerStyles = _style.default['components-inline-color__button-container'];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
-        children: [isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: outlineStyle,
-          pointerEvents: "none"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-          name: "text-color",
-          isActive: isActive,
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-            icon: Object.keys(activeAttributes).length ? _icons.textColor : _icons.color,
-            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: hasColorsToChoose ? () => setIsAddingColor(true) : () => onChange((0, _richText.removeFormat)(value, name))
-        })]
-      })
-    }), isAddingColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inline.default, {
-      name: name,
-      onClose: () => setIsAddingColor(false),
-      activeAttributes: activeAttributes,
-      value: value,
-      onChange: onChange,
-      contentRef: contentRef
-    })]
-  });
-}
-const textColor = exports.textColor = {
-  name,
-  title,
-  tagName: 'mark',
-  className: 'has-inline-color',
-  attributes: {
-    style: 'style',
-    class: 'class'
-  },
-  edit: TextColorEdit
-};
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_element","_blockEditor","_components","_icons","_richText","_compose","_inlineNative","_inline","_interopRequireDefault","_style","_jsxRuntime","name","title","__","getComputedStyleProperty","element","property","_element$props$style","style","props","backgroundColor","baseColors","color","background","fillComputedColors","TextColorEdit","value","onChange","isActive","activeAttributes","contentRef","allowCustomControl","useSettings","colors","useMobileGlobalStylesColors","isAddingColor","setIsAddingColor","useState","colorIndicatorStyle","useMemo","getActiveColors","hasColorsToChoose","length","outlineStyle","usePreferredColorSchemeStyle","styles","borderWidth","StyleSheet","hairlineWidth","isActiveStyle","customContainerStyles","jsxs","Fragment","children","jsx","BlockControls","ToolbarGroup","View","pointerEvents","ToolbarButton","icon","Icon","Object","keys","textColorIcon","colorIcon","extraProps","onClick","removeFormat","default","onClose","textColor","exports","tagName","className","attributes","class","edit"],"sources":["@wordpress/format-library/src/text-color/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tuseSettings,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport {\n\tIcon,\n\tcolor as colorIcon,\n\ttextColor as textColorIcon,\n} from '@wordpress/icons';\nimport { removeFormat } from '@wordpress/rich-text';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { getActiveColors } from './inline.native.js';\nimport { default as InlineColorUI } from './inline';\nimport styles from './style.scss';\n\nconst name = 'core/text-color';\nconst title = __( 'Text color' );\n\nfunction getComputedStyleProperty( element, property ) {\n\tconst style = element?.props?.style ?? {};\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 ] = useSettings( 'color.custom' );\n\tconst colors = useMobileGlobalStylesColors();\n\tconst [ isAddingColor, setIsAddingColor ] = useState( false );\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[ contentRef, value, colors ]\n\t);\n\n\tconst hasColorsToChoose = colors.length || ! allowCustomControl;\n\n\tconst outlineStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-inline-color__outline' ],\n\t\t\tstyles[ 'components-inline-color__outline--dark' ]\n\t\t),\n\t\t{ borderWidth: StyleSheet.hairlineWidth },\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={\n\t\t\t\t\t\t\t\t\tObject.keys( activeAttributes ).length\n\t\t\t\t\t\t\t\t\t\t? textColorIcon\n\t\t\t\t\t\t\t\t\t\t: colorIcon\n\t\t\t\t\t\t\t\t}\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={\n\t\t\t\t\t\t\thasColorsToChoose\n\t\t\t\t\t\t\t\t? () => setIsAddingColor( true )\n\t\t\t\t\t\t\t\t: () => onChange( removeFormat( value, name ) )\n\t\t\t\t\t\t}\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={ () => setIsAddingColor( false ) }\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\tedit: TextColorEdit,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,150 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = InlineColorUI;
-exports.getActiveColors = getActiveColors;
-var _element = require("@wordpress/element");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _index = require("./index.js");
-var _inline = require("./inline.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function parseCSS(css = '') {
-  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 !== _index.transparentValue) {
-        accumulator.backgroundColor = value;
-      }
-    }
-    return accumulator;
-  }, {});
-}
-function getActiveColors(value, name, colorSettings) {
-  const activeColorFormat = (0, _richText.getActiveFormat)(value, name);
-  if (!activeColorFormat) {
-    return {};
-  }
-  return {
-    ...parseCSS(activeColorFormat.attributes.style),
-    ...(0, _inline.parseClassName)(activeColorFormat.attributes.class, colorSettings)
-  };
-}
-function setColors(value, name, colorSettings, colors, contentRef) {
-  const {
-    color,
-    backgroundColor
-  } = {
-    ...getActiveColors(value, name, colorSettings),
-    ...colors
-  };
-  if (!color) {
-    contentRef?.onRemoveMarkFormatting();
-    return (0, _richText.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', _index.transparentValue].join(':'));
-  }
-  if (color) {
-    const colorObject = (0, _blockEditor.getColorObjectByColorValue)(colorSettings, color);
-    if (colorObject) {
-      classNames.push((0, _blockEditor.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
-  };
-  const hasNoSelection = value.start === value.end;
-  if (hasNoSelection) {
-    contentRef?.onMarkFormatting(color);
-  }
-  return (0, _richText.applyFormat)(value, format);
-}
-function ColorPicker({
-  name,
-  value,
-  onChange,
-  contentRef
-}) {
-  const property = 'color';
-  const colors = (0, _blockEditor.useMobileGlobalStylesColors)();
-  const colorSettings = (0, _blockEditor.useMultipleOriginColorsAndGradients)();
-  colorSettings.allAvailableColors = colors;
-  const onColorChange = (0, _element.useCallback)(color => {
-    onChange(setColors(value, name, colors, {
-      [property]: color
-    }, contentRef));
-  }, [colors, contentRef, name, onChange, value]);
-  const activeColors = (0, _element.useMemo)(() => getActiveColors(value, name, colors), [name, value, colors]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorSettings, {
-    colorValue: activeColors[property],
-    onColorChange: onColorChange,
-    onColorCleared: onColorChange,
-    defaultSettings: colorSettings,
-    hideNavigation: true
-  });
-}
-function InlineColorUI({
-  name,
-  value,
-  onChange,
-  onClose,
-  contentRef
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet, {
-    isVisible: true,
-    onClose: onClose,
-    hideHeader: true,
-    contentStyle: {
-      paddingLeft: 0,
-      paddingRight: 0
-    },
-    hasNavigation: true,
-    leftButton: null,
-    testID: "inline-text-color-modal",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationContainer, {
-      animate: true,
-      main: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
-        name: "text-color",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorPicker, {
-          name: name,
-          value: value,
-          onChange: onChange,
-          contentRef: contentRef
-        })
-      })
-    })
-  });
-}
-//# sourceMappingURL=inline.native.js.map