@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BottomSheetPickerCell;
-var _cell = _interopRequireDefault(require("./cell"));
-var _picker = _interopRequireDefault(require("../picker"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
-function BottomSheetPickerCell(props) {
-  const {
-    options,
-    hideCancelButton,
-    onChangeValue,
-    value,
-    ...cellProps
-  } = props;
-  let picker;
-  const onCellPress = () => {
-    picker.presentPicker();
-  };
-  const onChange = newValue => {
-    onChangeValue(newValue);
-  };
-  const option = options.find(opt => opt.value === value);
-  const label = option ? option.label : value;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
-    onPress: onCellPress,
-    editable: false,
-    value: label,
-    ...cellProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_picker.default, {
-      leftAlign: true,
-      hideCancelButton: hideCancelButton,
-      ref: instance => picker = instance,
-      options: options,
-      onChange: onChange
-    })
-  });
-}
-//# sourceMappingURL=picker-cell.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_cell","_interopRequireDefault","require","_picker","_jsxRuntime","BottomSheetPickerCell","props","options","hideCancelButton","onChangeValue","value","cellProps","picker","onCellPress","presentPicker","onChange","newValue","option","find","opt","label","jsx","default","onPress","editable","children","leftAlign","ref","instance"],"sources":["@wordpress/components/src/mobile/bottom-sheet/picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport Picker from '../picker';\n\nexport default function BottomSheetPickerCell( props ) {\n\tconst { options, hideCancelButton, onChangeValue, value, ...cellProps } =\n\t\tprops;\n\n\tlet picker;\n\n\tconst onCellPress = () => {\n\t\tpicker.presentPicker();\n\t};\n\n\tconst onChange = ( newValue ) => {\n\t\tonChangeValue( newValue );\n\t};\n\n\tconst option = options.find( ( opt ) => opt.value === value );\n\tconst label = option ? option.label : value;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ onCellPress }\n\t\t\teditable={ false }\n\t\t\tvalue={ label }\n\t\t\t{ ...cellProps }\n\t\t>\n\t\t\t<Picker\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ hideCancelButton }\n\t\t\t\tref={ ( instance ) => ( picker = instance ) }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+B,IAAAE,WAAA,GAAAF,OAAA;AAJ/B;AACA;AACA;;AAIe,SAASG,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,MAAM;IAAEC,OAAO;IAAEC,gBAAgB;IAAEC,aAAa;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GACtEL,KAAK;EAEN,IAAIM,MAAM;EAEV,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBD,MAAM,CAACE,aAAa,CAAC,CAAC;EACvB,CAAC;EAED,MAAMC,QAAQ,GAAKC,QAAQ,IAAM;IAChCP,aAAa,CAAEO,QAAS,CAAC;EAC1B,CAAC;EAED,MAAMC,MAAM,GAAGV,OAAO,CAACW,IAAI,CAAIC,GAAG,IAAMA,GAAG,CAACT,KAAK,KAAKA,KAAM,CAAC;EAC7D,MAAMU,KAAK,GAAGH,MAAM,GAAGA,MAAM,CAACG,KAAK,GAAGV,KAAK;EAE3C,oBACC,IAAAN,WAAA,CAAAiB,GAAA,EAACrB,KAAA,CAAAsB,OAAI;IACJC,OAAO,EAAGV,WAAa;IACvBW,QAAQ,EAAG,KAAO;IAClBd,KAAK,EAAGU,KAAO;IAAA,GACVT,SAAS;IAAAc,QAAA,eAEd,IAAArB,WAAA,CAAAiB,GAAA,EAAClB,OAAA,CAAAmB,OAAM;MACNI,SAAS;MACTlB,gBAAgB,EAAGA,gBAAkB;MACrCmB,GAAG,EAAKC,QAAQ,IAAQhB,MAAM,GAAGgB,QAAY;MAC7CrB,OAAO,EAAGA,OAAS;MACnBQ,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACG,CAAC;AAET","ignoreList":[]}

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

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BottomSheetRadioCell;
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _cell = _interopRequireDefault(require("./cell"));
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function BottomSheetRadioCell(props) {
-  const {
-    selected,
-    ...cellProps
-  } = props;
-  const selectedIconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.selectedIcon, _styles.default.selectedIconDark);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
-    ...cellProps,
-    accessibilityRole: "radio",
-    accessibilityState: {
-      selected
-    },
-    accessibilityHint: /* translators: accessibility text (hint for selecting option) */
-    (0, _i18n.__)('Double tap to select the option'),
-    editable: false,
-    value: "",
-    showLockIcon: selected,
-    children: selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-      icon: _icons.check,
-      style: selectedIconStyle
-    })
-  });
-}
-//# sourceMappingURL=radio-cell.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_icons","_compose","_cell","_interopRequireDefault","_styles","_jsxRuntime","BottomSheetRadioCell","props","selected","cellProps","selectedIconStyle","usePreferredColorSchemeStyle","styles","selectedIcon","selectedIconDark","jsx","default","accessibilityRole","accessibilityState","accessibilityHint","__","editable","value","showLockIcon","children","Icon","icon","check","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/radio-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nexport default function BottomSheetRadioCell( props ) {\n\tconst { selected, ...cellProps } = props;\n\n\tconst selectedIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectedIcon,\n\t\tstyles.selectedIconDark\n\t);\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole=\"radio\"\n\t\t\taccessibilityState={ { selected } }\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for selecting option) */\n\t\t\t\t__( 'Double tap to select the option' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue=\"\"\n\t\t\tshowLockIcon={ selected }\n\t\t>\n\t\t\t{ selected && (\n\t\t\t\t<Icon icon={ check } style={ selectedIconStyle }></Icon>\n\t\t\t) }\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAmC,IAAAM,WAAA,GAAAN,OAAA;AAVnC;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASO,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EAExC,MAAMG,iBAAiB,GAAG,IAAAC,qCAA4B,EACrDC,eAAM,CAACC,YAAY,EACnBD,eAAM,CAACE,gBACR,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAU,GAAA,EAACb,KAAA,CAAAc,OAAI;IAAA,GACCP,SAAS;IACdQ,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAG;MAAEV;IAAS,CAAG;IACnCW,iBAAiB,EAChB;IACA,IAAAC,QAAE,EAAE,iCAAkC,CACtC;IACDC,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAC,EAAE;IACRC,YAAY,EAAGf,QAAU;IAAAgB,QAAA,EAEvBhB,QAAQ,iBACT,IAAAH,WAAA,CAAAU,GAAA,EAACf,MAAA,CAAAyB,IAAI;MAACC,IAAI,EAAGC,YAAO;MAACC,KAAK,EAAGlB;IAAmB,CAAO;EACvD,CACI,CAAC;AAET","ignoreList":[]}

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

@@ -1,271 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _slider = _interopRequireDefault(require("@react-native-community/slider"));
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _cell = _interopRequireDefault(require("./cell"));
-var _lockIcon = _interopRequireDefault(require("./lock-icon"));
-var _rangeCell = _interopRequireDefault(require("./range-cell.scss"));
-var _rangeTextInput = _interopRequireDefault(require("./range-text-input"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const isIOS = _reactNative.Platform.OS === 'ios';
-class BottomSheetRangeCell extends _element.Component {
-  constructor(props) {
-    super(props);
-    this.onSliderChange = this.onSliderChange.bind(this);
-    this.onCompleteSliderChange = this.onCompleteSliderChange.bind(this);
-    this.onTextInputChange = this.onTextInputChange.bind(this);
-    this.a11yIncrementValue = this.a11yIncrementValue.bind(this);
-    this.a11yDecrementValue = this.a11yDecrementValue.bind(this);
-    this.a11yUpdateValue = this.a11yUpdateValue.bind(this);
-    const {
-      value,
-      defaultValue,
-      minimumValue
-    } = props;
-    const initialValue = Number(value || defaultValue || minimumValue);
-    this.state = {
-      inputValue: initialValue,
-      sliderValue: initialValue
-    };
-  }
-  componentWillUnmount() {
-    clearTimeout(this.timeoutAnnounceValue);
-  }
-  onSliderChange(initialValue) {
-    const {
-      decimalNum,
-      onChange
-    } = this.props;
-    initialValue = (0, _utils.toFixed)(initialValue, decimalNum);
-    this.setState({
-      inputValue: initialValue
-    });
-    onChange(initialValue);
-  }
-  onTextInputChange(nextValue) {
-    const {
-      onChange,
-      onComplete
-    } = this.props;
-    this.setState({
-      sliderValue: nextValue
-    });
-    onChange(nextValue);
-    if (onComplete) {
-      onComplete(nextValue);
-    }
-  }
-  onCompleteSliderChange(nextValue) {
-    const {
-      decimalNum,
-      onComplete
-    } = this.props;
-    nextValue = (0, _utils.toFixed)(nextValue, decimalNum);
-    if (onComplete) {
-      onComplete(nextValue);
-    }
-  }
-
-  /*
-   * Only used with screenreaders like VoiceOver and TalkBack. Increments the
-   * value of this setting programmatically.
-   */
-  a11yIncrementValue() {
-    const {
-      step = 5,
-      maximumValue,
-      decimalNum
-    } = this.props;
-    const {
-      inputValue
-    } = this.state;
-    const newValue = (0, _utils.toFixed)(inputValue + step, decimalNum);
-    if (newValue <= maximumValue || maximumValue === undefined) {
-      this.a11yUpdateValue(newValue);
-    }
-  }
-
-  /*
-   * Only used with screenreaders like VoiceOver and TalkBack. Decrements the
-   * value of this setting programmatically.
-   */
-  a11yDecrementValue() {
-    const {
-      step = 5,
-      minimumValue,
-      decimalNum
-    } = this.props;
-    const {
-      sliderValue
-    } = this.state;
-    const newValue = (0, _utils.toFixed)(sliderValue - step, decimalNum);
-    if (newValue >= minimumValue) {
-      this.a11yUpdateValue(newValue);
-    }
-  }
-  a11yUpdateValue(newValue) {
-    const {
-      onChange,
-      onComplete
-    } = this.props;
-    this.setState({
-      sliderValue: newValue,
-      inputValue: newValue
-    });
-    onChange(newValue);
-    if (onComplete) {
-      onComplete(newValue);
-    }
-    this.announceValue(newValue);
-  }
-
-  /*
-   * Only used with screenreaders like VoiceOver and TalkBack.
-   */
-  announceValue(value) {
-    const {
-      label,
-      unitLabel = ''
-    } = this.props;
-    if (isIOS) {
-      // On Android it triggers the accessibilityLabel with the value change, but
-      // on iOS we need to do this manually.
-      clearTimeout(this.timeoutAnnounceValue);
-      this.timeoutAnnounceValue = setTimeout(() => {
-        _reactNative.AccessibilityInfo.announceForAccessibility(`${value} ${unitLabel},  ${label}`);
-      }, 300);
-    }
-  }
-  render() {
-    const {
-      value,
-      defaultValue,
-      minimumValue = 0,
-      maximumValue = 10,
-      disabled,
-      step = 1,
-      preferredColorScheme,
-      minimumTrackTintColor = preferredColorScheme === 'light' ? '#00669b' : '#5198d9',
-      maximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',
-      thumbTintColor = !isIOS && '#00669b',
-      preview,
-      cellContainerStyle,
-      shouldDisplayTextInput = true,
-      unitLabel = '',
-      settingLabel = 'Value',
-      openUnitPicker,
-      children,
-      decimalNum,
-      ...cellProps
-    } = this.props;
-    const {
-      inputValue,
-      sliderValue
-    } = this.state;
-    const getAccessibilityHint = () => {
-      return openUnitPicker ? (0, _i18n.__)('double-tap to change unit') : '';
-    };
-    const getAccessibilityLabel = () => {
-      return (0, _i18n.sprintf)(/* translators: accessibility text. Inform about current value. 1: Control label. 2: setting label (example: width). 3: Current value. 4: value measurement unit (example: pixels) */
-      (0, _i18n.__)('%1$s. %2$s is %3$s %4$s.'), cellProps.label, settingLabel, (0, _utils.toFixed)(value, decimalNum), unitLabel);
-    };
-    const containerStyle = [_rangeCell.default.container, isIOS ? _rangeCell.default.containerIOS : _rangeCell.default.containerAndroid];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      accessible: true,
-      accessibilityRole: "adjustable",
-      accessibilityActions: [{
-        name: 'increment'
-      }, {
-        name: 'decrement'
-      }, {
-        name: 'activate'
-      }],
-      onAccessibilityAction: event => {
-        switch (event.nativeEvent.actionName) {
-          case 'increment':
-            this.a11yIncrementValue();
-            break;
-          case 'decrement':
-            this.a11yDecrementValue();
-            break;
-          case 'activate':
-            if (openUnitPicker) {
-              openUnitPicker();
-            }
-            break;
-        }
-      },
-      accessibilityLabel: getAccessibilityLabel(),
-      accessibilityHint: getAccessibilityHint(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        importantForAccessibility: "no-hide-descendants",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
-          ...cellProps,
-          cellContainerStyle: [_rangeCell.default.cellContainerStyles, cellContainerStyle],
-          cellRowContainerStyle: containerStyle,
-          leftAlign: true,
-          editable: false,
-          activeOpacity: 1,
-          accessible: false,
-          valueStyle: _rangeCell.default.valueStyle,
-          disabled: disabled,
-          showLockIcon: false,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: containerStyle,
-            children: [preview, /*#__PURE__*/(0, _jsxRuntime.jsx)(_slider.default, {
-              testID: `Slider ${cellProps.label}`,
-              value: sliderValue,
-              defaultValue: defaultValue,
-              disabled: disabled && !isIOS,
-              step: step,
-              minimumValue: minimumValue,
-              maximumValue: maximumValue,
-              minimumTrackTintColor: minimumTrackTintColor,
-              maximumTrackTintColor: maximumTrackTintColor,
-              thumbTintColor: thumbTintColor,
-              onValueChange: this.onSliderChange,
-              onSlidingComplete: this.onCompleteSliderChange,
-              ref: slider => {
-                this.sliderRef = slider;
-              },
-              style: isIOS ? _rangeCell.default.sliderIOS : _rangeCell.default.sliderAndroid
-            }), shouldDisplayTextInput && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rangeTextInput.default, {
-              label: cellProps.label,
-              onChange: this.onTextInputChange,
-              defaultValue: `${inputValue}`,
-              value: inputValue,
-              min: minimumValue,
-              max: maximumValue,
-              step: step,
-              decimalNum: decimalNum,
-              children: children
-            }), disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_lockIcon.default, {})]
-          })
-        })
-      })
-    });
-  }
-}
-var _default = exports.default = (0, _compose.withPreferredColorScheme)(BottomSheetRangeCell);
-//# sourceMappingURL=range-cell.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_slider","_interopRequireDefault","_i18n","_element","_compose","_cell","_lockIcon","_rangeCell","_rangeTextInput","_utils","_jsxRuntime","isIOS","Platform","OS","BottomSheetRangeCell","Component","constructor","props","onSliderChange","bind","onCompleteSliderChange","onTextInputChange","a11yIncrementValue","a11yDecrementValue","a11yUpdateValue","value","defaultValue","minimumValue","initialValue","Number","state","inputValue","sliderValue","componentWillUnmount","clearTimeout","timeoutAnnounceValue","decimalNum","onChange","toFixed","setState","nextValue","onComplete","step","maximumValue","newValue","undefined","announceValue","label","unitLabel","setTimeout","AccessibilityInfo","announceForAccessibility","render","disabled","preferredColorScheme","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","preview","cellContainerStyle","shouldDisplayTextInput","settingLabel","openUnitPicker","children","cellProps","getAccessibilityHint","__","getAccessibilityLabel","sprintf","containerStyle","styles","container","containerIOS","containerAndroid","jsx","View","accessible","accessibilityRole","accessibilityActions","name","onAccessibilityAction","event","nativeEvent","actionName","accessibilityLabel","accessibilityHint","importantForAccessibility","default","cellContainerStyles","cellRowContainerStyle","leftAlign","editable","activeOpacity","valueStyle","showLockIcon","jsxs","style","testID","onValueChange","onSlidingComplete","ref","slider","sliderRef","sliderIOS","sliderAndroid","min","max","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/bottom-sheet/range-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform, AccessibilityInfo, View } from 'react-native';\nimport Slider from '@react-native-community/slider';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport LockIcon from './lock-icon';\nimport styles from './range-cell.scss';\nimport RangeTextInput from './range-text-input';\nimport { toFixed } from '../utils';\n\nconst isIOS = Platform.OS === 'ios';\n\nclass BottomSheetRangeCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onSliderChange = this.onSliderChange.bind( this );\n\t\tthis.onCompleteSliderChange = this.onCompleteSliderChange.bind( this );\n\t\tthis.onTextInputChange = this.onTextInputChange.bind( this );\n\t\tthis.a11yIncrementValue = this.a11yIncrementValue.bind( this );\n\t\tthis.a11yDecrementValue = this.a11yDecrementValue.bind( this );\n\t\tthis.a11yUpdateValue = this.a11yUpdateValue.bind( this );\n\n\t\tconst { value, defaultValue, minimumValue } = props;\n\t\tconst initialValue = Number( value || defaultValue || minimumValue );\n\n\t\tthis.state = {\n\t\t\tinputValue: initialValue,\n\t\t\tsliderValue: initialValue,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.timeoutAnnounceValue );\n\t}\n\n\tonSliderChange( initialValue ) {\n\t\tconst { decimalNum, onChange } = this.props;\n\t\tinitialValue = toFixed( initialValue, decimalNum );\n\t\tthis.setState( { inputValue: initialValue } );\n\t\tonChange( initialValue );\n\t}\n\n\tonTextInputChange( nextValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: nextValue,\n\t\t} );\n\t\tonChange( nextValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\tonCompleteSliderChange( nextValue ) {\n\t\tconst { decimalNum, onComplete } = this.props;\n\t\tnextValue = toFixed( nextValue, decimalNum );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( nextValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Increments the\n\t * value of this setting programmatically.\n\t */\n\ta11yIncrementValue() {\n\t\tconst { step = 5, maximumValue, decimalNum } = this.props;\n\t\tconst { inputValue } = this.state;\n\n\t\tconst newValue = toFixed( inputValue + step, decimalNum );\n\n\t\tif ( newValue <= maximumValue || maximumValue === undefined ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack. Decrements the\n\t * value of this setting programmatically.\n\t */\n\ta11yDecrementValue() {\n\t\tconst { step = 5, minimumValue, decimalNum } = this.props;\n\t\tconst { sliderValue } = this.state;\n\n\t\tconst newValue = toFixed( sliderValue - step, decimalNum );\n\n\t\tif ( newValue >= minimumValue ) {\n\t\t\tthis.a11yUpdateValue( newValue );\n\t\t}\n\t}\n\n\ta11yUpdateValue( newValue ) {\n\t\tconst { onChange, onComplete } = this.props;\n\t\tthis.setState( {\n\t\t\tsliderValue: newValue,\n\t\t\tinputValue: newValue,\n\t\t} );\n\t\tonChange( newValue );\n\t\tif ( onComplete ) {\n\t\t\tonComplete( newValue );\n\t\t}\n\t\tthis.announceValue( newValue );\n\t}\n\n\t/*\n\t * Only used with screenreaders like VoiceOver and TalkBack.\n\t */\n\tannounceValue( value ) {\n\t\tconst { label, unitLabel = '' } = this.props;\n\n\t\tif ( isIOS ) {\n\t\t\t// On Android it triggers the accessibilityLabel with the value change, but\n\t\t\t// on iOS we need to do this manually.\n\t\t\tclearTimeout( this.timeoutAnnounceValue );\n\t\t\tthis.timeoutAnnounceValue = setTimeout( () => {\n\t\t\t\tAccessibilityInfo.announceForAccessibility(\n\t\t\t\t\t`${ value } ${ unitLabel },  ${ label }`\n\t\t\t\t);\n\t\t\t}, 300 );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tminimumValue = 0,\n\t\t\tmaximumValue = 10,\n\t\t\tdisabled,\n\t\t\tstep = 1,\n\t\t\tpreferredColorScheme,\n\t\t\tminimumTrackTintColor = preferredColorScheme === 'light'\n\t\t\t\t? '#00669b'\n\t\t\t\t: '#5198d9',\n\t\t\tmaximumTrackTintColor = isIOS ? '#e9eff3' : '#909090',\n\t\t\tthumbTintColor = ! isIOS && '#00669b',\n\t\t\tpreview,\n\t\t\tcellContainerStyle,\n\t\t\tshouldDisplayTextInput = true,\n\t\t\tunitLabel = '',\n\t\t\tsettingLabel = 'Value',\n\t\t\topenUnitPicker,\n\t\t\tchildren,\n\t\t\tdecimalNum,\n\t\t\t...cellProps\n\t\t} = this.props;\n\n\t\tconst { inputValue, sliderValue } = this.state;\n\n\t\tconst getAccessibilityHint = () => {\n\t\t\treturn openUnitPicker ? __( 'double-tap to change unit' ) : '';\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\treturn sprintf(\n\t\t\t\t/* translators: accessibility text. Inform about current value. 1: Control label. 2: setting label (example: width). 3: Current value. 4: value measurement unit (example: pixels) */\n\t\t\t\t__( '%1$s. %2$s is %3$s %4$s.' ),\n\t\t\t\tcellProps.label,\n\t\t\t\tsettingLabel,\n\t\t\t\ttoFixed( value, decimalNum ),\n\t\t\t\tunitLabel\n\t\t\t);\n\t\t};\n\n\t\tconst containerStyle = [\n\t\t\tstyles.container,\n\t\t\tisIOS ? styles.containerIOS : styles.containerAndroid,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\taccessible\n\t\t\t\taccessibilityRole=\"adjustable\"\n\t\t\t\taccessibilityActions={ [\n\t\t\t\t\t{ name: 'increment' },\n\t\t\t\t\t{ name: 'decrement' },\n\t\t\t\t\t{ name: 'activate' },\n\t\t\t\t] }\n\t\t\t\tonAccessibilityAction={ ( event ) => {\n\t\t\t\t\tswitch ( event.nativeEvent.actionName ) {\n\t\t\t\t\t\tcase 'increment':\n\t\t\t\t\t\t\tthis.a11yIncrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'decrement':\n\t\t\t\t\t\t\tthis.a11yDecrementValue();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'activate':\n\t\t\t\t\t\t\tif ( openUnitPicker ) {\n\t\t\t\t\t\t\t\topenUnitPicker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityHint={ getAccessibilityHint() }\n\t\t\t>\n\t\t\t\t<View importantForAccessibility=\"no-hide-descendants\">\n\t\t\t\t\t<Cell\n\t\t\t\t\t\t{ ...cellProps }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.cellContainerStyles,\n\t\t\t\t\t\t\tcellContainerStyle,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tcellRowContainerStyle={ containerStyle }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\teditable={ false }\n\t\t\t\t\t\tactiveOpacity={ 1 }\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tvalueStyle={ styles.valueStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tshowLockIcon={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t<Slider\n\t\t\t\t\t\t\t\ttestID={ `Slider ${ cellProps.label }` }\n\t\t\t\t\t\t\t\tvalue={ sliderValue }\n\t\t\t\t\t\t\t\tdefaultValue={ defaultValue }\n\t\t\t\t\t\t\t\tdisabled={ disabled && ! isIOS }\n\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\tminimumValue={ minimumValue }\n\t\t\t\t\t\t\t\tmaximumValue={ maximumValue }\n\t\t\t\t\t\t\t\tminimumTrackTintColor={ minimumTrackTintColor }\n\t\t\t\t\t\t\t\tmaximumTrackTintColor={ maximumTrackTintColor }\n\t\t\t\t\t\t\t\tthumbTintColor={ thumbTintColor }\n\t\t\t\t\t\t\t\tonValueChange={ this.onSliderChange }\n\t\t\t\t\t\t\t\tonSlidingComplete={\n\t\t\t\t\t\t\t\t\tthis.onCompleteSliderChange\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tref={ ( slider ) => {\n\t\t\t\t\t\t\t\t\tthis.sliderRef = slider;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisIOS\n\t\t\t\t\t\t\t\t\t\t? styles.sliderIOS\n\t\t\t\t\t\t\t\t\t\t: styles.sliderAndroid\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ shouldDisplayTextInput && (\n\t\t\t\t\t\t\t\t<RangeTextInput\n\t\t\t\t\t\t\t\t\tlabel={ cellProps.label }\n\t\t\t\t\t\t\t\t\tonChange={ this.onTextInputChange }\n\t\t\t\t\t\t\t\t\tdefaultValue={ `${ inputValue }` }\n\t\t\t\t\t\t\t\t\tvalue={ inputValue }\n\t\t\t\t\t\t\t\t\tmin={ minimumValue }\n\t\t\t\t\t\t\t\t\tmax={ maximumValue }\n\t\t\t\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t\t</RangeTextInput>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ disabled && <LockIcon /> }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Cell>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetRangeCell );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,KAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,eAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAAmC,IAAAW,WAAA,GAAAX,OAAA;AApBnC;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAOA,MAAMY,KAAK,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAEnC,MAAMC,oBAAoB,SAASC,kBAAS,CAAC;EAC5CC,WAAWA,CAAEC,KAAK,EAAG;IACpB,KAAK,CAAEA,KAAM,CAAC;IACd,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACC,IAAI,CAAE,IAAK,CAAC;IACtD,IAAI,CAACC,sBAAsB,GAAG,IAAI,CAACA,sBAAsB,CAACD,IAAI,CAAE,IAAK,CAAC;IACtE,IAAI,CAACE,iBAAiB,GAAG,IAAI,CAACA,iBAAiB,CAACF,IAAI,CAAE,IAAK,CAAC;IAC5D,IAAI,CAACG,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACH,IAAI,CAAE,IAAK,CAAC;IAC9D,IAAI,CAACI,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACJ,IAAI,CAAE,IAAK,CAAC;IAC9D,IAAI,CAACK,eAAe,GAAG,IAAI,CAACA,eAAe,CAACL,IAAI,CAAE,IAAK,CAAC;IAExD,MAAM;MAAEM,KAAK;MAAEC,YAAY;MAAEC;IAAa,CAAC,GAAGV,KAAK;IACnD,MAAMW,YAAY,GAAGC,MAAM,CAAEJ,KAAK,IAAIC,YAAY,IAAIC,YAAa,CAAC;IAEpE,IAAI,CAACG,KAAK,GAAG;MACZC,UAAU,EAAEH,YAAY;MACxBI,WAAW,EAAEJ;IACd,CAAC;EACF;EAEAK,oBAAoBA,CAAA,EAAG;IACtBC,YAAY,CAAE,IAAI,CAACC,oBAAqB,CAAC;EAC1C;EAEAjB,cAAcA,CAAEU,YAAY,EAAG;IAC9B,MAAM;MAAEQ,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACpB,KAAK;IAC3CW,YAAY,GAAG,IAAAU,cAAO,EAAEV,YAAY,EAAEQ,UAAW,CAAC;IAClD,IAAI,CAACG,QAAQ,CAAE;MAAER,UAAU,EAAEH;IAAa,CAAE,CAAC;IAC7CS,QAAQ,CAAET,YAAa,CAAC;EACzB;EAEAP,iBAAiBA,CAAEmB,SAAS,EAAG;IAC9B,MAAM;MAAEH,QAAQ;MAAEI;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC3C,IAAI,CAACsB,QAAQ,CAAE;MACdP,WAAW,EAAEQ;IACd,CAAE,CAAC;IACHH,QAAQ,CAAEG,SAAU,CAAC;IACrB,IAAKC,UAAU,EAAG;MACjBA,UAAU,CAAED,SAAU,CAAC;IACxB;EACD;EAEApB,sBAAsBA,CAAEoB,SAAS,EAAG;IACnC,MAAM;MAAEJ,UAAU;MAAEK;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC7CuB,SAAS,GAAG,IAAAF,cAAO,EAAEE,SAAS,EAAEJ,UAAW,CAAC;IAC5C,IAAKK,UAAU,EAAG;MACjBA,UAAU,CAAED,SAAU,CAAC;IACxB;EACD;;EAEA;AACD;AACA;AACA;EACClB,kBAAkBA,CAAA,EAAG;IACpB,MAAM;MAAEoB,IAAI,GAAG,CAAC;MAAEC,YAAY;MAAEP;IAAW,CAAC,GAAG,IAAI,CAACnB,KAAK;IACzD,MAAM;MAAEc;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAEjC,MAAMc,QAAQ,GAAG,IAAAN,cAAO,EAAEP,UAAU,GAAGW,IAAI,EAAEN,UAAW,CAAC;IAEzD,IAAKQ,QAAQ,IAAID,YAAY,IAAIA,YAAY,KAAKE,SAAS,EAAG;MAC7D,IAAI,CAACrB,eAAe,CAAEoB,QAAS,CAAC;IACjC;EACD;;EAEA;AACD;AACA;AACA;EACCrB,kBAAkBA,CAAA,EAAG;IACpB,MAAM;MAAEmB,IAAI,GAAG,CAAC;MAAEf,YAAY;MAAES;IAAW,CAAC,GAAG,IAAI,CAACnB,KAAK;IACzD,MAAM;MAAEe;IAAY,CAAC,GAAG,IAAI,CAACF,KAAK;IAElC,MAAMc,QAAQ,GAAG,IAAAN,cAAO,EAAEN,WAAW,GAAGU,IAAI,EAAEN,UAAW,CAAC;IAE1D,IAAKQ,QAAQ,IAAIjB,YAAY,EAAG;MAC/B,IAAI,CAACH,eAAe,CAAEoB,QAAS,CAAC;IACjC;EACD;EAEApB,eAAeA,CAAEoB,QAAQ,EAAG;IAC3B,MAAM;MAAEP,QAAQ;MAAEI;IAAW,CAAC,GAAG,IAAI,CAACxB,KAAK;IAC3C,IAAI,CAACsB,QAAQ,CAAE;MACdP,WAAW,EAAEY,QAAQ;MACrBb,UAAU,EAAEa;IACb,CAAE,CAAC;IACHP,QAAQ,CAAEO,QAAS,CAAC;IACpB,IAAKH,UAAU,EAAG;MACjBA,UAAU,CAAEG,QAAS,CAAC;IACvB;IACA,IAAI,CAACE,aAAa,CAAEF,QAAS,CAAC;EAC/B;;EAEA;AACD;AACA;EACCE,aAAaA,CAAErB,KAAK,EAAG;IACtB,MAAM;MAAEsB,KAAK;MAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,IAAI,CAAC/B,KAAK;IAE5C,IAAKN,KAAK,EAAG;MACZ;MACA;MACAuB,YAAY,CAAE,IAAI,CAACC,oBAAqB,CAAC;MACzC,IAAI,CAACA,oBAAoB,GAAGc,UAAU,CAAE,MAAM;QAC7CC,8BAAiB,CAACC,wBAAwB,CACzC,GAAI1B,KAAK,IAAMuB,SAAS,MAAQD,KAAK,EACtC,CAAC;MACF,CAAC,EAAE,GAAI,CAAC;IACT;EACD;EAEAK,MAAMA,CAAA,EAAG;IACR,MAAM;MACL3B,KAAK;MACLC,YAAY;MACZC,YAAY,GAAG,CAAC;MAChBgB,YAAY,GAAG,EAAE;MACjBU,QAAQ;MACRX,IAAI,GAAG,CAAC;MACRY,oBAAoB;MACpBC,qBAAqB,GAAGD,oBAAoB,KAAK,OAAO,GACrD,SAAS,GACT,SAAS;MACZE,qBAAqB,GAAG7C,KAAK,GAAG,SAAS,GAAG,SAAS;MACrD8C,cAAc,GAAG,CAAE9C,KAAK,IAAI,SAAS;MACrC+C,OAAO;MACPC,kBAAkB;MAClBC,sBAAsB,GAAG,IAAI;MAC7BZ,SAAS,GAAG,EAAE;MACda,YAAY,GAAG,OAAO;MACtBC,cAAc;MACdC,QAAQ;MACR3B,UAAU;MACV,GAAG4B;IACJ,CAAC,GAAG,IAAI,CAAC/C,KAAK;IAEd,MAAM;MAAEc,UAAU;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACF,KAAK;IAE9C,MAAMmC,oBAAoB,GAAGA,CAAA,KAAM;MAClC,OAAOH,cAAc,GAAG,IAAAI,QAAE,EAAE,2BAA4B,CAAC,GAAG,EAAE;IAC/D,CAAC;IAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;MACnC,OAAO,IAAAC,aAAO,EACb;MACA,IAAAF,QAAE,EAAE,0BAA2B,CAAC,EAChCF,SAAS,CAACjB,KAAK,EACfc,YAAY,EACZ,IAAAvB,cAAO,EAAEb,KAAK,EAAEW,UAAW,CAAC,EAC5BY,SACD,CAAC;IACF,CAAC;IAED,MAAMqB,cAAc,GAAG,CACtBC,kBAAM,CAACC,SAAS,EAChB5D,KAAK,GAAG2D,kBAAM,CAACE,YAAY,GAAGF,kBAAM,CAACG,gBAAgB,CACrD;IAED,oBACC,IAAA/D,WAAA,CAAAgE,GAAA,EAAC5E,YAAA,CAAA6E,IAAI;MACJC,UAAU;MACVC,iBAAiB,EAAC,YAAY;MAC9BC,oBAAoB,EAAG,CACtB;QAAEC,IAAI,EAAE;MAAY,CAAC,EACrB;QAAEA,IAAI,EAAE;MAAY,CAAC,EACrB;QAAEA,IAAI,EAAE;MAAW,CAAC,CAClB;MACHC,qBAAqB,EAAKC,KAAK,IAAM;QACpC,QAASA,KAAK,CAACC,WAAW,CAACC,UAAU;UACpC,KAAK,WAAW;YACf,IAAI,CAAC7D,kBAAkB,CAAC,CAAC;YACzB;UACD,KAAK,WAAW;YACf,IAAI,CAACC,kBAAkB,CAAC,CAAC;YACzB;UACD,KAAK,UAAU;YACd,IAAKuC,cAAc,EAAG;cACrBA,cAAc,CAAC,CAAC;YACjB;YACA;QACF;MACD,CAAG;MACHsB,kBAAkB,EAAGjB,qBAAqB,CAAC,CAAG;MAC9CkB,iBAAiB,EAAGpB,oBAAoB,CAAC,CAAG;MAAAF,QAAA,eAE5C,IAAArD,WAAA,CAAAgE,GAAA,EAAC5E,YAAA,CAAA6E,IAAI;QAACW,yBAAyB,EAAC,qBAAqB;QAAAvB,QAAA,eACpD,IAAArD,WAAA,CAAAgE,GAAA,EAACrE,KAAA,CAAAkF,OAAI;UAAA,GACCvB,SAAS;UACdL,kBAAkB,EAAG,CACpBW,kBAAM,CAACkB,mBAAmB,EAC1B7B,kBAAkB,CAChB;UACH8B,qBAAqB,EAAGpB,cAAgB;UACxCqB,SAAS;UACTC,QAAQ,EAAG,KAAO;UAClBC,aAAa,EAAG,CAAG;UACnBhB,UAAU,EAAG,KAAO;UACpBiB,UAAU,EAAGvB,kBAAM,CAACuB,UAAY;UAChCxC,QAAQ,EAAGA,QAAU;UACrByC,YAAY,EAAG,KAAO;UAAA/B,QAAA,eAEtB,IAAArD,WAAA,CAAAqF,IAAA,EAACjG,YAAA,CAAA6E,IAAI;YAACqB,KAAK,EAAG3B,cAAgB;YAAAN,QAAA,GAC3BL,OAAO,eACT,IAAAhD,WAAA,CAAAgE,GAAA,EAAC1E,OAAA,CAAAuF,OAAM;cACNU,MAAM,EAAG,UAAWjC,SAAS,CAACjB,KAAK,EAAK;cACxCtB,KAAK,EAAGO,WAAa;cACrBN,YAAY,EAAGA,YAAc;cAC7B2B,QAAQ,EAAGA,QAAQ,IAAI,CAAE1C,KAAO;cAChC+B,IAAI,EAAGA,IAAM;cACbf,YAAY,EAAGA,YAAc;cAC7BgB,YAAY,EAAGA,YAAc;cAC7BY,qBAAqB,EAAGA,qBAAuB;cAC/CC,qBAAqB,EAAGA,qBAAuB;cAC/CC,cAAc,EAAGA,cAAgB;cACjCyC,aAAa,EAAG,IAAI,CAAChF,cAAgB;cACrCiF,iBAAiB,EAChB,IAAI,CAAC/E,sBACL;cACDgF,GAAG,EAAKC,MAAM,IAAM;gBACnB,IAAI,CAACC,SAAS,GAAGD,MAAM;cACxB,CAAG;cACHL,KAAK,EACJrF,KAAK,GACF2D,kBAAM,CAACiC,SAAS,GAChBjC,kBAAM,CAACkC;YACV,CACD,CAAC,EACA5C,sBAAsB,iBACvB,IAAAlD,WAAA,CAAAgE,GAAA,EAAClE,eAAA,CAAA+E,OAAc;cACdxC,KAAK,EAAGiB,SAAS,CAACjB,KAAO;cACzBV,QAAQ,EAAG,IAAI,CAAChB,iBAAmB;cACnCK,YAAY,EAAG,GAAIK,UAAU,EAAK;cAClCN,KAAK,EAAGM,UAAY;cACpB0E,GAAG,EAAG9E,YAAc;cACpB+E,GAAG,EAAG/D,YAAc;cACpBD,IAAI,EAAGA,IAAM;cACbN,UAAU,EAAGA,UAAY;cAAA2B,QAAA,EAEvBA;YAAQ,CACK,CAChB,EACCV,QAAQ,iBAAI,IAAA3C,WAAA,CAAAgE,GAAA,EAACpE,SAAA,CAAAiF,OAAQ,IAAE,CAAC;UAAA,CACrB;QAAC,CACF;MAAC,CACF;IAAC,CACF,CAAC;EAET;AACD;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEc,IAAAsB,iCAAwB,EAAE/F,oBAAqB,CAAC","ignoreList":[]}

package/build/mobile/bottom-sheet/range-text-input.native.js

@@ -1,226 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _utils = require("../utils");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _borderStyles = _interopRequireDefault(require("./borderStyles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const isIOS = _reactNative.Platform.OS === 'ios';
-class RangeTextInput extends _element.Component {
-  constructor(props) {
-    super(props);
-    this.announceCurrentValue = this.announceCurrentValue.bind(this);
-    this.onInputFocus = this.onInputFocus.bind(this);
-    this.onInputBlur = this.onInputBlur.bind(this);
-    this.handleChangePixelRatio = this.handleChangePixelRatio.bind(this);
-    this.onSubmitEditing = this.onSubmitEditing.bind(this);
-    this.onChangeText = this.onChangeText.bind(this);
-    const {
-      value,
-      defaultValue,
-      min,
-      decimalNum
-    } = props;
-    const initialValue = (0, _utils.toFixed)(value || defaultValue || min, decimalNum);
-    const fontScale = this.getFontScale();
-    this.state = {
-      fontScale,
-      inputValue: initialValue,
-      controlValue: initialValue,
-      hasFocus: false
-    };
-  }
-  componentDidMount() {
-    this.appStateChangeSubscription = _reactNative.AppState.addEventListener('change', this.handleChangePixelRatio);
-  }
-  componentWillUnmount() {
-    this.appStateChangeSubscription.remove();
-    clearTimeout(this.timeoutAnnounceValue);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      value
-    } = this.props;
-    const {
-      hasFocus,
-      inputValue
-    } = this.state;
-    if (prevProps.value !== value) {
-      this.setState({
-        inputValue: value
-      });
-    }
-    if (prevState.hasFocus !== hasFocus) {
-      const validValue = this.validateInput(inputValue);
-      this.setState({
-        inputValue: validValue
-      });
-    }
-    if (!prevState.hasFocus && hasFocus) {
-      this._valueTextInput.focus();
-    }
-  }
-  getFontScale() {
-    return _reactNative.PixelRatio.getFontScale() < 1 ? 1 : _reactNative.PixelRatio.getFontScale();
-  }
-  handleChangePixelRatio(nextAppState) {
-    if (nextAppState === 'active') {
-      this.setState({
-        fontScale: this.getFontScale()
-      });
-    }
-  }
-  onInputFocus() {
-    this.setState({
-      hasFocus: true
-    });
-  }
-  onInputBlur() {
-    const {
-      inputValue
-    } = this.state;
-    this.onChangeText(`${inputValue}`);
-    this.setState({
-      hasFocus: false
-    });
-  }
-  validateInput(text) {
-    const {
-      min,
-      max,
-      decimalNum
-    } = this.props;
-    let result = min;
-    if (!text) {
-      return min;
-    }
-    if (typeof text === 'number') {
-      result = Math.max(text, min);
-      return max ? Math.min(result, max) : result;
-    }
-    result = Math.max((0, _utils.removeNonDigit)(text, decimalNum), min);
-    return max ? Math.min(result, max) : result;
-  }
-  updateValue(value) {
-    const {
-      onChange
-    } = this.props;
-    const validValue = this.validateInput(value);
-    this.announceCurrentValue(`${validValue}`);
-    onChange(validValue);
-  }
-  onChangeText(textValue) {
-    const {
-      decimalNum
-    } = this.props;
-    const inputValue = (0, _utils.removeNonDigit)(textValue, decimalNum);
-    textValue = inputValue.replace(',', '.');
-    textValue = (0, _utils.toFixed)(textValue, decimalNum);
-    const value = this.validateInput(textValue);
-    this.setState({
-      inputValue,
-      controlValue: value
-    });
-    this.updateValue(value);
-  }
-  onSubmitEditing({
-    nativeEvent: {
-      text
-    }
-  }) {
-    const {
-      decimalNum
-    } = this.props;
-    const {
-      inputValue
-    } = this.state;
-    if (!isNaN(Number(text))) {
-      text = (0, _utils.toFixed)(text.replace(',', '.'), decimalNum);
-      const validValue = this.validateInput(text);
-      if (inputValue !== validValue) {
-        this.setState({
-          inputValue: validValue
-        });
-        this.announceCurrentValue(`${validValue}`);
-        this.props.onChange(validValue);
-      }
-    }
-  }
-  announceCurrentValue(value) {
-    /* translators: %s: current cell value. */
-    const announcement = (0, _i18n.sprintf)((0, _i18n.__)('Current value is %s'), value);
-    _reactNative.AccessibilityInfo.announceForAccessibility(announcement);
-  }
-  render() {
-    const {
-      getStylesFromColorScheme,
-      children,
-      label
-    } = this.props;
-    const {
-      fontScale,
-      inputValue,
-      hasFocus
-    } = this.state;
-    const textInputStyle = getStylesFromColorScheme(_styles.default.textInput, _styles.default.textInputDark);
-    const textInputIOSStyle = getStylesFromColorScheme(_styles.default.textInputIOS, _styles.default.textInputIOSDark);
-    const inputBorderStyles = [textInputStyle, _borderStyles.default.borderStyle, hasFocus && _borderStyles.default.isSelected];
-    const valueFinalStyle = [_reactNative.Platform.select({
-      android: inputBorderStyles,
-      ios: textInputIOSStyle
-    }), {
-      width: 50 * fontScale,
-      borderRightWidth: children ? 1 : 0
-    }];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-      onPress: this.onInputFocus,
-      accessible: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [_styles.default.textInputContainer, isIOS && inputBorderStyles],
-        accessible: false,
-        children: [isIOS || hasFocus ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          accessibilityLabel: label,
-          ref: c => this._valueTextInput = c,
-          style: valueFinalStyle,
-          onChangeText: this.onChangeText,
-          onSubmitEditing: this.onSubmitEditing,
-          onFocus: this.onInputFocus,
-          onBlur: this.onInputBlur,
-          keyboardType: "numeric",
-          returnKeyType: "done",
-          numberOfLines: 1,
-          defaultValue: `${inputValue}`,
-          value: inputValue.toString(),
-          pointerEvents: hasFocus ? 'auto' : 'none'
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: valueFinalStyle,
-          numberOfLines: 1,
-          ellipsizeMode: "clip",
-          children: inputValue
-        }), children]
-      })
-    });
-  }
-}
-var _default = exports.default = (0, _compose.withPreferredColorScheme)(RangeTextInput);
-//# sourceMappingURL=range-text-input.native.js.map