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

package/lib/module/ui-components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioGroup","RadioGroupItem","RadioGroupProps","SelectionInput","SelectionInputChoice","SelectionInputProps","TextInput","TextInputAccessory","TextInputProps"],"sources":["index.ts"],"sourcesContent":["import RadioGroup, { RadioGroupItem, RadioGroupProps } from './radio-group';\nimport SelectionInput, { SelectionInputChoice, SelectionInputProps } from './selection-input';\nimport TextInput, { TextInputAccessory, TextInputProps } from './text-input';\n\nexport { RadioGroup, RadioGroupItem, RadioGroupProps };\nexport { SelectionInput, SelectionInputChoice, SelectionInputProps };\nexport { TextInput, TextInputAccessory, TextInputProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAC3E,OAAOC,cAAc,IAAIC,oBAAoB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAC7F,OAAOC,SAAS,IAAIC,kBAAkB,EAAEC,cAAc,QAAQ,cAAc;AAE5E,SAASR,UAAU,EAAEC,cAAc,EAAEC,eAAe;AACpD,SAASC,cAAc,EAAEC,oBAAoB,EAAEC,mBAAmB;AAClE,SAASC,SAAS,EAAEC,kBAAkB,EAAEC,cAAc"}
+{"version":3,"names":["RadioGroup","RadioGroupItem","RadioGroupProps","SelectionInput","SelectionInputChoice","SelectionInputProps","TextInput","TextInputAccessory","TextInputProps"],"sources":["index.ts"],"sourcesContent":["import RadioGroup, { RadioGroupItem, RadioGroupProps } from './radio-group';\nimport SelectionInput, { SelectionInputChoice, SelectionInputProps } from './selection-input';\nimport TextInput, { TextInputAccessory, TextInputProps } from './text-input';\n\nexport { RadioGroup, RadioGroupItem, RadioGroupProps };\nexport { SelectionInput, SelectionInputChoice, SelectionInputProps };\nexport { TextInput, TextInputAccessory, TextInputProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAC3E,OAAOC,cAAc,IAAIC,oBAAoB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAC7F,OAAOC,SAAS,IAAIC,kBAAkB,EAAEC,cAAc,QAAQ,cAAc;AAE5E,SAASR,UAAU,EAAEC,cAAc,EAAEC,eAAe;AACpD,SAASC,cAAc,EAAEC,oBAAoB,EAAEC,mBAAmB;AAClE,SAASC,SAAS,EAAEC,kBAAkB,EAAEC,cAAc","ignoreList":[]}

package/lib/module/ui-components/input/radio-group.js

@@ -1,24 +1,24 @@
 import React from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
+import { concatTestID } from '../../utils';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import Selector from '../credential/selector';
 import { SelectorStatus } from '../credential/selector-status';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const RadioGroup = _ref => {
-  let {
-    containerStyle,
-    items,
-    selectedItem,
-    onSelected,
-    style,
-    listFooter,
-    listFooterStyle,
-    onEndReached,
-    onGetItemAccessibilityLabel,
-    testID,
-    scrollEnabled = true
-  } = _ref;
+const RadioGroup = ({
+  containerStyle,
+  items,
+  selectedItem,
+  onSelected,
+  style,
+  listFooter,
+  listFooterStyle,
+  onEndReached,
+  onGetItemAccessibilityLabel,
+  testID,
+  scrollEnabled = true
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(FlatList, {
     scrollEnabled: scrollEnabled,
@@ -27,11 +27,10 @@ const RadioGroup = _ref => {
     contentContainerStyle: containerStyle,
     data: items,
     onEndReached: onEndReached,
-    renderItem: _ref2 => {
-      let {
-        item,
-        index
-      } = _ref2;
+    renderItem: ({
+      item,
+      index
+    }) => {
       const selected = selectedItem === item.key;
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: item.key
@@ -51,10 +50,13 @@ const RadioGroup = _ref => {
         style: [styles.item, item.style],
         testID: item.testID
       }, /*#__PURE__*/React.createElement(Typography, {
-        color: colorScheme.text
+        color: colorScheme.text,
+        style: styles.label,
+        numberOfLines: 2
       }, item.label), /*#__PURE__*/React.createElement(Selector, {
         status: selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty,
-        style: styles.selector
+        style: styles.selector,
+        testID: concatTestID(item.testID, 'selector')
       })), /*#__PURE__*/React.createElement(View, {
         style: [styles.divider, {
           backgroundColor: colorScheme.background
@@ -74,10 +76,12 @@ const styles = StyleSheet.create({
   item: {
     alignItems: 'center',
     flexDirection: 'row',
-    justifyContent: 'space-between',
     paddingVertical: 24,
     width: '100%'
   },
+  label: {
+    flex: 1
+  },
   selector: {
     marginLeft: 4,
     paddingTop: 0

package/lib/module/ui-components/input/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FlatList","StyleSheet","View","TouchableOpacity","Selector","SelectorStatus","Typography","useAppColorScheme","RadioGroup","_ref","containerStyle","items","selectedItem","onSelected","style","listFooter","listFooterStyle","onEndReached","onGetItemAccessibilityLabel","testID","scrollEnabled","colorScheme","createElement","ListFooterComponent","ListFooterComponentStyle","contentContainerStyle","data","renderItem","_ref2","item","index","selected","key","Fragment","accessibilityLabel","label","accessibilityRole","accessibilityState","accessibilityValue","length","text","undefined","activeOpacity","onPress","styles","color","status","SelectedRadio","Empty","selector","divider","backgroundColor","background","showsVerticalScrollIndicator","create","height","width","alignItems","flexDirection","justifyContent","paddingVertical","marginLeft","paddingTop"],"sources":["radio-group.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { FlatList, FlatListProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Selector from '../credential/selector';\nimport { SelectorStatus } from '../credential/selector-status';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type RadioGroupItem = {\n  key: React.Key;\n  label: string;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nexport type RadioGroupProps = {\n  containerStyle?: StyleProp<ViewStyle>;\n  items: RadioGroupItem[];\n  listFooter?: FlatListProps<RadioGroupItem>['ListFooterComponent'];\n  listFooterStyle?: FlatListProps<RadioGroupItem>['ListFooterComponentStyle'];\n  onEndReached?: FlatListProps<RadioGroupItem>['onEndReached'];\n  onGetItemAccessibilityLabel?: (current: number, length: number) => string;\n  onSelected: (item: RadioGroupItem, index: number) => void;\n  selectedItem?: React.Key;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  scrollEnabled?: boolean;\n};\n\nconst RadioGroup: FunctionComponent<RadioGroupProps> = ({\n  containerStyle,\n  items,\n  selectedItem,\n  onSelected,\n  style,\n  listFooter,\n  listFooterStyle,\n  onEndReached,\n  onGetItemAccessibilityLabel,\n  testID,\n  scrollEnabled = true,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <FlatList<RadioGroupItem>\n      scrollEnabled={scrollEnabled}\n      ListFooterComponent={listFooter}\n      ListFooterComponentStyle={listFooterStyle}\n      contentContainerStyle={containerStyle}\n      data={items}\n      onEndReached={onEndReached}\n      renderItem={({ item, index }) => {\n        const selected = selectedItem === item.key;\n        return (\n          <React.Fragment key={item.key}>\n            <TouchableOpacity\n              accessibilityLabel={item.label}\n              accessibilityRole=\"button\"\n              accessibilityState={{ selected }}\n              accessibilityValue={\n                items.length > 1 && onGetItemAccessibilityLabel\n                  ? {\n                      text: onGetItemAccessibilityLabel(index + 1, items.length),\n                    }\n                  : undefined\n              }\n              activeOpacity={selected ? 1 : undefined}\n              onPress={() => {\n                onSelected(item, index);\n              }}\n              style={[styles.item, item.style]}\n              testID={item.testID}>\n              <Typography color={colorScheme.text}>{item.label}</Typography>\n              <Selector\n                status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty}\n                style={styles.selector}\n              />\n            </TouchableOpacity>\n            <View style={[styles.divider, { backgroundColor: colorScheme.background }]} />\n          </React.Fragment>\n        );\n      }}\n      showsVerticalScrollIndicator={false}\n      style={style}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  divider: {\n    height: 1,\n    width: '100%',\n  },\n  item: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingVertical: 24,\n    width: '100%',\n  },\n  selector: {\n    marginLeft: 4,\n    paddingTop: 0,\n  },\n});\n\nexport default RadioGroup;\n"],"mappings":"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"}
+{"version":3,"names":["React","FlatList","StyleSheet","View","concatTestID","TouchableOpacity","Selector","SelectorStatus","Typography","useAppColorScheme","RadioGroup","containerStyle","items","selectedItem","onSelected","style","listFooter","listFooterStyle","onEndReached","onGetItemAccessibilityLabel","testID","scrollEnabled","colorScheme","createElement","ListFooterComponent","ListFooterComponentStyle","contentContainerStyle","data","renderItem","item","index","selected","key","Fragment","accessibilityLabel","label","accessibilityRole","accessibilityState","accessibilityValue","length","text","undefined","activeOpacity","onPress","styles","color","numberOfLines","status","SelectedRadio","Empty","selector","divider","backgroundColor","background","showsVerticalScrollIndicator","create","height","width","alignItems","flexDirection","paddingVertical","flex","marginLeft","paddingTop"],"sources":["radio-group.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { FlatList, FlatListProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Selector from '../credential/selector';\nimport { SelectorStatus } from '../credential/selector-status';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type RadioGroupItem = {\n  key: React.Key;\n  label: string;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nexport type RadioGroupProps = {\n  containerStyle?: StyleProp<ViewStyle>;\n  items: RadioGroupItem[];\n  listFooter?: FlatListProps<RadioGroupItem>['ListFooterComponent'];\n  listFooterStyle?: FlatListProps<RadioGroupItem>['ListFooterComponentStyle'];\n  onEndReached?: FlatListProps<RadioGroupItem>['onEndReached'];\n  onGetItemAccessibilityLabel?: (current: number, length: number) => string;\n  onSelected: (item: RadioGroupItem, index: number) => void;\n  selectedItem?: React.Key;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  scrollEnabled?: boolean;\n};\n\nconst RadioGroup: FunctionComponent<RadioGroupProps> = ({\n  containerStyle,\n  items,\n  selectedItem,\n  onSelected,\n  style,\n  listFooter,\n  listFooterStyle,\n  onEndReached,\n  onGetItemAccessibilityLabel,\n  testID,\n  scrollEnabled = true,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <FlatList<RadioGroupItem>\n      scrollEnabled={scrollEnabled}\n      ListFooterComponent={listFooter}\n      ListFooterComponentStyle={listFooterStyle}\n      contentContainerStyle={containerStyle}\n      data={items}\n      onEndReached={onEndReached}\n      renderItem={({ item, index }) => {\n        const selected = selectedItem === item.key;\n        return (\n          <React.Fragment key={item.key}>\n            <TouchableOpacity\n              accessibilityLabel={item.label}\n              accessibilityRole=\"button\"\n              accessibilityState={{ selected }}\n              accessibilityValue={\n                items.length > 1 && onGetItemAccessibilityLabel\n                  ? {\n                      text: onGetItemAccessibilityLabel(index + 1, items.length),\n                    }\n                  : undefined\n              }\n              activeOpacity={selected ? 1 : undefined}\n              onPress={() => {\n                onSelected(item, index);\n              }}\n              style={[styles.item, item.style]}\n              testID={item.testID}>\n              <Typography color={colorScheme.text} style={styles.label} numberOfLines={2}>\n                {item.label}\n              </Typography>\n              <Selector\n                status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty}\n                style={styles.selector}\n                testID={concatTestID(item.testID, 'selector')}\n              />\n            </TouchableOpacity>\n            <View style={[styles.divider, { backgroundColor: colorScheme.background }]} />\n          </React.Fragment>\n        );\n      }}\n      showsVerticalScrollIndicator={false}\n      style={style}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  divider: {\n    height: 1,\n    width: '100%',\n  },\n  item: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingVertical: 24,\n    width: '100%',\n  },\n  label: {\n    flex: 1,\n  },\n  selector: {\n    marginLeft: 4,\n    paddingTop: 0,\n  },\n});\n\nexport default RadioGroup;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/input/selection-input.js

@@ -1,4 +1,4 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import Picker from '@procivis/react-native-picker';
 import React, { forwardRef, useCallback, useMemo, useState } from 'react';
 import { useForwardedRef } from '../../utils/ref';
@@ -11,38 +11,31 @@ import TextInput, { TextInputAccessory } from './text-input';
  * Generic selection input component
  * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
  */
-const SelectionInput = /*#__PURE__*/forwardRef((_ref, ref) => {
+const SelectionInput = /*#__PURE__*/forwardRef(({
+  selectedValue,
+  values,
+  label,
+  pickerTitle,
+  pickerConfirmLabel,
+  pickerCancelLabel,
+  onChange,
+  error,
+  ...props
+}, ref) => {
   var _selectedChoice$short;
-  let {
-    selectedValue,
-    values,
-    label,
-    pickerTitle,
-    pickerConfirmLabel,
-    pickerCancelLabel,
-    onChange,
-    error,
-    ...props
-  } = _ref;
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
-  const selectedChoice = useMemo(() => selectedValue !== undefined ? values.find(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return value === selectedValue;
-  }) : undefined, [selectedValue, values]);
+  const selectedChoice = useMemo(() => selectedValue !== undefined ? values.find(({
+    value
+  }) => value === selectedValue) : undefined, [selectedValue, values]);
   const [forwardedRef, refObject] = useForwardedRef(ref);
   const [pickerOpen, setPickerOpen] = useState(false);
   const onOpen = useCallback(() => setPickerOpen(true), []);
   const onConfirm = useCallback(valueLabel => {
     setPickerOpen(false);
-    const choice = values.find(_ref3 => {
-      let {
-        label: choiceLabel
-      } = _ref3;
-      return choiceLabel === valueLabel;
-    });
+    const choice = values.find(({
+      label: choiceLabel
+    }) => choiceLabel === valueLabel);
     if (!choice || !(onChange !== null && onChange !== void 0 && onChange(choice))) {
       setTimeout(() => focusAccessibility(refObject.current), 200);
     }
@@ -71,12 +64,9 @@ const SelectionInput = /*#__PURE__*/forwardRef((_ref, ref) => {
   }), /*#__PURE__*/React.createElement(Picker, {
     cancelText: pickerCancelLabel,
     confirmText: pickerConfirmLabel,
-    items: values.map(_ref4 => {
-      let {
-        label: itemLabel
-      } = _ref4;
-      return itemLabel;
-    }),
+    items: values.map(({
+      label: itemLabel
+    }) => itemLabel),
     modal: true,
     mode: "list",
     onCancel: onCancel,

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

@@ -1 +1 @@
-{"version":3,"names":["Picker","React","forwardRef","useCallback","useMemo","useState","useForwardedRef","focusAccessibility","TouchableOpacity","useAccessibilityTranslation","useAppColorScheme","TextInput","TextInputAccessory","SelectionInput","_ref","ref","_selectedChoice$short","selectedValue","values","label","pickerTitle","pickerConfirmLabel","pickerCancelLabel","onChange","error","props","t","colorScheme","selectedChoice","undefined","find","_ref2","value","forwardedRef","refObject","pickerOpen","setPickerOpen","onOpen","onConfirm","valueLabel","choice","_ref3","choiceLabel","setTimeout","current","onCancel","requestAnimationFrame","accessibilityLabel","createElement","_extends","accessibilityHint","accessibilityRole","accessibilityValue","text","onPress","accessory","Dropdown","disabled","pointerEvents","shortLabel","cancelText","confirmText","items","map","_ref4","itemLabel","modal","mode","open","textColor","title","displayName"],"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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"}
+{"version":3,"names":["Picker","React","forwardRef","useCallback","useMemo","useState","useForwardedRef","focusAccessibility","TouchableOpacity","useAccessibilityTranslation","useAppColorScheme","TextInput","TextInputAccessory","SelectionInput","selectedValue","values","label","pickerTitle","pickerConfirmLabel","pickerCancelLabel","onChange","error","props","ref","_selectedChoice$short","t","colorScheme","selectedChoice","undefined","find","value","forwardedRef","refObject","pickerOpen","setPickerOpen","onOpen","onConfirm","valueLabel","choice","choiceLabel","setTimeout","current","onCancel","requestAnimationFrame","accessibilityLabel","createElement","_extends","accessibilityHint","accessibilityRole","accessibilityValue","text","onPress","accessory","Dropdown","disabled","pointerEvents","shortLabel","cancelText","confirmText","items","map","itemLabel","modal","mode","open","textColor","title","displayName"],"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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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
 import { Animated, Platform, StyleSheet, TextInput as RNTextInput, useWindowDimensions, View } from 'react-native';
 import { concatTestID } from '../../utils/testID';
@@ -10,11 +10,11 @@ import { useAppColorScheme } from '../theme/color-scheme-context';
 
 // difference between font sizes
 const LABEL_SCALE_RATIO = 14 / 12;
-export let TextInputAccessory;
-(function (TextInputAccessory) {
+export let TextInputAccessory = /*#__PURE__*/function (TextInputAccessory) {
   TextInputAccessory["Dropdown"] = "dropdown";
   TextInputAccessory["Clear"] = "clear";
-})(TextInputAccessory || (TextInputAccessory = {}));
+  return TextInputAccessory;
+}({});
 const hitSlop = {
   bottom: 10,
   left: 10,
@@ -25,22 +25,21 @@ const hitSlop = {
  * 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__*/forwardRef((_ref, ref) => {
-  let {
-    value,
-    label,
-    accessory = TextInputAccessory.Clear,
-    accessoryAccessibilityLabel,
-    onAccessoryPress,
-    onSubmit,
-    onFocus,
-    onBlur,
-    disabled,
-    error,
-    style,
-    placeholder,
-    ...props
-  } = _ref;
+const TextInput = /*#__PURE__*/forwardRef(({
+  value,
+  label,
+  accessory = TextInputAccessory.Clear,
+  accessoryAccessibilityLabel,
+  onAccessoryPress,
+  onSubmit,
+  onFocus,
+  onBlur,
+  disabled,
+  error,
+  style,
+  placeholder,
+  ...props
+}, ref) => {
   const colorScheme = useAppColorScheme();
   const {
     fontScale
@@ -48,11 +47,11 @@ const TextInput = /*#__PURE__*/forwardRef((_ref, ref) => {
   const [focused, setFocused] = useState(false);
   const onFocusAction = useCallback(e => {
     setFocused(true);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus]);
   const onBlurAction = useCallback(e => {
     setFocused(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
   const onSubmitEditing = useCallback(e => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e.nativeEvent.text), [onSubmit]);
   const accessoryIcon = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Animated","Platform","StyleSheet","TextInput","RNTextInput","useWindowDimensions","View","concatTestID","TouchableOpacity","ClearInputIcon","DropdownInputIcon","font","Typography","useAppColorScheme","LABEL_SCALE_RATIO","TextInputAccessory","hitSlop","bottom","left","right","top","_ref","ref","value","label","accessory","Clear","accessoryAccessibilityLabel","onAccessoryPress","onSubmit","onFocus","onBlur","disabled","error","style","placeholder","props","colorScheme","fontScale","focused","setFocused","onFocusAction","e","onBlurAction","onSubmitEditing","nativeEvent","text","accessoryIcon","Dropdown","createElement","undefined","accessoryComponent","accessibilityLabel","accessibilityRole","accessible","onPress","testID","labelPosition","labelAnimation","Value","timing","duration","toValue","useNativeDriver","start","labelLayout","setLabelLayout","onLabelLayout","event","layout","inputStyle","height","Math","min","input","_extends","defaultValue","editable","maxFontSizeMultiplier","numberOfLines","returnKeyType","regular","styles","inputText","OS","inputAndroid","inputIOS","color","textAlignVertical","underlineColorAndroid","onLayout","transform","translateY","interpolate","inputRange","outputRange","translateX","width","scale","preset","inputRow","borderColor","accent","grayDark","inputWrapperAndroid","create","fontSize","letterSpacing","lineHeight","position","flex","alignItems","borderBottomWidth","flexDirection","marginBottom","paddingVertical","minHeight","justifyContent","overflow","displayName"],"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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"}
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Animated","Platform","StyleSheet","TextInput","RNTextInput","useWindowDimensions","View","concatTestID","TouchableOpacity","ClearInputIcon","DropdownInputIcon","font","Typography","useAppColorScheme","LABEL_SCALE_RATIO","TextInputAccessory","hitSlop","bottom","left","right","top","value","label","accessory","Clear","accessoryAccessibilityLabel","onAccessoryPress","onSubmit","onFocus","onBlur","disabled","error","style","placeholder","props","ref","colorScheme","fontScale","focused","setFocused","onFocusAction","e","onBlurAction","onSubmitEditing","nativeEvent","text","accessoryIcon","Dropdown","createElement","undefined","accessoryComponent","accessibilityLabel","accessibilityRole","accessible","onPress","testID","labelPosition","labelAnimation","Value","timing","duration","toValue","useNativeDriver","start","labelLayout","setLabelLayout","onLabelLayout","event","layout","inputStyle","height","Math","min","input","_extends","defaultValue","editable","maxFontSizeMultiplier","numberOfLines","returnKeyType","regular","styles","inputText","OS","inputAndroid","inputIOS","color","textAlignVertical","underlineColorAndroid","onLayout","transform","translateY","interpolate","inputRange","outputRange","translateX","width","scale","preset","inputRow","borderColor","accent","grayDark","inputWrapperAndroid","create","fontSize","letterSpacing","lineHeight","position","flex","alignItems","borderBottomWidth","flexDirection","marginBottom","paddingVertical","minHeight","justifyContent","overflow","displayName"],"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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","ignoreList":[]}

package/lib/module/ui-components/list/index.js

@@ -2,4 +2,5 @@ import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header
 import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
 export { ListSectionHeader, ListSectionHeaderProps };
 export { ListTitleHeader, ListTitleHeaderProps };
+export * from './wallet';
 //# sourceMappingURL=index.js.map

package/lib/module/ui-components/list/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ListSectionHeader","ListSectionHeaderProps","ListTitleHeader","ListTitleHeaderProps"],"sources":["index.ts"],"sourcesContent":["import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';\nimport ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';\n\nexport { ListSectionHeader, ListSectionHeaderProps };\nexport { ListTitleHeader, ListTitleHeaderProps };\n"],"mappings":"AAAA,OAAOA,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AACjF,OAAOC,eAAe,IAAIC,oBAAoB,QAAQ,qBAAqB;AAE3E,SAASH,iBAAiB,EAAEC,sBAAsB;AAClD,SAASC,eAAe,EAAEC,oBAAoB"}
+{"version":3,"names":["ListSectionHeader","ListSectionHeaderProps","ListTitleHeader","ListTitleHeaderProps"],"sources":["index.ts"],"sourcesContent":["import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';\nimport ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';\n\nexport { ListSectionHeader, ListSectionHeaderProps };\nexport { ListTitleHeader, ListTitleHeaderProps };\nexport * from './wallet';\n"],"mappings":"AAAA,OAAOA,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AACjF,OAAOC,eAAe,IAAIC,oBAAoB,QAAQ,qBAAqB;AAE3E,SAASH,iBAAiB,EAAEC,sBAAsB;AAClD,SAASC,eAAe,EAAEC,oBAAoB;AAC9C,cAAc,UAAU","ignoreList":[]}

package/lib/module/ui-components/list/list-page-loading-indicator.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActivityIndicator } from 'react-native';
+const ListPageLoadingIndicator = props => {
+  return /*#__PURE__*/React.createElement(ActivityIndicator, props);
+};
+export default ListPageLoadingIndicator;
+//# sourceMappingURL=list-page-loading-indicator.js.map

package/lib/module/ui-components/list/list-page-loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","ListPageLoadingIndicator","props","createElement"],"sources":["list-page-loading-indicator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ActivityIndicator, ActivityIndicatorProps } from 'react-native';\n\nconst ListPageLoadingIndicator: FC<ActivityIndicatorProps> = (props) => {\n  return <ActivityIndicator {...props} />;\n};\n\nexport default ListPageLoadingIndicator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,iBAAiB,QAAgC,cAAc;AAExE,MAAMC,wBAAoD,GAAIC,KAAK,IAAK;EACtE,oBAAOH,KAAA,CAAAI,aAAA,CAACH,iBAAiB,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,wBAAwB","ignoreList":[]}

package/lib/module/ui-components/list/list-section-header.js

@@ -1,16 +1,15 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const ListSectionHeader = _ref => {
-  let {
-    accessibilityRole,
-    color,
-    style,
-    title,
-    ...typographyProps
-  } = _ref;
+const ListSectionHeader = ({
+  accessibilityRole,
+  color,
+  style,
+  title,
+  ...typographyProps
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(Typography, _extends({
     accessibilityRole: accessibilityRole !== null && accessibilityRole !== void 0 ? accessibilityRole : 'header',

package/lib/module/ui-components/list/list-section-header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListSectionHeader","_ref","accessibilityRole","color","style","title","typographyProps","colorScheme","createElement","_extends","text","styles","sectionHeader","create","marginHorizontal","marginVertical"],"sources":["list-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography, { TypographyProps } from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListSectionHeaderProps = Partial<TypographyProps> & {\n  title: string;\n};\n\nconst ListSectionHeader: FC<ListSectionHeaderProps> = ({\n  accessibilityRole,\n  color,\n  style,\n  title,\n  ...typographyProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Typography\n      accessibilityRole={accessibilityRole ?? 'header'}\n      color={color ?? colorScheme.text}\n      style={[styles.sectionHeader, style]}\n      {...typographyProps}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  sectionHeader: {\n    marginHorizontal: 20,\n    marginVertical: 16,\n  },\n});\n\nexport default ListSectionHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAA2B,oBAAoB;AAChE,SAASC,iBAAiB,QAAQ,+BAA+B;AAMjE,MAAMC,iBAA6C,GAAGC,IAAA,IAMhD;EAAA,IANiD;IACrDC,iBAAiB;IACjBC,KAAK;IACLC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAMM,WAAW,GAAGR,iBAAiB,EAAE;EACvC,oBACEH,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IACTP,iBAAiB,EAAEA,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,QAAS;IACjDC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAII,WAAW,CAACG,IAAK;IACjCN,KAAK,EAAE,CAACO,MAAM,CAACC,aAAa,EAAER,KAAK;EAAE,GACjCE,eAAe,GAClBD,KAAK,CACK;AAEjB,CAAC;AAED,MAAMM,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,gBAAgB,EAAE,EAAE;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAef,iBAAiB"}
+{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListSectionHeader","accessibilityRole","color","style","title","typographyProps","colorScheme","createElement","_extends","text","styles","sectionHeader","create","marginHorizontal","marginVertical"],"sources":["list-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography, { TypographyProps } from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListSectionHeaderProps = Partial<TypographyProps> & {\n  title: string;\n};\n\nconst ListSectionHeader: FC<ListSectionHeaderProps> = ({\n  accessibilityRole,\n  color,\n  style,\n  title,\n  ...typographyProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Typography\n      accessibilityRole={accessibilityRole ?? 'header'}\n      color={color ?? colorScheme.text}\n      style={[styles.sectionHeader, style]}\n      {...typographyProps}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  sectionHeader: {\n    marginHorizontal: 20,\n    marginVertical: 16,\n  },\n});\n\nexport default ListSectionHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAA2B,oBAAoB;AAChE,SAASC,iBAAiB,QAAQ,+BAA+B;AAMjE,MAAMC,iBAA6C,GAAGA,CAAC;EACrDC,iBAAiB;EACjBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA;IACTP,iBAAiB,EAAEA,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,QAAS;IACjDC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAII,WAAW,CAACG,IAAK;IACjCN,KAAK,EAAE,CAACO,MAAM,CAACC,aAAa,EAAER,KAAK;EAAE,GACjCE,eAAe,GAClBD,KACS,CAAC;AAEjB,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,gBAAgB,EAAE,EAAE;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAed,iBAAiB","ignoreList":[]}

package/lib/module/ui-components/list/list-title-header.js

@@ -2,11 +2,10 @@ import React from 'react';
 import { StyleSheet } from 'react-native';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const ListTitleHeader = _ref => {
-  let {
-    title,
-    testID
-  } = _ref;
+const ListTitleHeader = ({
+  title,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(Typography, {
     testID: testID,

package/lib/module/ui-components/list/list-title-header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListTitleHeader","_ref","title","testID","colorScheme","createElement","accessibilityRole","color","text","preset","style","styles","listTitle","create","marginBottom","marginHorizontal","marginTop"],"sources":["list-title-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListTitleHeaderProps = {\n  title: string;\n  testID?: string;\n};\n\nconst ListTitleHeader: FC<ListTitleHeaderProps> = ({ title, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <Typography testID={testID} accessibilityRole=\"header\" color={colorScheme.text} preset=\"l\" style={styles.listTitle}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  listTitle: {\n    marginBottom: 20,\n    marginHorizontal: 20,\n    marginTop: 9,\n  },\n});\n\nexport default ListTitleHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,MAAMC,eAAyC,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAAF,IAAA;EAClE,MAAMG,WAAW,GAAGL,iBAAiB,EAAE;EAEvC,oBACEH,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACK,MAAM,EAAEA,MAAO;IAACG,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEH,WAAW,CAACI,IAAK;IAACC,MAAM,EAAC,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,GAChHV,KAAK,CACK;AAEjB,CAAC;AAED,MAAMS,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAehB,eAAe"}
+{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListTitleHeader","title","testID","colorScheme","createElement","accessibilityRole","color","text","preset","style","styles","listTitle","create","marginBottom","marginHorizontal","marginTop"],"sources":["list-title-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListTitleHeaderProps = {\n  title: string;\n  testID?: string;\n};\n\nconst ListTitleHeader: FC<ListTitleHeaderProps> = ({ title, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <Typography testID={testID} accessibilityRole=\"header\" color={colorScheme.text} preset=\"l\" style={styles.listTitle}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  listTitle: {\n    marginBottom: 20,\n    marginHorizontal: 20,\n    marginTop: 9,\n  },\n});\n\nexport default ListTitleHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,MAAMC,eAAyC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACvE,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EAEvC,oBACEH,KAAA,CAAAQ,aAAA,CAACN,UAAU;IAACI,MAAM,EAAEA,MAAO;IAACG,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEH,WAAW,CAACI,IAAK;IAACC,MAAM,EAAC,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,GAChHV,KACS,CAAC;AAEjB,CAAC;AAED,MAAMS,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAef,eAAe","ignoreList":[]}

package/lib/module/ui-components/list/wallet/empty-list.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { concatTestID } from '../../../utils';
+import { Button } from '../../buttons';
+import { NoCredentialsIcon } from '../../icons';
+import { Typography } from '../../text';
+import { useAppColorScheme } from '../../theme';
+const WalletEmptyList = ({
+  onScanPress,
+  scanButtonTitle,
+  subtitle,
+  testID,
+  title
+}) => {
+  const safeAreaInsets = useSafeAreaInsets();
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.empty
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "l/line-height-large",
+    style: styles.emptyTitle,
+    testID: concatTestID(testID, 'title')
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    style: styles.emptySubtitle,
+    testID: concatTestID(testID, 'subtitle')
+  }, subtitle), /*#__PURE__*/React.createElement(NoCredentialsIcon, {
+    style: styles.emptyIcon
+  }), /*#__PURE__*/React.createElement(Button, {
+    onPress: onScanPress,
+    style: [styles.emptyButton, {
+      bottom: Math.max(24, safeAreaInsets.bottom)
+    }],
+    testID: concatTestID(testID, 'scanQrCode'),
+    title: scanButtonTitle
+  }));
+};
+const styles = StyleSheet.create({
+  empty: {
+    alignItems: 'center',
+    flex: 1,
+    marginHorizontal: 16,
+    marginTop: 224
+  },
+  emptyButton: {
+    marginBottom: 16,
+    position: 'absolute',
+    width: '100%'
+  },
+  emptyIcon: {
+    marginTop: -30
+  },
+  emptySubtitle: {
+    opacity: 0.7
+  },
+  emptyTitle: {
+    marginBottom: 8,
+    opacity: 0.7
+  }
+});
+export default WalletEmptyList;
+//# sourceMappingURL=empty-list.js.map

package/lib/module/ui-components/list/wallet/empty-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","concatTestID","Button","NoCredentialsIcon","Typography","useAppColorScheme","WalletEmptyList","onScanPress","scanButtonTitle","subtitle","testID","title","safeAreaInsets","colorScheme","createElement","style","styles","empty","align","color","text","preset","emptyTitle","emptySubtitle","emptyIcon","onPress","emptyButton","bottom","Math","max","create","alignItems","flex","marginHorizontal","marginTop","marginBottom","position","width","opacity"],"sources":["empty-list.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { concatTestID } from '../../../utils';\nimport { Button } from '../../buttons';\nimport { NoCredentialsIcon } from '../../icons';\nimport { Typography } from '../../text';\nimport { useAppColorScheme } from '../../theme';\n\ntype WalletEmptyListProps = {\n  onScanPress: () => void;\n  scanButtonTitle: string;\n  subtitle: string;\n  testID: string;\n  title: string;\n};\n\nconst WalletEmptyList: FC<WalletEmptyListProps> = ({ onScanPress, scanButtonTitle, subtitle, testID, title }) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.empty}>\n      <Typography\n        align=\"center\"\n        color={colorScheme.text}\n        preset=\"l/line-height-large\"\n        style={styles.emptyTitle}\n        testID={concatTestID(testID, 'title')}>\n        {title}\n      </Typography>\n      <Typography\n        align=\"center\"\n        color={colorScheme.text}\n        style={styles.emptySubtitle}\n        testID={concatTestID(testID, 'subtitle')}>\n        {subtitle}\n      </Typography>\n      <NoCredentialsIcon style={styles.emptyIcon} />\n      <Button\n        onPress={onScanPress}\n        style={[styles.emptyButton, { bottom: Math.max(24, safeAreaInsets.bottom) }]}\n        testID={concatTestID(testID, 'scanQrCode')}\n        title={scanButtonTitle}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  empty: {\n    alignItems: 'center',\n    flex: 1,\n    marginHorizontal: 16,\n    marginTop: 224,\n  },\n  emptyButton: {\n    marginBottom: 16,\n    position: 'absolute',\n    width: '100%',\n  },\n  emptyIcon: {\n    marginTop: -30,\n  },\n  emptySubtitle: {\n    opacity: 0.7,\n  },\n  emptyTitle: {\n    marginBottom: 8,\n    opacity: 0.7,\n  },\n});\n\nexport default WalletEmptyList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,iBAAiB,QAAQ,aAAa;AAU/C,MAAMC,eAAyC,GAAGA,CAAC;EAAEC,WAAW;EAAEC,eAAe;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAM,CAAC,KAAK;EAC/G,MAAMC,cAAc,GAAGZ,iBAAiB,CAAC,CAAC;EAC1C,MAAMa,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EAEvC,oBACER,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBpB,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACTc,KAAK,EAAC,QAAQ;IACdC,KAAK,EAAEN,WAAW,CAACO,IAAK;IACxBC,MAAM,EAAC,qBAAqB;IAC5BN,KAAK,EAAEC,MAAM,CAACM,UAAW;IACzBZ,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO;EAAE,GACrCC,KACS,CAAC,eACbd,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACTc,KAAK,EAAC,QAAQ;IACdC,KAAK,EAAEN,WAAW,CAACO,IAAK;IACxBL,KAAK,EAAEC,MAAM,CAACO,aAAc;IAC5Bb,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,UAAU;EAAE,GACxCD,QACS,CAAC,eACbZ,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACY,KAAK,EAAEC,MAAM,CAACQ;EAAU,CAAE,CAAC,eAC9C3B,KAAA,CAAAiB,aAAA,CAACZ,MAAM;IACLuB,OAAO,EAAElB,WAAY;IACrBQ,KAAK,EAAE,CAACC,MAAM,CAACU,WAAW,EAAE;MAAEC,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAEjB,cAAc,CAACe,MAAM;IAAE,CAAC,CAAE;IAC7EjB,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,YAAY,CAAE;IAC3CC,KAAK,EAAEH;EAAgB,CACxB,CACG,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGlB,UAAU,CAACgC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb,CAAC;EACDR,WAAW,EAAE;IACXS,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDb,SAAS,EAAE;IACTU,SAAS,EAAE,CAAC;EACd,CAAC;EACDX,aAAa,EAAE;IACbe,OAAO,EAAE;EACX,CAAC;EACDhB,UAAU,EAAE;IACVa,YAAY,EAAE,CAAC;IACfG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAehC,eAAe","ignoreList":[]}