@procivis/one-react-native-components 0.1.63

package/lib/commonjs/screens/scroll-view-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_navigationHeader","_listTitleHeader","_colorSchemeContext","_onScrollHeaderState","_listContentInset","_testID","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ScrollViewScreen","_ref","children","header","modalPresentation","scrollView","style","testID","viewProps","colorScheme","useAppColorScheme","top","useSafeAreaInsets","contentInsetsStyle","useListContentInset","additionalBottomPadding","headerHeight","Platform","OS","titleVisible","onScroll","useOnScrollHeaderState","contentContainerStyle","scrollViewProps","headerPaddingStyle","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","View","container","backgroundColor","background","ScrollView","contentContainer","scrollEventThrottle","content","concatTestID","static","title","animate","blurred","StyleSheet","create","flex","flexGrow","position","width","_default","exports"],"sources":["scroll-view-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { Platform, ScrollView, ScrollViewProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../utils/hooks/list/list-content-inset';\nimport { concatTestID } from '../utils/testID';\n\nexport type ScrollViewScreenProps = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  modalPresentation?: boolean;\n  scrollView?: Omit<ScrollViewProps, 'onScroll'>;\n};\n\nconst ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>> = ({\n  children,\n  header,\n  modalPresentation,\n  scrollView,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,\n    modalPresentation,\n  });\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n  const { contentContainerStyle, ...scrollViewProps } = scrollView ?? {};\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (!modalPresentation || Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} testID={testID} {...viewProps}>\n      <ScrollView\n        contentContainerStyle={[styles.contentContainer, contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        {...scrollViewProps}>\n        <View style={styles.content} testID={concatTestID(testID, 'content')}>\n          {!header.static && <ListTitleHeader title={header.title} />}\n          {children}\n        </View>\n      </ScrollView>\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, headerPaddingStyle]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  content: {\n    flex: 1,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default ScrollViewScreen;\n"],"mappings":"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"}

package/lib/commonjs/screens/section-list-screen.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _navigationHeader = _interopRequireDefault(require("../header/navigation-header"));
+var _listTitleHeader = _interopRequireDefault(require("../list/list-title-header"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _onScrollHeaderState = require("../utils/hooks/header/on-scroll-header-state");
+var _listContentInset = require("../utils/hooks/list/list-content-inset");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const SectionListScreen = _ref => {
+  let {
+    header,
+    list: {
+      contentContainerStyle,
+      stickySectionHeadersEnabled,
+      ...listProps
+    },
+    style,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const contentInsetsStyle = (0, _listContentInset.useListContentInset)();
+  const {
+    titleVisible,
+    onScroll
+  } = (0, _onScrollHeaderState.useOnScrollHeaderState)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style]
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.SectionList, _extends({
+    ListHeaderComponent: !header.static ? /*#__PURE__*/_react.default.createElement(_listTitleHeader.default, {
+      title: header.title
+    }) : undefined,
+    contentContainerStyle: [contentInsetsStyle, contentContainerStyle],
+    onScroll: onScroll,
+    scrollEventThrottle: 100,
+    stickySectionHeadersEnabled: stickySectionHeadersEnabled !== null && stickySectionHeadersEnabled !== void 0 ? stickySectionHeadersEnabled : false
+  }, listProps)), /*#__PURE__*/_react.default.createElement(_navigationHeader.default, _extends({
+    animate: true,
+    blurred: true,
+    style: [styles.header, {
+      paddingTop: safeAreaInsets.top
+    }],
+    titleVisible: header.static || titleVisible
+  }, header)));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    position: 'absolute',
+    width: '100%'
+  }
+});
+var _default = SectionListScreen;
+exports.default = _default;
+//# sourceMappingURL=section-list-screen.js.map

package/lib/commonjs/screens/section-list-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_navigationHeader","_listTitleHeader","_colorSchemeContext","_onScrollHeaderState","_listContentInset","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SectionListScreen","_ref","header","list","contentContainerStyle","stickySectionHeadersEnabled","listProps","style","viewProps","colorScheme","useAppColorScheme","safeAreaInsets","useSafeAreaInsets","contentInsetsStyle","useListContentInset","titleVisible","onScroll","useOnScrollHeaderState","createElement","View","styles","container","backgroundColor","background","SectionList","ListHeaderComponent","static","title","undefined","scrollEventThrottle","animate","blurred","paddingTop","top","StyleSheet","create","flex","position","width","_default","exports"],"sources":["section-list-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../utils/hooks/list/list-content-inset';\n\nexport type SectionListScreenProps<ItemT, SectionT> = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;\n};\n\nconst SectionListScreen = <ItemT, SectionT>({\n  header,\n  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },\n  style,\n  ...viewProps\n}: SectionListScreenProps<ItemT, SectionT>) => {\n  const colorScheme = useAppColorScheme();\n  const safeAreaInsets = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset();\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <SectionList<ItemT, SectionT>\n        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}\n        contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        stickySectionHeadersEnabled={stickySectionHeadersEnabled ?? false}\n        {...listProps}\n      />\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, { paddingTop: safeAreaInsets.top }]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default SectionListScreen;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAA6E,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAU7E,MAAMQ,iBAAiB,GAAGC,IAAA,IAKqB;EAAA,IALH;IAC1CC,MAAM;IACNC,IAAI,EAAE;MAAEC,qBAAqB;MAAEC,2BAA2B;MAAE,GAAGC;IAAU,CAAC;IAC1EC,KAAK;IACL,GAAGC;EACoC,CAAC,GAAAP,IAAA;EACxC,MAAMQ,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EACvC,MAAMC,cAAc,GAAG,IAAAC,6CAAiB,GAAE;EAC1C,MAAMC,kBAAkB,GAAG,IAAAC,qCAAmB,GAAE;EAChD,MAAM;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAG,IAAAC,2CAAsB,GAAE;EAE3D,oBACE5C,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAC1C,YAAA,CAAA2C,IAAI,EAAAjC,QAAA;IAACqB,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEb,WAAW,CAACc;IAAW,CAAC,EAAEhB,KAAK;EAAE,GAAKC,SAAS,gBAChGnC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAC1C,YAAA,CAAAgD,WAAW,EAAAtC,QAAA;IACVuC,mBAAmB,EAAE,CAACvB,MAAM,CAACwB,MAAM,gBAAGrD,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACvC,gBAAA,CAAAM,OAAe;MAAC0C,KAAK,EAAEzB,MAAM,CAACyB;IAAM,EAAG,GAAGC,SAAU;IAC3FxB,qBAAqB,EAAE,CAACS,kBAAkB,EAAET,qBAAqB,CAAE;IACnEY,QAAQ,EAAEA,QAAS;IACnBa,mBAAmB,EAAE,GAAI;IACzBxB,2BAA2B,EAAEA,2BAA2B,aAA3BA,2BAA2B,cAA3BA,2BAA2B,GAAI;EAAM,GAC9DC,SAAS,EACb,eACFjC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACxC,iBAAA,CAAAO,OAAgB,EAAAC,QAAA;IACf4C,OAAO;IACPC,OAAO;IACPxB,KAAK,EAAE,CAACa,MAAM,CAAClB,MAAM,EAAE;MAAE8B,UAAU,EAAErB,cAAc,CAACsB;IAAI,CAAC,CAAE;IAC3DlB,YAAY,EAAEb,MAAM,CAACwB,MAAM,IAAIX;EAAa,GACxCb,MAAM,EACV,CACG;AAEX,CAAC;AAED,MAAMkB,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE;EACR,CAAC;EACDlC,MAAM,EAAE;IACNmC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYvC,iBAAiB;AAAAwC,OAAA,CAAAvD,OAAA,GAAAsD,QAAA"}

package/lib/commonjs/searchbar/animated-search-bar.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _searchBar = _interopRequireDefault(require("./search-bar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// Animated search bar, according to
+// https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&m=dev
+
+const AnimatedSearchBar = _ref => {
+  let {
+    collapsed,
+    rightButtonAlwaysVisible = false,
+    searchBarProps,
+    rightButton
+  } = _ref;
+  const [rightIconFadeAnimation] = (0, _react.useState)(() => new _reactNative.Animated.Value(rightButton && rightButtonAlwaysVisible ? 1.5 : 0));
+  const [searchPaddingAnimation] = (0, _react.useState)(() => new _reactNative.Animated.Value(0));
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(searchPaddingAnimation, {
+      duration: 250,
+      toValue: collapsed ? 1 : 0,
+      useNativeDriver: false
+    }).start();
+  }, [collapsed, searchPaddingAnimation]);
+  (0, _react.useEffect)(() => {
+    if (rightButtonAlwaysVisible) {
+      return;
+    }
+    _reactNative.Animated.timing(rightIconFadeAnimation, {
+      duration: 250,
+      toValue: collapsed && rightButton ? 1.5 : 0,
+      useNativeDriver: false
+    }).start();
+  }, [rightButtonAlwaysVisible, rightIconFadeAnimation, rightButton, collapsed]);
+  const searchBarContainerAnimatedStyle = {
+    paddingHorizontal: searchPaddingAnimation.interpolate({
+      extrapolate: 'clamp',
+      inputRange: [0, 1],
+      outputRange: [16, 20]
+    })
+  };
+  const optionsIconAnimatedStyle = {
+    opacity: rightIconFadeAnimation.interpolate({
+      extrapolate: 'clamp',
+      inputRange: [1, 1.5],
+      outputRange: [0, 1]
+    })
+  };
+  const searchBarAnimatedStyle = {
+    width: rightIconFadeAnimation.interpolate({
+      extrapolate: 'clamp',
+      inputRange: [0, 1],
+      outputRange: ['100%', '88%']
+    })
+  };
+  const {
+    style: searchBarStyle,
+    ...searchProps
+  } = searchBarProps;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.searchBarContainer, searchBarContainerAnimatedStyle, searchBarStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: searchBarAnimatedStyle
+  }, /*#__PURE__*/_react.default.createElement(_searchBar.default, searchProps)), rightButton && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.rightButtonWrapper, optionsIconAnimatedStyle]
+  }, rightButton));
+};
+const styles = _reactNative.StyleSheet.create({
+  rightButtonWrapper: {
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  searchBarContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingBottom: 12
+  }
+});
+var _default = AnimatedSearchBar;
+exports.default = _default;
+//# sourceMappingURL=animated-search-bar.js.map

package/lib/commonjs/searchbar/animated-search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_searchBar","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimatedSearchBar","_ref","collapsed","rightButtonAlwaysVisible","searchBarProps","rightButton","rightIconFadeAnimation","useState","Animated","Value","searchPaddingAnimation","useEffect","timing","duration","toValue","useNativeDriver","start","searchBarContainerAnimatedStyle","paddingHorizontal","interpolate","extrapolate","inputRange","outputRange","optionsIconAnimatedStyle","opacity","searchBarAnimatedStyle","width","style","searchBarStyle","searchProps","createElement","View","styles","searchBarContainer","rightButtonWrapper","StyleSheet","create","alignItems","justifyContent","flexDirection","paddingBottom","_default","exports"],"sources":["animated-search-bar.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\n\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport type AnimatedSearchBarProps = {\n  collapsed: boolean;\n  rightButton?: ReactNode;\n  rightButtonAlwaysVisible?: boolean;\n  searchBarProps: SearchBarProps;\n};\n\n// Animated search bar, according to\n// https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&m=dev\n\nconst AnimatedSearchBar = ({\n  collapsed,\n  rightButtonAlwaysVisible = false,\n  searchBarProps,\n  rightButton,\n}: AnimatedSearchBarProps) => {\n  const [rightIconFadeAnimation] = useState(\n    () => new Animated.Value(rightButton && rightButtonAlwaysVisible ? 1.5 : 0),\n  );\n  const [searchPaddingAnimation] = useState(() => new Animated.Value(0));\n\n  useEffect(() => {\n    Animated.timing(searchPaddingAnimation, {\n      duration: 250,\n      toValue: collapsed ? 1 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [collapsed, searchPaddingAnimation]);\n\n  useEffect(() => {\n    if (rightButtonAlwaysVisible) {\n      return;\n    }\n\n    Animated.timing(rightIconFadeAnimation, {\n      duration: 250,\n      toValue: collapsed && rightButton ? 1.5 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [rightButtonAlwaysVisible, rightIconFadeAnimation, rightButton, collapsed]);\n\n  const searchBarContainerAnimatedStyle = {\n    paddingHorizontal: searchPaddingAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: [16, 20],\n    }),\n  };\n\n  const optionsIconAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [1, 1.5],\n      outputRange: [0, 1],\n    }),\n  };\n\n  const searchBarAnimatedStyle = {\n    width: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: ['100%', '88%'],\n    }),\n  };\n\n  const { style: searchBarStyle, ...searchProps } = searchBarProps;\n  return (\n    <Animated.View style={[styles.searchBarContainer, searchBarContainerAnimatedStyle, searchBarStyle]}>\n      <Animated.View style={searchBarAnimatedStyle}>\n        <SearchBar {...searchProps} />\n      </Animated.View>\n      {rightButton && (\n        <Animated.View style={[styles.rightButtonWrapper, optionsIconAnimatedStyle]}>{rightButton}</Animated.View>\n      )}\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  rightButtonWrapper: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n  searchBarContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 12,\n  },\n});\n\nexport default AnimatedSearchBar;\n"],"mappings":"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"}

package/lib/commonjs/searchbar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedSearchBar", {
+  enumerable: true,
+  get: function () {
+    return _animatedSearchBar.default;
+  }
+});
+Object.defineProperty(exports, "AnimatedSearchBarProps", {
+  enumerable: true,
+  get: function () {
+    return _animatedSearchBar.AnimatedSearchBarProps;
+  }
+});
+Object.defineProperty(exports, "SearchBar", {
+  enumerable: true,
+  get: function () {
+    return _searchBar.default;
+  }
+});
+Object.defineProperty(exports, "SearchBarProps", {
+  enumerable: true,
+  get: function () {
+    return _searchBar.SearchBarProps;
+  }
+});
+var _animatedSearchBar = _interopRequireWildcard(require("./animated-search-bar"));
+var _searchBar = _interopRequireWildcard(require("./search-bar"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/searchbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_animatedSearchBar","_interopRequireWildcard","require","_searchBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport { AnimatedSearchBar, AnimatedSearchBarProps };\nexport { SearchBar, SearchBarProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,uBAAA,CAAAC,OAAA;AAAyD,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

package/lib/commonjs/searchbar/search-bar.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibility = require("../accessibility");
+var _icons = require("../icons");
+var _font = _interopRequireDefault(require("../text/font"));
+var _theme = require("../theme");
+var _utils = require("../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const hitSlop = {
+  top: 10,
+  left: 10,
+  bottom: 10,
+  right: 10
+};
+
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4
+const SearchBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    style,
+    placeholder,
+    searchPhrase,
+    onSearchPhraseChange,
+    testID,
+    ...textInputProps
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const onClear = (0, _react.useCallback)(() => {
+    onSearchPhraseChange('');
+  }, [onSearchPhraseChange]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_icons.SearchIcon, {
+    color: colorScheme.text,
+    style: styles.searchIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+    accessibilityRole: "search",
+    onChangeText: onSearchPhraseChange,
+    placeholder: placeholder,
+    placeholderTextColor: colorScheme.text,
+    ref: ref,
+    returnKeyType: "search",
+    style: [styles.textInput, {
+      color: colorScheme.text
+    }],
+    value: searchPhrase,
+    testID: testID
+  }, textInputProps)), searchPhrase && /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _utils.concatTestID)(testID, 'clear'),
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    onPress: onClear,
+    style: styles.clearButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+    color: colorScheme.text,
+    height: 12,
+    width: 12
+  })));
+});
+SearchBar.displayName = 'SearchBar';
+const styles = _reactNative.StyleSheet.create({
+  clearButton: {
+    marginLeft: 6,
+    marginRight: 16
+  },
+  container: {
+    alignItems: 'center',
+    borderRadius: 20,
+    borderWidth: 0,
+    flexDirection: 'row',
+    height: 40
+  },
+  searchIcon: {
+    marginLeft: 8,
+    marginRight: 6
+  },
+  textInput: {
+    ..._font.default.regular,
+    flex: 1,
+    fontSize: 14,
+    height: 40,
+    letterSpacing: 0.2,
+    lineHeight: 18,
+    paddingBottom: _reactNative.Platform.OS === 'ios' ? 2 : undefined
+  }
+});
+var _default = SearchBar;
+exports.default = _default;
+//# sourceMappingURL=search-bar.js.map

package/lib/commonjs/searchbar/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibility","_icons","_font","_interopRequireDefault","_theme","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","hitSlop","top","left","bottom","right","SearchBar","forwardRef","_ref","ref","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","colorScheme","useAppColorScheme","onClear","useCallback","createElement","View","styles","container","backgroundColor","white","SearchIcon","color","text","searchIcon","TextInput","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","TouchableOpacity","concatTestID","onPress","clearButton","CloseIcon","height","width","displayName","StyleSheet","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","font","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","Platform","OS","undefined","_default","exports"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase && (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"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"}

package/lib/commonjs/settings/button-setting.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _wallet = require("../icons/wallet");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _settingItem = _interopRequireDefault(require("./setting-item"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ButtonSetting = _ref => {
+  let {
+    accessory,
+    disabled,
+    title,
+    onPress,
+    icon,
+    style,
+    testID
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const accessoryView = (0, _react.useMemo)(() => {
+    if (!accessory) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.arrow
+      }, /*#__PURE__*/_react.default.createElement(_wallet.NextIcon, {
+        color: colorScheme.text
+      }));
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory;
+      return /*#__PURE__*/_react.default.createElement(AccessoryComponent, null);
+    }
+  }, [accessory, colorScheme.text]);
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    disabled: disabled,
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: styles.container,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_settingItem.default, {
+    icon: icon,
+    style: style,
+    title: title
+  }, accessoryView));
+};
+const styles = _reactNative.StyleSheet.create({
+  arrow: {
+    alignItems: 'center',
+    height: 24,
+    justifyContent: 'center',
+    width: 24
+  },
+  container: {
+    width: '100%'
+  }
+});
+var _default = ButtonSetting;
+exports.default = _default;
+//# sourceMappingURL=button-setting.js.map

package/lib/commonjs/settings/button-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_wallet","_colorSchemeContext","_settingItem","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ButtonSetting","_ref","accessory","disabled","title","onPress","icon","style","testID","colorScheme","useAppColorScheme","accessoryView","useMemo","createElement","View","styles","arrow","NextIcon","color","text","React","isValidElement","AccessoryComponent","TouchableOpacity","accessibilityRole","container","StyleSheet","create","alignItems","height","justifyContent","width","_default","exports"],"sources":["button-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NextIcon } from '../icons/wallet';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport SettingItem from './setting-item';\n\nexport type ButtonSettingProps = {\n  accessory?: ComponentType<any> | ReactElement;\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n};\n\nconst ButtonSetting: FunctionComponent<ButtonSettingProps> = ({\n  accessory,\n  disabled,\n  title,\n  onPress,\n  icon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return (\n        <View style={styles.arrow}>\n          <NextIcon color={colorScheme.text} />\n        </View>\n      );\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory, colorScheme.text]);\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      accessibilityRole=\"button\"\n      onPress={onPress}\n      style={styles.container}\n      testID={testID}>\n      <SettingItem icon={icon} style={style} title={title}>\n        {accessoryView}\n      </SettingItem>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  arrow: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n  container: {\n    width: '100%',\n  },\n});\n\nexport default ButtonSetting;\n"],"mappings":"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"}

package/lib/commonjs/settings/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonSetting", {
+  enumerable: true,
+  get: function () {
+    return _buttonSetting.default;
+  }
+});
+Object.defineProperty(exports, "ButtonSettingProps", {
+  enumerable: true,
+  get: function () {
+    return _buttonSetting.ButtonSettingProps;
+  }
+});
+Object.defineProperty(exports, "SettingItem", {
+  enumerable: true,
+  get: function () {
+    return _settingItem.default;
+  }
+});
+Object.defineProperty(exports, "SettingItemProps", {
+  enumerable: true,
+  get: function () {
+    return _settingItem.SettingItemProps;
+  }
+});
+Object.defineProperty(exports, "SettingItemSeparator", {
+  enumerable: true,
+  get: function () {
+    return _settingItemSeparator.default;
+  }
+});
+Object.defineProperty(exports, "SettingItemSeparatorProps", {
+  enumerable: true,
+  get: function () {
+    return _settingItemSeparator.SettingItemSeparatorProps;
+  }
+});
+Object.defineProperty(exports, "SettingsButton", {
+  enumerable: true,
+  get: function () {
+    return _settingsButton.default;
+  }
+});
+Object.defineProperty(exports, "SettingsButtonProps", {
+  enumerable: true,
+  get: function () {
+    return _settingsButton.SettingsButtonProps;
+  }
+});
+Object.defineProperty(exports, "SwitchSetting", {
+  enumerable: true,
+  get: function () {
+    return _switchSetting.default;
+  }
+});
+Object.defineProperty(exports, "SwitchSettingProps", {
+  enumerable: true,
+  get: function () {
+    return _switchSetting.SwitchSettingProps;
+  }
+});
+var _buttonSetting = _interopRequireWildcard(require("./button-setting"));
+var _settingItem = _interopRequireWildcard(require("./setting-item"));
+var _settingItemSeparator = _interopRequireWildcard(require("./setting-item-separator"));
+var _settingsButton = _interopRequireWildcard(require("./settings-button"));
+var _switchSetting = _interopRequireWildcard(require("./switch-setting"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buttonSetting","_interopRequireWildcard","require","_settingItem","_settingItemSeparator","_settingsButton","_switchSetting","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import ButtonSetting, { ButtonSettingProps } from './button-setting';\nimport SettingItem, { SettingItemProps } from './setting-item';\nimport SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';\nimport SettingsButton, { SettingsButtonProps } from './settings-button';\nimport SwitchSetting, { SwitchSettingProps } from './switch-setting';\n\nexport { ButtonSetting, ButtonSettingProps };\nexport { SettingItem, SettingItemProps };\nexport { SettingItemSeparator, SettingItemSeparatorProps };\nexport { SettingsButton, SettingsButtonProps };\nexport { SwitchSetting, SwitchSettingProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,uBAAA,CAAAC,OAAA;AAAqE,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

package/lib/commonjs/settings/setting-item-separator.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SettingItemSeparator = _ref => {
+  let {
+    color,
+    style
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.separator, {
+      backgroundColor: color !== null && color !== void 0 ? color : colorScheme.background
+    }]
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  separator: {
+    height: '100%',
+    width: '100%'
+  },
+  wrapper: {
+    height: 1,
+    marginHorizontal: 16,
+    paddingHorizontal: 12
+  }
+});
+var _default = SettingItemSeparator;
+exports.default = _default;
+//# sourceMappingURL=setting-item-separator.js.map

package/lib/commonjs/settings/setting-item-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colorSchemeContext","obj","__esModule","default","SettingItemSeparator","_ref","color","style","colorScheme","useAppColorScheme","createElement","View","styles","wrapper","backgroundColor","white","separator","background","StyleSheet","create","height","width","marginHorizontal","paddingHorizontal","_default","exports"],"sources":["setting-item-separator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SettingItemSeparatorProps = {\n  color?: ColorValue;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst SettingItemSeparator: FC<SettingItemSeparatorProps> = ({ color, style }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={[styles.separator, { backgroundColor: color ?? colorScheme.background }]} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  separator: {\n    height: '100%',\n    width: '100%',\n  },\n  wrapper: {\n    height: 1,\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingItemSeparator;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAAkE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOlE,MAAMG,oBAAmD,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAC3E,MAAMG,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EACvC,oBACEb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAER,KAAK;EAAE,gBAC3EX,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACI,SAAS,EAAE;MAAEF,eAAe,EAAER,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIE,WAAW,CAACS;IAAW,CAAC;EAAE,EAAG,CACpF;AAEX,CAAC;AAED,MAAML,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDR,OAAO,EAAE;IACPO,MAAM,EAAE,CAAC;IACTE,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYpB,oBAAoB;AAAAqB,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}