@wordpress/components 27.6.0 → 28.0.0

package/build/mobile/bottom-sheet/sub-sheet/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_components","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","_react","createElement","Fragment","SafeAreaView","Children","count","screenName","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\nimport { createSlotFill, BottomSheetContext } from '@wordpress/components';\n\nconst { Fill, Slot } = createSlotFill( 'BottomSheetSubSheet' );\n\nconst BottomSheetSubSheet = ( {\n\tchildren,\n\tnavigationButton,\n\tshowSheet,\n\tisFullScreen,\n} ) => {\n\tconst { setIsFullScreen } = useContext( BottomSheetContext );\n\n\tuseEffect( () => {\n\t\tif ( showSheet ) {\n\t\t\tsetIsFullScreen( isFullScreen );\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}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEG,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGR,SAAS,IACV,IAAAM,MAAA,CAAAC,aAAA,EAACb,IAAI,QACJ,IAAAY,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAmB,YAAY,QAAGX,QAAwB,CACnC,CACN,EACCY,iBAAQ,CAACC,KAAK,CAAEb,QAAS,CAAC,GAAG,CAAC,IAAIC,gBACnC,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACe,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAExClB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_element","_bottomSheetContext","_slotFill","_jsxRuntime","Fill","Slot","createSlotFill","BottomSheetSubSheet","children","navigationButton","showSheet","isFullScreen","setIsFullScreen","useContext","BottomSheetContext","useEffect","jsxs","Fragment","jsx","SafeAreaView","Children","count","screenName","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/sub-sheet/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children, useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetContext } from '../bottom-sheet-context';\nimport { createSlotFill } from '../../../slot-fill';\n\nconst { Fill, Slot } = createSlotFill( 'BottomSheetSubSheet' );\n\nconst BottomSheetSubSheet = ( {\n\tchildren,\n\tnavigationButton,\n\tshowSheet,\n\tisFullScreen,\n} ) => {\n\tconst { setIsFullScreen } = useContext( BottomSheetContext );\n\n\tuseEffect( () => {\n\t\tif ( showSheet ) {\n\t\t\tsetIsFullScreen( isFullScreen );\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}, [ showSheet, isFullScreen ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ showSheet && (\n\t\t\t\t<Fill>\n\t\t\t\t\t<SafeAreaView>{ children }</SafeAreaView>\n\t\t\t\t</Fill>\n\t\t\t) }\n\t\t\t{ Children.count( children ) > 0 && navigationButton }\n\t\t</>\n\t);\n};\n\nBottomSheetSubSheet.Slot = Slot;\nBottomSheetSubSheet.screenName = 'BottomSheetSubSheet';\n\nexport default BottomSheetSubSheet;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAdpD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEK,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,wBAAc,EAAE,qBAAsB,CAAC;AAE9D,MAAMC,mBAAmB,GAAGA,CAAE;EAC7BC,QAAQ;EACRC,gBAAgB;EAChBC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EAE5D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBE,eAAe,CAAED,YAAa,CAAC;IAChC;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAED,SAAS,EAAEC,YAAY,CAAG,CAAC;EAEhC,oBACC,IAAAR,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAT,QAAA,GACGE,SAAS,iBACV,IAAAP,WAAA,CAAAe,GAAA,EAACd,IAAI;MAAAI,QAAA,eACJ,IAAAL,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,YAAY;QAAAX,QAAA,EAAGA;MAAQ,CAAgB;IAAC,CACpC,CACN,EACCY,iBAAQ,CAACC,KAAK,CAAEb,QAAS,CAAC,GAAG,CAAC,IAAIC,gBAAgB;EAAA,CACnD,CAAC;AAEL,CAAC;AAEDF,mBAAmB,CAACF,IAAI,GAAGA,IAAI;AAC/BE,mBAAmB,CAACe,UAAU,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAExClB,mBAAmB","ignoreList":[]}

package/build/mobile/bottom-sheet/switch-cell.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetSwitchCell;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _cell = _interopRequireDefault(require("./cell"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -42,21 +42,22 @@ function BottomSheetSwitchCell(props) {
     (0, _i18n._x)('%1$s, %2$s. On', 'switch control'), cellProps.label, cellProps.help) : (0, _i18n.sprintf)( /* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */
     (0, _i18n._x)('%1$s, %2$s. Off', 'switch control'), cellProps.label, cellProps.help);
   };
-  return (0, _react.createElement)(_cell.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
     ...cellProps,
     accessibilityLabel: getAccessibilityLabel(),
-    accessibilityRole: 'none',
+    accessibilityRole: "none",
     accessibilityHint: /* translators: accessibility text (hint for switches) */
     (0, _i18n.__)('Double tap to toggle setting'),
     onPress: onPress,
     editable: false,
-    value: '',
+    value: "",
     disabled: disabled,
-    disabledStyle: EMPTY_STYLE
-  }, (0, _react.createElement)(_reactNative.Switch, {
-    value: value,
-    onValueChange: onValueChange,
-    disabled: disabled
-  }));
+    disabledStyle: EMPTY_STYLE,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+      value: value,
+      onValueChange: onValueChange,
+      disabled: disabled
+    })
+  });
 }
 //# sourceMappingURL=switch-cell.native.js.map

package/build/mobile/bottom-sheet/switch-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","_react","createElement","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","Switch"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Switch } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole={ 'none' }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMI,WAAW,GAAG,CAAC,CAAC;AAEP,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACT,IAAAO,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCT,SAAS;IACdU,kBAAkB,EAAGR,qBAAqB,CAAC,CAAG;IAC9CS,iBAAiB,EAAG,MAAQ;IAC5BC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDZ,OAAO,EAAGA,OAAS;IACnBa,QAAQ,EAAG,KAAO;IAClBjB,KAAK,EAAG,EAAI;IACZE,QAAQ,EAAGA,QAAU;IACrBgB,aAAa,EAAGrB;EAAa,GAE7B,IAAAa,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAA2B,MAAM;IACNnB,KAAK,EAAGA,KAAO;IACfC,aAAa,EAAGA,aAAe;IAC/BC,QAAQ,EAAGA;EAAU,CACrB,CACI,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_cell","_interopRequireDefault","_jsxRuntime","EMPTY_STYLE","BottomSheetSwitchCell","props","value","onValueChange","disabled","cellProps","onPress","getAccessibilityLabel","help","sprintf","_x","label","jsx","default","accessibilityLabel","accessibilityRole","accessibilityHint","__","editable","disabledStyle","children","Switch"],"sources":["@wordpress/components/src/mobile/bottom-sheet/switch-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Switch } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nconst EMPTY_STYLE = {};\n\nexport default function BottomSheetSwitchCell( props ) {\n\tconst { value, onValueChange, disabled, ...cellProps } = props;\n\n\tconst onPress = () => {\n\t\tonValueChange( ! value );\n\t};\n\n\tconst getAccessibilityLabel = () => {\n\t\tif ( ! cellProps.help ) {\n\t\t\treturn value\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. On', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %s: Switch title. */\n\t\t\t\t\t\t_x( '%s. Off', 'switch control' ),\n\t\t\t\t\t\tcellProps.label\n\t\t\t\t  );\n\t\t}\n\t\treturn value\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting ON state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. On', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. Switch setting OFF state. %1: Switch title, %2: switch help. */\n\t\t\t\t\t_x( '%1$s, %2$s. Off', 'switch control' ),\n\t\t\t\t\tcellProps.label,\n\t\t\t\t\tcellProps.help\n\t\t\t  );\n\t};\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\taccessibilityRole=\"none\"\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for switches) */\n\t\t\t\t__( 'Double tap to toggle setting' )\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t\teditable={ false }\n\t\t\tvalue=\"\"\n\t\t\tdisabled={ disabled }\n\t\t\tdisabledStyle={ EMPTY_STYLE }\n\t\t>\n\t\t\t<Switch\n\t\t\t\tvalue={ value }\n\t\t\t\tonValueChange={ onValueChange }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,WAAA,GAAAJ,OAAA;AAZ1B;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,MAAMK,WAAW,GAAG,CAAC,CAAC;AAEP,SAASC,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE9D,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACrBH,aAAa,CAAE,CAAED,KAAM,CAAC;EACzB,CAAC;EAED,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;IACnC,IAAK,CAAEF,SAAS,CAACG,IAAI,EAAG;MACvB,OAAON,KAAK,GACT,IAAAO,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,QAAQ,EAAE,gBAAiB,CAAC,EAChCL,SAAS,CAACM,KACV,CAAC,GACD,IAAAF,aAAO,GACP;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,gBAAiB,CAAC,EACjCL,SAAS,CAACM,KACV,CAAC;IACL;IACA,OAAOT,KAAK,GACT,IAAAO,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,gBAAgB,EAAE,gBAAiB,CAAC,EACxCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC,GACD,IAAAC,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,iBAAiB,EAAE,gBAAiB,CAAC,EACzCL,SAAS,CAACM,KAAK,EACfN,SAAS,CAACG,IACV,CAAC;EACL,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAc,GAAA,EAAChB,KAAA,CAAAiB,OAAI;IAAA,GACCR,SAAS;IACdS,kBAAkB,EAAGP,qBAAqB,CAAC,CAAG;IAC9CQ,iBAAiB,EAAC,MAAM;IACxBC,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,8BAA+B,CACnC;IACDX,OAAO,EAAGA,OAAS;IACnBY,QAAQ,EAAG,KAAO;IAClBhB,KAAK,EAAC,EAAE;IACRE,QAAQ,EAAGA,QAAU;IACrBe,aAAa,EAAGpB,WAAa;IAAAqB,QAAA,eAE7B,IAAAtB,WAAA,CAAAc,GAAA,EAACnB,YAAA,CAAA4B,MAAM;MACNnB,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}

package/build/mobile/bottom-sheet-select-control/index.native.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 _native = require("@react-navigation/native");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -51,48 +51,57 @@ const BottomSheetSelectControl = ({
     navigation.goBack();
   };
   const openSubSheet = () => {
-    navigation.navigate(_components.BottomSheet.SubSheet.screenName);
+    navigation.navigate(_bottomSheet.default.SubSheet.screenName);
     setShowSubSheet(true);
   };
-  return (0, _react.createElement)(_components.BottomSheet.SubSheet, {
-    navigationButton: (0, _react.createElement)(_components.BottomSheet.Cell, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.SubSheet, {
+    navigationButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
       label: label,
       separatorType: "none",
       icon: icon,
       value: selectedOption.label,
       onPress: openSubSheet,
-      accessibilityRole: 'button',
+      accessibilityRole: "button",
       accessibilityLabel: (0, _i18n.sprintf)(
       // translators:  %1$s: Select control button label e.g. "Button width". %2$s: Select control option value e.g: "Auto, 25%".
       (0, _i18n.__)('%1$s. Currently selected: %2$s'), label, selectedOption.label),
       accessibilityHint: (0, _i18n.sprintf)(
       // translators: %s: Select control button label e.g. "Button width"
       (0, _i18n.__)('Navigates to select %s'), label),
-      disabled: disabled
-    }, disabled ? null : (0, _react.createElement)(_icons.Icon, {
-      icon: _icons.chevronRight
-    })),
-    showSheet: showSubSheet
-  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
-    onPress: goBack
-  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.selectControl
-  }, items.map((item, index) => (0, _react.createElement)(_components.BottomSheet.Cell, {
-    customActionButton: true,
-    separatorType: "none",
-    label: item.label,
-    icon: item.icon,
-    onPress: onChangeValue(item.value),
-    leftAlign: true,
-    key: index,
-    accessibilityRole: 'button',
-    accessibilityLabel: item.value === selectedValue ? (0, _i18n.sprintf)(
-    // translators: %s: Select control option value e.g: "Auto, 25%".
-    (0, _i18n.__)('Selected: %s'), item.label) : item.label,
-    accessibilityHint: (0, _i18n.__)('Double tap to select')
-  }, item.value === selectedValue && (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.check
-  }))))));
+      disabled: disabled,
+      children: disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronRight
+      })
+    }),
+    showSheet: showSubSheet,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavBar, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.BackButton, {
+          onPress: goBack
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _style.default.selectControl,
+        children: items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
+          customActionButton: true,
+          separatorType: "none",
+          label: item.label,
+          icon: item.icon,
+          onPress: onChangeValue(item.value),
+          leftAlign: true,
+          accessibilityRole: "button",
+          accessibilityLabel: item.value === selectedValue ? (0, _i18n.sprintf)(
+          // translators: %s: Select control option value e.g: "Auto, 25%".
+          (0, _i18n.__)('Selected: %s'), item.label) : item.label,
+          accessibilityHint: (0, _i18n.__)('Double tap to select'),
+          children: item.value === selectedValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+            icon: _icons.check
+          })
+        }, index))
+      })]
+    })
+  });
 };
 var _default = exports.default = BottomSheetSelectControl;
 //# sourceMappingURL=index.native.js.map

package/build/mobile/bottom-sheet-select-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","_element","_icons","_i18n","_components","_style","_interopRequireDefault","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","_react","createElement","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","key","check","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BottomSheet } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst EMPTY_OPTION = {\n\tlabel: '',\n};\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption =\n\t\titems.find( ( option ) => option.value === selectedValue ) ??\n\t\tEMPTY_OPTION;\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t// translators:  %1$s: Select control button label e.g. \"Button width\". %2$s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t__( '%1$s. Currently selected: %2$s' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t\taccessibilityHint={ sprintf(\n\t\t\t\t\t\t// translators: %s: Select control button label e.g. \"Button width\"\n\t\t\t\t\t\t__( 'Navigates to select %s' ),\n\t\t\t\t\t\tlabel\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles.selectControl }>\n\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tlabel={ item.label }\n\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_native","_element","_icons","_i18n","_style","_interopRequireDefault","_bottomSheet","_jsxRuntime","EMPTY_OPTION","label","BottomSheetSelectControl","icon","options","items","onChange","value","selectedValue","disabled","_items$find","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","onChangeValue","goBack","selectedOption","find","option","openSubSheet","navigate","BottomSheet","SubSheet","screenName","jsx","default","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityLabel","sprintf","__","accessibilityHint","children","Icon","chevronRight","showSheet","jsxs","Fragment","NavBar","BackButton","Heading","View","style","styles","selectControl","map","item","index","customActionButton","leftAlign","check","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet-select-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport BottomSheet from '../bottom-sheet';\n\nconst EMPTY_OPTION = {\n\tlabel: '',\n};\n\nconst BottomSheetSelectControl = ( {\n\tlabel,\n\ticon,\n\toptions: items,\n\tonChange,\n\tvalue: selectedValue,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption =\n\t\titems.find( ( option ) => option.value === selectedValue ) ??\n\t\tEMPTY_OPTION;\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tvalue={ selectedOption.label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t// translators:  %1$s: Select control button label e.g. \"Button width\". %2$s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t__( '%1$s. Currently selected: %2$s' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tselectedOption.label\n\t\t\t\t\t) }\n\t\t\t\t\taccessibilityHint={ sprintf(\n\t\t\t\t\t\t// translators: %s: Select control button label e.g. \"Button width\"\n\t\t\t\t\t\t__( 'Navigates to select %s' ),\n\t\t\t\t\t\tlabel\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles.selectControl }>\n\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\tlabel={ item.label }\n\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\tonPress={ onChangeValue( item.value ) }\n\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\titem.value === selectedValue\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Select control option value e.g: \"Auto, 25%\".\n\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\titem.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: item.label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taccessibilityHint={ __( 'Double tap to select' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.value === selectedValue && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t) ) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetSelectControl;\n"],"mappings":"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","ignoreList":[]}

package/build/mobile/bottom-sheet-text-control/index.native.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
+var _body = _interopRequireDefault(require("../../panel/body"));
+var _footerMessageControl = _interopRequireDefault(require("../../footer-message-control"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -42,42 +44,52 @@ const BottomSheetTextControl = ({
     navigation.goBack();
   };
   const openSubSheet = () => {
-    navigation.navigate(_components.BottomSheet.SubSheet.screenName);
+    navigation.navigate(_bottomSheet.default.SubSheet.screenName);
     setShowSubSheet(true);
   };
   const horizontalBorderStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.horizontalBorder, _styles.default.horizontalBorderDark);
   const textEditorStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.textEditor, _styles.default.textEditorDark);
-  return (0, _react.createElement)(_components.BottomSheet.SubSheet, {
-    navigationButton: (0, _react.createElement)(_components.BottomSheet.Cell, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.SubSheet, {
+    navigationButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
       icon: icon,
       label: label,
       onPress: openSubSheet,
       value: initialValue || '',
       placeholder: cellPlaceholder || placeholder || '',
-      disabled: disabled
-    }, disabled ? null : (0, _react.createElement)(_icons.Icon, {
-      icon: _icons.chevronRight
-    })),
-    showSheet: showSubSheet
-  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
-    onPress: goBack
-  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _react.createElement)(_components.PanelBody, {
-    style: horizontalBorderStyle
-  }, (0, _react.createElement)(_reactNative.TextInput, {
-    label: label,
-    onChangeText: text => onChange(text),
-    defaultValue: initialValue,
-    multiline: true,
-    placeholder: placeholder,
-    placeholderTextColor: '#87a6bc',
-    style: textEditorStyle,
-    textAlignVertical: 'top'
-  }))), footerNote && (0, _react.createElement)(_components.PanelBody, {
-    style: _styles.default.textFooternote
-  }, (0, _react.createElement)(_components.FooterMessageControl, {
-    label: footerNote,
-    textAlign: "left"
-  })));
+      disabled: disabled,
+      children: disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: _icons.chevronRight
+      })
+    }),
+    showSheet: showSubSheet,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavBar, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.BackButton, {
+          onPress: goBack
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
+        style: horizontalBorderStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          label: label,
+          onChangeText: text => onChange(text),
+          defaultValue: initialValue,
+          multiline: true,
+          placeholder: placeholder,
+          placeholderTextColor: "#87a6bc",
+          style: textEditorStyle,
+          textAlignVertical: "top"
+        })
+      })]
+    }), footerNote && /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
+      style: _styles.default.textFooternote,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footerMessageControl.default, {
+        label: footerNote,
+        textAlign: "left"
+      })
+    })]
+  });
 };
 var _default = exports.default = BottomSheetTextControl;
 //# sourceMappingURL=index.native.js.map

package/build/mobile/bottom-sheet-text-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","_element","_icons","_compose","_components","_styles","_interopRequireDefault","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","usePreferredColorSchemeStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","_react","createElement","navigationButton","Cell","onPress","value","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","PanelBody","style","TextInput","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","FooterMessageControl","textAlign","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_native","_element","_icons","_compose","_styles","_interopRequireDefault","_bottomSheet","_body","_footerMessageControl","_jsxRuntime","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","usePreferredColorSchemeStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","jsxs","default","navigationButton","jsx","Cell","onPress","value","children","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","style","TextInput","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","textAlign","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport BottomSheet from '../bottom-sheet';\nimport PanelBody from '../../panel/body';\nimport FooterMessageControl from '../../footer-message-control';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor=\"#87a6bc\"\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"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","ignoreList":[]}

package/build/mobile/color-settings/gradient-picker-screen.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 _native = require("@react-navigation/native");
 var _i18n = require("@wordpress/i18n");
 var _customGradientPicker = _interopRequireDefault(require("../../custom-gradient-picker"));
 var _navBar = _interopRequireDefault(require("../bottom-sheet/nav-bar"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,13 +31,19 @@ const GradientPickerScreen = () => {
     currentValue,
     isGradientColor
   } = route.params;
-  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.BackButton, {
-    onPress: navigation.goBack
-  }), (0, _react.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Customize Gradient'))), (0, _react.createElement)(_customGradientPicker.default, {
-    setColor: setColor,
-    currentValue: currentValue,
-    isGradientColor: isGradientColor
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.BackButton, {
+        onPress: navigation.goBack
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.Heading, {
+        children: (0, _i18n.__)('Customize Gradient')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_customGradientPicker.default, {
+      setColor: setColor,
+      currentValue: currentValue,
+      isGradientColor: isGradientColor
+    })]
+  });
 };
 var _default = exports.default = GradientPickerScreen;
 //# sourceMappingURL=gradient-picker-screen.native.js.map

package/build/mobile/color-settings/gradient-picker-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","_i18n","_customGradientPicker","_interopRequireDefault","_navBar","GradientPickerScreen","navigation","useNavigation","route","useRoute","setColor","currentValue","isGradientColor","params","_react","createElement","View","default","BackButton","onPress","goBack","Heading","__","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,KAAK,CAACK,MAAM;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,QACN,IAAAH,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACC,UAAU;IAACC,OAAO,EAAGb,UAAU,CAACc;EAAQ,CAAE,CAAC,EACnD,IAAAN,MAAA,CAAAC,aAAA,EAACX,OAAA,CAAAa,OAAM,CAACI,OAAO,QAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAmB,CACvD,CAAC,EACT,IAAAR,MAAA,CAAAC,aAAA,EAACb,qBAAA,CAAAe,OAAoB;IACpBP,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,eAAe,EAAGA;EAAiB,CACnC,CACI,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaZ,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_native","_i18n","_customGradientPicker","_interopRequireDefault","_navBar","_jsxRuntime","GradientPickerScreen","navigation","useNavigation","route","useRoute","setColor","currentValue","isGradientColor","params","jsxs","View","children","default","jsx","BackButton","onPress","goBack","Heading","__","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAf7C;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMO,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,KAAK,CAACK,MAAM;EAChE,oBACC,IAAAT,WAAA,CAAAU,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IAAAC,QAAA,gBACJ,IAAAZ,WAAA,CAAAU,IAAA,EAACX,OAAA,CAAAc,OAAM;MAAAD,QAAA,gBACN,IAAAZ,WAAA,CAAAc,GAAA,EAACf,OAAA,CAAAc,OAAM,CAACE,UAAU;QAACC,OAAO,EAAGd,UAAU,CAACe;MAAQ,CAAE,CAAC,eACnD,IAAAjB,WAAA,CAAAc,GAAA,EAACf,OAAA,CAAAc,OAAM,CAACK,OAAO;QAAAN,QAAA,EAAG,IAAAO,QAAE,EAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACT,IAAAnB,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAgB,OAAoB;MACpBP,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaZ,oBAAoB","ignoreList":[]}

package/build/mobile/color-settings/index.native.js

@@ -5,14 +5,15 @@ 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 _components = require("@wordpress/components");
 var _pickerScreen = _interopRequireDefault(require("./picker-screen"));
 var _gradientPickerScreen = _interopRequireDefault(require("./gradient-picker-screen"));
 var _palette = _interopRequireDefault(require("./palette.screen"));
+var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
+var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -44,31 +45,36 @@ const ColorSettingsMemo = (0, _element.memo)(({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return (0, _react.createElement)(_components.BottomSheet.NavigationContainer, null, (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: _utils.colorsUtils.screens.palette,
-    initialParams: {
-      defaultSettings,
-      onColorChange,
-      colorValue,
-      gradientValue,
-      onGradientChange,
-      onColorCleared,
-      label,
-      hideNavigation
-    }
-  }, (0, _react.createElement)(_palette.default, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: _utils.colorsUtils.screens.picker
-  }, (0, _react.createElement)(_pickerScreen.default, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: _utils.colorsUtils.screens.gradientPicker
-  }, (0, _react.createElement)(_gradientPickerScreen.default, null)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavigationContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
+      name: _utils.colorsUtils.screens.palette,
+      initialParams: {
+        defaultSettings,
+        onColorChange,
+        colorValue,
+        gradientValue,
+        onGradientChange,
+        onColorCleared,
+        label,
+        hideNavigation
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_palette.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
+      name: _utils.colorsUtils.screens.picker,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pickerScreen.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
+      name: _utils.colorsUtils.screens.gradientPicker,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientPickerScreen.default, {})
+    })]
+  });
 });
 function ColorSettings(props) {
   const route = (0, _native.useRoute)();
   const {
     onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight
-  } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _react.createElement)(ColorSettingsMemo, {
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorSettingsMemo, {
     onHandleClosingBottomSheet: onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
     ...props,

package/build/mobile/color-settings/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_element","_components","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_utils","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","_react","createElement","BottomSheet","NavigationContainer","NavigationScreen","name","colorsUtils","screens","palette","initialParams","default","picker","gradientPicker","ColorSettings","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAMQ,iBAAiB,GAAG,IAAAC,aAAI,EAC7B,CAAE;EACDC,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACN,IAAAC,kBAAS,EAAE,MAAM;IAChBR,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAU,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACC,mBAAmB,QAC/B,IAAAH,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;IACpCC,aAAa,EAAG;MACfpB,eAAe;MACfG,aAAa;MACbC,UAAU;MACVC,aAAa;MACbC,gBAAgB;MAChBC,cAAc;MACdC,KAAK;MACLC;IACD;EAAG,GAEH,IAAAE,MAAA,CAAAC,aAAA,EAAChB,QAAA,CAAAyB,OAAa,MAAE,CACa,CAAC,EAC/B,IAAAV,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI;EAAQ,GAEnC,IAAAX,MAAA,CAAAC,aAAA,EAACnB,aAAA,CAAA4B,OAAY,MAAE,CACc,CAAC,EAC/B,IAAAV,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACK;EAAgB,GAE3C,IAAAZ,MAAA,CAAAC,aAAA,EAACjB,qBAAA,CAAA0B,OAAoB,MAAE,CACM,CACE,CAAC;AAEpC,CACD,CAAC;AACD,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,8BAAmB,CAAC;EAEjC,OACC,IAAAlB,MAAA,CAAAC,aAAA,EAACd,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIuB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcG,aAAa","ignoreList":[]}
+{"version":3,"names":["_native","require","_element","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_bottomSheet","_bottomSheetContext","_utils","_jsxRuntime","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","jsxs","default","NavigationContainer","children","jsx","NavigationScreen","name","colorsUtils","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,YAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAAsC,IAAAS,WAAA,GAAAT,OAAA;AAnBtC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AASA,MAAMU,iBAAiB,GAAG,IAAAC,aAAI,EAC7B,CAAE;EACDC,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACN,IAAAC,kBAAS,EAAE,MAAM;IAChBR,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACC,IAAAJ,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAkB,OAAW,CAACC,mBAAmB;IAAAC,QAAA,gBAC/B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfrB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAK,QAAA,eAEH,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,QAAA,CAAAmB,OAAa,IAAE;IAAC,CACY,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACG,MAAQ;MAAAR,QAAA,eAEnC,IAAAjB,WAAA,CAAAkB,GAAA,EAACzB,aAAA,CAAAsB,OAAY,IAAE;IAAC,CACa,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI,cAAgB;MAAAT,QAAA,eAE3C,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,qBAAA,CAAAoB,OAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAASY,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,sCAAmB,CAAC;EAEjC,oBACC,IAAAhC,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIuB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcY,aAAa","ignoreList":[]}