@wordpress/components 27.6.0 → 28.0.0

package/build-module/mobile/link-settings/link-rel.native.js

@@ -1,12 +1,13 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { Path, SVG } from '@wordpress/components';
-export default createElement(SVG, {
+import { Path, SVG } from '@wordpress/primitives';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/_jsx(SVG, {
   viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, createElement(Path, {
-  d: "M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"
+  })
+});
 //# sourceMappingURL=link-rel.native.js.map

package/build-module/mobile/link-settings/link-rel.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Path","SVG","createElement","viewBox","xmlns","d"],"sources":["@wordpress/components/src/mobile/link-settings/link-rel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\" />\n\t</SVG>\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAEjD,eACCC,aAAA,CAACD,GAAG;EAACE,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC;AAA4B,GAC1DF,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC;AAAqI,CAAE,CAC3I,CAAC","ignoreList":[]}
+{"version":3,"names":["Path","SVG","jsx","_jsx","viewBox","xmlns","children","d"],"sources":["@wordpress/components/src/mobile/link-settings/link-rel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\nexport default (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path d=\"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z\" />\n\t</SVG>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,4BACCA,IAAA,CAACF,GAAG;EAACG,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,eAC1DH,IAAA,CAACH,IAAI;IAACO,CAAC,EAAC;EAAqI,CAAE;AAAC,CAC5I,CAAC","ignoreList":[]}

package/build-module/mobile/link-settings/link-settings-navigation.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,38 +8,44 @@ import { memo } from '@wordpress/element';
 import BottomSheet from '../bottom-sheet';
 import LinkSettingsScreen from './link-settings-screen';
 import LinkPickerScreen from '../link-picker/link-picker-screen';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const linkSettingsScreens = {
   settings: 'LinkSettingsScreen',
   linkPicker: 'linkPicker'
 };
 function LinkSettingsNavigation(props) {
   if (!props.withBottomSheet) {
-    return createElement(LinkSettingsScreen, {
+    return /*#__PURE__*/_jsx(LinkSettingsScreen, {
       ...props
     });
   }
-  return createElement(BottomSheet, {
+  return /*#__PURE__*/_jsx(BottomSheet, {
     isVisible: props.isVisible,
     onClose: props.onClose,
     onDismiss: props.onDismiss,
     testID: "link-settings-navigation",
     hideHeader: true,
-    hasNavigation: true
-  }, createElement(BottomSheet.NavigationContainer, {
-    animate: true,
-    main: true
-  }, createElement(BottomSheet.NavigationScreen, {
-    name: linkSettingsScreens.settings
-  }, createElement(LinkSettingsScreen, {
-    ...props,
-    withBottomSheet: true
-  })), createElement(BottomSheet.NavigationScreen, {
-    name: linkSettingsScreens.linkPicker,
-    isScrollable: true,
-    fullScreen: true
-  }, createElement(LinkPickerScreen, {
-    returnScreenName: linkSettingsScreens.settings
-  }))));
+    hasNavigation: true,
+    children: /*#__PURE__*/_jsxs(BottomSheet.NavigationContainer, {
+      animate: true,
+      main: true,
+      children: [/*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: linkSettingsScreens.settings,
+        children: /*#__PURE__*/_jsx(LinkSettingsScreen, {
+          ...props,
+          withBottomSheet: true
+        })
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: linkSettingsScreens.linkPicker,
+        isScrollable: true,
+        fullScreen: true,
+        children: /*#__PURE__*/_jsx(LinkPickerScreen, {
+          returnScreenName: linkSettingsScreens.settings
+        })
+      })]
+    })
+  });
 }
 export default memo(LinkSettingsNavigation);
 //# sourceMappingURL=link-settings-navigation.native.js.map

package/build-module/mobile/link-settings/link-settings-navigation.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","BottomSheet","LinkSettingsScreen","LinkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","createElement","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport LinkSettingsScreen from './link-settings-screen';\nimport LinkPickerScreen from '../link-picker/link-picker-screen';\n\nconst linkSettingsScreens = {\n\tsettings: 'LinkSettingsScreen',\n\tlinkPicker: 'linkPicker',\n};\n\nfunction LinkSettingsNavigation( props ) {\n\tif ( ! props.withBottomSheet ) {\n\t\treturn <LinkSettingsScreen { ...props } />;\n\t}\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t\tonDismiss={ props.onDismiss }\n\t\t\ttestID=\"link-settings-navigation\"\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<LinkSettingsScreen { ...props } withBottomSheet />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.linkPicker }\n\t\t\t\t\tisScrollable\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ linkSettingsScreens.settings }\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\nexport default memo( LinkSettingsNavigation );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,gBAAgB,MAAM,mCAAmC;AAEhE,MAAMC,mBAAmB,GAAG;EAC3BC,QAAQ,EAAE,oBAAoB;EAC9BC,UAAU,EAAE;AACb,CAAC;AAED,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,IAAK,CAAEA,KAAK,CAACC,eAAe,EAAG;IAC9B,OAAOC,aAAA,CAACR,kBAAkB;MAAA,GAAMM;IAAK,CAAI,CAAC;EAC3C;EACA,OACCE,aAAA,CAACT,WAAW;IACXU,SAAS,EAAGH,KAAK,CAACG,SAAW;IAC7BC,OAAO,EAAGJ,KAAK,CAACI,OAAS;IACzBC,SAAS,EAAGL,KAAK,CAACK,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;EAAA,GAEbN,aAAA,CAACT,WAAW,CAACgB,mBAAmB;IAACC,OAAO;IAACC,IAAI;EAAA,GAC5CT,aAAA,CAACT,WAAW,CAACmB,gBAAgB;IAC5BC,IAAI,EAAGjB,mBAAmB,CAACC;EAAU,GAErCK,aAAA,CAACR,kBAAkB;IAAA,GAAMM,KAAK;IAAGC,eAAe;EAAA,CAAE,CACrB,CAAC,EAC/BC,aAAA,CAACT,WAAW,CAACmB,gBAAgB;IAC5BC,IAAI,EAAGjB,mBAAmB,CAACE,UAAY;IACvCgB,YAAY;IACZC,UAAU;EAAA,GAEVb,aAAA,CAACP,gBAAgB;IAChBqB,gBAAgB,EAAGpB,mBAAmB,CAACC;EAAU,CACjD,CAC4B,CACE,CACrB,CAAC;AAEhB;AAEA,eAAeL,IAAI,CAAEO,sBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","BottomSheet","LinkSettingsScreen","LinkPickerScreen","jsx","_jsx","jsxs","_jsxs","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","children","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-navigation.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport LinkSettingsScreen from './link-settings-screen';\nimport LinkPickerScreen from '../link-picker/link-picker-screen';\n\nconst linkSettingsScreens = {\n\tsettings: 'LinkSettingsScreen',\n\tlinkPicker: 'linkPicker',\n};\n\nfunction LinkSettingsNavigation( props ) {\n\tif ( ! props.withBottomSheet ) {\n\t\treturn <LinkSettingsScreen { ...props } />;\n\t}\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t\tonDismiss={ props.onDismiss }\n\t\t\ttestID=\"link-settings-navigation\"\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<LinkSettingsScreen { ...props } withBottomSheet />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ linkSettingsScreens.linkPicker }\n\t\t\t\t\tisScrollable\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ linkSettingsScreens.settings }\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\nexport default memo( LinkSettingsNavigation );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,gBAAgB,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjE,MAAMC,mBAAmB,GAAG;EAC3BC,QAAQ,EAAE,oBAAoB;EAC9BC,UAAU,EAAE;AACb,CAAC;AAED,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,IAAK,CAAEA,KAAK,CAACC,eAAe,EAAG;IAC9B,oBAAOR,IAAA,CAACH,kBAAkB;MAAA,GAAMU;IAAK,CAAI,CAAC;EAC3C;EACA,oBACCP,IAAA,CAACJ,WAAW;IACXa,SAAS,EAAGF,KAAK,CAACE,SAAW;IAC7BC,OAAO,EAAGH,KAAK,CAACG,OAAS;IACzBC,SAAS,EAAGJ,KAAK,CAACI,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;IAAAC,QAAA,eAEbb,KAAA,CAACN,WAAW,CAACoB,mBAAmB;MAACC,OAAO;MAACC,IAAI;MAAAH,QAAA,gBAC5Cf,IAAA,CAACJ,WAAW,CAACuB,gBAAgB;QAC5BC,IAAI,EAAGjB,mBAAmB,CAACC,QAAU;QAAAW,QAAA,eAErCf,IAAA,CAACH,kBAAkB;UAAA,GAAMU,KAAK;UAAGC,eAAe;QAAA,CAAE;MAAC,CACtB,CAAC,eAC/BR,IAAA,CAACJ,WAAW,CAACuB,gBAAgB;QAC5BC,IAAI,EAAGjB,mBAAmB,CAACE,UAAY;QACvCgB,YAAY;QACZC,UAAU;QAAAP,QAAA,eAEVf,IAAA,CAACF,gBAAgB;UAChByB,gBAAgB,EAAGpB,mBAAmB,CAACC;QAAU,CACjD;MAAC,CAC2B,CAAC;IAAA,CACC;EAAC,CACtB,CAAC;AAEhB;AAEA,eAAeT,IAAI,CAAEW,sBAAuB,CAAC","ignoreList":[]}

package/build-module/mobile/link-settings/link-settings-screen.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,6 +12,7 @@ import { useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import LinkSettings from './';
+import { jsx as _jsx } from "react/jsx-runtime";
 const LinkSettingsScreen = props => {
   const navigation = useNavigation();
   const route = useRoute();
@@ -34,7 +34,7 @@ const LinkSettingsScreen = props => {
     }
   };
   return useMemo(() => {
-    return createElement(LinkSettings, {
+    return /*#__PURE__*/_jsx(LinkSettings, {
       ...props,
       onLinkCellPressed: props.hasPicker ? onLinkCellPressed : undefined,
       urlValue: inputValue

package/build-module/mobile/link-settings/link-settings-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","useRoute","useMemo","LinkSettings","LinkSettingsScreen","props","navigation","route","url","inputValue","params","onLinkCellPressed","navigate","createElement","hasPicker","undefined","urlValue"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport LinkSettings from './';\n\nconst LinkSettingsScreen = ( props ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst { inputValue = url } = route.params || {};\n\n\tconst onLinkCellPressed = () => {\n\t\tif ( props.onLinkCellPressed ) {\n\t\t\tprops.onLinkCellPressed( { navigation } );\n\t\t} else {\n\t\t\tnavigation.navigate( 'linkPicker', { inputValue } );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkSettings\n\t\t\t\t{ ...props }\n\t\t\t\tonLinkCellPressed={\n\t\t\t\t\tprops.hasPicker ? onLinkCellPressed : undefined\n\t\t\t\t}\n\t\t\t\turlValue={ inputValue }\n\t\t\t/>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ props, inputValue, navigation, route ] );\n};\n\nexport default LinkSettingsScreen;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,IAAI;AAE7B,MAAMC,kBAAkB,GAAKC,KAAK,IAAM;EACvC,MAAMC,UAAU,GAAGN,aAAa,CAAC,CAAC;EAClC,MAAMO,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEO,GAAG,GAAG;EAAG,CAAC,GAAGH,KAAK;EAC1B,MAAM;IAAEI,UAAU,GAAGD;EAAI,CAAC,GAAGD,KAAK,CAACG,MAAM,IAAI,CAAC,CAAC;EAE/C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC/B,IAAKN,KAAK,CAACM,iBAAiB,EAAG;MAC9BN,KAAK,CAACM,iBAAiB,CAAE;QAAEL;MAAW,CAAE,CAAC;IAC1C,CAAC,MAAM;MACNA,UAAU,CAACM,QAAQ,CAAE,YAAY,EAAE;QAAEH;MAAW,CAAE,CAAC;IACpD;EACD,CAAC;EAED,OAAOP,OAAO,CAAE,MAAM;IACrB,OACCW,aAAA,CAACV,YAAY;MAAA,GACPE,KAAK;MACVM,iBAAiB,EAChBN,KAAK,CAACS,SAAS,GAAGH,iBAAiB,GAAGI,SACtC;MACDC,QAAQ,EAAGP;IAAY,CACvB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEJ,KAAK,EAAEI,UAAU,EAAEH,UAAU,EAAEC,KAAK,CAAG,CAAC;AAC9C,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}
+{"version":3,"names":["useNavigation","useRoute","useMemo","LinkSettings","jsx","_jsx","LinkSettingsScreen","props","navigation","route","url","inputValue","params","onLinkCellPressed","navigate","hasPicker","undefined","urlValue"],"sources":["@wordpress/components/src/mobile/link-settings/link-settings-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport LinkSettings from './';\n\nconst LinkSettingsScreen = ( props ) => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst { inputValue = url } = route.params || {};\n\n\tconst onLinkCellPressed = () => {\n\t\tif ( props.onLinkCellPressed ) {\n\t\t\tprops.onLinkCellPressed( { navigation } );\n\t\t} else {\n\t\t\tnavigation.navigate( 'linkPicker', { inputValue } );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<LinkSettings\n\t\t\t\t{ ...props }\n\t\t\t\tonLinkCellPressed={\n\t\t\t\t\tprops.hasPicker ? onLinkCellPressed : undefined\n\t\t\t\t}\n\t\t\t\turlValue={ inputValue }\n\t\t\t/>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ props, inputValue, navigation, route ] );\n};\n\nexport default LinkSettingsScreen;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,IAAI;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,kBAAkB,GAAKC,KAAK,IAAM;EACvC,MAAMC,UAAU,GAAGR,aAAa,CAAC,CAAC;EAClC,MAAMS,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAES,GAAG,GAAG;EAAG,CAAC,GAAGH,KAAK;EAC1B,MAAM;IAAEI,UAAU,GAAGD;EAAI,CAAC,GAAGD,KAAK,CAACG,MAAM,IAAI,CAAC,CAAC;EAE/C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC/B,IAAKN,KAAK,CAACM,iBAAiB,EAAG;MAC9BN,KAAK,CAACM,iBAAiB,CAAE;QAAEL;MAAW,CAAE,CAAC;IAC1C,CAAC,MAAM;MACNA,UAAU,CAACM,QAAQ,CAAE,YAAY,EAAE;QAAEH;MAAW,CAAE,CAAC;IACpD;EACD,CAAC;EAED,OAAOT,OAAO,CAAE,MAAM;IACrB,oBACCG,IAAA,CAACF,YAAY;MAAA,GACPI,KAAK;MACVM,iBAAiB,EAChBN,KAAK,CAACQ,SAAS,GAAGF,iBAAiB,GAAGG,SACtC;MACDC,QAAQ,EAAGN;IAAY,CACvB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEJ,KAAK,EAAEI,UAAU,EAAEH,UAAU,EAAEC,KAAK,CAAG,CAAC;AAC9C,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}

package/build-module/mobile/media-edit/index.native.js

@@ -1,11 +1,15 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { Component } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { Picker } from '@wordpress/components';
 import { requestMediaEditor, mediaSources } from '@wordpress/react-native-bridge';
+
+/**
+ * Internal dependencies
+ */
+import Picker from '../picker';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const MEDIA_TYPE_IMAGE = 'image';
 export const MEDIA_EDITOR = 'MEDIA_EDITOR';
 const editOption = {
@@ -74,7 +78,7 @@ export class MediaEdit extends Component {
     }
   }
   render() {
-    const mediaOptions = () => createElement(Picker, {
+    const mediaOptions = () => /*#__PURE__*/_jsx(Picker, {
       hideCancelButton: true,
       ref: instance => this.picker = instance,
       options: this.getMediaOptionsItems(),

package/build-module/mobile/media-edit/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Component","__","Picker","requestMediaEditor","mediaSources","MEDIA_TYPE_IMAGE","MEDIA_EDITOR","editOption","id","value","label","requiresModal","types","replaceOption","deviceLibrary","MediaEdit","constructor","props","onPickerPresent","bind","onPickerSelect","getMediaOptionsItems","getDestructiveButtonIndex","pickerOptions","openReplaceMediaOptions","source","uri","filter","Boolean","options","destructiveButtonIndex","findIndex","option","destructiveButton","undefined","picker","presentPicker","onSelect","multiple","media","optionSelected","find","onPress","render","mediaOptions","createElement","hideCancelButton","ref","instance","leftAlign","onChange","title","open"],"sources":["@wordpress/components/src/mobile/media-edit/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Picker } from '@wordpress/components';\nimport {\n\trequestMediaEditor,\n\tmediaSources,\n} from '@wordpress/react-native-bridge';\n\nexport const MEDIA_TYPE_IMAGE = 'image';\n\nexport const MEDIA_EDITOR = 'MEDIA_EDITOR';\n\nconst editOption = {\n\tid: MEDIA_EDITOR,\n\tvalue: MEDIA_EDITOR,\n\tlabel: __( 'Edit' ),\n\trequiresModal: true,\n\ttypes: [ MEDIA_TYPE_IMAGE ],\n};\n\nconst replaceOption = {\n\tid: mediaSources.deviceLibrary,\n\tvalue: mediaSources.deviceLibrary,\n\tlabel: __( 'Replace' ),\n\ttypes: [ MEDIA_TYPE_IMAGE ],\n};\n\nexport class MediaEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onPickerPresent = this.onPickerPresent.bind( this );\n\t\tthis.onPickerSelect = this.onPickerSelect.bind( this );\n\t\tthis.getMediaOptionsItems = this.getMediaOptionsItems.bind( this );\n\t\tthis.getDestructiveButtonIndex =\n\t\t\tthis.getDestructiveButtonIndex.bind( this );\n\t}\n\n\tgetMediaOptionsItems() {\n\t\tconst { pickerOptions, openReplaceMediaOptions, source } = this.props;\n\n\t\treturn [\n\t\t\tsource?.uri && editOption,\n\t\t\topenReplaceMediaOptions && replaceOption,\n\t\t\t...( pickerOptions ? pickerOptions : [] ),\n\t\t].filter( Boolean );\n\t}\n\n\tgetDestructiveButtonIndex() {\n\t\tconst options = this.getMediaOptionsItems();\n\t\tconst destructiveButtonIndex = options.findIndex(\n\t\t\t( option ) => option?.destructiveButton\n\t\t);\n\n\t\treturn destructiveButtonIndex !== -1\n\t\t\t? destructiveButtonIndex + 1\n\t\t\t: undefined;\n\t}\n\n\tonPickerPresent() {\n\t\tif ( this.picker ) {\n\t\t\tthis.picker.presentPicker();\n\t\t}\n\t}\n\n\tonPickerSelect( value ) {\n\t\tconst {\n\t\t\tonSelect,\n\t\t\tpickerOptions,\n\t\t\tmultiple = false,\n\t\t\topenReplaceMediaOptions,\n\t\t} = this.props;\n\n\t\tswitch ( value ) {\n\t\t\tcase MEDIA_EDITOR:\n\t\t\t\trequestMediaEditor( this.props.source.uri, ( media ) => {\n\t\t\t\t\tif ( ( multiple && media ) || ( media && media.id ) ) {\n\t\t\t\t\t\tonSelect( media );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconst optionSelected =\n\t\t\t\t\tpickerOptions &&\n\t\t\t\t\tpickerOptions.find( ( option ) => option.id === value );\n\n\t\t\t\tif ( optionSelected && optionSelected.onPress ) {\n\t\t\t\t\toptionSelected.onPress();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( openReplaceMediaOptions ) {\n\t\t\t\t\topenReplaceMediaOptions();\n\t\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tconst mediaOptions = () => (\n\t\t\t<Picker\n\t\t\t\thideCancelButton\n\t\t\t\tref={ ( instance ) => ( this.picker = instance ) }\n\t\t\t\toptions={ this.getMediaOptionsItems() }\n\t\t\t\tleftAlign\n\t\t\t\tonChange={ this.onPickerSelect }\n\t\t\t\t// translators: %s: block title e.g: \"Paragraph\".\n\t\t\t\ttitle={ __( 'Media options' ) }\n\t\t\t\tdestructiveButtonIndex={ this.getDestructiveButtonIndex() }\n\t\t\t/>\n\t\t);\n\n\t\treturn this.props.render( {\n\t\t\topen: this.onPickerPresent,\n\t\t\tmediaOptions,\n\t\t} );\n\t}\n}\n\nexport default MediaEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Component","__","requestMediaEditor","mediaSources","Picker","jsx","_jsx","MEDIA_TYPE_IMAGE","MEDIA_EDITOR","editOption","id","value","label","requiresModal","types","replaceOption","deviceLibrary","MediaEdit","constructor","props","onPickerPresent","bind","onPickerSelect","getMediaOptionsItems","getDestructiveButtonIndex","pickerOptions","openReplaceMediaOptions","source","uri","filter","Boolean","options","destructiveButtonIndex","findIndex","option","destructiveButton","undefined","picker","presentPicker","onSelect","multiple","media","optionSelected","find","onPress","render","mediaOptions","hideCancelButton","ref","instance","leftAlign","onChange","title","open"],"sources":["@wordpress/components/src/mobile/media-edit/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\trequestMediaEditor,\n\tmediaSources,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport Picker from '../picker';\n\nexport const MEDIA_TYPE_IMAGE = 'image';\n\nexport const MEDIA_EDITOR = 'MEDIA_EDITOR';\n\nconst editOption = {\n\tid: MEDIA_EDITOR,\n\tvalue: MEDIA_EDITOR,\n\tlabel: __( 'Edit' ),\n\trequiresModal: true,\n\ttypes: [ MEDIA_TYPE_IMAGE ],\n};\n\nconst replaceOption = {\n\tid: mediaSources.deviceLibrary,\n\tvalue: mediaSources.deviceLibrary,\n\tlabel: __( 'Replace' ),\n\ttypes: [ MEDIA_TYPE_IMAGE ],\n};\n\nexport class MediaEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onPickerPresent = this.onPickerPresent.bind( this );\n\t\tthis.onPickerSelect = this.onPickerSelect.bind( this );\n\t\tthis.getMediaOptionsItems = this.getMediaOptionsItems.bind( this );\n\t\tthis.getDestructiveButtonIndex =\n\t\t\tthis.getDestructiveButtonIndex.bind( this );\n\t}\n\n\tgetMediaOptionsItems() {\n\t\tconst { pickerOptions, openReplaceMediaOptions, source } = this.props;\n\n\t\treturn [\n\t\t\tsource?.uri && editOption,\n\t\t\topenReplaceMediaOptions && replaceOption,\n\t\t\t...( pickerOptions ? pickerOptions : [] ),\n\t\t].filter( Boolean );\n\t}\n\n\tgetDestructiveButtonIndex() {\n\t\tconst options = this.getMediaOptionsItems();\n\t\tconst destructiveButtonIndex = options.findIndex(\n\t\t\t( option ) => option?.destructiveButton\n\t\t);\n\n\t\treturn destructiveButtonIndex !== -1\n\t\t\t? destructiveButtonIndex + 1\n\t\t\t: undefined;\n\t}\n\n\tonPickerPresent() {\n\t\tif ( this.picker ) {\n\t\t\tthis.picker.presentPicker();\n\t\t}\n\t}\n\n\tonPickerSelect( value ) {\n\t\tconst {\n\t\t\tonSelect,\n\t\t\tpickerOptions,\n\t\t\tmultiple = false,\n\t\t\topenReplaceMediaOptions,\n\t\t} = this.props;\n\n\t\tswitch ( value ) {\n\t\t\tcase MEDIA_EDITOR:\n\t\t\t\trequestMediaEditor( this.props.source.uri, ( media ) => {\n\t\t\t\t\tif ( ( multiple && media ) || ( media && media.id ) ) {\n\t\t\t\t\t\tonSelect( media );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconst optionSelected =\n\t\t\t\t\tpickerOptions &&\n\t\t\t\t\tpickerOptions.find( ( option ) => option.id === value );\n\n\t\t\t\tif ( optionSelected && optionSelected.onPress ) {\n\t\t\t\t\toptionSelected.onPress();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( openReplaceMediaOptions ) {\n\t\t\t\t\topenReplaceMediaOptions();\n\t\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tconst mediaOptions = () => (\n\t\t\t<Picker\n\t\t\t\thideCancelButton\n\t\t\t\tref={ ( instance ) => ( this.picker = instance ) }\n\t\t\t\toptions={ this.getMediaOptionsItems() }\n\t\t\t\tleftAlign\n\t\t\t\tonChange={ this.onPickerSelect }\n\t\t\t\t// translators: %s: block title e.g: \"Paragraph\".\n\t\t\t\ttitle={ __( 'Media options' ) }\n\t\t\t\tdestructiveButtonIndex={ this.getDestructiveButtonIndex() }\n\t\t\t/>\n\t\t);\n\n\t\treturn this.props.render( {\n\t\t\topen: this.onPickerPresent,\n\t\t\tmediaOptions,\n\t\t} );\n\t}\n}\n\nexport default MediaEdit;\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/picker/index.android.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -10,16 +9,19 @@ import { View } from 'react-native';
 import { __ } from '@wordpress/i18n';
 import { Component, Fragment } from '@wordpress/element';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-import { PanelBody, TextControl } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import BottomSheet from '../bottom-sheet';
 import styles from './styles.scss';
+import PanelBody from '../../panel/body';
+import TextControl from '../../text-control';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function Separator() {
   const separatorStyle = usePreferredColorSchemeStyle(styles['components-picker__separator'], styles['components-picker__separator--dark']);
-  return createElement(View, {
+  return /*#__PURE__*/_jsx(View, {
     style: separatorStyle
   });
 }
@@ -54,17 +56,17 @@ export default class Picker extends Component {
       options,
       leftAlign
     } = this.props;
-    return options.map(option => createElement(Fragment, {
-      key: `${option.label}-${option.value}`
-    }, options.length > 1 && option.separated && createElement(Separator, null), createElement(BottomSheet.Cell, {
-      icon: option.icon,
-      leftAlign: leftAlign,
-      label: option.label,
-      separatorType: 'none',
-      onPress: () => this.onCellPress(option.value),
-      disabled: option.disabled,
-      style: option.disabled && styles['components-picker__button--disabled']
-    })));
+    return options.map(option => /*#__PURE__*/_jsxs(Fragment, {
+      children: [options.length > 1 && option.separated && /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(BottomSheet.Cell, {
+        icon: option.icon,
+        leftAlign: leftAlign,
+        label: option.label,
+        separatorType: "none",
+        onPress: () => this.onCellPress(option.value),
+        disabled: option.disabled,
+        style: option.disabled && styles['components-picker__button--disabled']
+      })]
+    }, `${option.label}-${option.value}`));
   }
   render() {
     const {
@@ -75,19 +77,21 @@ export default class Picker extends Component {
     const {
       isVisible
     } = this.state;
-    return createElement(BottomSheet, {
+    return /*#__PURE__*/_jsx(BottomSheet, {
       isVisible: isVisible,
       onClose: this.onClose,
       hideHeader: true,
-      testID: testID
-    }, createElement(PanelBody, {
-      title: title,
-      style: styles['components-picker__panel']
-    }, this.getOptions(), !hideCancelButton && createElement(TextControl, {
-      label: __('Cancel'),
-      onPress: this.onClose,
-      separatorType: 'none'
-    })));
+      testID: testID,
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: title,
+        style: styles['components-picker__panel'],
+        children: [this.getOptions(), !hideCancelButton && /*#__PURE__*/_jsx(TextControl, {
+          label: __('Cancel'),
+          onPress: this.onClose,
+          separatorType: "none"
+        })]
+      })
+    });
   }
 }
 //# sourceMappingURL=index.android.js.map

package/build-module/mobile/picker/index.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","__","Component","Fragment","usePreferredColorSchemeStyle","PanelBody","TextControl","BottomSheet","styles","Separator","separatorStyle","createElement","style","Picker","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","key","label","length","separated","Cell","icon","separatorType","onPress","disabled","render","hideCancelButton","title","testID","hideHeader"],"sources":["@wordpress/components/src/mobile/picker/index.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { PanelBody, TextControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\n\nfunction Separator() {\n\tconst separatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'components-picker__separator' ],\n\t\tstyles[ 'components-picker__separator--dark' ]\n\t);\n\n\treturn <View style={ separatorStyle } />;\n}\n\nexport default class Picker extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.onClose = this.onClose.bind( this );\n\t\tthis.onCellPress = this.onCellPress.bind( this );\n\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t}\n\n\tpresentPicker() {\n\t\tthis.setState( { isVisible: true } );\n\t}\n\n\tonClose() {\n\t\tthis.setState( { isVisible: false } );\n\t}\n\n\tonCellPress( value ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( value );\n\t\tthis.onClose();\n\t}\n\n\tgetOptions() {\n\t\tconst { options, leftAlign } = this.props;\n\n\t\treturn options.map( ( option ) => (\n\t\t\t<Fragment key={ `${ option.label }-${ option.value }` }>\n\t\t\t\t{ options.length > 1 && option.separated && <Separator /> }\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\tleftAlign={ leftAlign }\n\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\tonPress={ () => this.onCellPress( option.value ) }\n\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\toption.disabled &&\n\t\t\t\t\t\tstyles[ 'components-picker__button--disabled' ]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t) );\n\t}\n\n\trender() {\n\t\tconst { hideCancelButton, title, testID } = this.props;\n\t\tconst { isVisible } = this.state;\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ this.onClose }\n\t\t\t\thideHeader\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<PanelBody\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tstyle={ styles[ 'components-picker__panel' ] }\n\t\t\t\t>\n\t\t\t\t\t{ this.getOptions() }\n\t\t\t\t\t{ ! hideCancelButton && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Cancel' ) }\n\t\t\t\t\t\t\tonPress={ this.onClose }\n\t\t\t\t\t\t\tseparatorType={ 'none' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","__","Component","Fragment","usePreferredColorSchemeStyle","BottomSheet","styles","PanelBody","TextControl","jsx","_jsx","jsxs","_jsxs","Separator","separatorStyle","style","Picker","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","children","length","separated","Cell","icon","label","separatorType","onPress","disabled","render","hideCancelButton","title","testID","hideHeader"],"sources":["@wordpress/components/src/mobile/picker/index.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\nimport PanelBody from '../../panel/body';\nimport TextControl from '../../text-control';\n\nfunction Separator() {\n\tconst separatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'components-picker__separator' ],\n\t\tstyles[ 'components-picker__separator--dark' ]\n\t);\n\n\treturn <View style={ separatorStyle } />;\n}\n\nexport default class Picker extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.onClose = this.onClose.bind( this );\n\t\tthis.onCellPress = this.onCellPress.bind( this );\n\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t}\n\n\tpresentPicker() {\n\t\tthis.setState( { isVisible: true } );\n\t}\n\n\tonClose() {\n\t\tthis.setState( { isVisible: false } );\n\t}\n\n\tonCellPress( value ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( value );\n\t\tthis.onClose();\n\t}\n\n\tgetOptions() {\n\t\tconst { options, leftAlign } = this.props;\n\n\t\treturn options.map( ( option ) => (\n\t\t\t<Fragment key={ `${ option.label }-${ option.value }` }>\n\t\t\t\t{ options.length > 1 && option.separated && <Separator /> }\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\tleftAlign={ leftAlign }\n\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\tonPress={ () => this.onCellPress( option.value ) }\n\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\toption.disabled &&\n\t\t\t\t\t\tstyles[ 'components-picker__button--disabled' ]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t) );\n\t}\n\n\trender() {\n\t\tconst { hideCancelButton, title, testID } = this.props;\n\t\tconst { isVisible } = this.state;\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ this.onClose }\n\t\t\t\thideHeader\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<PanelBody\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tstyle={ styles[ 'components-picker__panel' ] }\n\t\t\t\t>\n\t\t\t\t\t{ this.getOptions() }\n\t\t\t\t\t{ ! hideCancelButton && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Cancel' ) }\n\t\t\t\t\t\t\tonPress={ this.onClose }\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/picker/index.ios.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -10,13 +9,14 @@ import { ActionSheetIOS } from 'react-native';
 import { __ } from '@wordpress/i18n';
 import { Component, forwardRef, useContext } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { BottomSheetContext } from '@wordpress/components';
 import { usePreferredColorScheme } from '@wordpress/compose';
 
 /**
  * Internal dependencies
  */
 import styles from './styles.scss';
+import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
+import { jsx as _jsx } from "react/jsx-runtime";
 class Picker extends Component {
   presentPicker() {
     const {
@@ -72,7 +72,7 @@ const PickerComponent = forwardRef((props, ref) => {
     onHandleClosingBottomSheet
   } = useContext(BottomSheetContext);
   const colorScheme = usePreferredColorScheme();
-  return createElement(Picker, {
+  return /*#__PURE__*/_jsx(Picker, {
     ref: ref,
     ...props,
     isBottomSheetOpened: isBottomSheetOpened,

package/build-module/mobile/picker/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["ActionSheetIOS","__","Component","forwardRef","useContext","useDispatch","useSelect","BottomSheetContext","usePreferredColorScheme","styles","Picker","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","colorScheme","props","labels","map","label","fullOptions","concat","buttonTitleColor","color","showActionSheetWithOptions","cancelButtonIndex","anchor","tintColor","buttonIndex","selected","requiresModal","value","render","PickerComponent","ref","select","isEditorSidebarOpened","closeGeneralSidebar","createElement"],"sources":["@wordpress/components/src/mobile/picker/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { BottomSheetContext } from '@wordpress/components';\nimport { usePreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nclass Picker extends Component {\n\tpresentPicker() {\n\t\tconst {\n\t\t\toptions,\n\t\t\tonChange,\n\t\t\ttitle,\n\t\t\tdestructiveButtonIndex,\n\t\t\tdisabledButtonIndices,\n\t\t\tgetAnchor,\n\t\t\tisBottomSheetOpened,\n\t\t\tcloseBottomSheet,\n\t\t\tonHandleClosingBottomSheet,\n\t\t\tcolorScheme,\n\t\t} = this.props;\n\t\tconst labels = options.map( ( { label } ) => label );\n\t\tconst fullOptions = [ __( 'Cancel' ) ].concat( labels );\n\n\t\tconst buttonTitleColor =\n\t\t\tcolorScheme === 'light'\n\t\t\t\t? styles[ 'components-picker__button-title' ].color\n\t\t\t\t: styles[ 'components-picker__button-title--dark' ].color;\n\n\t\tActionSheetIOS.showActionSheetWithOptions(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\toptions: fullOptions,\n\t\t\t\tcancelButtonIndex: 0,\n\t\t\t\tdestructiveButtonIndex,\n\t\t\t\tdisabledButtonIndices,\n\t\t\t\tanchor: getAnchor && getAnchor(),\n\t\t\t\ttintColor: buttonTitleColor,\n\t\t\t},\n\t\t\t( buttonIndex ) => {\n\t\t\t\tif ( buttonIndex === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selected = options[ buttonIndex - 1 ];\n\n\t\t\t\tif ( selected.requiresModal && isBottomSheetOpened ) {\n\t\t\t\t\tonHandleClosingBottomSheet( () => {\n\t\t\t\t\t\tonChange( selected.value );\n\t\t\t\t\t} );\n\t\t\t\t\tcloseBottomSheet();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selected.value );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nconst PickerComponent = forwardRef( ( props, ref ) => {\n\tconst isBottomSheetOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\n\tconst colorScheme = usePreferredColorScheme();\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tisBottomSheetOpened={ isBottomSheetOpened }\n\t\t\tcloseBottomSheet={ closeGeneralSidebar }\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tcolorScheme={ colorScheme }\n\t\t/>\n\t);\n} );\n\nexport default PickerComponent;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,cAAc;;AAE7C;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AACtE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,uBAAuB,QAAQ,oBAAoB;;AAE5D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,MAAMC,MAAM,SAASR,SAAS,CAAC;EAC9BS,aAAaA,CAAA,EAAG;IACf,MAAM;MACLC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,sBAAsB;MACtBC,qBAAqB;MACrBC,SAAS;MACTC,mBAAmB;MACnBC,gBAAgB;MAChBC,0BAA0B;MAC1BC;IACD,CAAC,GAAG,IAAI,CAACC,KAAK;IACd,MAAMC,MAAM,GAAGX,OAAO,CAACY,GAAG,CAAE,CAAE;MAAEC;IAAM,CAAC,KAAMA,KAAM,CAAC;IACpD,MAAMC,WAAW,GAAG,CAAEzB,EAAE,CAAE,QAAS,CAAC,CAAE,CAAC0B,MAAM,CAAEJ,MAAO,CAAC;IAEvD,MAAMK,gBAAgB,GACrBP,WAAW,KAAK,OAAO,GACpBZ,MAAM,CAAE,iCAAiC,CAAE,CAACoB,KAAK,GACjDpB,MAAM,CAAE,uCAAuC,CAAE,CAACoB,KAAK;IAE3D7B,cAAc,CAAC8B,0BAA0B,CACxC;MACChB,KAAK;MACLF,OAAO,EAAEc,WAAW;MACpBK,iBAAiB,EAAE,CAAC;MACpBhB,sBAAsB;MACtBC,qBAAqB;MACrBgB,MAAM,EAAEf,SAAS,IAAIA,SAAS,CAAC,CAAC;MAChCgB,SAAS,EAAEL;IACZ,CAAC,EACCM,WAAW,IAAM;MAClB,IAAKA,WAAW,KAAK,CAAC,EAAG;QACxB;MACD;MACA,MAAMC,QAAQ,GAAGvB,OAAO,CAAEsB,WAAW,GAAG,CAAC,CAAE;MAE3C,IAAKC,QAAQ,CAACC,aAAa,IAAIlB,mBAAmB,EAAG;QACpDE,0BAA0B,CAAE,MAAM;UACjCP,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;QAC3B,CAAE,CAAC;QACHlB,gBAAgB,CAAC,CAAC;MACnB,CAAC,MAAM;QACNN,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;EACF;EAEAC,MAAMA,CAAA,EAAG;IACR,OAAO,IAAI;EACZ;AACD;AAEA,MAAMC,eAAe,GAAGpC,UAAU,CAAE,CAAEmB,KAAK,EAAEkB,GAAG,KAAM;EACrD,MAAMtB,mBAAmB,GAAGZ,SAAS,CAAImC,MAAM,IAC9CA,MAAM,CAAE,gBAAiB,CAAC,CAACC,qBAAqB,CAAC,CAClD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAGtC,WAAW,CAAE,gBAAiB,CAAC;EAC/D,MAAM;IAAEe;EAA2B,CAAC,GAAGhB,UAAU,CAAEG,kBAAmB,CAAC;EAEvE,MAAMc,WAAW,GAAGb,uBAAuB,CAAC,CAAC;EAE7C,OACCoC,aAAA,CAAClC,MAAM;IACN8B,GAAG,EAAGA,GAAK;IAAA,GACNlB,KAAK;IACVJ,mBAAmB,EAAGA,mBAAqB;IAC3CC,gBAAgB,EAAGwB,mBAAqB;IACxCvB,0BAA0B,EAAGA,0BAA4B;IACzDC,WAAW,EAAGA;EAAa,CAC3B,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAekB,eAAe","ignoreList":[]}
+{"version":3,"names":["ActionSheetIOS","__","Component","forwardRef","useContext","useDispatch","useSelect","usePreferredColorScheme","styles","BottomSheetContext","jsx","_jsx","Picker","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","colorScheme","props","labels","map","label","fullOptions","concat","buttonTitleColor","color","showActionSheetWithOptions","cancelButtonIndex","anchor","tintColor","buttonIndex","selected","requiresModal","value","render","PickerComponent","ref","select","isEditorSidebarOpened","closeGeneralSidebar"],"sources":["@wordpress/components/src/mobile/picker/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nclass Picker extends Component {\n\tpresentPicker() {\n\t\tconst {\n\t\t\toptions,\n\t\t\tonChange,\n\t\t\ttitle,\n\t\t\tdestructiveButtonIndex,\n\t\t\tdisabledButtonIndices,\n\t\t\tgetAnchor,\n\t\t\tisBottomSheetOpened,\n\t\t\tcloseBottomSheet,\n\t\t\tonHandleClosingBottomSheet,\n\t\t\tcolorScheme,\n\t\t} = this.props;\n\t\tconst labels = options.map( ( { label } ) => label );\n\t\tconst fullOptions = [ __( 'Cancel' ) ].concat( labels );\n\n\t\tconst buttonTitleColor =\n\t\t\tcolorScheme === 'light'\n\t\t\t\t? styles[ 'components-picker__button-title' ].color\n\t\t\t\t: styles[ 'components-picker__button-title--dark' ].color;\n\n\t\tActionSheetIOS.showActionSheetWithOptions(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\toptions: fullOptions,\n\t\t\t\tcancelButtonIndex: 0,\n\t\t\t\tdestructiveButtonIndex,\n\t\t\t\tdisabledButtonIndices,\n\t\t\t\tanchor: getAnchor && getAnchor(),\n\t\t\t\ttintColor: buttonTitleColor,\n\t\t\t},\n\t\t\t( buttonIndex ) => {\n\t\t\t\tif ( buttonIndex === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selected = options[ buttonIndex - 1 ];\n\n\t\t\t\tif ( selected.requiresModal && isBottomSheetOpened ) {\n\t\t\t\t\tonHandleClosingBottomSheet( () => {\n\t\t\t\t\t\tonChange( selected.value );\n\t\t\t\t\t} );\n\t\t\t\t\tcloseBottomSheet();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selected.value );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nconst PickerComponent = forwardRef( ( props, ref ) => {\n\tconst isBottomSheetOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\n\tconst colorScheme = usePreferredColorScheme();\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tisBottomSheetOpened={ isBottomSheetOpened }\n\t\t\tcloseBottomSheet={ closeGeneralSidebar }\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tcolorScheme={ colorScheme }\n\t\t/>\n\t);\n} );\n\nexport default PickerComponent;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,cAAc;;AAE7C;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AACtE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,uBAAuB,QAAQ,oBAAoB;;AAE5D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,MAAM,SAASV,SAAS,CAAC;EAC9BW,aAAaA,CAAA,EAAG;IACf,MAAM;MACLC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,sBAAsB;MACtBC,qBAAqB;MACrBC,SAAS;MACTC,mBAAmB;MACnBC,gBAAgB;MAChBC,0BAA0B;MAC1BC;IACD,CAAC,GAAG,IAAI,CAACC,KAAK;IACd,MAAMC,MAAM,GAAGX,OAAO,CAACY,GAAG,CAAE,CAAE;MAAEC;IAAM,CAAC,KAAMA,KAAM,CAAC;IACpD,MAAMC,WAAW,GAAG,CAAE3B,EAAE,CAAE,QAAS,CAAC,CAAE,CAAC4B,MAAM,CAAEJ,MAAO,CAAC;IAEvD,MAAMK,gBAAgB,GACrBP,WAAW,KAAK,OAAO,GACpBf,MAAM,CAAE,iCAAiC,CAAE,CAACuB,KAAK,GACjDvB,MAAM,CAAE,uCAAuC,CAAE,CAACuB,KAAK;IAE3D/B,cAAc,CAACgC,0BAA0B,CACxC;MACChB,KAAK;MACLF,OAAO,EAAEc,WAAW;MACpBK,iBAAiB,EAAE,CAAC;MACpBhB,sBAAsB;MACtBC,qBAAqB;MACrBgB,MAAM,EAAEf,SAAS,IAAIA,SAAS,CAAC,CAAC;MAChCgB,SAAS,EAAEL;IACZ,CAAC,EACCM,WAAW,IAAM;MAClB,IAAKA,WAAW,KAAK,CAAC,EAAG;QACxB;MACD;MACA,MAAMC,QAAQ,GAAGvB,OAAO,CAAEsB,WAAW,GAAG,CAAC,CAAE;MAE3C,IAAKC,QAAQ,CAACC,aAAa,IAAIlB,mBAAmB,EAAG;QACpDE,0BAA0B,CAAE,MAAM;UACjCP,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;QAC3B,CAAE,CAAC;QACHlB,gBAAgB,CAAC,CAAC;MACnB,CAAC,MAAM;QACNN,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;EACF;EAEAC,MAAMA,CAAA,EAAG;IACR,OAAO,IAAI;EACZ;AACD;AAEA,MAAMC,eAAe,GAAGtC,UAAU,CAAE,CAAEqB,KAAK,EAAEkB,GAAG,KAAM;EACrD,MAAMtB,mBAAmB,GAAGd,SAAS,CAAIqC,MAAM,IAC9CA,MAAM,CAAE,gBAAiB,CAAC,CAACC,qBAAqB,CAAC,CAClD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAGxC,WAAW,CAAE,gBAAiB,CAAC;EAC/D,MAAM;IAAEiB;EAA2B,CAAC,GAAGlB,UAAU,CAAEK,kBAAmB,CAAC;EAEvE,MAAMc,WAAW,GAAGhB,uBAAuB,CAAC,CAAC;EAE7C,oBACCI,IAAA,CAACC,MAAM;IACN8B,GAAG,EAAGA,GAAK;IAAA,GACNlB,KAAK;IACVJ,mBAAmB,EAAGA,mBAAqB;IAC3CC,gBAAgB,EAAGwB,mBAAqB;IACxCvB,0BAA0B,EAAGA,0BAA4B;IACzDC,WAAW,EAAGA;EAAa,CAC3B,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAekB,eAAe","ignoreList":[]}

package/build-module/mobile/segmented-control/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,8 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  */
 import { performLayoutAnimation } from '../layout-animation';
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ANIMATION_DURATION = 200;
 const isIOS = Platform.OS === 'ios';
 const Segment = ({
@@ -28,18 +29,22 @@ const Segment = ({
   const textStyle = usePreferredColorSchemeStyle(styles.buttonTextDefault, styles.buttonTextDefaultDark);
   const selectedTextStyle = usePreferredColorSchemeStyle(styles.buttonTextSelected, styles.buttonTextSelectedDark);
   const shadowStyle = usePreferredColorSchemeStyle(styles.shadowIOS, {});
-  return createElement(View, {
-    style: isSelectedIOS && shadowStyle
-  }, createElement(TouchableWithoutFeedback, {
-    onPress: onPress
-  }, createElement(View, {
-    style: segmentStyle,
-    onLayout: onLayout,
-    ...props
-  }, createElement(Text, {
-    style: [textStyle, isSelected && selectedTextStyle],
-    maxFontSizeMultiplier: 2
-  }, title))));
+  return /*#__PURE__*/_jsx(View, {
+    style: isSelectedIOS && shadowStyle,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: onPress,
+      children: /*#__PURE__*/_jsx(View, {
+        style: segmentStyle,
+        onLayout: onLayout,
+        ...props,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [textStyle, isSelected && selectedTextStyle],
+          maxFontSizeMultiplier: 2,
+          children: title
+        })
+      })
+    })
+  });
 };
 const SegmentedControls = ({
   segments,
@@ -112,35 +117,38 @@ const SegmentedControls = ({
   const width = segmentsDimensions[activeSegmentIndex]?.width;
   const height = segmentsDimensions[activeSegmentIndex]?.height;
   const outlineStyle = [styles.outline, isIOS && styles.outlineIOS];
-  return createElement(View, {
-    style: styles.row
-  }, createElement(View, {
-    style: styles.flex
-  }, addonLeft), createElement(View, {
-    style: [containerStyle, isIOS && styles.containerIOS]
-  }, createElement(Animated.View, {
-    style: [{
-      width,
-      left: positionAnimationValue,
-      height
-    }, selectedStyle, outlineStyle]
-  }), segments.map((segment, index) => {
-    return createElement(Segment, {
-      title: segment,
-      onPress: () => onHandlePress(segment, index),
-      isSelected: activeSegmentIndex === index,
-      key: index,
-      onLayout: event => segmentOnLayout(event, index),
-      accessibilityState: {
-        selected: activeSegmentIndex === index
-      },
-      accessibilityRole: 'button',
-      accessibilityLabel: segment,
-      accessibilityHint: `${index + 1} on ${segments.length}`
-    });
-  })), createElement(View, {
-    style: styles.flex
-  }, addonRight));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.flex,
+      children: addonLeft
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [containerStyle, isIOS && styles.containerIOS],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          width,
+          left: positionAnimationValue,
+          height
+        }, selectedStyle, outlineStyle]
+      }), segments.map((segment, index) => {
+        return /*#__PURE__*/_jsx(Segment, {
+          title: segment,
+          onPress: () => onHandlePress(segment, index),
+          isSelected: activeSegmentIndex === index,
+          onLayout: event => segmentOnLayout(event, index),
+          accessibilityState: {
+            selected: activeSegmentIndex === index
+          },
+          accessibilityRole: "button",
+          accessibilityLabel: segment,
+          accessibilityHint: `${index + 1} on ${segments.length}`
+        }, index);
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.flex,
+      children: addonRight
+    })]
+  });
 };
 export default SegmentedControls;
 //# sourceMappingURL=index.native.js.map

package/build-module/mobile/segmented-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","TouchableWithoutFeedback","Text","Platform","Animated","Easing","useState","useEffect","usePreferredColorSchemeStyle","performLayoutAnimation","styles","ANIMATION_DURATION","isIOS","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","segment","segmentIOS","textStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","createElement","style","maxFontSizeMultiplier","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Value","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","Object","values","map","dimension","widthsDistance","slice","widthsDistanceSum","reduce","sum","n","endValue","onHandlePress","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","row","flex","left","key","accessibilityState","accessibilityRole","accessibilityLabel","accessibilityHint","length"],"sources":["@wordpress/components/src/mobile/segmented-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tPlatform,\n\tAnimated,\n\tEasing,\n} from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../layout-animation';\nimport styles from './style.scss';\n\nconst ANIMATION_DURATION = 200;\n\nconst isIOS = Platform.OS === 'ios';\n\nconst Segment = ( { isSelected, title, onPress, onLayout, ...props } ) => {\n\tconst isSelectedIOS = isIOS && isSelected;\n\n\tconst segmentStyle = [ styles.segment, isIOS && styles.segmentIOS ];\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextDefault,\n\t\tstyles.buttonTextDefaultDark\n\t);\n\tconst selectedTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextSelected,\n\t\tstyles.buttonTextSelectedDark\n\t);\n\tconst shadowStyle = usePreferredColorSchemeStyle( styles.shadowIOS, {} );\n\n\treturn (\n\t\t<View style={ isSelectedIOS && shadowStyle }>\n\t\t\t<TouchableWithoutFeedback onPress={ onPress }>\n\t\t\t\t<View style={ segmentStyle } onLayout={ onLayout } { ...props }>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ [ textStyle, isSelected && selectedTextStyle ] }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nconst SegmentedControls = ( {\n\tsegments,\n\tsegmentHandler,\n\tselectedIndex,\n\taddonLeft,\n\taddonRight,\n} ) => {\n\tconst selectedSegmentIndex = selectedIndex || 0;\n\tconst [ activeSegmentIndex, setActiveSegmentIndex ] =\n\t\tuseState( selectedSegmentIndex );\n\tconst [ segmentsDimensions, setSegmentsDimensions ] = useState( {\n\t\t[ activeSegmentIndex ]: { width: 0, height: 0 },\n\t} );\n\tconst [ positionAnimationValue ] = useState( new Animated.Value( 0 ) );\n\n\tuseEffect( () => {\n\t\tsetActiveSegmentIndex( selectedSegmentIndex );\n\t\tsegmentHandler( segments[ selectedSegmentIndex ] );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tpositionAnimationValue.setValue(\n\t\t\tcalculateEndValue( activeSegmentIndex )\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ segmentsDimensions ] );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tfunction performSwatchAnimation( index ) {\n\t\tAnimated.timing( positionAnimationValue, {\n\t\t\ttoValue: calculateEndValue( index ),\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start();\n\t}\n\n\tfunction calculateEndValue( index ) {\n\t\tconst { paddingLeft: offset } = isIOS\n\t\t\t? styles.containerIOS\n\t\t\t: styles.container;\n\t\tconst widths = Object.values( segmentsDimensions ).map(\n\t\t\t( dimension ) => dimension.width\n\t\t);\n\t\tconst widthsDistance = widths.slice( 0, index );\n\t\tconst widthsDistanceSum = widthsDistance.reduce(\n\t\t\t( sum, n ) => sum + n,\n\t\t\t0\n\t\t);\n\n\t\tconst endValue = index === 0 ? 0 : widthsDistanceSum;\n\t\treturn endValue + offset;\n\t}\n\n\tfunction onHandlePress( segment, index ) {\n\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\tsetActiveSegmentIndex( index );\n\t\tsegmentHandler( segment );\n\t\tperformSwatchAnimation( index );\n\t}\n\n\tfunction segmentOnLayout( event, index ) {\n\t\tconst { width, height } = event.nativeEvent.layout;\n\n\t\tsetSegmentsDimensions( {\n\t\t\t...segmentsDimensions,\n\t\t\t[ index ]: { width, height },\n\t\t} );\n\t}\n\n\tconst selectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selected,\n\t\tstyles.selectedDark\n\t);\n\n\tconst width = segmentsDimensions[ activeSegmentIndex ]?.width;\n\tconst height = segmentsDimensions[ activeSegmentIndex ]?.height;\n\n\tconst outlineStyle = [ styles.outline, isIOS && styles.outlineIOS ];\n\n\treturn (\n\t\t<View style={ styles.row }>\n\t\t\t<View style={ styles.flex }>{ addonLeft }</View>\n\t\t\t<View style={ [ containerStyle, isIOS && styles.containerIOS ] }>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\tleft: positionAnimationValue,\n\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tselectedStyle,\n\t\t\t\t\t\toutlineStyle,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t\t{ segments.map( ( segment, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Segment\n\t\t\t\t\t\t\ttitle={ segment }\n\t\t\t\t\t\t\tonPress={ () => onHandlePress( segment, index ) }\n\t\t\t\t\t\t\tisSelected={ activeSegmentIndex === index }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonLayout={ ( event ) =>\n\t\t\t\t\t\t\t\tsegmentOnLayout( event, index )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: activeSegmentIndex === index,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={ segment }\n\t\t\t\t\t\t\taccessibilityHint={ `${ index + 1 } on ${\n\t\t\t\t\t\t\t\tsegments.length\n\t\t\t\t\t\t\t}` }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t\t<View style={ styles.flex }>{ addonRight }</View>\n\t\t</View>\n\t);\n};\n\nexport default SegmentedControls;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","TouchableWithoutFeedback","Text","Platform","Animated","Easing","useState","useEffect","usePreferredColorSchemeStyle","performLayoutAnimation","styles","jsx","_jsx","jsxs","_jsxs","ANIMATION_DURATION","isIOS","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","segment","segmentIOS","textStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","style","children","maxFontSizeMultiplier","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Value","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","Object","values","map","dimension","widthsDistance","slice","widthsDistanceSum","reduce","sum","n","endValue","onHandlePress","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","row","flex","left","accessibilityState","accessibilityRole","accessibilityLabel","accessibilityHint","length"],"sources":["@wordpress/components/src/mobile/segmented-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tText,\n\tPlatform,\n\tAnimated,\n\tEasing,\n} from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../layout-animation';\nimport styles from './style.scss';\n\nconst ANIMATION_DURATION = 200;\n\nconst isIOS = Platform.OS === 'ios';\n\nconst Segment = ( { isSelected, title, onPress, onLayout, ...props } ) => {\n\tconst isSelectedIOS = isIOS && isSelected;\n\n\tconst segmentStyle = [ styles.segment, isIOS && styles.segmentIOS ];\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextDefault,\n\t\tstyles.buttonTextDefaultDark\n\t);\n\tconst selectedTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonTextSelected,\n\t\tstyles.buttonTextSelectedDark\n\t);\n\tconst shadowStyle = usePreferredColorSchemeStyle( styles.shadowIOS, {} );\n\n\treturn (\n\t\t<View style={ isSelectedIOS && shadowStyle }>\n\t\t\t<TouchableWithoutFeedback onPress={ onPress }>\n\t\t\t\t<View style={ segmentStyle } onLayout={ onLayout } { ...props }>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ [ textStyle, isSelected && selectedTextStyle ] }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nconst SegmentedControls = ( {\n\tsegments,\n\tsegmentHandler,\n\tselectedIndex,\n\taddonLeft,\n\taddonRight,\n} ) => {\n\tconst selectedSegmentIndex = selectedIndex || 0;\n\tconst [ activeSegmentIndex, setActiveSegmentIndex ] =\n\t\tuseState( selectedSegmentIndex );\n\tconst [ segmentsDimensions, setSegmentsDimensions ] = useState( {\n\t\t[ activeSegmentIndex ]: { width: 0, height: 0 },\n\t} );\n\tconst [ positionAnimationValue ] = useState( new Animated.Value( 0 ) );\n\n\tuseEffect( () => {\n\t\tsetActiveSegmentIndex( selectedSegmentIndex );\n\t\tsegmentHandler( segments[ selectedSegmentIndex ] );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tpositionAnimationValue.setValue(\n\t\t\tcalculateEndValue( activeSegmentIndex )\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ segmentsDimensions ] );\n\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tfunction performSwatchAnimation( index ) {\n\t\tAnimated.timing( positionAnimationValue, {\n\t\t\ttoValue: calculateEndValue( index ),\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start();\n\t}\n\n\tfunction calculateEndValue( index ) {\n\t\tconst { paddingLeft: offset } = isIOS\n\t\t\t? styles.containerIOS\n\t\t\t: styles.container;\n\t\tconst widths = Object.values( segmentsDimensions ).map(\n\t\t\t( dimension ) => dimension.width\n\t\t);\n\t\tconst widthsDistance = widths.slice( 0, index );\n\t\tconst widthsDistanceSum = widthsDistance.reduce(\n\t\t\t( sum, n ) => sum + n,\n\t\t\t0\n\t\t);\n\n\t\tconst endValue = index === 0 ? 0 : widthsDistanceSum;\n\t\treturn endValue + offset;\n\t}\n\n\tfunction onHandlePress( segment, index ) {\n\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\tsetActiveSegmentIndex( index );\n\t\tsegmentHandler( segment );\n\t\tperformSwatchAnimation( index );\n\t}\n\n\tfunction segmentOnLayout( event, index ) {\n\t\tconst { width, height } = event.nativeEvent.layout;\n\n\t\tsetSegmentsDimensions( {\n\t\t\t...segmentsDimensions,\n\t\t\t[ index ]: { width, height },\n\t\t} );\n\t}\n\n\tconst selectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selected,\n\t\tstyles.selectedDark\n\t);\n\n\tconst width = segmentsDimensions[ activeSegmentIndex ]?.width;\n\tconst height = segmentsDimensions[ activeSegmentIndex ]?.height;\n\n\tconst outlineStyle = [ styles.outline, isIOS && styles.outlineIOS ];\n\n\treturn (\n\t\t<View style={ styles.row }>\n\t\t\t<View style={ styles.flex }>{ addonLeft }</View>\n\t\t\t<View style={ [ containerStyle, isIOS && styles.containerIOS ] }>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\tleft: positionAnimationValue,\n\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tselectedStyle,\n\t\t\t\t\t\toutlineStyle,\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t\t{ segments.map( ( segment, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Segment\n\t\t\t\t\t\t\ttitle={ segment }\n\t\t\t\t\t\t\tonPress={ () => onHandlePress( segment, index ) }\n\t\t\t\t\t\t\tisSelected={ activeSegmentIndex === index }\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonLayout={ ( event ) =>\n\t\t\t\t\t\t\t\tsegmentOnLayout( event, index )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: activeSegmentIndex === index,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\taccessibilityLabel={ segment }\n\t\t\t\t\t\t\taccessibilityHint={ `${ index + 1 } on ${\n\t\t\t\t\t\t\t\tsegments.length\n\t\t\t\t\t\t\t}` }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t\t<View style={ styles.flex }>{ addonRight }</View>\n\t\t</View>\n\t);\n};\n\nexport default SegmentedControls;\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/utils/use-unit-converter-to-mobile.native.js

@@ -6,12 +6,7 @@ import { Dimensions } from 'react-native';
 /**
  * WordPress dependencies
  */
-import { useContext, useEffect, useState, useMemo, useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import GlobalStylesContext from '../global-styles-context';
+import { useEffect, useState, useMemo, useCallback } from '@wordpress/element';
 const getValueAndUnit = (value, unit) => {
   const regex = /(\d+\.?\d*)(.*)/;
   const splitValue = `${value}`?.match(regex)?.filter(v => v !== '');
@@ -56,10 +51,7 @@ const convertUnitToMobile = (containerSize, globalStyles, value, unit) => {
       return Number(valueToConvert / 100) * width;
   }
 };
-const useConvertUnitToMobile = (value, unit) => {
-  const {
-    globalStyles: styles
-  } = useContext(GlobalStylesContext);
+const useConvertUnitToMobile = (value, unit, styles) => {
   const [windowSizes, setWindowSizes] = useState(Dimensions.get('window'));
   useEffect(() => {
     const dimensionsChangeSubscription = Dimensions.addEventListener('change', onDimensionsChange);