@procivis/one-react-native-components 0.1.63 → 0.2.54

package/lib/commonjs/ui-components/input/selection-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativePicker","_interopRequireDefault","require","_react","_interopRequireWildcard","_ref5","_accessibility","_accessibilityHistoryWrappers","_accessibilityLanguage","_theme","_textInput","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","SelectionInput","forwardRef","_ref","ref","_selectedChoice$short","selectedValue","values","label","pickerTitle","pickerConfirmLabel","pickerCancelLabel","onChange","error","props","t","useAccessibilityTranslation","colorScheme","useAppColorScheme","selectedChoice","useMemo","undefined","find","_ref2","value","forwardedRef","refObject","useForwardedRef","pickerOpen","setPickerOpen","useState","onOpen","useCallback","onConfirm","valueLabel","choice","_ref3","choiceLabel","setTimeout","focusAccessibility","current","onCancel","requestAnimationFrame","accessibilityLabel","createElement","TouchableOpacity","accessibilityHint","accessibilityRole","accessibilityValue","text","onPress","accessory","TextInputAccessory","Dropdown","disabled","pointerEvents","shortLabel","cancelText","confirmText","items","map","_ref4","itemLabel","modal","mode","open","textColor","title","displayName","_default","exports"],"sources":["selection-input.tsx"],"sourcesContent":["import Picker from '@procivis/react-native-picker';\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport { useForwardedRef } from '../../utils/ref';\nimport { focusAccessibility } from '../accessibility/accessibility';\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { useAppColorScheme } from '../theme';\nimport TextInput, { TextInputAccessory } from './text-input';\n\nexport interface SelectionInputChoice {\n  label: string;\n  /**\n   * If specified used in the input display, otherwise {@link label} used.\n   * The {@link label} is always used for the picker values.\n   */\n  shortLabel?: string;\n  value: string | number;\n}\n\nexport interface SelectionInputProps extends TouchableOpacityProps {\n  error?: string;\n  label: string;\n  /**\n   * Called when selection changes\n   * @return `true` to avoid accessibility auto-focusing, `false` otherwise\n   */\n  onChange?: (value: SelectionInputChoice) => boolean;\n  pickerCancelLabel: string;\n\n  pickerConfirmLabel: string;\n  pickerTitle?: string;\n  /** {@link SelectionInputChoice.label} of the selected choice */\n  selectedValue?: string | number;\n\n  values: SelectionInputChoice[];\n}\n\n/**\n * Generic selection input component\n * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0\n */\nconst SelectionInput = forwardRef<TouchableOpacityRef, SelectionInputProps>(\n  (\n    { selectedValue, values, label, pickerTitle, pickerConfirmLabel, pickerCancelLabel, onChange, error, ...props },\n    ref,\n  ) => {\n    const t = useAccessibilityTranslation();\n    const colorScheme = useAppColorScheme();\n    const selectedChoice = useMemo(\n      () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),\n      [selectedValue, values],\n    );\n\n    const [forwardedRef, refObject] = useForwardedRef(ref);\n    const [pickerOpen, setPickerOpen] = useState(false);\n\n    const onOpen = useCallback(() => setPickerOpen(true), []);\n    const onConfirm = useCallback(\n      (valueLabel: any) => {\n        setPickerOpen(false);\n        const choice = values.find(({ label: choiceLabel }) => choiceLabel === valueLabel);\n        if (!choice || !onChange?.(choice)) {\n          setTimeout(() => focusAccessibility(refObject.current), 200);\n        }\n      },\n      [onChange, refObject, values],\n    );\n    const onCancel = useCallback(() => {\n      setPickerOpen(false);\n      requestAnimationFrame(() => focusAccessibility(refObject.current));\n    }, [refObject]);\n\n    const accessibilityLabel = error ? `${label}, ${error}` : label;\n    return (\n      <TouchableOpacity\n        accessibilityHint={t('accessibility.control.combobox.tapToSelect')}\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole=\"combobox\"\n        accessibilityValue={{ text: selectedChoice?.label }}\n        onPress={onOpen}\n        ref={forwardedRef}\n        {...props}>\n        <TextInput\n          accessory={TextInputAccessory.Dropdown}\n          disabled={true}\n          error={error}\n          label={label}\n          pointerEvents=\"none\"\n          value={selectedChoice?.shortLabel ?? selectedChoice?.label}\n        />\n        <Picker\n          cancelText={pickerCancelLabel}\n          confirmText={pickerConfirmLabel}\n          items={values.map(({ label: itemLabel }) => itemLabel)}\n          modal\n          mode=\"list\"\n          onCancel={onCancel}\n          onConfirm={onConfirm}\n          open={pickerOpen}\n          selectedValue={selectedChoice?.label}\n          textColor={colorScheme.text}\n          title={pickerTitle ?? label}\n        />\n      </TouchableOpacity>\n    );\n  },\n);\n\nSelectionInput.displayName = 'SelectionInput';\nexport default SelectionInput;\n"],"mappings":"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"}

package/lib/commonjs/ui-components/input/text-input.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextInputAccessory = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _testID = require("../../utils/testID");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _input = require("../icons/input");
+var _font = _interopRequireDefault(require("../text/font"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+// difference between font sizes
+const LABEL_SCALE_RATIO = 14 / 12;
+let TextInputAccessory;
+exports.TextInputAccessory = TextInputAccessory;
+(function (TextInputAccessory) {
+  TextInputAccessory["Dropdown"] = "dropdown";
+  TextInputAccessory["Clear"] = "clear";
+})(TextInputAccessory || (exports.TextInputAccessory = TextInputAccessory = {}));
+const hitSlop = {
+  bottom: 10,
+  left: 10,
+  right: 10,
+  top: 10
+};
+/**
+ * Generic text input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=3%3A824&t=r7HhHF1rsNLmOBL2-4
+ */
+const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    value,
+    label,
+    accessory = TextInputAccessory.Clear,
+    accessoryAccessibilityLabel,
+    onAccessoryPress,
+    onSubmit,
+    onFocus,
+    onBlur,
+    disabled,
+    error,
+    style,
+    placeholder,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const {
+    fontScale
+  } = (0, _reactNative.useWindowDimensions)();
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const onFocusAction = (0, _react.useCallback)(e => {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  }, [onFocus]);
+  const onBlurAction = (0, _react.useCallback)(e => {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  }, [onBlur]);
+  const onSubmitEditing = (0, _react.useCallback)(e => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e.nativeEvent.text), [onSubmit]);
+  const accessoryIcon = (0, _react.useMemo)(() => {
+    switch (accessory) {
+      case TextInputAccessory.Dropdown:
+        return /*#__PURE__*/_react.default.createElement(_input.DropdownInputIcon, null);
+      case TextInputAccessory.Clear:
+        return value && !disabled ? /*#__PURE__*/_react.default.createElement(_input.ClearInputIcon, null) : undefined;
+    }
+  }, [accessory, disabled, value]);
+  const accessoryComponent = accessoryIcon ? /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    accessibilityLabel: accessoryAccessibilityLabel,
+    accessibilityRole: "button",
+    accessible: !disabled,
+    disabled: disabled,
+    hitSlop: hitSlop,
+    onPress: onAccessoryPress,
+    testID: (0, _testID.concatTestID)(props.testID, 'accessoryButton')
+  }, accessoryIcon) : null;
+  const labelPosition = focused || value ? 0 : 1;
+  const [labelAnimation] = (0, _react.useState)(() => new _reactNative.Animated.Value(labelPosition));
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(labelAnimation, {
+      duration: 200,
+      toValue: labelPosition,
+      useNativeDriver: true
+    }).start();
+  }, [labelAnimation, labelPosition]);
+  const [labelLayout, setLabelLayout] = (0, _react.useState)();
+  const onLabelLayout = (0, _react.useCallback)(event => setLabelLayout(event.nativeEvent.layout), []);
+  const accessibilityLabel = disabled ? undefined : label;
+  const inputStyle = {
+    height: Math.min(2, fontScale) * 24
+  };
+  const input = /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+    accessibilityLabel: accessibilityLabel,
+    defaultValue: value || '',
+    editable: !disabled,
+    hitSlop: hitSlop,
+    maxFontSizeMultiplier: 2,
+    numberOfLines: 1,
+    onBlur: onBlurAction,
+    onFocus: onFocusAction,
+    onSubmitEditing: onSubmitEditing,
+    placeholder: focused ? placeholder : undefined,
+    ref: ref,
+    returnKeyType: "next",
+    style: [_font.default.regular, styles.inputText, _reactNative.Platform.OS === 'android' ? styles.inputAndroid : styles.inputIOS, {
+      color: colorScheme.text
+    }],
+    textAlignVertical: "center"
+    // https://github.com/facebook/react-native/issues/17530
+    ,
+    underlineColorAndroid: "#00000000",
+    value: value
+  }, props));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    onLayout: onLabelLayout,
+    style: labelLayout ? {
+      transform: [{
+        // move label into the position of placeholder
+        translateY: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, labelLayout.height + 4]
+        })
+      }, {
+        // compensate scale position in X direction
+        translateX: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, labelLayout.width * (LABEL_SCALE_RATIO - 1) / 2]
+        })
+      }, {
+        // scale label into the size of placeholder
+        scale: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [1, LABEL_SCALE_RATIO]
+        })
+      }]
+    } : undefined
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    accessible: false,
+    color: 'rgba(0, 0, 0, 0.50)',
+    preset: "s"
+  }, label)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.inputRow, {
+      borderColor: focused ? colorScheme.accent : colorScheme.grayDark
+    }]
+  }, _reactNative.Platform.OS === 'android' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.inputWrapperAndroid, inputStyle]
+  }, input) : input, accessoryComponent), error ? /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.error,
+    preset: "s"
+  }, error) : null);
+});
+const styles = _reactNative.StyleSheet.create({
+  inputAndroid: {
+    fontSize: 14,
+    left: 0,
+    letterSpacing: 0.2,
+    lineHeight: 22,
+    position: 'absolute',
+    right: 0
+  },
+  inputIOS: {
+    flex: 1
+  },
+  inputRow: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    marginBottom: 4,
+    paddingVertical: 4
+  },
+  inputText: {
+    fontSize: 14,
+    letterSpacing: 0.2,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 22 : 20,
+    minHeight: 24
+  },
+  inputWrapperAndroid: {
+    flex: 1,
+    justifyContent: 'center',
+    overflow: 'visible'
+  }
+});
+TextInput.displayName = 'Input';
+var _default = TextInput;
+exports.default = _default;
+//# sourceMappingURL=text-input.js.map

package/lib/commonjs/ui-components/input/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_input","_font","_interopRequireDefault","_typography","_colorSchemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","LABEL_SCALE_RATIO","TextInputAccessory","exports","hitSlop","bottom","left","right","top","TextInput","forwardRef","_ref","ref","value","label","accessory","Clear","accessoryAccessibilityLabel","onAccessoryPress","onSubmit","onFocus","onBlur","disabled","error","style","placeholder","props","colorScheme","useAppColorScheme","fontScale","useWindowDimensions","focused","setFocused","useState","onFocusAction","useCallback","e","onBlurAction","onSubmitEditing","nativeEvent","text","accessoryIcon","useMemo","Dropdown","createElement","DropdownInputIcon","ClearInputIcon","undefined","accessoryComponent","TouchableOpacity","accessibilityLabel","accessibilityRole","accessible","onPress","testID","concatTestID","labelPosition","labelAnimation","Animated","Value","useEffect","timing","duration","toValue","useNativeDriver","start","labelLayout","setLabelLayout","onLabelLayout","event","layout","inputStyle","height","Math","min","input","defaultValue","editable","maxFontSizeMultiplier","numberOfLines","returnKeyType","font","regular","styles","inputText","Platform","OS","inputAndroid","inputIOS","color","textAlignVertical","underlineColorAndroid","View","onLayout","transform","translateY","interpolate","inputRange","outputRange","translateX","width","scale","preset","inputRow","borderColor","accent","grayDark","inputWrapperAndroid","StyleSheet","create","fontSize","letterSpacing","lineHeight","position","flex","alignItems","borderBottomWidth","flexDirection","marginBottom","paddingVertical","minHeight","justifyContent","overflow","displayName","_default"],"sources":["text-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Animated,\n  Insets,\n  LayoutChangeEvent,\n  LayoutRectangle,\n  NativeSyntheticEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  TextInput as RNTextInput,\n  TextInputFocusEventData as RNTextInputFocusEventData,\n  TextInputProps as RNTextInputProps,\n  TextInputSubmitEditingEventData as RNTextInputSubmitEditingEventData,\n  useWindowDimensions,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { ClearInputIcon, DropdownInputIcon } from '../icons/input';\nimport font from '../text/font';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// difference between font sizes\nconst LABEL_SCALE_RATIO = 14 / 12;\n\nexport enum TextInputAccessory {\n  Dropdown = 'dropdown',\n  Clear = 'clear',\n}\n\nconst hitSlop: Insets = { bottom: 10, left: 10, right: 10, top: 10 };\n\nexport type TextInputProps = Omit<RNTextInputProps, 'editable' | 'onSubmitEditing' | 'style'> & {\n  accessory?: TextInputAccessory;\n  accessoryAccessibilityLabel?: string;\n  disabled?: boolean;\n  error?: string;\n  label: string;\n  onAccessoryPress?: () => void;\n  onSubmit?: (value: string) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Generic text input component\n * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=3%3A824&t=r7HhHF1rsNLmOBL2-4\n */\nconst TextInput = forwardRef<RNTextInput, TextInputProps>(\n  (\n    {\n      value,\n      label,\n      accessory = TextInputAccessory.Clear,\n      accessoryAccessibilityLabel,\n      onAccessoryPress,\n      onSubmit,\n      onFocus,\n      onBlur,\n      disabled,\n      error,\n      style,\n      placeholder,\n      ...props\n    },\n    ref,\n  ) => {\n    const colorScheme = useAppColorScheme();\n    const { fontScale } = useWindowDimensions();\n\n    const [focused, setFocused] = useState(false);\n    const onFocusAction = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputFocusEventData>) => {\n        setFocused(true);\n        onFocus?.(e);\n      },\n      [onFocus],\n    );\n    const onBlurAction = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputFocusEventData>) => {\n        setFocused(false);\n        onBlur?.(e);\n      },\n      [onBlur],\n    );\n\n    const onSubmitEditing = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputSubmitEditingEventData>) => onSubmit?.(e.nativeEvent.text),\n      [onSubmit],\n    );\n\n    const accessoryIcon = useMemo(() => {\n      switch (accessory) {\n        case TextInputAccessory.Dropdown:\n          return <DropdownInputIcon />;\n        case TextInputAccessory.Clear:\n          return value && !disabled ? <ClearInputIcon /> : undefined;\n      }\n    }, [accessory, disabled, value]);\n\n    const accessoryComponent = accessoryIcon ? (\n      <TouchableOpacity\n        accessibilityLabel={accessoryAccessibilityLabel}\n        accessibilityRole=\"button\"\n        accessible={!disabled}\n        disabled={disabled}\n        hitSlop={hitSlop}\n        onPress={onAccessoryPress}\n        testID={concatTestID(props.testID, 'accessoryButton')}>\n        {accessoryIcon}\n      </TouchableOpacity>\n    ) : null;\n\n    const labelPosition = focused || value ? 0 : 1;\n    const [labelAnimation] = useState<Animated.Value>(() => new Animated.Value(labelPosition));\n    useEffect(() => {\n      Animated.timing(labelAnimation, {\n        duration: 200,\n        toValue: labelPosition,\n        useNativeDriver: true,\n      }).start();\n    }, [labelAnimation, labelPosition]);\n\n    const [labelLayout, setLabelLayout] = useState<LayoutRectangle>();\n    const onLabelLayout = useCallback((event: LayoutChangeEvent) => setLabelLayout(event.nativeEvent.layout), []);\n\n    const accessibilityLabel = disabled ? undefined : label;\n    const inputStyle = { height: Math.min(2, fontScale) * 24 };\n\n    const input = (\n      <RNTextInput\n        accessibilityLabel={accessibilityLabel}\n        defaultValue={value || ''}\n        editable={!disabled}\n        hitSlop={hitSlop}\n        maxFontSizeMultiplier={2}\n        numberOfLines={1}\n        onBlur={onBlurAction}\n        onFocus={onFocusAction}\n        onSubmitEditing={onSubmitEditing}\n        placeholder={focused ? placeholder : undefined}\n        ref={ref}\n        returnKeyType=\"next\"\n        style={[\n          font.regular,\n          styles.inputText,\n          Platform.OS === 'android' ? styles.inputAndroid : styles.inputIOS,\n          {\n            color: colorScheme.text,\n          },\n        ]}\n        textAlignVertical=\"center\"\n        // https://github.com/facebook/react-native/issues/17530\n        underlineColorAndroid=\"#00000000\"\n        value={value}\n        {...props}\n      />\n    );\n    return (\n      <View style={style}>\n        <Animated.View\n          onLayout={onLabelLayout}\n          style={\n            labelLayout\n              ? {\n                  transform: [\n                    {\n                      // move label into the position of placeholder\n                      translateY: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0, labelLayout.height + 4],\n                      }),\n                    },\n                    {\n                      // compensate scale position in X direction\n                      translateX: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0, (labelLayout.width * (LABEL_SCALE_RATIO - 1)) / 2],\n                      }),\n                    },\n                    {\n                      // scale label into the size of placeholder\n                      scale: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [1, LABEL_SCALE_RATIO],\n                      }),\n                    },\n                  ],\n                }\n              : undefined\n          }>\n          <Typography accessible={false} color={'rgba(0, 0, 0, 0.50)'} preset=\"s\">\n            {label}\n          </Typography>\n        </Animated.View>\n        <View\n          style={[\n            styles.inputRow,\n            {\n              borderColor: focused ? colorScheme.accent : colorScheme.grayDark,\n            },\n          ]}>\n          {Platform.OS === 'android' ? <View style={[styles.inputWrapperAndroid, inputStyle]}>{input}</View> : input}\n          {accessoryComponent}\n        </View>\n        {error ? (\n          <Typography color={colorScheme.error} preset=\"s\">\n            {error}\n          </Typography>\n        ) : null}\n      </View>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  inputAndroid: {\n    fontSize: 14,\n    left: 0,\n    letterSpacing: 0.2,\n    lineHeight: 22,\n    position: 'absolute',\n    right: 0,\n  },\n  inputIOS: {\n    flex: 1,\n  },\n  inputRow: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    marginBottom: 4,\n    paddingVertical: 4,\n  },\n  inputText: {\n    fontSize: 14,\n    letterSpacing: 0.2,\n    lineHeight: Platform.OS === 'android' ? 22 : 20,\n    minHeight: 24,\n  },\n  inputWrapperAndroid: {\n    flex: 1,\n    justifyContent: 'center',\n    overflow: 'visible',\n  },\n});\n\nTextInput.displayName = 'Input';\n\nexport default TextInput;\n"],"mappings":"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"}

package/lib/commonjs/ui-components/loader/loader.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LoaderViewState = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _utils = require("../../utils");
+var _loader = require("../icons/loader");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let LoaderViewState;
+exports.LoaderViewState = LoaderViewState;
+(function (LoaderViewState) {
+  LoaderViewState["Error"] = "error";
+  LoaderViewState["InProgress"] = "inProgress";
+  LoaderViewState["Success"] = "success";
+  LoaderViewState["Warning"] = "warning";
+})(LoaderViewState || (exports.LoaderViewState = LoaderViewState = {}));
+const LoaderView = _ref => {
+  let {
+    animate,
+    state,
+    testID
+  } = _ref;
+  const [initialDelayPassed, setInitialDelayPassed] = (0, _react.useState)(false);
+  const rotationIsAnimating = (0, _react.useRef)(false);
+  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(state === LoaderViewState.InProgress ? 0 : 1);
+  const finished = state !== LoaderViewState.InProgress;
+  (0, _react.useEffect)(() => {
+    const timeout = setTimeout(() => {
+      setInitialDelayPassed(true);
+    }, 1000);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    return () => {
+      (0, _reactNativeReanimated.cancelAnimation)(rotation);
+    };
+  }, [rotation]);
+  const startRotationAnimation = (0, _react.useCallback)(() => {
+    if (rotationIsAnimating.current) {
+      return;
+    }
+    rotationIsAnimating.current = true;
+    rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
+      duration: 1000,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1);
+  }, [rotationIsAnimating, rotation]);
+  const stopRotationAnimation = (0, _react.useCallback)(() => {
+    Promise.resolve(_reactNative.InteractionManager.runAfterInteractions(() => {
+      rotationIsAnimating.current = false;
+      (0, _reactNativeReanimated.cancelAnimation)(rotation);
+      rotation.value = 0;
+    })).catch(() => {});
+  }, [rotationIsAnimating, rotation]);
+  (0, _react.useEffect)(() => {
+    if (animate) {
+      startRotationAnimation();
+    } else {
+      stopRotationAnimation();
+    }
+  }, [animate, startRotationAnimation, stopRotationAnimation]);
+  (0, _react.useEffect)(() => {
+    if (!initialDelayPassed) {
+      return;
+    }
+    const toValue = finished ? 1 : 0;
+    if (opacity.value === toValue) {
+      return;
+    }
+    if (animate) {
+      if (!finished) {
+        startRotationAnimation();
+      }
+      opacity.value = (0, _reactNativeReanimated.withTiming)(toValue, {
+        duration: 300,
+        easing: _reactNativeReanimated.Easing.ease
+      }, () => {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(stopRotationAnimation)();
+        }
+      });
+    } else {
+      opacity.value = toValue;
+      stopRotationAnimation();
+    }
+  }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);
+  const spinnerAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - opacity.value,
+    transform: [{
+      rotateZ: `${rotation.value}deg`
+    }]
+  }), [opacity, rotation]);
+  const resultAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  const finishedIcon = (0, _react.useMemo)(() => {
+    switch (state) {
+      case LoaderViewState.Success:
+        return /*#__PURE__*/_react.default.createElement(_loader.LoaderSuccess, null);
+      case LoaderViewState.Warning:
+        return /*#__PURE__*/_react.default.createElement(_loader.LoaderWarning, null);
+      case LoaderViewState.Error:
+        return /*#__PURE__*/_react.default.createElement(_loader.LoaderError, null);
+      default:
+        return null;
+    }
+  }, [state]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.loader,
+    testID: (0, _utils.concatTestID)(testID, state)
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.loaderElement, spinnerAnimatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_loader.LoaderProgressSpinner, null)), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.loaderElement, resultAnimatedStyle]
+  }, finishedIcon));
+};
+const styles = _reactNative.StyleSheet.create({
+  loader: {
+    height: 64,
+    width: 64
+  },
+  loaderElement: {
+    height: 64,
+    left: 0,
+    position: 'absolute',
+    top: 0,
+    width: 64
+  }
+});
+var _default = LoaderView;
+exports.default = _default;
+//# sourceMappingURL=loader.js.map

package/lib/commonjs/ui-components/loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_utils","_loader","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LoaderViewState","exports","LoaderView","_ref","animate","state","testID","initialDelayPassed","setInitialDelayPassed","useState","rotationIsAnimating","useRef","rotation","useSharedValue","opacity","InProgress","finished","useEffect","timeout","setTimeout","clearTimeout","cancelAnimation","startRotationAnimation","useCallback","current","value","withRepeat","withTiming","duration","easing","Easing","linear","stopRotationAnimation","Promise","resolve","InteractionManager","runAfterInteractions","catch","toValue","ease","runOnJS","spinnerAnimatedStyle","useAnimatedStyle","transform","rotateZ","resultAnimatedStyle","finishedIcon","useMemo","Success","createElement","LoaderSuccess","Warning","LoaderWarning","Error","LoaderError","View","style","styles","loader","concatTestID","loaderElement","LoaderProgressSpinner","StyleSheet","create","height","width","left","position","top","_default"],"sources":["loader.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { InteractionManager, StyleSheet, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { concatTestID } from '../../utils';\nimport { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';\n\nexport enum LoaderViewState {\n  Error = 'error',\n  InProgress = 'inProgress',\n  Success = 'success',\n  Warning = 'warning',\n}\n\nexport type LoaderViewProps = {\n  animate: boolean;\n  state?: LoaderViewState;\n  testID?: string;\n};\n\nconst LoaderView: FC<LoaderViewProps> = ({ animate, state, testID }) => {\n  const [initialDelayPassed, setInitialDelayPassed] = useState(false);\n  const rotationIsAnimating = useRef(false);\n  const rotation = useSharedValue(0);\n  const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);\n\n  const finished = state !== LoaderViewState.InProgress;\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setInitialDelayPassed(true);\n    }, 1000);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      cancelAnimation(rotation);\n    };\n  }, [rotation]);\n\n  const startRotationAnimation = useCallback(() => {\n    if (rotationIsAnimating.current) {\n      return;\n    }\n    rotationIsAnimating.current = true;\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration: 1000,\n        easing: Easing.linear,\n      }),\n      -1,\n    );\n  }, [rotationIsAnimating, rotation]);\n\n  const stopRotationAnimation = useCallback(() => {\n    Promise.resolve(\n      InteractionManager.runAfterInteractions(() => {\n        rotationIsAnimating.current = false;\n        cancelAnimation(rotation);\n        rotation.value = 0;\n      }),\n    ).catch(() => {});\n  }, [rotationIsAnimating, rotation]);\n\n  useEffect(() => {\n    if (animate) {\n      startRotationAnimation();\n    } else {\n      stopRotationAnimation();\n    }\n  }, [animate, startRotationAnimation, stopRotationAnimation]);\n\n  useEffect(() => {\n    if (!initialDelayPassed) {\n      return;\n    }\n    const toValue = finished ? 1 : 0;\n    if (opacity.value === toValue) {\n      return;\n    }\n    if (animate) {\n      if (!finished) {\n        startRotationAnimation();\n      }\n      opacity.value = withTiming(\n        toValue,\n        {\n          duration: 300,\n          easing: Easing.ease,\n        },\n        () => {\n          if (finished) {\n            runOnJS(stopRotationAnimation)();\n          }\n        },\n      );\n    } else {\n      opacity.value = toValue;\n      stopRotationAnimation();\n    }\n  }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);\n\n  const spinnerAnimatedStyle = useAnimatedStyle(\n    () => ({\n      opacity: 1 - opacity.value,\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    }),\n    [opacity, rotation],\n  );\n\n  const resultAnimatedStyle = useAnimatedStyle(\n    () => ({\n      opacity: opacity.value,\n    }),\n    [opacity],\n  );\n\n  const finishedIcon = useMemo(() => {\n    switch (state) {\n      case LoaderViewState.Success:\n        return <LoaderSuccess />;\n      case LoaderViewState.Warning:\n        return <LoaderWarning />;\n      case LoaderViewState.Error:\n        return <LoaderError />;\n      default:\n        return null;\n    }\n  }, [state]);\n\n  return (\n    <View style={styles.loader} testID={concatTestID(testID, state)}>\n      <Animated.View style={[styles.loaderElement, spinnerAnimatedStyle]}>\n        <LoaderProgressSpinner />\n      </Animated.View>\n      <Animated.View style={[styles.loaderElement, resultAnimatedStyle]}>{finishedIcon}</Animated.View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  loader: {\n    height: 64,\n    width: 64,\n  },\n  loaderElement: {\n    height: 64,\n    left: 0,\n    position: 'absolute',\n    top: 0,\n    width: 64,\n  },\n});\n\nexport default LoaderView;\n"],"mappings":"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"}