@wordpress/components 27.5.0 → 28.0.0

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

@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
+var _primitives = require("@wordpress/primitives");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
-var _default = exports.default = (0, _react.createElement)(_components.SVG, {
+var _default = exports.default = /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
   viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, (0, _react.createElement)(_components.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__*/(0, _jsxRuntime.jsx)(_primitives.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/mobile/link-settings/link-rel.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","exports","default","_react","createElement","SVG","viewBox","xmlns","Path","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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAO,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC;AAA4B,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAAqI,CAAE,CAC3I,CAAC","ignoreList":[]}
+{"version":3,"names":["_primitives","require","_jsxRuntime","_default","exports","default","jsx","SVG","viewBox","xmlns","children","Path","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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAAkD,IAAAC,WAAA,GAAAD,OAAA;AAHlD;AACA;AACA;AAFA,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,gBAMC,IAAAH,WAAA,CAAAI,GAAA,EAACN,WAAA,CAAAO,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,eAC1D,IAAAR,WAAA,CAAAI,GAAA,EAACN,WAAA,CAAAW,IAAI;IAACC,CAAC,EAAC;EAAqI,CAAE;AAAC,CAC5I,CAAC","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
 var _linkSettingsScreen = _interopRequireDefault(require("./link-settings-screen"));
 var _linkPickerScreen = _interopRequireDefault(require("../link-picker/link-picker-screen"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,32 +24,36 @@ const linkSettingsScreens = {
 };
 function LinkSettingsNavigation(props) {
   if (!props.withBottomSheet) {
-    return (0, _react.createElement)(_linkSettingsScreen.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkSettingsScreen.default, {
       ...props
     });
   }
-  return (0, _react.createElement)(_bottomSheet.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default, {
     isVisible: props.isVisible,
     onClose: props.onClose,
     onDismiss: props.onDismiss,
     testID: "link-settings-navigation",
     hideHeader: true,
-    hasNavigation: true
-  }, (0, _react.createElement)(_bottomSheet.default.NavigationContainer, {
-    animate: true,
-    main: true
-  }, (0, _react.createElement)(_bottomSheet.default.NavigationScreen, {
-    name: linkSettingsScreens.settings
-  }, (0, _react.createElement)(_linkSettingsScreen.default, {
-    ...props,
-    withBottomSheet: true
-  })), (0, _react.createElement)(_bottomSheet.default.NavigationScreen, {
-    name: linkSettingsScreens.linkPicker,
-    isScrollable: true,
-    fullScreen: true
-  }, (0, _react.createElement)(_linkPickerScreen.default, {
-    returnScreenName: linkSettingsScreens.settings
-  }))));
+    hasNavigation: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavigationContainer, {
+      animate: true,
+      main: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
+        name: linkSettingsScreens.settings,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkSettingsScreen.default, {
+          ...props,
+          withBottomSheet: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
+        name: linkSettingsScreens.linkPicker,
+        isScrollable: true,
+        fullScreen: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkPickerScreen.default, {
+          returnScreenName: linkSettingsScreens.settings
+        })
+      })]
+    })
+  });
 }
 var _default = exports.default = (0, _element.memo)(LinkSettingsNavigation);
 //# sourceMappingURL=link-settings-navigation.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_bottomSheet","_interopRequireDefault","_linkSettingsScreen","_linkPickerScreen","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","_react","createElement","default","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName","_default","exports","memo"],"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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAEA;AACA;AACA;;AAKA,MAAMK,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,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAU,OAAkB;MAAA,GAAMJ;IAAK,CAAI,CAAC;EAC3C;EACA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW;IACXC,SAAS,EAAGL,KAAK,CAACK,SAAW;IAC7BC,OAAO,EAAGN,KAAK,CAACM,OAAS;IACzBC,SAAS,EAAGP,KAAK,CAACO,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;EAAA,GAEb,IAAAR,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACO,mBAAmB;IAACC,OAAO;IAACC,IAAI;EAAA,GAC5C,IAAAX,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGnB,mBAAmB,CAACC;EAAU,GAErC,IAAAK,MAAA,CAAAC,aAAA,EAACT,mBAAA,CAAAU,OAAkB;IAAA,GAAMJ,KAAK;IAAGC,eAAe;EAAA,CAAE,CACrB,CAAC,EAC/B,IAAAC,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW,CAACU,gBAAgB;IAC5BC,IAAI,EAAGnB,mBAAmB,CAACE,UAAY;IACvCkB,YAAY;IACZC,UAAU;EAAA,GAEV,IAAAf,MAAA,CAAAC,aAAA,EAACR,iBAAA,CAAAS,OAAgB;IAChBc,gBAAgB,EAAGtB,mBAAmB,CAACC;EAAU,CACjD,CAC4B,CACE,CACrB,CAAC;AAEhB;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEc,IAAAiB,aAAI,EAAEtB,sBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_element","require","_bottomSheet","_interopRequireDefault","_linkSettingsScreen","_linkPickerScreen","_jsxRuntime","linkSettingsScreens","settings","linkPicker","LinkSettingsNavigation","props","withBottomSheet","jsx","default","isVisible","onClose","onDismiss","testID","hideHeader","hasNavigation","children","jsxs","NavigationContainer","animate","main","NavigationScreen","name","isScrollable","fullScreen","returnScreenName","_default","exports","memo"],"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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAiE,IAAAK,WAAA,GAAAL,OAAA;AATjE;AACA;AACA;;AAEA;AACA;AACA;;AAKA,MAAMM,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,oBAAO,IAAAN,WAAA,CAAAO,GAAA,EAACT,mBAAA,CAAAU,OAAkB;MAAA,GAAMH;IAAK,CAAI,CAAC;EAC3C;EACA,oBACC,IAAAL,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,OAAW;IACXC,SAAS,EAAGJ,KAAK,CAACI,SAAW;IAC7BC,OAAO,EAAGL,KAAK,CAACK,OAAS;IACzBC,SAAS,EAAGN,KAAK,CAACM,SAAW;IAC7BC,MAAM,EAAC,0BAA0B;IACjCC,UAAU;IACVC,aAAa;IAAAC,QAAA,eAEb,IAAAf,WAAA,CAAAgB,IAAA,EAACpB,YAAA,CAAAY,OAAW,CAACS,mBAAmB;MAACC,OAAO;MAACC,IAAI;MAAAJ,QAAA,gBAC5C,IAAAf,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,OAAW,CAACY,gBAAgB;QAC5BC,IAAI,EAAGpB,mBAAmB,CAACC,QAAU;QAAAa,QAAA,eAErC,IAAAf,WAAA,CAAAO,GAAA,EAACT,mBAAA,CAAAU,OAAkB;UAAA,GAAMH,KAAK;UAAGC,eAAe;QAAA,CAAE;MAAC,CACtB,CAAC,eAC/B,IAAAN,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,OAAW,CAACY,gBAAgB;QAC5BC,IAAI,EAAGpB,mBAAmB,CAACE,UAAY;QACvCmB,YAAY;QACZC,UAAU;QAAAR,QAAA,eAEV,IAAAf,WAAA,CAAAO,GAAA,EAACR,iBAAA,CAAAS,OAAgB;UAChBgB,gBAAgB,EAAGvB,mBAAmB,CAACC;QAAU,CACjD;MAAC,CAC2B,CAAC;IAAA,CACC;EAAC,CACtB,CAAC;AAEhB;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEc,IAAAmB,aAAI,EAAEvB,sBAAuB,CAAC","ignoreList":[]}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _native = require("@react-navigation/native");
 var _element = require("@wordpress/element");
 var _ = _interopRequireDefault(require("./"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -42,7 +42,7 @@ const LinkSettingsScreen = props => {
     }
   };
   return (0, _element.useMemo)(() => {
-    return (0, _react.createElement)(_.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       ...props,
       onLinkCellPressed: props.hasPicker ? onLinkCellPressed : undefined,
       urlValue: inputValue

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

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_element","_","_interopRequireDefault","LinkSettingsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","params","onLinkCellPressed","navigate","useMemo","_react","createElement","default","hasPicker","undefined","urlValue","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,CAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,kBAAkB,GAAKC,KAAK,IAAM;EACvC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,GAAG,GAAG;EAAG,CAAC,GAAGL,KAAK;EAC1B,MAAM;IAAEM,UAAU,GAAGD;EAAI,CAAC,GAAGF,KAAK,CAACI,MAAM,IAAI,CAAC,CAAC;EAE/C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC/B,IAAKR,KAAK,CAACQ,iBAAiB,EAAG;MAC9BR,KAAK,CAACQ,iBAAiB,CAAE;QAAEP;MAAW,CAAE,CAAC;IAC1C,CAAC,MAAM;MACNA,UAAU,CAACQ,QAAQ,CAAE,YAAY,EAAE;QAAEH;MAAW,CAAE,CAAC;IACpD;EACD,CAAC;EAED,OAAO,IAAAI,gBAAO,EAAE,MAAM;IACrB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACf,CAAA,CAAAgB,OAAY;MAAA,GACPb,KAAK;MACVQ,iBAAiB,EAChBR,KAAK,CAACc,SAAS,GAAGN,iBAAiB,GAAGO,SACtC;MACDC,QAAQ,EAAGV;IAAY,CACvB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEN,KAAK,EAAEM,UAAU,EAAEL,UAAU,EAAEE,KAAK,CAAG,CAAC;AAC9C,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEad,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_native","require","_element","_","_interopRequireDefault","_jsxRuntime","LinkSettingsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","params","onLinkCellPressed","navigate","useMemo","jsx","default","hasPicker","undefined","urlValue","_default","exports"],"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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,CAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAb9B;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,kBAAkB,GAAKC,KAAK,IAAM;EACvC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,GAAG,GAAG;EAAG,CAAC,GAAGL,KAAK;EAC1B,MAAM;IAAEM,UAAU,GAAGD;EAAI,CAAC,GAAGF,KAAK,CAACI,MAAM,IAAI,CAAC,CAAC;EAE/C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC/B,IAAKR,KAAK,CAACQ,iBAAiB,EAAG;MAC9BR,KAAK,CAACQ,iBAAiB,CAAE;QAAEP;MAAW,CAAE,CAAC;IAC1C,CAAC,MAAM;MACNA,UAAU,CAACQ,QAAQ,CAAE,YAAY,EAAE;QAAEH;MAAW,CAAE,CAAC;IACpD;EACD,CAAC;EAED,OAAO,IAAAI,gBAAO,EAAE,MAAM;IACrB,oBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACf,CAAA,CAAAgB,OAAY;MAAA,GACPZ,KAAK;MACVQ,iBAAiB,EAChBR,KAAK,CAACa,SAAS,GAAGL,iBAAiB,GAAGM,SACtC;MACDC,QAAQ,EAAGT;IAAY,CACvB,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CAAEN,KAAK,EAAEM,UAAU,EAAEL,UAAU,EAAEE,KAAK,CAAG,CAAC;AAC9C,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEab,kBAAkB","ignoreList":[]}

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

@@ -1,18 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MediaEdit = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_EDITOR = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
+var _picker = _interopRequireDefault(require("../picker"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 const MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_IMAGE = 'image';
 const MEDIA_EDITOR = exports.MEDIA_EDITOR = 'MEDIA_EDITOR';
 const editOption = {
@@ -81,7 +86,7 @@ class MediaEdit extends _element.Component {
     }
   }
   render() {
-    const mediaOptions = () => (0, _react.createElement)(_components.Picker, {
+    const mediaOptions = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_picker.default, {
       hideCancelButton: true,
       ref: instance => this.picker = instance,
       options: this.getMediaOptionsItems(),

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_reactNativeBridge","MEDIA_TYPE_IMAGE","exports","MEDIA_EDITOR","editOption","id","value","label","__","requiresModal","types","replaceOption","mediaSources","deviceLibrary","MediaEdit","Component","constructor","props","onPickerPresent","bind","onPickerSelect","getMediaOptionsItems","getDestructiveButtonIndex","pickerOptions","openReplaceMediaOptions","source","uri","filter","Boolean","options","destructiveButtonIndex","findIndex","option","destructiveButton","undefined","picker","presentPicker","onSelect","multiple","requestMediaEditor","media","optionSelected","find","onPress","render","mediaOptions","_react","createElement","Picker","hideCancelButton","ref","instance","leftAlign","onChange","title","open","_default","default"],"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":["_element","require","_i18n","_reactNativeBridge","_picker","_interopRequireDefault","_jsxRuntime","MEDIA_TYPE_IMAGE","exports","MEDIA_EDITOR","editOption","id","value","label","__","requiresModal","types","replaceOption","mediaSources","deviceLibrary","MediaEdit","Component","constructor","props","onPickerPresent","bind","onPickerSelect","getMediaOptionsItems","getDestructiveButtonIndex","pickerOptions","openReplaceMediaOptions","source","uri","filter","Boolean","options","destructiveButtonIndex","findIndex","option","destructiveButton","undefined","picker","presentPicker","onSelect","multiple","requestMediaEditor","media","optionSelected","find","onPress","render","mediaOptions","jsx","default","hideCancelButton","ref","instance","leftAlign","onChange","title","open","_default"],"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/mobile/picker/index.android.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
 var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _body = _interopRequireDefault(require("../../panel/body"));
+var _textControl = _interopRequireDefault(require("../../text-control"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -27,7 +28,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 
 function Separator() {
   const separatorStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['components-picker__separator'], _styles.default['components-picker__separator--dark']);
-  return (0, _react.createElement)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: separatorStyle
   });
 }
@@ -62,17 +63,17 @@ class Picker extends _element.Component {
       options,
       leftAlign
     } = this.props;
-    return options.map(option => (0, _react.createElement)(_element.Fragment, {
-      key: `${option.label}-${option.value}`
-    }, options.length > 1 && option.separated && (0, _react.createElement)(Separator, null), (0, _react.createElement)(_bottomSheet.default.Cell, {
-      icon: option.icon,
-      leftAlign: leftAlign,
-      label: option.label,
-      separatorType: 'none',
-      onPress: () => this.onCellPress(option.value),
-      disabled: option.disabled,
-      style: option.disabled && _styles.default['components-picker__button--disabled']
-    })));
+    return options.map(option => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
+      children: [options.length > 1 && option.separated && /*#__PURE__*/(0, _jsxRuntime.jsx)(Separator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
+        icon: option.icon,
+        leftAlign: leftAlign,
+        label: option.label,
+        separatorType: "none",
+        onPress: () => this.onCellPress(option.value),
+        disabled: option.disabled,
+        style: option.disabled && _styles.default['components-picker__button--disabled']
+      })]
+    }, `${option.label}-${option.value}`));
   }
   render() {
     const {
@@ -83,19 +84,21 @@ class Picker extends _element.Component {
     const {
       isVisible
     } = this.state;
-    return (0, _react.createElement)(_bottomSheet.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default, {
       isVisible: isVisible,
       onClose: this.onClose,
       hideHeader: true,
-      testID: testID
-    }, (0, _react.createElement)(_components.PanelBody, {
-      title: title,
-      style: _styles.default['components-picker__panel']
-    }, this.getOptions(), !hideCancelButton && (0, _react.createElement)(_components.TextControl, {
-      label: (0, _i18n.__)('Cancel'),
-      onPress: this.onClose,
-      separatorType: 'none'
-    })));
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_body.default, {
+        title: title,
+        style: _styles.default['components-picker__panel'],
+        children: [this.getOptions(), !hideCancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_textControl.default, {
+          label: (0, _i18n.__)('Cancel'),
+          onPress: this.onClose,
+          separatorType: "none"
+        })]
+      })
+    });
   }
 }
 exports.default = Picker;

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_element","_compose","_components","_bottomSheet","_interopRequireDefault","_styles","Separator","separatorStyle","usePreferredColorSchemeStyle","styles","_react","createElement","View","style","Picker","Component","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","Fragment","key","label","length","separated","default","Cell","icon","separatorType","onPress","disabled","render","hideCancelButton","title","testID","hideHeader","PanelBody","TextControl","__","exports"],"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":["_reactNative","require","_i18n","_element","_compose","_bottomSheet","_interopRequireDefault","_styles","_body","_textControl","_jsxRuntime","Separator","separatorStyle","usePreferredColorSchemeStyle","styles","jsx","View","style","Picker","Component","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","jsxs","Fragment","children","length","separated","default","Cell","icon","label","separatorType","onPress","disabled","render","hideCancelButton","title","testID","hideHeader","__","exports"],"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/mobile/picker/index.ios.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -78,9 +78,9 @@ const PickerComponent = (0, _element.forwardRef)((props, ref) => {
   } = (0, _data.useDispatch)('core/edit-post');
   const {
     onHandleClosingBottomSheet
-  } = (0, _element.useContext)(_components.BottomSheetContext);
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
   const colorScheme = (0, _compose.usePreferredColorScheme)();
-  return (0, _react.createElement)(Picker, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Picker, {
     ref: ref,
     ...props,
     isBottomSheetOpened: isBottomSheetOpened,

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_element","_data","_components","_compose","_styles","_interopRequireDefault","Picker","Component","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","colorScheme","props","labels","map","label","fullOptions","__","concat","buttonTitleColor","styles","color","ActionSheetIOS","showActionSheetWithOptions","cancelButtonIndex","anchor","tintColor","buttonIndex","selected","requiresModal","value","render","PickerComponent","forwardRef","ref","useSelect","select","isEditorSidebarOpened","closeGeneralSidebar","useDispatch","useContext","BottomSheetContext","usePreferredColorScheme","_react","createElement","_default","exports","default"],"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMQ,MAAM,SAASC,kBAAS,CAAC;EAC9BC,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,CAAE,IAAAC,QAAE,EAAE,QAAS,CAAC,CAAE,CAACC,MAAM,CAAEL,MAAO,CAAC;IAEvD,MAAMM,gBAAgB,GACrBR,WAAW,KAAK,OAAO,GACpBS,eAAM,CAAE,iCAAiC,CAAE,CAACC,KAAK,GACjDD,eAAM,CAAE,uCAAuC,CAAE,CAACC,KAAK;IAE3DC,2BAAc,CAACC,0BAA0B,CACxC;MACCnB,KAAK;MACLF,OAAO,EAAEc,WAAW;MACpBQ,iBAAiB,EAAE,CAAC;MACpBnB,sBAAsB;MACtBC,qBAAqB;MACrBmB,MAAM,EAAElB,SAAS,IAAIA,SAAS,CAAC,CAAC;MAChCmB,SAAS,EAAEP;IACZ,CAAC,EACCQ,WAAW,IAAM;MAClB,IAAKA,WAAW,KAAK,CAAC,EAAG;QACxB;MACD;MACA,MAAMC,QAAQ,GAAG1B,OAAO,CAAEyB,WAAW,GAAG,CAAC,CAAE;MAE3C,IAAKC,QAAQ,CAACC,aAAa,IAAIrB,mBAAmB,EAAG;QACpDE,0BAA0B,CAAE,MAAM;UACjCP,QAAQ,CAAEyB,QAAQ,CAACE,KAAM,CAAC;QAC3B,CAAE,CAAC;QACHrB,gBAAgB,CAAC,CAAC;MACnB,CAAC,MAAM;QACNN,QAAQ,CAAEyB,QAAQ,CAACE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;EACF;EAEAC,MAAMA,CAAA,EAAG;IACR,OAAO,IAAI;EACZ;AACD;AAEA,MAAMC,eAAe,GAAG,IAAAC,mBAAU,EAAE,CAAErB,KAAK,EAAEsB,GAAG,KAAM;EACrD,MAAM1B,mBAAmB,GAAG,IAAA2B,eAAS,EAAIC,MAAM,IAC9CA,MAAM,CAAE,gBAAiB,CAAC,CAACC,qBAAqB,CAAC,CAClD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAE,gBAAiB,CAAC;EAC/D,MAAM;IAAE7B;EAA2B,CAAC,GAAG,IAAA8B,mBAAU,EAAEC,8BAAmB,CAAC;EAEvE,MAAM9B,WAAW,GAAG,IAAA+B,gCAAuB,EAAC,CAAC;EAE7C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC7C,MAAM;IACNmC,GAAG,EAAGA,GAAK;IAAA,GACNtB,KAAK;IACVJ,mBAAmB,EAAGA,mBAAqB;IAC3CC,gBAAgB,EAAG6B,mBAAqB;IACxC5B,0BAA0B,EAAGA,0BAA4B;IACzDC,WAAW,EAAGA;EAAa,CAC3B,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEWf,eAAe","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_element","_data","_compose","_styles","_interopRequireDefault","_bottomSheetContext","_jsxRuntime","Picker","Component","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","colorScheme","props","labels","map","label","fullOptions","__","concat","buttonTitleColor","styles","color","ActionSheetIOS","showActionSheetWithOptions","cancelButtonIndex","anchor","tintColor","buttonIndex","selected","requiresModal","value","render","PickerComponent","forwardRef","ref","useSelect","select","isEditorSidebarOpened","closeGeneralSidebar","useDispatch","useContext","BottomSheetContext","usePreferredColorScheme","jsx","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA0E,IAAAQ,WAAA,GAAAR,OAAA;AAjB1E;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMS,MAAM,SAASC,kBAAS,CAAC;EAC9BC,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,CAAE,IAAAC,QAAE,EAAE,QAAS,CAAC,CAAE,CAACC,MAAM,CAAEL,MAAO,CAAC;IAEvD,MAAMM,gBAAgB,GACrBR,WAAW,KAAK,OAAO,GACpBS,eAAM,CAAE,iCAAiC,CAAE,CAACC,KAAK,GACjDD,eAAM,CAAE,uCAAuC,CAAE,CAACC,KAAK;IAE3DC,2BAAc,CAACC,0BAA0B,CACxC;MACCnB,KAAK;MACLF,OAAO,EAAEc,WAAW;MACpBQ,iBAAiB,EAAE,CAAC;MACpBnB,sBAAsB;MACtBC,qBAAqB;MACrBmB,MAAM,EAAElB,SAAS,IAAIA,SAAS,CAAC,CAAC;MAChCmB,SAAS,EAAEP;IACZ,CAAC,EACCQ,WAAW,IAAM;MAClB,IAAKA,WAAW,KAAK,CAAC,EAAG;QACxB;MACD;MACA,MAAMC,QAAQ,GAAG1B,OAAO,CAAEyB,WAAW,GAAG,CAAC,CAAE;MAE3C,IAAKC,QAAQ,CAACC,aAAa,IAAIrB,mBAAmB,EAAG;QACpDE,0BAA0B,CAAE,MAAM;UACjCP,QAAQ,CAAEyB,QAAQ,CAACE,KAAM,CAAC;QAC3B,CAAE,CAAC;QACHrB,gBAAgB,CAAC,CAAC;MACnB,CAAC,MAAM;QACNN,QAAQ,CAAEyB,QAAQ,CAACE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;EACF;EAEAC,MAAMA,CAAA,EAAG;IACR,OAAO,IAAI;EACZ;AACD;AAEA,MAAMC,eAAe,GAAG,IAAAC,mBAAU,EAAE,CAAErB,KAAK,EAAEsB,GAAG,KAAM;EACrD,MAAM1B,mBAAmB,GAAG,IAAA2B,eAAS,EAAIC,MAAM,IAC9CA,MAAM,CAAE,gBAAiB,CAAC,CAACC,qBAAqB,CAAC,CAClD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAE,gBAAiB,CAAC;EAC/D,MAAM;IAAE7B;EAA2B,CAAC,GAAG,IAAA8B,mBAAU,EAAEC,sCAAmB,CAAC;EAEvE,MAAM9B,WAAW,GAAG,IAAA+B,gCAAuB,EAAC,CAAC;EAE7C,oBACC,IAAA5C,WAAA,CAAA6C,GAAA,EAAC5C,MAAM;IACNmC,GAAG,EAAGA,GAAK;IAAA,GACNtB,KAAK;IACVJ,mBAAmB,EAAGA,mBAAqB;IAC3CC,gBAAgB,EAAG6B,mBAAqB;IACxC5B,0BAA0B,EAAGA,0BAA4B;IACzDC,WAAW,EAAGA;EAAa,CAC3B,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAiC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEWd,eAAe","ignoreList":[]}

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _layoutAnimation = require("../layout-animation");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -37,18 +37,22 @@ const Segment = ({
   const textStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.buttonTextDefault, _style.default.buttonTextDefaultDark);
   const selectedTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.buttonTextSelected, _style.default.buttonTextSelectedDark);
   const shadowStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.shadowIOS, {});
-  return (0, _react.createElement)(_reactNative.View, {
-    style: isSelectedIOS && shadowStyle
-  }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
-    onPress: onPress
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: segmentStyle,
-    onLayout: onLayout,
-    ...props
-  }, (0, _react.createElement)(_reactNative.Text, {
-    style: [textStyle, isSelected && selectedTextStyle],
-    maxFontSizeMultiplier: 2
-  }, title))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: isSelectedIOS && shadowStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+      onPress: onPress,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: segmentStyle,
+        onLayout: onLayout,
+        ...props,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [textStyle, isSelected && selectedTextStyle],
+          maxFontSizeMultiplier: 2,
+          children: title
+        })
+      })
+    })
+  });
 };
 const SegmentedControls = ({
   segments,
@@ -121,35 +125,38 @@ const SegmentedControls = ({
   const width = segmentsDimensions[activeSegmentIndex]?.width;
   const height = segmentsDimensions[activeSegmentIndex]?.height;
   const outlineStyle = [_style.default.outline, isIOS && _style.default.outlineIOS];
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.row
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.flex
-  }, addonLeft), (0, _react.createElement)(_reactNative.View, {
-    style: [containerStyle, isIOS && _style.default.containerIOS]
-  }, (0, _react.createElement)(_reactNative.Animated.View, {
-    style: [{
-      width,
-      left: positionAnimationValue,
-      height
-    }, selectedStyle, outlineStyle]
-  }), segments.map((segment, index) => {
-    return (0, _react.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}`
-    });
-  })), (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.flex
-  }, addonRight));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _style.default.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.flex,
+      children: addonLeft
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [containerStyle, isIOS && _style.default.containerIOS],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [{
+          width,
+          left: positionAnimationValue,
+          height
+        }, selectedStyle, outlineStyle]
+      }), segments.map((segment, index) => {
+        return /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.flex,
+      children: addonRight
+    })]
+  });
 };
 var _default = exports.default = SegmentedControls;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_compose","_layoutAnimation","_style","_interopRequireDefault","ANIMATION_DURATION","isIOS","Platform","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","styles","segment","segmentIOS","textStyle","usePreferredColorSchemeStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","_react","createElement","View","style","TouchableWithoutFeedback","Text","maxFontSizeMultiplier","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","useState","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Animated","Value","useEffect","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","Object","values","map","dimension","widthsDistance","slice","widthsDistanceSum","reduce","sum","n","endValue","onHandlePress","performLayoutAnimation","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","row","flex","left","key","accessibilityState","accessibilityRole","accessibilityLabel","accessibilityHint","length","_default","exports","default"],"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":["_reactNative","require","_element","_compose","_layoutAnimation","_style","_interopRequireDefault","_jsxRuntime","ANIMATION_DURATION","isIOS","Platform","OS","Segment","isSelected","title","onPress","onLayout","props","isSelectedIOS","segmentStyle","styles","segment","segmentIOS","textStyle","usePreferredColorSchemeStyle","buttonTextDefault","buttonTextDefaultDark","selectedTextStyle","buttonTextSelected","buttonTextSelectedDark","shadowStyle","shadowIOS","jsx","View","style","children","TouchableWithoutFeedback","Text","maxFontSizeMultiplier","SegmentedControls","segments","segmentHandler","selectedIndex","addonLeft","addonRight","selectedSegmentIndex","activeSegmentIndex","setActiveSegmentIndex","useState","segmentsDimensions","setSegmentsDimensions","width","height","positionAnimationValue","Animated","Value","useEffect","setValue","calculateEndValue","containerStyle","container","containerDark","performSwatchAnimation","index","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","paddingLeft","offset","containerIOS","widths","Object","values","map","dimension","widthsDistance","slice","widthsDistanceSum","reduce","sum","n","endValue","onHandlePress","performLayoutAnimation","segmentOnLayout","event","nativeEvent","layout","selectedStyle","selected","selectedDark","outlineStyle","outline","outlineIOS","jsxs","row","flex","left","accessibilityState","accessibilityRole","accessibilityLabel","accessibilityHint","length","_default","exports","default"],"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":[]}