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

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

@@ -1 +0,0 @@
-{"version":3,"names":["Picker","React","forwardRef","useCallback","useMemo","useState","focusAccessibility","TouchableOpacity","useAccessibilityTranslation","useAppColorScheme","useForwardedRef","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 { focusAccessibility } from '../accessibility/accessibility';\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { useAppColorScheme } from '../theme';\nimport { useForwardedRef } from '../utils/ref';\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/module/input/text-input.js

@@ -1,185 +0,0 @@
-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); }
-import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
-import { Animated, Platform, StyleSheet, TextInput as RNTextInput, useWindowDimensions, View } from 'react-native';
-import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
-import { ClearInputIcon, DropdownInputIcon } from '../icons/input';
-import font from '../text/font';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-
-// difference between font sizes
-const LABEL_SCALE_RATIO = 14 / 12;
-export let TextInputAccessory;
-(function (TextInputAccessory) {
-  TextInputAccessory["Dropdown"] = "dropdown";
-  TextInputAccessory["Clear"] = "clear";
-})(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__*/forwardRef((_ref, ref) => {
-  let {
-    value,
-    label,
-    accessory = TextInputAccessory.Clear,
-    accessoryAccessibilityLabel,
-    onAccessoryPress,
-    onSubmit,
-    onFocus,
-    onBlur,
-    disabled,
-    error,
-    style,
-    placeholder,
-    ...props
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const {
-    fontScale
-  } = useWindowDimensions();
-  const [focused, setFocused] = useState(false);
-  const onFocusAction = useCallback(e => {
-    setFocused(true);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-  }, [onFocus]);
-  const onBlurAction = useCallback(e => {
-    setFocused(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-  }, [onBlur]);
-  const onSubmitEditing = useCallback(e => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e.nativeEvent.text), [onSubmit]);
-  const accessoryIcon = useMemo(() => {
-    switch (accessory) {
-      case TextInputAccessory.Dropdown:
-        return /*#__PURE__*/React.createElement(DropdownInputIcon, null);
-      case TextInputAccessory.Clear:
-        return value && !disabled ? /*#__PURE__*/React.createElement(ClearInputIcon, null) : undefined;
-    }
-  }, [accessory, disabled, value]);
-  const accessoryComponent = accessoryIcon ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    accessibilityLabel: accessoryAccessibilityLabel,
-    accessibilityRole: "button",
-    accessible: !disabled,
-    disabled: disabled,
-    hitSlop: hitSlop,
-    onPress: onAccessoryPress,
-    testID: concatTestID(props.testID, 'accessoryButton')
-  }, accessoryIcon) : null;
-  const labelPosition = focused || value ? 0 : 1;
-  const [labelAnimation] = useState(() => new Animated.Value(labelPosition));
-  useEffect(() => {
-    Animated.timing(labelAnimation, {
-      duration: 200,
-      toValue: labelPosition,
-      useNativeDriver: true
-    }).start();
-  }, [labelAnimation, labelPosition]);
-  const [labelLayout, setLabelLayout] = useState();
-  const onLabelLayout = useCallback(event => setLabelLayout(event.nativeEvent.layout), []);
-  const accessibilityLabel = disabled ? undefined : label;
-  const inputStyle = {
-    height: Math.min(2, fontScale) * 24
-  };
-  const input = /*#__PURE__*/React.createElement(RNTextInput, _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.regular, styles.inputText, 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.createElement(View, {
-    style: style
-  }, /*#__PURE__*/React.createElement(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.createElement(Typography, {
-    accessible: false,
-    color: 'rgba(0, 0, 0, 0.50)',
-    preset: "s"
-  }, label)), /*#__PURE__*/React.createElement(View, {
-    style: [styles.inputRow, {
-      borderColor: focused ? colorScheme.accent : colorScheme.grayDark
-    }]
-  }, Platform.OS === 'android' ? /*#__PURE__*/React.createElement(View, {
-    style: [styles.inputWrapperAndroid, inputStyle]
-  }, input) : input, accessoryComponent), error ? /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.error,
-    preset: "s"
-  }, error) : null);
-});
-const styles = 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: Platform.OS === 'android' ? 22 : 20,
-    minHeight: 24
-  },
-  inputWrapperAndroid: {
-    flex: 1,
-    justifyContent: 'center',
-    overflow: 'visible'
-  }
-});
-TextInput.displayName = 'Input';
-export default TextInput;
-//# sourceMappingURL=text-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Animated","Platform","StyleSheet","TextInput","RNTextInput","useWindowDimensions","View","TouchableOpacity","ClearInputIcon","DropdownInputIcon","font","Typography","useAppColorScheme","concatTestID","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 { 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';\nimport { concatTestID } from '../utils/testID';\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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpF,SACEC,QAAQ,EAKRC,QAAQ,EAERC,UAAU,EACVC,SAAS,IAAIC,WAAW,EAIxBC,mBAAmB,EACnBC,IAAI,QAEC,cAAc;AAErB,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,cAAc,EAAEC,iBAAiB,QAAQ,gBAAgB;AAClE,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,iBAAiB;;AAE9C;AACA,MAAMC,iBAAiB,GAAG,EAAE,GAAG,EAAE;AAEjC,WAAYC,kBAAkB;AAG7B,WAHWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAK9B,MAAMC,OAAe,GAAG;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,GAAG,EAAE;AAAG,CAAC;AAapE;AACA;AACA;AACA;AACA,MAAMjB,SAAS,gBAAGR,UAAU,CAC1B,CAAA0B,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,KAAK;IACLC,SAAS,GAAGV,kBAAkB,CAACW,KAAK;IACpCC,2BAA2B;IAC3BC,gBAAgB;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACLC,WAAW;IACX,GAAGC;EACL,CAAC,GAAAf,IAAA;EAGD,MAAMgB,WAAW,GAAGzB,iBAAiB,EAAE;EACvC,MAAM;IAAE0B;EAAU,CAAC,GAAGjC,mBAAmB,EAAE;EAE3C,MAAM,CAACkC,OAAO,EAAEC,UAAU,CAAC,GAAGzC,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM0C,aAAa,GAAG7C,WAAW,CAC9B8C,CAAkD,IAAK;IACtDF,UAAU,CAAC,IAAI,CAAC;IAChBV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGY,CAAC,CAAC;EACd,CAAC,EACD,CAACZ,OAAO,CAAC,CACV;EACD,MAAMa,YAAY,GAAG/C,WAAW,CAC7B8C,CAAkD,IAAK;IACtDF,UAAU,CAAC,KAAK,CAAC;IACjBT,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGW,CAAC,CAAC;EACb,CAAC,EACD,CAACX,MAAM,CAAC,CACT;EAED,MAAMa,eAAe,GAAGhD,WAAW,CAChC8C,CAA0D,IAAKb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,CAAC,CAACG,WAAW,CAACC,IAAI,CAAC,EAC9F,CAACjB,QAAQ,CAAC,CACX;EAED,MAAMkB,aAAa,GAAGjD,OAAO,CAAC,MAAM;IAClC,QAAQ2B,SAAS;MACf,KAAKV,kBAAkB,CAACiC,QAAQ;QAC9B,oBAAOtD,KAAA,CAAAuD,aAAA,CAACxC,iBAAiB,OAAG;MAC9B,KAAKM,kBAAkB,CAACW,KAAK;QAC3B,OAAOH,KAAK,IAAI,CAACS,QAAQ,gBAAGtC,KAAA,CAAAuD,aAAA,CAACzC,cAAc,OAAG,GAAG0C,SAAS;IAAC;EAEjE,CAAC,EAAE,CAACzB,SAAS,EAAEO,QAAQ,EAAET,KAAK,CAAC,CAAC;EAEhC,MAAM4B,kBAAkB,GAAGJ,aAAa,gBACtCrD,KAAA,CAAAuD,aAAA,CAAC1C,gBAAgB;IACf6C,kBAAkB,EAAEzB,2BAA4B;IAChD0B,iBAAiB,EAAC,QAAQ;IAC1BC,UAAU,EAAE,CAACtB,QAAS;IACtBA,QAAQ,EAAEA,QAAS;IACnBhB,OAAO,EAAEA,OAAQ;IACjBuC,OAAO,EAAE3B,gBAAiB;IAC1B4B,MAAM,EAAE3C,YAAY,CAACuB,KAAK,CAACoB,MAAM,EAAE,iBAAiB;EAAE,GACrDT,aAAa,CACG,GACjB,IAAI;EAER,MAAMU,aAAa,GAAGlB,OAAO,IAAIhB,KAAK,GAAG,CAAC,GAAG,CAAC;EAC9C,MAAM,CAACmC,cAAc,CAAC,GAAG3D,QAAQ,CAAiB,MAAM,IAAIC,QAAQ,CAAC2D,KAAK,CAACF,aAAa,CAAC,CAAC;EAC1F5D,SAAS,CAAC,MAAM;IACdG,QAAQ,CAAC4D,MAAM,CAACF,cAAc,EAAE;MAC9BG,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAEL,aAAa;MACtBM,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,EAAE;EACZ,CAAC,EAAE,CAACN,cAAc,EAAED,aAAa,CAAC,CAAC;EAEnC,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAGnE,QAAQ,EAAmB;EACjE,MAAMoE,aAAa,GAAGvE,WAAW,CAAEwE,KAAwB,IAAKF,cAAc,CAACE,KAAK,CAACvB,WAAW,CAACwB,MAAM,CAAC,EAAE,EAAE,CAAC;EAE7G,MAAMjB,kBAAkB,GAAGpB,QAAQ,GAAGkB,SAAS,GAAG1B,KAAK;EACvD,MAAM8C,UAAU,GAAG;IAAEC,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEnC,SAAS,CAAC,GAAG;EAAG,CAAC;EAE1D,MAAMoC,KAAK,gBACThF,KAAA,CAAAuD,aAAA,CAAC7C,WAAW,EAAAuE,QAAA;IACVvB,kBAAkB,EAAEA,kBAAmB;IACvCwB,YAAY,EAAErD,KAAK,IAAI,EAAG;IAC1BsD,QAAQ,EAAE,CAAC7C,QAAS;IACpBhB,OAAO,EAAEA,OAAQ;IACjB8D,qBAAqB,EAAE,CAAE;IACzBC,aAAa,EAAE,CAAE;IACjBhD,MAAM,EAAEY,YAAa;IACrBb,OAAO,EAAEW,aAAc;IACvBG,eAAe,EAAEA,eAAgB;IACjCT,WAAW,EAAEI,OAAO,GAAGJ,WAAW,GAAGe,SAAU;IAC/C5B,GAAG,EAAEA,GAAI;IACT0D,aAAa,EAAC,MAAM;IACpB9C,KAAK,EAAE,CACLxB,IAAI,CAACuE,OAAO,EACZC,MAAM,CAACC,SAAS,EAChBlF,QAAQ,CAACmF,EAAE,KAAK,SAAS,GAAGF,MAAM,CAACG,YAAY,GAAGH,MAAM,CAACI,QAAQ,EACjE;MACEC,KAAK,EAAElD,WAAW,CAACS;IACrB,CAAC,CACD;IACF0C,iBAAiB,EAAC;IAClB;IAAA;IACAC,qBAAqB,EAAC,WAAW;IACjClE,KAAK,EAAEA;EAAM,GACTa,KAAK,EAEZ;EACD,oBACE1C,KAAA,CAAAuD,aAAA,CAAC3C,IAAI;IAAC4B,KAAK,EAAEA;EAAM,gBACjBxC,KAAA,CAAAuD,aAAA,CAACjD,QAAQ,CAACM,IAAI;IACZoF,QAAQ,EAAEvB,aAAc;IACxBjC,KAAK,EACH+B,WAAW,GACP;MACE0B,SAAS,EAAE,CACT;QACE;QACAC,UAAU,EAAElC,cAAc,CAACmC,WAAW,CAAC;UACrCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,CAAC,EAAE9B,WAAW,CAACM,MAAM,GAAG,CAAC;QACzC,CAAC;MACH,CAAC,EACD;QACE;QACAyB,UAAU,EAAEtC,cAAc,CAACmC,WAAW,CAAC;UACrCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,CAAC,EAAG9B,WAAW,CAACgC,KAAK,IAAInF,iBAAiB,GAAG,CAAC,CAAC,GAAI,CAAC;QACpE,CAAC;MACH,CAAC,EACD;QACE;QACAoF,KAAK,EAAExC,cAAc,CAACmC,WAAW,CAAC;UAChCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,CAAC,EAAEjF,iBAAiB;QACpC,CAAC;MACH,CAAC;IAEL,CAAC,GACDoC;EACL,gBACDxD,KAAA,CAAAuD,aAAA,CAACtC,UAAU;IAAC2C,UAAU,EAAE,KAAM;IAACiC,KAAK,EAAE,qBAAsB;IAACY,MAAM,EAAC;EAAG,GACpE3E,KAAK,CACK,CACC,eAChB9B,KAAA,CAAAuD,aAAA,CAAC3C,IAAI;IACH4B,KAAK,EAAE,CACLgD,MAAM,CAACkB,QAAQ,EACf;MACEC,WAAW,EAAE9D,OAAO,GAAGF,WAAW,CAACiE,MAAM,GAAGjE,WAAW,CAACkE;IAC1D,CAAC;EACD,GACDtG,QAAQ,CAACmF,EAAE,KAAK,SAAS,gBAAG1F,KAAA,CAAAuD,aAAA,CAAC3C,IAAI;IAAC4B,KAAK,EAAE,CAACgD,MAAM,CAACsB,mBAAmB,EAAElC,UAAU;EAAE,GAAEI,KAAK,CAAQ,GAAGA,KAAK,EACzGvB,kBAAkB,CACd,EACNlB,KAAK,gBACJvC,KAAA,CAAAuD,aAAA,CAACtC,UAAU;IAAC4E,KAAK,EAAElD,WAAW,CAACJ,KAAM;IAACkE,MAAM,EAAC;EAAG,GAC7ClE,KAAK,CACK,GACX,IAAI,CACH;AAEX,CAAC,CACF;AAED,MAAMiD,MAAM,GAAGhF,UAAU,CAACuG,MAAM,CAAC;EAC/BpB,YAAY,EAAE;IACZqB,QAAQ,EAAE,EAAE;IACZxF,IAAI,EAAE,CAAC;IACPyF,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,UAAU;IACpB1F,KAAK,EAAE;EACT,CAAC;EACDmE,QAAQ,EAAE;IACRwB,IAAI,EAAE;EACR,CAAC;EACDV,QAAQ,EAAE;IACRW,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB,CAAC;EACDhC,SAAS,EAAE;IACTuB,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE3G,QAAQ,CAACmF,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;IAC/CgC,SAAS,EAAE;EACb,CAAC;EACDZ,mBAAmB,EAAE;IACnBM,IAAI,EAAE,CAAC;IACPO,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEFnH,SAAS,CAACoH,WAAW,GAAG,OAAO;AAE/B,eAAepH,SAAS"}

package/lib/module/loader/loader.js

@@ -1,130 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { InteractionManager, StyleSheet, View } from 'react-native';
-import Animated, { cancelAnimation, Easing, runOnJS, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
-import { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';
-import { concatTestID } from '../utils';
-export let LoaderViewState;
-(function (LoaderViewState) {
-  LoaderViewState["Error"] = "error";
-  LoaderViewState["InProgress"] = "inProgress";
-  LoaderViewState["Success"] = "success";
-  LoaderViewState["Warning"] = "warning";
-})(LoaderViewState || (LoaderViewState = {}));
-const LoaderView = _ref => {
-  let {
-    animate,
-    state,
-    testID
-  } = _ref;
-  const [initialDelayPassed, setInitialDelayPassed] = useState(false);
-  const rotationIsAnimating = useRef(false);
-  const rotation = useSharedValue(0);
-  const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);
-  const finished = state !== LoaderViewState.InProgress;
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setInitialDelayPassed(true);
-    }, 1000);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, []);
-  useEffect(() => {
-    return () => {
-      cancelAnimation(rotation);
-    };
-  }, [rotation]);
-  const startRotationAnimation = useCallback(() => {
-    if (rotationIsAnimating.current) {
-      return;
-    }
-    rotationIsAnimating.current = true;
-    rotation.value = withRepeat(withTiming(360, {
-      duration: 1000,
-      easing: Easing.linear
-    }), -1);
-  }, [rotationIsAnimating, rotation]);
-  const stopRotationAnimation = useCallback(() => {
-    InteractionManager.runAfterInteractions(() => {
-      rotationIsAnimating.current = false;
-      cancelAnimation(rotation);
-      rotation.value = 0;
-    });
-  }, [rotationIsAnimating, rotation]);
-  useEffect(() => {
-    if (animate) {
-      startRotationAnimation();
-    } else {
-      stopRotationAnimation();
-    }
-  }, [animate, startRotationAnimation, stopRotationAnimation]);
-  useEffect(() => {
-    if (!initialDelayPassed) {
-      return;
-    }
-    const toValue = finished ? 1 : 0;
-    if (opacity.value === toValue) {
-      return;
-    }
-    if (animate) {
-      if (!finished) {
-        startRotationAnimation();
-      }
-      opacity.value = withTiming(toValue, {
-        duration: 300,
-        easing: Easing.ease
-      }, () => {
-        if (finished) {
-          runOnJS(stopRotationAnimation)();
-        }
-      });
-    } else {
-      opacity.value = toValue;
-      stopRotationAnimation();
-    }
-  }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);
-  const spinnerAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: 1 - opacity.value,
-    transform: [{
-      rotateZ: `${rotation.value}deg`
-    }]
-  }), [opacity, rotation]);
-  const resultAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: opacity.value
-  }), [opacity]);
-  const finishedIcon = useMemo(() => {
-    switch (state) {
-      case LoaderViewState.Success:
-        return /*#__PURE__*/React.createElement(LoaderSuccess, null);
-      case LoaderViewState.Warning:
-        return /*#__PURE__*/React.createElement(LoaderWarning, null);
-      case LoaderViewState.Error:
-        return /*#__PURE__*/React.createElement(LoaderError, null);
-      default:
-        return null;
-    }
-  }, [state]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.loader,
-    testID: concatTestID(testID, state)
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.loaderElement, spinnerAnimatedStyle]
-  }, /*#__PURE__*/React.createElement(LoaderProgressSpinner, null)), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.loaderElement, resultAnimatedStyle]
-  }, finishedIcon));
-};
-const styles = StyleSheet.create({
-  loader: {
-    height: 64,
-    width: 64
-  },
-  loaderElement: {
-    height: 64,
-    left: 0,
-    position: 'absolute',
-    top: 0,
-    width: 64
-  }
-});
-export default LoaderView;
-//# sourceMappingURL=loader.js.map

package/lib/module/loader/loader.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","InteractionManager","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useSharedValue","withRepeat","withTiming","LoaderError","LoaderProgressSpinner","LoaderSuccess","LoaderWarning","concatTestID","LoaderViewState","LoaderView","_ref","animate","state","testID","initialDelayPassed","setInitialDelayPassed","rotationIsAnimating","rotation","opacity","InProgress","finished","timeout","setTimeout","clearTimeout","startRotationAnimation","current","value","duration","easing","linear","stopRotationAnimation","runAfterInteractions","toValue","ease","spinnerAnimatedStyle","transform","rotateZ","resultAnimatedStyle","finishedIcon","Success","createElement","Warning","Error","style","styles","loader","loaderElement","create","height","width","left","position","top"],"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 { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';\nimport { concatTestID } from '../utils';\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    InteractionManager.runAfterInteractions(() => {\n      rotationIsAnimating.current = false;\n      cancelAnimation(rotation);\n      rotation.value = 0;\n    });\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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"}

package/lib/module/nerd-view/nerd-mode-item.js

@@ -1,224 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Dimensions, Linking, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-import Animated, { clamp, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
-import { Button, ButtonType } from '../buttons/button';
-import { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-const VALUE_PREVIEW_LENGTH = 80;
-const ICON_HEIGHT = 48;
-const CONTAINER_PADDING = 8;
-
-// The onExpand and expandedAttributes props are used to notify other expanded fields
-// that the layout (and thus the scrollOffset / icon position) has changed. This
-// will trigger a view measurement and repositioning of the icon on all expanded fields.
-
-const styles = StyleSheet.create({
-  actionIcon: {
-    alignItems: 'center',
-    flex: 0.15,
-    height: ICON_HEIGHT,
-    justifyContent: 'center'
-  },
-  actionIconSingleLine: {
-    height: 24
-  },
-  attributeLabel: {
-    marginBottom: 4,
-    paddingHorizontal: 6
-  },
-  attributeValue: {
-    flex: 0.85,
-    flexGrow: 1
-  },
-  attributeValueContainer: {
-    borderRadius: 2,
-    borderWidth: 0.2,
-    flexDirection: 'row',
-    padding: CONTAINER_PADDING
-  },
-  container: {
-    paddingHorizontal: 20,
-    paddingTop: 16
-  },
-  expandValueButton: {
-    borderRadius: 4,
-    borderWidth: 0,
-    marginTop: 4
-  },
-  lastAttribute: {
-    paddingBottom: 30
-  }
-});
-export const ActionIcon = _ref => {
-  let {
-    value,
-    link,
-    onCopyToClipboard,
-    testID,
-    copy
-  } = _ref;
-  const handleCopy = useCallback(() => {
-    onCopyToClipboard(value);
-  }, [onCopyToClipboard, value]);
-  const openLink = useCallback(() => {
-    if (link) {
-      Linking.openURL(link);
-    }
-  }, [link]);
-  if (copy) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: handleCopy,
-      testID: testID
-    }, /*#__PURE__*/React.createElement(CopyContentIcon, null));
-  }
-  if (link) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: openLink,
-      testID: testID
-    }, /*#__PURE__*/React.createElement(OpenLinkIcon, null));
-  }
-  return null;
-};
-const TextWithHighlight = _ref2 => {
-  let {
-    highlightedText,
-    onLayout,
-    testID,
-    text
-  } = _ref2;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.white,
-    onLayout: onLayout,
-    preset: "s/code",
-    style: styles.attributeValue,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.nerdView.codeHighlightText,
-    preset: "s/code"
-  }, highlightedText), text);
-};
-const NerdModeItem = _ref3 => {
-  let {
-    highlightedText = '',
-    attributeText = '',
-    attributeKey,
-    labels,
-    link,
-    canBeCopied,
-    onCopyToClipboard,
-    onExpand,
-    expandedAttributes,
-    last = false,
-    scrollOffset,
-    element,
-    testID
-  } = _ref3;
-  const colorScheme = useAppColorScheme();
-  const valueViewRef = React.useRef(null);
-  const [isSingleLine, setIsSingleLine] = useState();
-  const expandedView = useSharedValue({
-    expandedAtOffset: 0,
-    viewHeight: 0,
-    viewStart: 0
-  });
-  const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;
-  const [expanded, setExpanded] = useState(!expandable);
-  const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);
-  const iconTopPosition = useDerivedValue(() => {
-    if (isSingleLine === undefined) {
-      return 0;
-    }
-    if (!expanded || !expandable || !scrollOffset || isSingleLine) {
-      const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;
-      return expandedView.value.viewHeight / 2 - iconHeight / 2;
-    }
-    const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;
-    let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;
-    if (expandedView.value.viewStart > screenMiddle) {
-      zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);
-    } else {
-      if (viewEnd < screenMiddle + ICON_HEIGHT) {
-        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);
-      } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {
-        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);
-      }
-    }
-    return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);
-  });
-  const iconStyle = useAnimatedStyle(() => {
-    return {
-      transform: [{
-        translateY: iconTopPosition.value
-      }]
-    };
-  });
-  const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';
-  useEffect(() => {
-    if (!scrollOffset || isSingleLine === undefined) {
-      return;
-    }
-    setTimeout(() => {
-      var _valueViewRef$current;
-      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === void 0 ? void 0 : _valueViewRef$current.measure((x, y, w, h, px, py) => {
-        expandedView.value = {
-          expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,
-          viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,
-          viewStart: py
-        };
-      });
-    }, 0);
-    // We only recompute when any attribute is expanded
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [expandedAttributes, isSingleLine]);
-  const onTextLayout = useCallback(event => {
-    const {
-      height
-    } = event.nativeEvent.layout;
-    setIsSingleLine(height <= 24);
-  }, []);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: colorScheme.nerdView.attributeSectionBackground
-    }, last ? styles.lastAttribute : {}],
-    testID: testID
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.nerdView.attributeLabel,
-    preset: "s/code",
-    style: styles.attributeLabel,
-    testID: concatTestID(testID, 'attributeLabel')
-  }, attributeKey), /*#__PURE__*/React.createElement(View, {
-    ref: valueViewRef,
-    style: [styles.attributeValueContainer, {
-      backgroundColor: colorScheme.nerdView.attributeValueBackground,
-      borderColor: colorScheme.nerdView.attributeValueBorder
-    }]
-  }, element ? element : /*#__PURE__*/React.createElement(TextWithHighlight, {
-    highlightedText: highlightedText,
-    onLayout: onTextLayout,
-    testID: concatTestID(testID, 'attributeValue'),
-    text: previewText
-  }), (canBeCopied || link) && isSingleLine !== undefined ? /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]
-  }, /*#__PURE__*/React.createElement(ActionIcon, {
-    copy: canBeCopied,
-    link: link,
-    onCopyToClipboard: onCopyToClipboard,
-    testID: concatTestID(testID, 'actionIcon'),
-    value: `${highlightedText}${attributeText}`
-  })) : null), expandable ? /*#__PURE__*/React.createElement(Button, {
-    onPress: () => {
-      onExpand && onExpand(!expanded);
-      setExpanded(!expanded);
-    },
-    style: styles.expandValueButton,
-    testID: concatTestID(testID, 'expandValueButton'),
-    title: expanded ? labels.collapse : labels.expand,
-    type: ButtonType.SmallTech
-  }) : null);
-};
-export default NerdModeItem;
-//# sourceMappingURL=nerd-mode-item.js.map

package/lib/module/nerd-view/nerd-mode-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","TouchableOpacity","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","concatTestID","VALUE_PREVIEW_LENGTH","ICON_HEIGHT","CONTAINER_PADDING","styles","create","actionIcon","alignItems","flex","height","justifyContent","actionIconSingleLine","attributeLabel","marginBottom","paddingHorizontal","attributeValue","flexGrow","attributeValueContainer","borderRadius","borderWidth","flexDirection","padding","container","paddingTop","expandValueButton","marginTop","lastAttribute","paddingBottom","ActionIcon","_ref","value","link","onCopyToClipboard","testID","copy","handleCopy","openLink","openURL","createElement","onPress","TextWithHighlight","_ref2","highlightedText","onLayout","text","colorScheme","color","white","preset","style","nerdView","codeHighlightText","NerdModeItem","_ref3","attributeText","attributeKey","labels","canBeCopied","onExpand","expandedAttributes","last","scrollOffset","element","valueViewRef","useRef","isSingleLine","setIsSingleLine","expandedView","expandedAtOffset","viewHeight","viewStart","expandable","length","expanded","setExpanded","screenMiddle","get","iconTopPosition","undefined","iconHeight","viewEnd","zeroedOffset","iconStyle","transform","translateY","previewText","slice","setTimeout","_valueViewRef$current","current","measure","x","y","w","h","px","py","onTextLayout","event","nativeEvent","layout","backgroundColor","attributeSectionBackground","ref","attributeValueBackground","borderColor","attributeValueBorder","title","collapse","expand","type","SmallTech"],"sources":["nerd-mode-item.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Dimensions, LayoutChangeEvent, Linking, StyleSheet, View, ViewStyle } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\nimport Animated, {\n  clamp,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { Button, ButtonType } from '../buttons/button';\nimport { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nconst VALUE_PREVIEW_LENGTH = 80;\nconst ICON_HEIGHT = 48;\nconst CONTAINER_PADDING = 8;\n\n// The onExpand and expandedAttributes props are used to notify other expanded fields\n// that the layout (and thus the scrollOffset / icon position) has changed. This\n// will trigger a view measurement and repositioning of the icon on all expanded fields.\n\nexport type NerdModeItemProps = {\n  attributeKey: string;\n  attributeText?: string;\n  canBeCopied?: boolean;\n  element?: React.ReactElement;\n  expandedAttributes?: number;\n  highlightedText?: string;\n  labels: {\n    expand: string;\n    collapse: string;\n  };\n  last?: boolean;\n  link?: string;\n  onCopyToClipboard: (value: string) => void;\n  onExpand?: (expanded: boolean) => void;\n  scrollOffset?: SharedValue<number>;\n  testID?: string;\n};\n\nconst styles = StyleSheet.create({\n  actionIcon: {\n    alignItems: 'center',\n    flex: 0.15,\n    height: ICON_HEIGHT,\n    justifyContent: 'center',\n  },\n  actionIconSingleLine: {\n    height: 24,\n  },\n  attributeLabel: {\n    marginBottom: 4,\n    paddingHorizontal: 6,\n  },\n  attributeValue: {\n    flex: 0.85,\n    flexGrow: 1,\n  },\n  attributeValueContainer: {\n    borderRadius: 2,\n    borderWidth: 0.2,\n    flexDirection: 'row',\n    padding: CONTAINER_PADDING,\n  },\n  container: {\n    paddingHorizontal: 20,\n    paddingTop: 16,\n  },\n  expandValueButton: {\n    borderRadius: 4,\n    borderWidth: 0,\n    marginTop: 4,\n  },\n  lastAttribute: {\n    paddingBottom: 30,\n  },\n});\n\nexport const ActionIcon: FunctionComponent<{\n  copy?: boolean;\n  link?: string;\n  onCopyToClipboard: (value: string) => void;\n  style?: ViewStyle;\n  testID?: string;\n  value: string;\n}> = ({ value, link, onCopyToClipboard, testID, copy }) => {\n  const handleCopy = useCallback(() => {\n    onCopyToClipboard(value);\n  }, [onCopyToClipboard, value]);\n\n  const openLink = useCallback(() => {\n    if (link) {\n      Linking.openURL(link);\n    }\n  }, [link]);\n\n  if (copy) {\n    return (\n      <TouchableOpacity onPress={handleCopy} testID={testID}>\n        <CopyContentIcon />\n      </TouchableOpacity>\n    );\n  }\n\n  if (link) {\n    return (\n      <TouchableOpacity onPress={openLink} testID={testID}>\n        <OpenLinkIcon />\n      </TouchableOpacity>\n    );\n  }\n\n  return null;\n};\n\nconst TextWithHighlight: FunctionComponent<{\n  highlightedText: string;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  testID: string;\n  text: string;\n}> = ({ highlightedText, onLayout, testID, text }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Typography\n      color={colorScheme.white}\n      onLayout={onLayout}\n      preset=\"s/code\"\n      style={styles.attributeValue}\n      testID={testID}>\n      <Typography color={colorScheme.nerdView.codeHighlightText} preset=\"s/code\">\n        {highlightedText}\n      </Typography>\n      {text}\n    </Typography>\n  );\n};\n\nconst NerdModeItem: FunctionComponent<NerdModeItemProps> = ({\n  highlightedText = '',\n  attributeText = '',\n  attributeKey,\n  labels,\n  link,\n  canBeCopied,\n  onCopyToClipboard,\n  onExpand,\n  expandedAttributes,\n  last = false,\n  scrollOffset,\n  element,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const valueViewRef = React.useRef<View>(null);\n  const [isSingleLine, setIsSingleLine] = useState<boolean>();\n\n  const expandedView = useSharedValue({\n    expandedAtOffset: 0,\n    viewHeight: 0,\n    viewStart: 0,\n  });\n\n  const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;\n  const [expanded, setExpanded] = useState(!expandable);\n\n  const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);\n\n  const iconTopPosition = useDerivedValue(() => {\n    if (isSingleLine === undefined) {\n      return 0;\n    }\n    if (!expanded || !expandable || !scrollOffset || isSingleLine) {\n      const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;\n      return expandedView.value.viewHeight / 2 - iconHeight / 2;\n    }\n\n    const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;\n    let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;\n\n    if (expandedView.value.viewStart > screenMiddle) {\n      zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);\n    } else {\n      if (viewEnd < screenMiddle + ICON_HEIGHT) {\n        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n      } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {\n        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n      }\n    }\n\n    return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);\n  });\n\n  const iconStyle = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          translateY: iconTopPosition.value,\n        },\n      ],\n    };\n  });\n\n  const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';\n\n  useEffect(() => {\n    if (!scrollOffset || isSingleLine === undefined) {\n      return;\n    }\n\n    setTimeout(() => {\n      valueViewRef.current?.measure((x, y, w, h, px, py) => {\n        expandedView.value = {\n          expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,\n          viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,\n          viewStart: py,\n        };\n      });\n    }, 0);\n    // We only recompute when any attribute is expanded\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [expandedAttributes, isSingleLine]);\n\n  const onTextLayout = useCallback((event: LayoutChangeEvent) => {\n    const { height } = event.nativeEvent.layout;\n    setIsSingleLine(height <= 24);\n  }, []);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { backgroundColor: colorScheme.nerdView.attributeSectionBackground },\n        last ? styles.lastAttribute : {},\n      ]}\n      testID={testID}>\n      <Typography\n        color={colorScheme.nerdView.attributeLabel}\n        preset=\"s/code\"\n        style={styles.attributeLabel}\n        testID={concatTestID(testID, 'attributeLabel')}>\n        {attributeKey}\n      </Typography>\n      <View\n        ref={valueViewRef}\n        style={[\n          styles.attributeValueContainer,\n          {\n            backgroundColor: colorScheme.nerdView.attributeValueBackground,\n            borderColor: colorScheme.nerdView.attributeValueBorder,\n          },\n        ]}>\n        {element ? (\n          element\n        ) : (\n          <TextWithHighlight\n            highlightedText={highlightedText}\n            onLayout={onTextLayout}\n            testID={concatTestID(testID, 'attributeValue')!}\n            text={previewText}\n          />\n        )}\n        {(canBeCopied || link) && isSingleLine !== undefined ? (\n          <Animated.View style={[styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]}>\n            {\n              <ActionIcon\n                copy={canBeCopied}\n                link={link}\n                onCopyToClipboard={onCopyToClipboard}\n                testID={concatTestID(testID, 'actionIcon')}\n                value={`${highlightedText}${attributeText}`}\n              />\n            }\n          </Animated.View>\n        ) : null}\n      </View>\n      {expandable ? (\n        <Button\n          onPress={() => {\n            onExpand && onExpand(!expanded);\n            setExpanded(!expanded);\n          }}\n          style={styles.expandValueButton}\n          testID={concatTestID(testID, 'expandValueButton')}\n          title={expanded ? labels.collapse : labels.expand}\n          type={ButtonType.SmallTech}\n        />\n      ) : null}\n    </View>\n  );\n};\n\nexport default NerdModeItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC3F,SAASC,UAAU,EAAqBC,OAAO,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAClG,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAOC,QAAQ,IACbC,KAAK,EAELC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAEhC,SAASC,MAAM,EAAEC,UAAU,QAAQ,mBAAmB;AACtD,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,iBAAiB,GAAG,CAAC;;AAE3B;AACA;AACA;;AAqBA,MAAMC,MAAM,GAAGlB,UAAU,CAACmB,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,IAAI;IACVC,MAAM,EAAEP,WAAW;IACnBQ,cAAc,EAAE;EAClB,CAAC;EACDC,oBAAoB,EAAE;IACpBF,MAAM,EAAE;EACV,CAAC;EACDG,cAAc,EAAE;IACdC,YAAY,EAAE,CAAC;IACfC,iBAAiB,EAAE;EACrB,CAAC;EACDC,cAAc,EAAE;IACdP,IAAI,EAAE,IAAI;IACVQ,QAAQ,EAAE;EACZ,CAAC;EACDC,uBAAuB,EAAE;IACvBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,GAAG;IAChBC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAElB;EACX,CAAC;EACDmB,SAAS,EAAE;IACTR,iBAAiB,EAAE,EAAE;IACrBS,UAAU,EAAE;EACd,CAAC;EACDC,iBAAiB,EAAE;IACjBN,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdM,SAAS,EAAE;EACb,CAAC;EACDC,aAAa,EAAE;IACbC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAOX,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,KAAK;IAAEC,IAAI;IAAEC,iBAAiB;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAAL,IAAA;EACpD,MAAMM,UAAU,GAAGvD,WAAW,CAAC,MAAM;IACnCoD,iBAAiB,CAACF,KAAK,CAAC;EAC1B,CAAC,EAAE,CAACE,iBAAiB,EAAEF,KAAK,CAAC,CAAC;EAE9B,MAAMM,QAAQ,GAAGxD,WAAW,CAAC,MAAM;IACjC,IAAImD,IAAI,EAAE;MACR9C,OAAO,CAACoD,OAAO,CAACN,IAAI,CAAC;IACvB;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAIG,IAAI,EAAE;IACR,oBACEvD,KAAA,CAAA2D,aAAA,CAAClD,gBAAgB;MAACmD,OAAO,EAAEJ,UAAW;MAACF,MAAM,EAAEA;IAAO,gBACpDtD,KAAA,CAAA2D,aAAA,CAAC1C,eAAe,OAAG,CACF;EAEvB;EAEA,IAAImC,IAAI,EAAE;IACR,oBACEpD,KAAA,CAAA2D,aAAA,CAAClD,gBAAgB;MAACmD,OAAO,EAAEH,QAAS;MAACH,MAAM,EAAEA;IAAO,gBAClDtD,KAAA,CAAA2D,aAAA,CAACzC,YAAY,OAAG,CACC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAM2C,iBAKJ,GAAGC,KAAA,IAAiD;EAAA,IAAhD;IAAEC,eAAe;IAAEC,QAAQ;IAAEV,MAAM;IAAEW;EAAK,CAAC,GAAAH,KAAA;EAC/C,MAAMI,WAAW,GAAG9C,iBAAiB,EAAE;EACvC,oBACEpB,KAAA,CAAA2D,aAAA,CAACxC,UAAU;IACTgD,KAAK,EAAED,WAAW,CAACE,KAAM;IACzBJ,QAAQ,EAAEA,QAAS;IACnBK,MAAM,EAAC,QAAQ;IACfC,KAAK,EAAE7C,MAAM,CAACW,cAAe;IAC7BkB,MAAM,EAAEA;EAAO,gBACftD,KAAA,CAAA2D,aAAA,CAACxC,UAAU;IAACgD,KAAK,EAAED,WAAW,CAACK,QAAQ,CAACC,iBAAkB;IAACH,MAAM,EAAC;EAAQ,GACvEN,eAAe,CACL,EACZE,IAAI,CACM;AAEjB,CAAC;AAED,MAAMQ,YAAkD,GAAGC,KAAA,IAcrD;EAAA,IAdsD;IAC1DX,eAAe,GAAG,EAAE;IACpBY,aAAa,GAAG,EAAE;IAClBC,YAAY;IACZC,MAAM;IACNzB,IAAI;IACJ0B,WAAW;IACXzB,iBAAiB;IACjB0B,QAAQ;IACRC,kBAAkB;IAClBC,IAAI,GAAG,KAAK;IACZC,YAAY;IACZC,OAAO;IACP7B;EACF,CAAC,GAAAoB,KAAA;EACC,MAAMR,WAAW,GAAG9C,iBAAiB,EAAE;EACvC,MAAMgE,YAAY,GAAGpF,KAAK,CAACqF,MAAM,CAAO,IAAI,CAAC;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGnF,QAAQ,EAAW;EAE3D,MAAMoF,YAAY,GAAG1E,cAAc,CAAC;IAClC2E,gBAAgB,EAAE,CAAC;IACnBC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE;EACb,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAGjB,aAAa,CAACkB,MAAM,GAAGvE,oBAAoB;EAC9D,MAAM,CAACwE,QAAQ,EAAEC,WAAW,CAAC,GAAG3F,QAAQ,CAAC,CAACwF,UAAU,CAAC;EAErD,MAAMI,YAAY,GAAG7F,OAAO,CAAC,MAAME,UAAU,CAAC4F,GAAG,CAAC,QAAQ,CAAC,CAACnE,MAAM,GAAG,CAAC,EAAE,EAAE,CAAC;EAE3E,MAAMoE,eAAe,GAAGrF,eAAe,CAAC,MAAM;IAC5C,IAAIyE,YAAY,KAAKa,SAAS,EAAE;MAC9B,OAAO,CAAC;IACV;IACA,IAAI,CAACL,QAAQ,IAAI,CAACF,UAAU,IAAI,CAACV,YAAY,IAAII,YAAY,EAAE;MAC7D,MAAMc,UAAU,GAAGd,YAAY,GAAG,CAAC,GAAG/D,WAAW;MACjD,OAAOiE,YAAY,CAACrC,KAAK,CAACuC,UAAU,GAAG,CAAC,GAAGU,UAAU,GAAG,CAAC;IAC3D;IAEA,MAAMC,OAAO,GAAGb,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGH,YAAY,CAACrC,KAAK,CAACuC,UAAU;IAC5E,IAAIY,YAAY,GAAGpB,YAAY,CAAC/B,KAAK,GAAGqC,YAAY,CAACrC,KAAK,CAACsC,gBAAgB;IAE3E,IAAID,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGK,YAAY,EAAE;MAC/CM,YAAY,GAAGA,YAAY,IAAId,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGK,YAAY,GAAGzE,WAAW,GAAG,CAAC,CAAC;IAC/F,CAAC,MAAM;MACL,IAAI8E,OAAO,GAAGL,YAAY,GAAGzE,WAAW,EAAE;QACxC+E,YAAY,GAAGA,YAAY,IAAIN,YAAY,GAAGR,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGpE,WAAW,GAAG,CAAC,CAAC;MAC/F,CAAC,MAAM,IAAIiE,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGK,YAAY,IAAIK,OAAO,GAAGL,YAAY,EAAE;QAChFM,YAAY,GAAGA,YAAY,IAAIN,YAAY,GAAGR,YAAY,CAACrC,KAAK,CAACwC,SAAS,GAAGpE,WAAW,GAAG,CAAC,CAAC;MAC/F;IACF;IAEA,OAAOZ,KAAK,CAAC2F,YAAY,EAAE,CAAC,EAAEd,YAAY,CAACrC,KAAK,CAACuC,UAAU,GAAGnE,WAAW,GAAG,CAAC,CAAC;EAChF,CAAC,CAAC;EAEF,MAAMgF,SAAS,GAAG3F,gBAAgB,CAAC,MAAM;IACvC,OAAO;MACL4F,SAAS,EAAE,CACT;QACEC,UAAU,EAAEP,eAAe,CAAC/C;MAC9B,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,MAAMuD,WAAW,GAAGZ,QAAQ,GAAGnB,aAAa,GAAGA,aAAa,CAACgC,KAAK,CAAC,CAAC,EAAErF,oBAAoB,CAAC,GAAG,KAAK;EAEnGpB,SAAS,CAAC,MAAM;IACd,IAAI,CAACgF,YAAY,IAAII,YAAY,KAAKa,SAAS,EAAE;MAC/C;IACF;IAEAS,UAAU,CAAC,MAAM;MAAA,IAAAC,qBAAA;MACf,CAAAA,qBAAA,GAAAzB,YAAY,CAAC0B,OAAO,cAAAD,qBAAA,uBAApBA,qBAAA,CAAsBE,OAAO,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAEC,CAAC,EAAEC,EAAE,EAAEC,EAAE,KAAK;QACpD7B,YAAY,CAACrC,KAAK,GAAG;UACnBsC,gBAAgB,EAAEH,YAAY,GAAG,CAAC,GAAGJ,YAAY,CAAC/B,KAAK;UACvDuC,UAAU,EAAEJ,YAAY,GAAG,CAAC,GAAG6B,CAAC,GAAG,CAAC,GAAG3F,iBAAiB;UACxDmE,SAAS,EAAE0B;QACb,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,CAAC;IACL;IACA;EACF,CAAC,EAAE,CAACrC,kBAAkB,EAAEM,YAAY,CAAC,CAAC;EAEtC,MAAMgC,YAAY,GAAGrH,WAAW,CAAEsH,KAAwB,IAAK;IAC7D,MAAM;MAAEzF;IAAO,CAAC,GAAGyF,KAAK,CAACC,WAAW,CAACC,MAAM;IAC3ClC,eAAe,CAACzD,MAAM,IAAI,EAAE,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE9B,KAAA,CAAA2D,aAAA,CAACnD,IAAI;IACH8D,KAAK,EAAE,CACL7C,MAAM,CAACkB,SAAS,EAChB;MAAE+E,eAAe,EAAExD,WAAW,CAACK,QAAQ,CAACoD;IAA2B,CAAC,EACpE1C,IAAI,GAAGxD,MAAM,CAACsB,aAAa,GAAG,CAAC,CAAC,CAChC;IACFO,MAAM,EAAEA;EAAO,gBACftD,KAAA,CAAA2D,aAAA,CAACxC,UAAU;IACTgD,KAAK,EAAED,WAAW,CAACK,QAAQ,CAACtC,cAAe;IAC3CoC,MAAM,EAAC,QAAQ;IACfC,KAAK,EAAE7C,MAAM,CAACQ,cAAe;IAC7BqB,MAAM,EAAEjC,YAAY,CAACiC,MAAM,EAAE,gBAAgB;EAAE,GAC9CsB,YAAY,CACF,eACb5E,KAAA,CAAA2D,aAAA,CAACnD,IAAI;IACHoH,GAAG,EAAExC,YAAa;IAClBd,KAAK,EAAE,CACL7C,MAAM,CAACa,uBAAuB,EAC9B;MACEoF,eAAe,EAAExD,WAAW,CAACK,QAAQ,CAACsD,wBAAwB;MAC9DC,WAAW,EAAE5D,WAAW,CAACK,QAAQ,CAACwD;IACpC,CAAC;EACD,GACD5C,OAAO,GACNA,OAAO,gBAEPnF,KAAA,CAAA2D,aAAA,CAACE,iBAAiB;IAChBE,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEsD,YAAa;IACvBhE,MAAM,EAAEjC,YAAY,CAACiC,MAAM,EAAE,gBAAgB,CAAG;IAChDW,IAAI,EAAEyC;EAAY,EAErB,EACA,CAAC5B,WAAW,IAAI1B,IAAI,KAAKkC,YAAY,KAAKa,SAAS,gBAClDnG,KAAA,CAAA2D,aAAA,CAACjD,QAAQ,CAACF,IAAI;IAAC8D,KAAK,EAAE,CAAC7C,MAAM,CAACE,UAAU,EAAE2D,YAAY,GAAG7D,MAAM,CAACO,oBAAoB,GAAGmE,SAAS,EAAEI,SAAS;EAAE,gBAEzGvG,KAAA,CAAA2D,aAAA,CAACV,UAAU;IACTM,IAAI,EAAEuB,WAAY;IAClB1B,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,MAAM,EAAEjC,YAAY,CAACiC,MAAM,EAAE,YAAY,CAAE;IAC3CH,KAAK,EAAG,GAAEY,eAAgB,GAAEY,aAAc;EAAE,EAC5C,CAEU,GACd,IAAI,CACH,EACNiB,UAAU,gBACT5F,KAAA,CAAA2D,aAAA,CAAC5C,MAAM;IACL6C,OAAO,EAAEA,CAAA,KAAM;MACbmB,QAAQ,IAAIA,QAAQ,CAAC,CAACe,QAAQ,CAAC;MAC/BC,WAAW,CAAC,CAACD,QAAQ,CAAC;IACxB,CAAE;IACFxB,KAAK,EAAE7C,MAAM,CAACoB,iBAAkB;IAChCS,MAAM,EAAEjC,YAAY,CAACiC,MAAM,EAAE,mBAAmB,CAAE;IAClD0E,KAAK,EAAElC,QAAQ,GAAGjB,MAAM,CAACoD,QAAQ,GAAGpD,MAAM,CAACqD,MAAO;IAClDC,IAAI,EAAEnH,UAAU,CAACoH;EAAU,EAC3B,GACA,IAAI,CACH;AAEX,CAAC;AAED,eAAe3D,YAAY"}