@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useScrollToElement;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/** @typedef {import('@wordpress/element').RefObject} RefObject */
-/**
- * Hook to scroll to a specified element by taking into account the Keyboard
- * and the Header.
- *
- * @param {RefObject} scrollViewRef   Scroll view reference.
- * @param {Function}  scrollToSection Function to scroll.
- * @return {Function[]} Function to scroll to an element.
- */
-function useScrollToElement(scrollViewRef, scrollToSection) {
-  /**
-   * Function to scroll to an element.
-   *
-   * @param {RefObject} elementRef Ref of the element.
-   */
-  const scrollToElement = (0, _element.useCallback)(elementRef => {
-    if (!scrollViewRef.current || !elementRef) {
-      return;
-    }
-    elementRef.current.measureLayout(scrollViewRef.current, (_x, y, _width, height) => {
-      if (height || y) {
-        scrollToSection(Math.round(y), height);
-      }
-    }, () => {});
-  }, [scrollViewRef, scrollToSection]);
-  return [scrollToElement];
-}
-//# sourceMappingURL=use-scroll-to-element.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","useScrollToElement","scrollViewRef","scrollToSection","scrollToElement","useCallback","elementRef","current","measureLayout","_x","y","_width","height","Math","round"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/**\n * Hook to scroll to a specified element by taking into account the Keyboard\n * and the Header.\n *\n * @param {RefObject} scrollViewRef   Scroll view reference.\n * @param {Function}  scrollToSection Function to scroll.\n * @return {Function[]} Function to scroll to an element.\n */\nexport default function useScrollToElement( scrollViewRef, scrollToSection ) {\n\t/**\n\t * Function to scroll to an element.\n\t *\n\t * @param {RefObject} elementRef Ref of the element.\n\t */\n\tconst scrollToElement = useCallback(\n\t\t( elementRef ) => {\n\t\t\tif ( ! scrollViewRef.current || ! elementRef ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\telementRef.current.measureLayout(\n\t\t\t\tscrollViewRef.current,\n\t\t\t\t( _x, y, _width, height ) => {\n\t\t\t\t\tif ( height || y ) {\n\t\t\t\t\t\tscrollToSection( Math.round( y ), height );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t() => {}\n\t\t\t);\n\t\t},\n\t\t[ scrollViewRef, scrollToSection ]\n\t);\n\n\treturn [ scrollToElement ];\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,kBAAkBA,CAAEC,aAAa,EAAEC,eAAe,EAAG;EAC5E;AACD;AACA;AACA;AACA;EACC,MAAMC,eAAe,GAAG,IAAAC,oBAAW,EAChCC,UAAU,IAAM;IACjB,IAAK,CAAEJ,aAAa,CAACK,OAAO,IAAI,CAAED,UAAU,EAAG;MAC9C;IACD;IAEAA,UAAU,CAACC,OAAO,CAACC,aAAa,CAC/BN,aAAa,CAACK,OAAO,EACrB,CAAEE,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,MAAM,KAAM;MAC5B,IAAKA,MAAM,IAAIF,CAAC,EAAG;QAClBP,eAAe,CAAEU,IAAI,CAACC,KAAK,CAAEJ,CAAE,CAAC,EAAEE,MAAO,CAAC;MAC3C;IACD,CAAC,EACD,MAAM,CAAC,CACR,CAAC;EACF,CAAC,EACD,CAAEV,aAAa,EAAEC,eAAe,CACjC,CAAC;EAED,OAAO,CAAEC,eAAe,CAAE;AAC3B","ignoreList":[]}

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useScrollToSection;
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _element = require("@wordpress/element");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/** @typedef {import('@wordpress/element').RefObject} RefObject */
-/** @typedef {import('react-native-reanimated').SharedValue} SharedValue */
-/**
- * Hook to scroll to a specified section by taking into account the Keyboard
- * and the Header.
- *
- * @param {number}      extraScrollHeight      Extra space to not overlap the content.
- * @param {number}      keyboardOffset         Keyboard space offset.
- * @param {boolean}     scrollEnabled          Whether the scroll is enabled or not.
- * @param {RefObject}   scrollViewMeasurements ScrollView Layout measurements.
- * @param {RefObject}   scrollViewRef          Scroll view reference.
- * @param {SharedValue} scrollViewYOffset      Current offset position of the ScrollView.
- * @return {Function[]} Function to scroll to a section.
- */
-function useScrollToSection(extraScrollHeight, keyboardOffset, scrollEnabled, scrollViewMeasurements, scrollViewRef, scrollViewYOffset) {
-  const {
-    top,
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const insets = top + bottom;
-
-  /**
-   * Function to scroll to a section.
-   *
-   * @param {Object} section        Section data to scroll to.
-   * @param {number} section.y      Y-coordinate of of the section.
-   * @param {number} section.height Height of the section.
-   */
-  const scrollToSection = (0, _element.useCallback)((sectionY, sectionHeight) => {
-    if (!scrollViewRef.current || !scrollEnabled || !scrollViewMeasurements.current) {
-      return;
-    }
-    const currentScrollViewYOffset = Math.max(0, scrollViewYOffset.value);
-
-    // Scroll to the top of the section.
-    if (sectionY < currentScrollViewYOffset) {
-      scrollViewRef.current.scrollTo({
-        y: sectionY,
-        animated: true
-      });
-      return;
-    }
-    const availableScreenSpace = Math.abs(Math.floor(scrollViewMeasurements.current.height - (keyboardOffset + extraScrollHeight + sectionHeight)));
-    const maxOffset = Math.floor(currentScrollViewYOffset + availableScreenSpace);
-    const isAtTheTop = sectionY < scrollViewMeasurements.current.y + insets;
-
-    // Scroll to the bottom of the section.
-    if (sectionY > maxOffset && !isAtTheTop) {
-      scrollViewRef.current.scrollTo({
-        y: sectionY - availableScreenSpace,
-        animated: true
-      });
-    }
-  }, [extraScrollHeight, insets, keyboardOffset, scrollEnabled, scrollViewMeasurements, scrollViewRef, scrollViewYOffset]);
-  return [scrollToSection];
-}
-//# sourceMappingURL=use-scroll-to-section.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeSafeAreaContext","require","_element","useScrollToSection","extraScrollHeight","keyboardOffset","scrollEnabled","scrollViewMeasurements","scrollViewRef","scrollViewYOffset","top","bottom","useSafeAreaInsets","insets","scrollToSection","useCallback","sectionY","sectionHeight","current","currentScrollViewYOffset","Math","max","value","scrollTo","y","animated","availableScreenSpace","abs","floor","height","maxOffset","isAtTheTop"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-scroll-to-section.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/** @typedef {import('react-native-reanimated').SharedValue} SharedValue */\n/**\n * Hook to scroll to a specified section by taking into account the Keyboard\n * and the Header.\n *\n * @param {number}      extraScrollHeight      Extra space to not overlap the content.\n * @param {number}      keyboardOffset         Keyboard space offset.\n * @param {boolean}     scrollEnabled          Whether the scroll is enabled or not.\n * @param {RefObject}   scrollViewMeasurements ScrollView Layout measurements.\n * @param {RefObject}   scrollViewRef          Scroll view reference.\n * @param {SharedValue} scrollViewYOffset      Current offset position of the ScrollView.\n * @return {Function[]} Function to scroll to a section.\n */\nexport default function useScrollToSection(\n\textraScrollHeight,\n\tkeyboardOffset,\n\tscrollEnabled,\n\tscrollViewMeasurements,\n\tscrollViewRef,\n\tscrollViewYOffset\n) {\n\tconst { top, bottom } = useSafeAreaInsets();\n\tconst insets = top + bottom;\n\n\t/**\n\t * Function to scroll to a section.\n\t *\n\t * @param {Object} section        Section data to scroll to.\n\t * @param {number} section.y      Y-coordinate of of the section.\n\t * @param {number} section.height Height of the section.\n\t */\n\tconst scrollToSection = useCallback(\n\t\t( sectionY, sectionHeight ) => {\n\t\t\tif (\n\t\t\t\t! scrollViewRef.current ||\n\t\t\t\t! scrollEnabled ||\n\t\t\t\t! scrollViewMeasurements.current\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst currentScrollViewYOffset = Math.max(\n\t\t\t\t0,\n\t\t\t\tscrollViewYOffset.value\n\t\t\t);\n\n\t\t\t// Scroll to the top of the section.\n\t\t\tif ( sectionY < currentScrollViewYOffset ) {\n\t\t\t\tscrollViewRef.current.scrollTo( {\n\t\t\t\t\ty: sectionY,\n\t\t\t\t\tanimated: true,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst availableScreenSpace = Math.abs(\n\t\t\t\tMath.floor(\n\t\t\t\t\tscrollViewMeasurements.current.height -\n\t\t\t\t\t\t( keyboardOffset + extraScrollHeight + sectionHeight )\n\t\t\t\t)\n\t\t\t);\n\t\t\tconst maxOffset = Math.floor(\n\t\t\t\tcurrentScrollViewYOffset + availableScreenSpace\n\t\t\t);\n\n\t\t\tconst isAtTheTop =\n\t\t\t\tsectionY < scrollViewMeasurements.current.y + insets;\n\n\t\t\t// Scroll to the bottom of the section.\n\t\t\tif ( sectionY > maxOffset && ! isAtTheTop ) {\n\t\t\t\tscrollViewRef.current.scrollTo( {\n\t\t\t\t\ty: sectionY - availableScreenSpace,\n\t\t\t\t\tanimated: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[\n\t\t\textraScrollHeight,\n\t\t\tinsets,\n\t\t\tkeyboardOffset,\n\t\t\tscrollEnabled,\n\t\t\tscrollViewMeasurements,\n\t\t\tscrollViewRef,\n\t\t\tscrollViewYOffset,\n\t\t]\n\t);\n\n\treturn [ scrollToSection ];\n}\n"],"mappings":";;;;;;AAGA,IAAAA,2BAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASE,kBAAkBA,CACzCC,iBAAiB,EACjBC,cAAc,EACdC,aAAa,EACbC,sBAAsB,EACtBC,aAAa,EACbC,iBAAiB,EAChB;EACD,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAC3C,MAAMC,MAAM,GAAGH,GAAG,GAAGC,MAAM;;EAE3B;AACD;AACA;AACA;AACA;AACA;AACA;EACC,MAAMG,eAAe,GAAG,IAAAC,oBAAW,EAClC,CAAEC,QAAQ,EAAEC,aAAa,KAAM;IAC9B,IACC,CAAET,aAAa,CAACU,OAAO,IACvB,CAAEZ,aAAa,IACf,CAAEC,sBAAsB,CAACW,OAAO,EAC/B;MACD;IACD;IAEA,MAAMC,wBAAwB,GAAGC,IAAI,CAACC,GAAG,CACxC,CAAC,EACDZ,iBAAiB,CAACa,KACnB,CAAC;;IAED;IACA,IAAKN,QAAQ,GAAGG,wBAAwB,EAAG;MAC1CX,aAAa,CAACU,OAAO,CAACK,QAAQ,CAAE;QAC/BC,CAAC,EAAER,QAAQ;QACXS,QAAQ,EAAE;MACX,CAAE,CAAC;MACH;IACD;IAEA,MAAMC,oBAAoB,GAAGN,IAAI,CAACO,GAAG,CACpCP,IAAI,CAACQ,KAAK,CACTrB,sBAAsB,CAACW,OAAO,CAACW,MAAM,IAClCxB,cAAc,GAAGD,iBAAiB,GAAGa,aAAa,CACtD,CACD,CAAC;IACD,MAAMa,SAAS,GAAGV,IAAI,CAACQ,KAAK,CAC3BT,wBAAwB,GAAGO,oBAC5B,CAAC;IAED,MAAMK,UAAU,GACff,QAAQ,GAAGT,sBAAsB,CAACW,OAAO,CAACM,CAAC,GAAGX,MAAM;;IAErD;IACA,IAAKG,QAAQ,GAAGc,SAAS,IAAI,CAAEC,UAAU,EAAG;MAC3CvB,aAAa,CAACU,OAAO,CAACK,QAAQ,CAAE;QAC/BC,CAAC,EAAER,QAAQ,GAAGU,oBAAoB;QAClCD,QAAQ,EAAE;MACX,CAAE,CAAC;IACJ;EACD,CAAC,EACD,CACCrB,iBAAiB,EACjBS,MAAM,EACNR,cAAc,EACdC,aAAa,EACbC,sBAAsB,EACtBC,aAAa,EACbC,iBAAiB,CAEnB,CAAC;EAED,OAAO,CAAEK,eAAe,CAAE;AAC3B","ignoreList":[]}

package/build/mobile/keyboard-aware-flat-list/use-scroll.native.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useScroll;
-var _reactNative = require("react-native");
-var _reactNativeReanimated = require("react-native-reanimated");
-var _element = require("@wordpress/element");
-var _useKeyboardOffset = _interopRequireDefault(require("./use-keyboard-offset"));
-var _useScrollToSection = _interopRequireDefault(require("./use-scroll-to-section"));
-var _useScrollToElement = _interopRequireDefault(require("./use-scroll-to-element"));
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function useScroll({
-  scrollEnabled,
-  shouldPreventAutomaticScroll,
-  onScroll,
-  onSizeChange,
-  extraScrollHeight
-}) {
-  const scrollViewRef = (0, _element.useRef)();
-  const scrollViewMeasurements = (0, _element.useRef)();
-  const scrollViewYOffset = (0, _reactNativeReanimated.useSharedValue)(-1);
-  const lastScrollTo = (0, _element.useRef)({
-    clientId: null
-  });
-  const {
-    height: windowHeight,
-    width: windowWidth
-  } = (0, _reactNative.useWindowDimensions)();
-  const isLandscape = windowWidth >= windowHeight;
-  const [keyboardOffset] = (0, _useKeyboardOffset.default)(scrollEnabled, shouldPreventAutomaticScroll);
-  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
-    onScroll: event => {
-      const {
-        contentOffset
-      } = event;
-      scrollViewYOffset.value = contentOffset.y;
-      onScroll(event);
-    }
-  });
-
-  // When the orientation changes, the ScrollView measurements
-  // need to be re-calculated.
-  (0, _element.useEffect)(() => {
-    scrollViewMeasurements.current = null;
-  }, [isLandscape]);
-  const [scrollToSection] = (0, _useScrollToSection.default)(extraScrollHeight, keyboardOffset, scrollEnabled, scrollViewMeasurements, scrollViewRef, scrollViewYOffset);
-  const [scrollToElement] = (0, _useScrollToElement.default)(scrollViewRef, scrollToSection);
-  const measureScrollView = (0, _element.useCallback)(() => {
-    if (scrollViewRef.current) {
-      scrollViewRef.current.measureInWindow((_x, y, width, height) => {
-        scrollViewMeasurements.current = {
-          y,
-          width,
-          height
-        };
-      });
-    }
-  }, [scrollViewRef]);
-  const onContentSizeChange = (0, _element.useCallback)(() => {
-    if (onSizeChange) {
-      onSizeChange();
-    }
-
-    // Sets the first values when the content size changes.
-    if (!scrollViewMeasurements.current) {
-      measureScrollView();
-    }
-  }, [measureScrollView, onSizeChange]);
-  return {
-    scrollViewRef,
-    scrollHandler,
-    keyboardOffset,
-    scrollToSection,
-    scrollToElement,
-    onContentSizeChange,
-    lastScrollTo
-  };
-}
-//# sourceMappingURL=use-scroll.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-scroll.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_element","_useKeyboardOffset","_interopRequireDefault","_useScrollToSection","_useScrollToElement","useScroll","scrollEnabled","shouldPreventAutomaticScroll","onScroll","onSizeChange","extraScrollHeight","scrollViewRef","useRef","scrollViewMeasurements","scrollViewYOffset","useSharedValue","lastScrollTo","clientId","height","windowHeight","width","windowWidth","useWindowDimensions","isLandscape","keyboardOffset","useKeyboardOffset","scrollHandler","useAnimatedScrollHandler","event","contentOffset","value","y","useEffect","current","scrollToSection","useScrollToSection","scrollToElement","useScrollToElement","measureScrollView","useCallback","measureInWindow","_x","onContentSizeChange"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-scroll.native.js"],"sourcesContent":["/**\n * External dependencies\n */\n\nimport { useWindowDimensions } from 'react-native';\nimport {\n\tuseAnimatedScrollHandler,\n\tuseSharedValue,\n} from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useKeyboardOffset from './use-keyboard-offset';\nimport useScrollToSection from './use-scroll-to-section';\nimport useScrollToElement from './use-scroll-to-element';\n\nexport default function useScroll( {\n\tscrollEnabled,\n\tshouldPreventAutomaticScroll,\n\tonScroll,\n\tonSizeChange,\n\textraScrollHeight,\n} ) {\n\tconst scrollViewRef = useRef();\n\tconst scrollViewMeasurements = useRef();\n\tconst scrollViewYOffset = useSharedValue( -1 );\n\tconst lastScrollTo = useRef( {\n\t\tclientId: null,\n\t} );\n\n\tconst { height: windowHeight, width: windowWidth } = useWindowDimensions();\n\tconst isLandscape = windowWidth >= windowHeight;\n\n\tconst [ keyboardOffset ] = useKeyboardOffset(\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll\n\t);\n\n\tconst scrollHandler = useAnimatedScrollHandler( {\n\t\tonScroll: ( event ) => {\n\t\t\tconst { contentOffset } = event;\n\t\t\tscrollViewYOffset.value = contentOffset.y;\n\t\t\tonScroll( event );\n\t\t},\n\t} );\n\n\t// When the orientation changes, the ScrollView measurements\n\t// need to be re-calculated.\n\tuseEffect( () => {\n\t\tscrollViewMeasurements.current = null;\n\t}, [ isLandscape ] );\n\n\tconst [ scrollToSection ] = useScrollToSection(\n\t\textraScrollHeight,\n\t\tkeyboardOffset,\n\t\tscrollEnabled,\n\t\tscrollViewMeasurements,\n\t\tscrollViewRef,\n\t\tscrollViewYOffset\n\t);\n\tconst [ scrollToElement ] = useScrollToElement(\n\t\tscrollViewRef,\n\t\tscrollToSection\n\t);\n\n\tconst measureScrollView = useCallback( () => {\n\t\tif ( scrollViewRef.current ) {\n\t\t\tscrollViewRef.current.measureInWindow( ( _x, y, width, height ) => {\n\t\t\t\tscrollViewMeasurements.current = { y, width, height };\n\t\t\t} );\n\t\t}\n\t}, [ scrollViewRef ] );\n\n\tconst onContentSizeChange = useCallback( () => {\n\t\tif ( onSizeChange ) {\n\t\t\tonSizeChange();\n\t\t}\n\n\t\t// Sets the first values when the content size changes.\n\t\tif ( ! scrollViewMeasurements.current ) {\n\t\t\tmeasureScrollView();\n\t\t}\n\t}, [ measureScrollView, onSizeChange ] );\n\n\treturn {\n\t\tscrollViewRef,\n\t\tscrollHandler,\n\t\tkeyboardOffset,\n\t\tscrollToSection,\n\t\tscrollToElement,\n\t\tonContentSizeChange,\n\t\tlastScrollTo,\n\t};\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAQA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,mBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AApBA;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASO,SAASA,CAAE;EAClCC,aAAa;EACbC,4BAA4B;EAC5BC,QAAQ;EACRC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC9B,MAAMC,sBAAsB,GAAG,IAAAD,eAAM,EAAC,CAAC;EACvC,MAAME,iBAAiB,GAAG,IAAAC,qCAAc,EAAE,CAAC,CAAE,CAAC;EAC9C,MAAMC,YAAY,GAAG,IAAAJ,eAAM,EAAE;IAC5BK,QAAQ,EAAE;EACX,CAAE,CAAC;EAEH,MAAM;IAAEC,MAAM,EAAEC,YAAY;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC1E,MAAMC,WAAW,GAAGF,WAAW,IAAIF,YAAY;EAE/C,MAAM,CAAEK,cAAc,CAAE,GAAG,IAAAC,0BAAiB,EAC3CnB,aAAa,EACbC,4BACD,CAAC;EAED,MAAMmB,aAAa,GAAG,IAAAC,+CAAwB,EAAE;IAC/CnB,QAAQ,EAAIoB,KAAK,IAAM;MACtB,MAAM;QAAEC;MAAc,CAAC,GAAGD,KAAK;MAC/Bd,iBAAiB,CAACgB,KAAK,GAAGD,aAAa,CAACE,CAAC;MACzCvB,QAAQ,CAAEoB,KAAM,CAAC;IAClB;EACD,CAAE,CAAC;;EAEH;EACA;EACA,IAAAI,kBAAS,EAAE,MAAM;IAChBnB,sBAAsB,CAACoB,OAAO,GAAG,IAAI;EACtC,CAAC,EAAE,CAAEV,WAAW,CAAG,CAAC;EAEpB,MAAM,CAAEW,eAAe,CAAE,GAAG,IAAAC,2BAAkB,EAC7CzB,iBAAiB,EACjBc,cAAc,EACdlB,aAAa,EACbO,sBAAsB,EACtBF,aAAa,EACbG,iBACD,CAAC;EACD,MAAM,CAAEsB,eAAe,CAAE,GAAG,IAAAC,2BAAkB,EAC7C1B,aAAa,EACbuB,eACD,CAAC;EAED,MAAMI,iBAAiB,GAAG,IAAAC,oBAAW,EAAE,MAAM;IAC5C,IAAK5B,aAAa,CAACsB,OAAO,EAAG;MAC5BtB,aAAa,CAACsB,OAAO,CAACO,eAAe,CAAE,CAAEC,EAAE,EAAEV,CAAC,EAAEX,KAAK,EAAEF,MAAM,KAAM;QAClEL,sBAAsB,CAACoB,OAAO,GAAG;UAAEF,CAAC;UAAEX,KAAK;UAAEF;QAAO,CAAC;MACtD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEP,aAAa,CAAG,CAAC;EAEtB,MAAM+B,mBAAmB,GAAG,IAAAH,oBAAW,EAAE,MAAM;IAC9C,IAAK9B,YAAY,EAAG;MACnBA,YAAY,CAAC,CAAC;IACf;;IAEA;IACA,IAAK,CAAEI,sBAAsB,CAACoB,OAAO,EAAG;MACvCK,iBAAiB,CAAC,CAAC;IACpB;EACD,CAAC,EAAE,CAAEA,iBAAiB,EAAE7B,YAAY,CAAG,CAAC;EAExC,OAAO;IACNE,aAAa;IACbe,aAAa;IACbF,cAAc;IACdU,eAAe;IACfE,eAAe;IACfM,mBAAmB;IACnB1B;EACD,CAAC;AACF","ignoreList":[]}

package/build/mobile/keyboard-aware-flat-list/use-text-input-caret-position.native.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useTextInputCaretPosition;
-var _reactNativeAztec = _interopRequireDefault(require("@wordpress/react-native-aztec"));
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/**
- * Hook that listens to caret changes from AztecView TextInputs.
- *
- * @param {boolean} scrollEnabled Whether the scroll is enabled or not.
- * @return {[number]} Current caret's data.
- */
-function useTextInputCaretPosition(scrollEnabled) {
-  const [currentCaretData, setCurrentCaretData] = (0, _element.useState)();
-  const onCaretChange = (0, _element.useCallback)(caret => {
-    setCurrentCaretData(caret);
-  }, []);
-  (0, _element.useEffect)(() => {
-    if (scrollEnabled) {
-      _reactNativeAztec.default.InputState.addCaretChangeListener(onCaretChange);
-    } else {
-      _reactNativeAztec.default.InputState.removeCaretChangeListener(onCaretChange);
-    }
-    return () => {
-      if (scrollEnabled) {
-        _reactNativeAztec.default.InputState.removeCaretChangeListener(onCaretChange);
-      }
-    };
-  }, [scrollEnabled, onCaretChange]);
-  return [currentCaretData];
-}
-//# sourceMappingURL=use-text-input-caret-position.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-text-input-caret-position.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeAztec","_interopRequireDefault","require","_element","useTextInputCaretPosition","scrollEnabled","currentCaretData","setCurrentCaretData","useState","onCaretChange","useCallback","caret","useEffect","RCTAztecView","InputState","addCaretChangeListener","removeCaretChangeListener"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-text-input-caret-position.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport RCTAztecView from '@wordpress/react-native-aztec';\nimport { useCallback, useEffect, useState } from '@wordpress/element';\n\n/**\n * Hook that listens to caret changes from AztecView TextInputs.\n *\n * @param {boolean} scrollEnabled Whether the scroll is enabled or not.\n * @return {[number]} Current caret's data.\n */\nexport default function useTextInputCaretPosition( scrollEnabled ) {\n\tconst [ currentCaretData, setCurrentCaretData ] = useState();\n\n\tconst onCaretChange = useCallback( ( caret ) => {\n\t\tsetCurrentCaretData( caret );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( scrollEnabled ) {\n\t\t\tRCTAztecView.InputState.addCaretChangeListener( onCaretChange );\n\t\t} else {\n\t\t\tRCTAztecView.InputState.removeCaretChangeListener( onCaretChange );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( scrollEnabled ) {\n\t\t\t\tRCTAztecView.InputState.removeCaretChangeListener(\n\t\t\t\t\tonCaretChange\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ scrollEnabled, onCaretChange ] );\n\treturn [ currentCaretData ];\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACe,SAASE,yBAAyBA,CAAEC,aAAa,EAAG;EAClE,MAAM,CAAEC,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAE5D,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAIC,KAAK,IAAM;IAC/CJ,mBAAmB,CAAEI,KAAM,CAAC;EAC7B,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKP,aAAa,EAAG;MACpBQ,yBAAY,CAACC,UAAU,CAACC,sBAAsB,CAAEN,aAAc,CAAC;IAChE,CAAC,MAAM;MACNI,yBAAY,CAACC,UAAU,CAACE,yBAAyB,CAAEP,aAAc,CAAC;IACnE;IAEA,OAAO,MAAM;MACZ,IAAKJ,aAAa,EAAG;QACpBQ,yBAAY,CAACC,UAAU,CAACE,yBAAyB,CAChDP,aACD,CAAC;MACF;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,aAAa,EAAEI,aAAa,CAAG,CAAC;EACrC,OAAO,CAAEH,gBAAgB,CAAE;AAC5B","ignoreList":[]}

package/build/mobile/keyboard-aware-flat-list/use-text-input-offset.native.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useTextInputOffset;
-var _reactNativeAztec = _interopRequireDefault(require("@wordpress/react-native-aztec"));
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/** @typedef {import('@wordpress/element').RefObject} RefObject */
-/**
- * Hook that calculates the currently focused TextInput's current
- * caret Y coordinate position.
- *
- * @param {boolean}   scrollEnabled Whether the scroll is enabled or not.
- * @param {RefObject} scrollViewRef ScrollView reference.
- * @return {[Function]} Function to get the current TextInput's offset.
- */
-function useTextInputOffset(scrollEnabled, scrollViewRef) {
-  const getTextInputOffset = (0, _element.useCallback)(async caret => {
-    const {
-      caretY = null
-    } = caret !== null && caret !== void 0 ? caret : {};
-    const textInput = _reactNativeAztec.default.InputState.getCurrentFocusedElement();
-    return new Promise(resolve => {
-      if (scrollViewRef.current && textInput && scrollEnabled && caretY !== null) {
-        textInput.measureLayout(scrollViewRef.current, (_x, y, _width, height) => {
-          const caretYOffset =
-          // For cases where the caretY value is -1
-          // we use the y + height value, e.g the current
-          // character index is not valid or out of bounds
-          // see https://github.com/wordpress-mobile/AztecEditor-iOS/blob/4d0522d67b0056ac211466caaa76936cc5b4f947/Aztec/Classes/TextKit/TextView.swift#L762
-          caretY >= 0 && caretY < height ? y + caretY : y + height;
-          resolve(Math.round(Math.abs(caretYOffset)));
-        }, () => resolve(null));
-      } else {
-        resolve(null);
-      }
-    });
-  }, [scrollEnabled, scrollViewRef]);
-  return [getTextInputOffset];
-}
-//# sourceMappingURL=use-text-input-offset.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-text-input-offset.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeAztec","_interopRequireDefault","require","_element","useTextInputOffset","scrollEnabled","scrollViewRef","getTextInputOffset","useCallback","caret","caretY","textInput","RCTAztecView","InputState","getCurrentFocusedElement","Promise","resolve","current","measureLayout","_x","y","_width","height","caretYOffset","Math","round","abs"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-text-input-offset.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport RCTAztecView from '@wordpress/react-native-aztec';\nimport { useCallback } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/**\n * Hook that calculates the currently focused TextInput's current\n * caret Y coordinate position.\n *\n * @param {boolean}   scrollEnabled Whether the scroll is enabled or not.\n * @param {RefObject} scrollViewRef ScrollView reference.\n * @return {[Function]} Function to get the current TextInput's offset.\n */\nexport default function useTextInputOffset( scrollEnabled, scrollViewRef ) {\n\tconst getTextInputOffset = useCallback(\n\t\tasync ( caret ) => {\n\t\t\tconst { caretY = null } = caret ?? {};\n\t\t\tconst textInput =\n\t\t\t\tRCTAztecView.InputState.getCurrentFocusedElement();\n\n\t\t\treturn new Promise( ( resolve ) => {\n\t\t\t\tif (\n\t\t\t\t\tscrollViewRef.current &&\n\t\t\t\t\ttextInput &&\n\t\t\t\t\tscrollEnabled &&\n\t\t\t\t\tcaretY !== null\n\t\t\t\t) {\n\t\t\t\t\ttextInput.measureLayout(\n\t\t\t\t\t\tscrollViewRef.current,\n\t\t\t\t\t\t( _x, y, _width, height ) => {\n\t\t\t\t\t\t\tconst caretYOffset =\n\t\t\t\t\t\t\t\t// For cases where the caretY value is -1\n\t\t\t\t\t\t\t\t// we use the y + height value, e.g the current\n\t\t\t\t\t\t\t\t// character index is not valid or out of bounds\n\t\t\t\t\t\t\t\t// see https://github.com/wordpress-mobile/AztecEditor-iOS/blob/4d0522d67b0056ac211466caaa76936cc5b4f947/Aztec/Classes/TextKit/TextView.swift#L762\n\t\t\t\t\t\t\t\tcaretY >= 0 && caretY < height\n\t\t\t\t\t\t\t\t\t? y + caretY\n\t\t\t\t\t\t\t\t\t: y + height;\n\t\t\t\t\t\t\tresolve( Math.round( Math.abs( caretYOffset ) ) );\n\t\t\t\t\t\t},\n\t\t\t\t\t\t() => resolve( null )\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tresolve( null );\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ scrollEnabled, scrollViewRef ]\n\t);\n\n\treturn [ getTextInputOffset ];\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASE,kBAAkBA,CAAEC,aAAa,EAAEC,aAAa,EAAG;EAC1E,MAAMC,kBAAkB,GAAG,IAAAC,oBAAW,EACrC,MAAQC,KAAK,IAAM;IAClB,MAAM;MAAEC,MAAM,GAAG;IAAK,CAAC,GAAGD,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC;IACrC,MAAME,SAAS,GACdC,yBAAY,CAACC,UAAU,CAACC,wBAAwB,CAAC,CAAC;IAEnD,OAAO,IAAIC,OAAO,CAAIC,OAAO,IAAM;MAClC,IACCV,aAAa,CAACW,OAAO,IACrBN,SAAS,IACTN,aAAa,IACbK,MAAM,KAAK,IAAI,EACd;QACDC,SAAS,CAACO,aAAa,CACtBZ,aAAa,CAACW,OAAO,EACrB,CAAEE,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,MAAM,KAAM;UAC5B,MAAMC,YAAY;UACjB;UACA;UACA;UACA;UACAb,MAAM,IAAI,CAAC,IAAIA,MAAM,GAAGY,MAAM,GAC3BF,CAAC,GAAGV,MAAM,GACVU,CAAC,GAAGE,MAAM;UACdN,OAAO,CAAEQ,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,GAAG,CAAEH,YAAa,CAAE,CAAE,CAAC;QAClD,CAAC,EACD,MAAMP,OAAO,CAAE,IAAK,CACrB,CAAC;MACF,CAAC,MAAM;QACNA,OAAO,CAAE,IAAK,CAAC;MAChB;IACD,CAAE,CAAC;EACJ,CAAC,EACD,CAAEX,aAAa,EAAEC,aAAa,CAC/B,CAAC;EAED,OAAO,CAAEC,kBAAkB,CAAE;AAC9B","ignoreList":[]}

package/build/mobile/layout-animation/index.native.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.performLayoutAnimation = performLayoutAnimation;
-var _reactNative = require("react-native");
-/**
- * External dependencies
- */
-
-const ANIMATION_DURATION = 300;
-function performLayoutAnimation(duration = ANIMATION_DURATION) {
-  _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.create(duration, _reactNative.LayoutAnimation.Types.easeInEaseOut, _reactNative.LayoutAnimation.Properties.opacity));
-}
-//# sourceMappingURL=index.native.js.map

package/build/mobile/layout-animation/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","ANIMATION_DURATION","performLayoutAnimation","duration","LayoutAnimation","configureNext","create","Types","easeInEaseOut","Properties","opacity"],"sources":["@wordpress/components/src/mobile/layout-animation/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { LayoutAnimation } from 'react-native';\n\nconst ANIMATION_DURATION = 300;\n\nexport function performLayoutAnimation( duration = ANIMATION_DURATION ) {\n\tLayoutAnimation.configureNext(\n\t\tLayoutAnimation.create(\n\t\t\tduration,\n\t\t\tLayoutAnimation.Types.easeInEaseOut,\n\t\t\tLayoutAnimation.Properties.opacity\n\t\t)\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,kBAAkB,GAAG,GAAG;AAEvB,SAASC,sBAAsBA,CAAEC,QAAQ,GAAGF,kBAAkB,EAAG;EACvEG,4BAAe,CAACC,aAAa,CAC5BD,4BAAe,CAACE,MAAM,CACrBH,QAAQ,EACRC,4BAAe,CAACG,KAAK,CAACC,aAAa,EACnCJ,4BAAe,CAACK,UAAU,CAACC,OAC5B,CACD,CAAC;AACF","ignoreList":[]}

package/build/mobile/link-picker/index.native.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createDirectEntry = exports.LinkPicker = void 0;
-var _reactNative = require("react-native");
-var _clipboard = _interopRequireDefault(require("@react-native-clipboard/clipboard"));
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _url = require("@wordpress/url");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _linkPickerResults = _interopRequireDefault(require("./link-picker-results"));
-var _navBar = _interopRequireDefault(require("../bottom-sheet/nav-bar"));
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
-var _icon = _interopRequireDefault(require("../../icon"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// This creates a search suggestion for adding a url directly.
-const createDirectEntry = value => {
-  let type = 'URL';
-  const protocol = (0, _url.getProtocol)(value)?.toLowerCase() || '';
-  if (protocol.includes('mailto')) {
-    type = 'mailto';
-  }
-  if (protocol.includes('tel')) {
-    type = 'tel';
-  }
-  if (value?.startsWith('#')) {
-    type = 'internal';
-  }
-  return {
-    isDirectEntry: true,
-    title: value,
-    url: type === 'URL' ? (0, _url.prependHTTP)(value) : value,
-    type
-  };
-};
-exports.createDirectEntry = createDirectEntry;
-const getURLFromClipboard = async () => {
-  const text = await _clipboard.default.getString();
-  return !!text && (0, _url.isURL)(text) ? text : '';
-};
-const LinkPicker = ({
-  value: initialValue,
-  onLinkPicked,
-  onCancel: cancel
-}) => {
-  const [value, setValue] = (0, _element.useState)(initialValue);
-  const [clipboardUrl, setClipboardUrl] = (0, _element.useState)('');
-  const directEntry = createDirectEntry(value);
-
-  // The title of a direct entry is displayed as the raw input value, but if we
-  // are replacing empty text, we want to use the generated url.
-  const pickLink = ({
-    title,
-    url,
-    isDirectEntry
-  }) => {
-    onLinkPicked({
-      title: isDirectEntry ? url : title,
-      url
-    });
-  };
-  const onSubmit = () => {
-    pickLink(directEntry);
-  };
-  const clear = () => {
-    setValue('');
-    setClipboardUrl('');
-  };
-  const omniCellStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.omniCell, _styles.default.omniCellDark);
-  const iconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.icon, _styles.default.iconDark);
-  (0, _element.useEffect)(() => {
-    getURLFromClipboard().then(setClipboardUrl).catch(() => setClipboardUrl(''));
-  }, []);
-
-  // TODO: Localize the accessibility label.
-  // TODO: Decide on if `LinkSuggestionItemCell` with `isDirectEntry` makes sense.
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
-    style: _styles.default.safeArea,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.DismissButton, {
-        onPress: cancel
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.Heading, {
-        children: (0, _i18n.__)('Link to')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.ApplyButton, {
-        onPress: onSubmit
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _styles.default.contentContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
-        icon: _icons.link,
-        style: omniCellStyle,
-        valueStyle: _styles.default.omniInput,
-        value: value,
-        placeholder: (0, _i18n.__)('Search or type URL'),
-        autoCapitalize: "none",
-        autoCorrect: false,
-        keyboardType: "url",
-        onChangeValue: setValue,
-        onSubmit: onSubmit
-        /* eslint-disable-next-line jsx-a11y/no-autofocus */,
-        autoFocus: true,
-        separatorType: "none",
-        children: value !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: clear,
-          style: _styles.default.clearIcon,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
-            icon: _icons.cancelCircleFilled,
-            fill: iconStyle.color,
-            size: 24
-          })
-        })
-      }), !!clipboardUrl && clipboardUrl !== value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.LinkSuggestionItemCell, {
-        accessible: true,
-        accessibilityLabel: (0, _i18n.sprintf)(/* translators: %s: Copy URL from the clipboard, https://sample.url */
-        (0, _i18n.__)('Copy URL from the clipboard, %s'), clipboardUrl),
-        suggestion: {
-          type: 'clipboard',
-          url: clipboardUrl,
-          isDirectEntry: true
-        },
-        onLinkPicked: pickLink
-      }), !!value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkPickerResults.default, {
-        query: value,
-        onLinkPicked: pickLink,
-        directEntry: directEntry
-      })]
-    })]
-  });
-};
-exports.LinkPicker = LinkPicker;
-//# sourceMappingURL=index.native.js.map

package/build/mobile/link-picker/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_clipboard","_interopRequireDefault","_element","_i18n","_url","_icons","_compose","_linkPickerResults","_navBar","_styles","_bottomSheet","_icon","_jsxRuntime","createDirectEntry","value","type","protocol","getProtocol","toLowerCase","includes","startsWith","isDirectEntry","title","url","prependHTTP","exports","getURLFromClipboard","text","Clipboard","getString","isURL","LinkPicker","initialValue","onLinkPicked","onCancel","cancel","setValue","useState","clipboardUrl","setClipboardUrl","directEntry","pickLink","onSubmit","clear","omniCellStyle","usePreferredColorSchemeStyle","styles","omniCell","omniCellDark","iconStyle","icon","iconDark","useEffect","then","catch","jsxs","SafeAreaView","style","safeArea","children","default","jsx","DismissButton","onPress","Heading","__","ApplyButton","View","contentContainer","Cell","link","valueStyle","omniInput","placeholder","autoCapitalize","autoCorrect","keyboardType","onChangeValue","autoFocus","separatorType","TouchableOpacity","clearIcon","cancelCircleFilled","fill","color","size","LinkSuggestionItemCell","accessible","accessibilityLabel","sprintf","suggestion","query"],"sources":["@wordpress/components/src/mobile/link-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, TouchableOpacity, View } from 'react-native';\nimport Clipboard from '@react-native-clipboard/clipboard';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { getProtocol, isURL, prependHTTP } from '@wordpress/url';\nimport { link, cancelCircleFilled } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport LinkPickerResults from './link-picker-results';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\nimport BottomSheet from '../bottom-sheet';\nimport Icon from '../../icon';\n\n// This creates a search suggestion for adding a url directly.\nexport const createDirectEntry = ( value ) => {\n\tlet type = 'URL';\n\n\tconst protocol = getProtocol( value )?.toLowerCase() || '';\n\n\tif ( protocol.includes( 'mailto' ) ) {\n\t\ttype = 'mailto';\n\t}\n\n\tif ( protocol.includes( 'tel' ) ) {\n\t\ttype = 'tel';\n\t}\n\n\tif ( value?.startsWith( '#' ) ) {\n\t\ttype = 'internal';\n\t}\n\n\treturn {\n\t\tisDirectEntry: true,\n\t\ttitle: value,\n\t\turl: type === 'URL' ? prependHTTP( value ) : value,\n\t\ttype,\n\t};\n};\n\nconst getURLFromClipboard = async () => {\n\tconst text = await Clipboard.getString();\n\treturn !! text && isURL( text ) ? text : '';\n};\n\nexport const LinkPicker = ( {\n\tvalue: initialValue,\n\tonLinkPicked,\n\tonCancel: cancel,\n} ) => {\n\tconst [ value, setValue ] = useState( initialValue );\n\tconst [ clipboardUrl, setClipboardUrl ] = useState( '' );\n\tconst directEntry = createDirectEntry( value );\n\n\t// The title of a direct entry is displayed as the raw input value, but if we\n\t// are replacing empty text, we want to use the generated url.\n\tconst pickLink = ( { title, url, isDirectEntry } ) => {\n\t\tonLinkPicked( { title: isDirectEntry ? url : title, url } );\n\t};\n\n\tconst onSubmit = () => {\n\t\tpickLink( directEntry );\n\t};\n\n\tconst clear = () => {\n\t\tsetValue( '' );\n\t\tsetClipboardUrl( '' );\n\t};\n\n\tconst omniCellStyle = usePreferredColorSchemeStyle(\n\t\tstyles.omniCell,\n\t\tstyles.omniCellDark\n\t);\n\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tuseEffect( () => {\n\t\tgetURLFromClipboard()\n\t\t\t.then( setClipboardUrl )\n\t\t\t.catch( () => setClipboardUrl( '' ) );\n\t}, [] );\n\n\t// TODO: Localize the accessibility label.\n\t// TODO: Decide on if `LinkSuggestionItemCell` with `isDirectEntry` makes sense.\n\treturn (\n\t\t<SafeAreaView style={ styles.safeArea }>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.DismissButton onPress={ cancel } />\n\t\t\t\t<NavBar.Heading>{ __( 'Link to' ) }</NavBar.Heading>\n\t\t\t\t<NavBar.ApplyButton onPress={ onSubmit } />\n\t\t\t</NavBar>\n\t\t\t<View style={ styles.contentContainer }>\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ link }\n\t\t\t\t\tstyle={ omniCellStyle }\n\t\t\t\t\tvalueStyle={ styles.omniInput }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ __( 'Search or type URL' ) }\n\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\tonChangeValue={ setValue }\n\t\t\t\t\tonSubmit={ onSubmit }\n\t\t\t\t\t/* eslint-disable-next-line jsx-a11y/no-autofocus */\n\t\t\t\t\tautoFocus\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t>\n\t\t\t\t\t{ value !== '' && (\n\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\tonPress={ clear }\n\t\t\t\t\t\t\tstyle={ styles.clearIcon }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ cancelCircleFilled }\n\t\t\t\t\t\t\t\tfill={ iconStyle.color }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t{ !! clipboardUrl && clipboardUrl !== value && (\n\t\t\t\t\t<BottomSheet.LinkSuggestionItemCell\n\t\t\t\t\t\taccessible\n\t\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Copy URL from the clipboard, https://sample.url */\n\t\t\t\t\t\t\t__( 'Copy URL from the clipboard, %s' ),\n\t\t\t\t\t\t\tclipboardUrl\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tsuggestion={ {\n\t\t\t\t\t\t\ttype: 'clipboard',\n\t\t\t\t\t\t\turl: clipboardUrl,\n\t\t\t\t\t\t\tisDirectEntry: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ !! value && (\n\t\t\t\t\t<LinkPickerResults\n\t\t\t\t\t\tquery={ value }\n\t\t\t\t\t\tonLinkPicked={ pickLink }\n\t\t\t\t\t\tdirectEntry={ directEntry }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</SafeAreaView>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}