@wecareu/select 0.1.0

package/lib/commonjs/SelectDropdown.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectDropdown = SelectDropdown;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("@wecareu/theme");
+var _SelectOption = require("./SelectOption");
+var _SelectSearch = require("./SelectSearch");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ANIMATION_DURATION = 250;
+const INITIAL_RENDER_COUNT = 20;
+const MAX_RENDER_BATCH = 20;
+const WINDOW_SIZE = 5;
+function SelectDropdown({
+  isMulti,
+  isOpen,
+  onClose,
+  onToggleOption,
+  options,
+  searchable,
+  selectedValues
+}) {
+  const theme = (0, _theme.useTheme)();
+  const styles = _react.default.useMemo(() => createStyles(theme), [theme]);
+  const translateY = _react.default.useRef(new _reactNative.Animated.Value(500)).current;
+  const overlayOpacity = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
+  const [searchQuery, setSearchQuery] = _react.default.useState('');
+  _react.default.useEffect(() => {
+    if (isOpen) {
+      setSearchQuery('');
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+        duration: ANIMATION_DURATION,
+        toValue: 0,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(overlayOpacity, {
+        duration: ANIMATION_DURATION,
+        toValue: 1,
+        useNativeDriver: true
+      })]).start();
+    } else {
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+        duration: ANIMATION_DURATION,
+        toValue: 500,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(overlayOpacity, {
+        duration: ANIMATION_DURATION,
+        toValue: 0,
+        useNativeDriver: true
+      })]).start();
+    }
+  }, [isOpen, overlayOpacity, translateY]);
+  const filteredOptions = _react.default.useMemo(() => {
+    if (!searchQuery.trim()) {
+      return options;
+    }
+    const query = searchQuery.toLowerCase().trim();
+    return options.filter(opt => opt.label.toLowerCase().includes(query));
+  }, [options, searchQuery]);
+  const renderItem = _react.default.useCallback(({
+    item
+  }) => /*#__PURE__*/_react.default.createElement(_SelectOption.SelectOptionItem, {
+    disabled: item.disabled,
+    isMulti: isMulti,
+    isSelected: selectedValues.includes(item.value),
+    onPress: onToggleOption,
+    option: item
+  }), [isMulti, onToggleOption, selectedValues]);
+  const keyExtractor = _react.default.useCallback(item => String(item.value), []);
+  const itemSeparator = _react.default.useCallback(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.separator
+  }), [styles.separator]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    accessibilityViewIsModal: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    transparent: true,
+    visible: isOpen
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+    style: styles.keyboardView
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.overlay, {
+      opacity: overlayOpacity
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    accessibilityLabel: "Close dropdown",
+    style: styles.overlayPressable,
+    onPress: onClose
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.sheet, {
+      transform: [{
+        translateY
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.dragHandle
+  }), searchable ? /*#__PURE__*/_react.default.createElement(_SelectSearch.SelectSearch, {
+    onChangeText: setSearchQuery,
+    value: searchQuery
+  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    ItemSeparatorComponent: itemSeparator,
+    contentContainerStyle: styles.listContent,
+    data: filteredOptions,
+    extraData: selectedValues,
+    initialNumToRender: INITIAL_RENDER_COUNT,
+    keyExtractor: keyExtractor,
+    keyboardShouldPersistTaps: "handled",
+    maxToRenderPerBatch: MAX_RENDER_BATCH,
+    renderItem: renderItem,
+    windowSize: WINDOW_SIZE
+  }))));
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    dragHandle: {
+      alignSelf: 'center',
+      backgroundColor: theme.colors.border.secondary,
+      borderRadius: 2,
+      height: 4,
+      marginBottom: theme.spacing.xs,
+      marginTop: theme.spacing.sm,
+      width: 40
+    },
+    keyboardView: {
+      flex: 1,
+      justifyContent: 'flex-end'
+    },
+    listContent: {
+      paddingBottom: theme.spacing.xl
+    },
+    overlay: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      backgroundColor: theme.colors.alpha?.overlay ?? 'rgba(0,0,0,0.5)'
+    },
+    overlayPressable: {
+      flex: 1
+    },
+    separator: {
+      backgroundColor: theme.colors.border.secondary,
+      height: _reactNative.StyleSheet.hairlineWidth,
+      marginLeft: theme.spacing.md
+    },
+    sheet: {
+      backgroundColor: theme.colors.background.primary,
+      borderTopLeftRadius: theme.radius.xl,
+      borderTopRightRadius: theme.radius.xl,
+      maxHeight: '70%',
+      ...theme.colors.shadowStyles.card
+    }
+  });
+}
+//# sourceMappingURL=SelectDropdown.js.map

package/lib/commonjs/SelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_SelectOption","_SelectSearch","e","__esModule","default","ANIMATION_DURATION","INITIAL_RENDER_COUNT","MAX_RENDER_BATCH","WINDOW_SIZE","SelectDropdown","isMulti","isOpen","onClose","onToggleOption","options","searchable","selectedValues","theme","useTheme","styles","React","useMemo","createStyles","translateY","useRef","Animated","Value","current","overlayOpacity","searchQuery","setSearchQuery","useState","useEffect","parallel","timing","duration","toValue","useNativeDriver","start","filteredOptions","trim","query","toLowerCase","filter","opt","label","includes","renderItem","useCallback","item","createElement","SelectOptionItem","disabled","isSelected","value","onPress","option","keyExtractor","String","itemSeparator","View","style","separator","Modal","accessibilityViewIsModal","animationType","onRequestClose","statusBarTranslucent","transparent","visible","KeyboardAvoidingView","behavior","Platform","OS","undefined","keyboardView","overlay","opacity","Pressable","accessibilityLabel","overlayPressable","sheet","transform","dragHandle","SelectSearch","onChangeText","FlatList","ItemSeparatorComponent","contentContainerStyle","listContent","data","extraData","initialNumToRender","keyboardShouldPersistTaps","maxToRenderPerBatch","windowSize","StyleSheet","create","alignSelf","backgroundColor","colors","border","secondary","borderRadius","height","marginBottom","spacing","xs","marginTop","sm","width","flex","justifyContent","paddingBottom","xl","absoluteFillObject","alpha","hairlineWidth","marginLeft","md","background","primary","borderTopLeftRadius","radius","borderTopRightRadius","maxHeight","shadowStyles","card"],"sourceRoot":"..\\..\\src","sources":["SelectDropdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/SelectErrorMessage.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectErrorMessage = SelectErrorMessage;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("@wecareu/theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SelectErrorMessage({
+  message,
+  testID
+}) {
+  const theme = (0, _theme.useTheme)();
+  const errorTextStyle = _react.default.useMemo(() => ({
+    color: theme.colors.status.error,
+    fontFamily: theme.typography.fontFamily.caption,
+    fontSize: theme.typography.fontSize.sm,
+    lineHeight: theme.typography.lineHeight.labelMedium,
+    marginTop: theme.spacing.xs
+  }), [theme]);
+  if (!message) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    accessibilityLiveRegion: "polite",
+    style: errorTextStyle,
+    testID: testID
+  }, message);
+}
+//# sourceMappingURL=SelectErrorMessage.js.map

package/lib/commonjs/SelectErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","e","__esModule","default","SelectErrorMessage","message","testID","theme","useTheme","errorTextStyle","React","useMemo","color","colors","status","error","fontFamily","typography","caption","fontSize","sm","lineHeight","labelMedium","marginTop","spacing","xs","createElement","Text","accessibilityLiveRegion","style"],"sourceRoot":"..\\..\\src","sources":["SelectErrorMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIlC,SAASG,kBAAkBA,CAAC;EAAEC,OAAO;EAAEC;AAAgC,CAAC,EAAsB;EACnG,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAMC,cAAc,GAAGC,cAAK,CAACC,OAAO,CAClC,OAAO;IACLC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,KAAK;IAChCC,UAAU,EAAET,KAAK,CAACU,UAAU,CAACD,UAAU,CAACE,OAAO;IAC/CC,QAAQ,EAAEZ,KAAK,CAACU,UAAU,CAACE,QAAQ,CAACC,EAAE;IACtCC,UAAU,EAAEd,KAAK,CAACU,UAAU,CAACI,UAAU,CAACC,WAAW;IACnDC,SAAS,EAAEhB,KAAK,CAACiB,OAAO,CAACC;EAC3B,CAAC,CAAC,EACF,CAAClB,KAAK,CACR,CAAC;EAED,IAAI,CAACF,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACET,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,uBAAuB,EAAC,QAAQ;IAACC,KAAK,EAAEpB,cAAe;IAACH,MAAM,EAAEA;EAAO,GAC1ED,OACG,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/SelectIcon.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectIcon = SelectIcon;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _icons = require("@wecareu/icons");
+var _theme = require("@wecareu/theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SelectIcon({
+  accessibilityLabel,
+  color,
+  name,
+  onPress,
+  size,
+  testID
+}) {
+  const theme = (0, _theme.useTheme)();
+  const iconColor = color ?? theme.colors.text.tertiary;
+  const iconSize = size ?? theme.spacing.lg;
+  const hitSlop = _react.default.useMemo(() => ({
+    bottom: theme.spacing.xs,
+    left: theme.spacing.xs,
+    right: theme.spacing.xs,
+    top: theme.spacing.xs
+  }), [theme.spacing.xs]);
+  if (onPress) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      accessibilityLabel: accessibilityLabel ?? name,
+      accessibilityRole: "button",
+      hitSlop: hitSlop,
+      onPress: onPress,
+      style: styles.pressable,
+      testID: testID
+    }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+      color: iconColor,
+      name: name,
+      size: iconSize
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    accessible: false,
+    style: styles.wrapper,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    accessibilityLabel: accessibilityLabel,
+    color: iconColor,
+    name: name,
+    size: iconSize
+  }));
+}
+const styles = _reactNative.StyleSheet.create({
+  pressable: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  wrapper: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=SelectIcon.js.map

package/lib/commonjs/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_icons","_theme","e","__esModule","default","SelectIcon","accessibilityLabel","color","name","onPress","size","testID","theme","useTheme","iconColor","colors","text","tertiary","iconSize","spacing","lg","hitSlop","React","useMemo","bottom","xs","left","right","top","createElement","Pressable","accessibilityRole","style","styles","pressable","Icon","View","accessible","wrapper","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"..\\..\\src","sources":["SelectIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIlC,SAASG,UAAUA,CAAC;EACzBC,kBAAkB;EAClBC,KAAK;EACLC,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC;AACe,CAAC,EAAe;EAC/B,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAMC,SAAS,GAAGP,KAAK,IAAIK,KAAK,CAACG,MAAM,CAACC,IAAI,CAACC,QAAQ;EACrD,MAAMC,QAAQ,GAAGR,IAAI,IAAIE,KAAK,CAACO,OAAO,CAACC,EAAE;EACzC,MAAMC,OAAO,GAAGC,cAAK,CAACC,OAAO,CAC3B,OAAO;IACLC,MAAM,EAAEZ,KAAK,CAACO,OAAO,CAACM,EAAE;IACxBC,IAAI,EAAEd,KAAK,CAACO,OAAO,CAACM,EAAE;IACtBE,KAAK,EAAEf,KAAK,CAACO,OAAO,CAACM,EAAE;IACvBG,GAAG,EAAEhB,KAAK,CAACO,OAAO,CAACM;EACrB,CAAC,CAAC,EACF,CAACb,KAAK,CAACO,OAAO,CAACM,EAAE,CACnB,CAAC;EAED,IAAIhB,OAAO,EAAE;IACX,oBACEb,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC9B,YAAA,CAAA+B,SAAS;MACRxB,kBAAkB,EAAEA,kBAAkB,IAAIE,IAAK;MAC/CuB,iBAAiB,EAAC,QAAQ;MAC1BV,OAAO,EAAEA,OAAQ;MACjBZ,OAAO,EAAEA,OAAQ;MACjBuB,KAAK,EAAEC,MAAM,CAACC,SAAU;MACxBvB,MAAM,EAAEA;IAAO,gBAEff,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC7B,MAAA,CAAAmC,IAAI;MAAC5B,KAAK,EAAEO,SAAU;MAACN,IAAI,EAAEA,IAAK;MAACE,IAAI,EAAEQ;IAAS,CAAE,CAC5C,CAAC;EAEhB;EAEA,oBACEtB,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC9B,YAAA,CAAAqC,IAAI;IAACC,UAAU,EAAE,KAAM;IAACL,KAAK,EAAEC,MAAM,CAACK,OAAQ;IAAC3B,MAAM,EAAEA;EAAO,gBAC7Df,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC7B,MAAA,CAAAmC,IAAI;IAAC7B,kBAAkB,EAAEA,kBAAmB;IAACC,KAAK,EAAEO,SAAU;IAACN,IAAI,EAAEA,IAAK;IAACE,IAAI,EAAEQ;EAAS,CAAE,CACzF,CAAC;AAEX;AAEA,MAAMe,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDJ,OAAO,EAAE;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/SelectOption.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectOptionItem = SelectOptionItem;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _icons = require("@wecareu/icons");
+var _theme = require("@wecareu/theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SelectOptionItem({
+  disabled,
+  isMulti,
+  isSelected,
+  onPress,
+  option
+}) {
+  const theme = (0, _theme.useTheme)();
+  const styles = _react.default.useMemo(() => createStyles(theme), [theme]);
+  const handlePress = _react.default.useCallback(() => {
+    if (!disabled) {
+      onPress(option);
+    }
+  }, [disabled, onPress, option]);
+  const resolvedLabelColor = option.labelColor ? option.labelColor : isSelected ? theme.colors.brand.primary : theme.colors.text.primary;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      disabled,
+      selected: isSelected
+    },
+    disabled: disabled,
+    onPress: handlePress,
+    style: ({
+      pressed
+    }) => [styles.container, option.color ? {
+      backgroundColor: option.color
+    } : isSelected && styles.containerSelected, disabled && styles.containerDisabled, pressed && !disabled && !option.color && styles.containerPressed]
+  }, option.flagCode ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_icons.FlagIcon, {
+    countryCode: option.flagCode,
+    size: theme.spacing.md + 2
+  })) : option.icon ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    color: disabled ? theme.colors.text.disabled : resolvedLabelColor,
+    name: option.icon,
+    size: theme.spacing.lg
+  })) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.textWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: [styles.label, {
+      color: disabled ? theme.colors.text.disabled : resolvedLabelColor
+    }, isSelected && !option.labelColor && styles.labelSelected, disabled && styles.labelDisabled]
+  }, option.label), option.description ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 2,
+    style: [styles.description, disabled && styles.descriptionDisabled]
+  }, option.description) : null), isMulti ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.checkbox, isSelected && styles.checkboxSelected, disabled && styles.checkboxDisabled]
+  }, isSelected ? /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    color: theme.colors.text.white,
+    name: "correct",
+    size: 12
+  }) : null) : isSelected ? /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    color: option.labelColor ?? theme.colors.brand.primary,
+    name: "correct",
+    size: theme.spacing.md
+  }) : null);
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    checkbox: {
+      alignItems: 'center',
+      borderColor: theme.colors.border.primary,
+      borderRadius: theme.radius.xs,
+      borderWidth: 1.5,
+      height: 20,
+      justifyContent: 'center',
+      width: 20
+    },
+    checkboxDisabled: {
+      borderColor: theme.colors.border.disabled
+    },
+    checkboxSelected: {
+      backgroundColor: theme.colors.brand.primary,
+      borderColor: theme.colors.brand.primary
+    },
+    container: {
+      alignItems: 'center',
+      flexDirection: 'row',
+      gap: theme.spacing.sm,
+      paddingHorizontal: theme.spacing.md,
+      paddingVertical: theme.spacing.sm
+    },
+    containerDisabled: {
+      opacity: 0.4
+    },
+    containerPressed: {
+      backgroundColor: theme.colors.surface.secondary
+    },
+    containerSelected: {
+      backgroundColor: theme.colors.surface.secondary
+    },
+    description: {
+      color: theme.colors.text.secondary,
+      fontFamily: theme.typography.fontFamily.caption,
+      fontSize: theme.typography.fontSize.xs,
+      lineHeight: theme.typography.lineHeight.labelSmall,
+      marginTop: 2
+    },
+    descriptionDisabled: {
+      color: theme.colors.text.disabled
+    },
+    iconWrapper: {
+      alignItems: 'center',
+      height: theme.spacing.lg,
+      justifyContent: 'center',
+      marginRight: theme.spacing.md,
+      width: theme.spacing.lg
+    },
+    label: {
+      fontFamily: theme.typography.fontFamily.body,
+      fontSize: theme.typography.fontSize.md,
+      lineHeight: theme.typography.lineHeight.bodySmall
+    },
+    labelDisabled: {
+      color: theme.colors.text.disabled
+    },
+    labelSelected: {
+      fontFamily: theme.typography.fontFamily.semibold
+    },
+    textWrapper: {
+      flex: 1
+    }
+  });
+}
+//# sourceMappingURL=SelectOption.js.map

package/lib/commonjs/SelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_icons","_theme","e","__esModule","default","SelectOptionItem","disabled","isMulti","isSelected","onPress","option","theme","useTheme","styles","React","useMemo","createStyles","handlePress","useCallback","resolvedLabelColor","labelColor","colors","brand","primary","text","createElement","Pressable","accessibilityRole","accessibilityState","selected","style","pressed","container","color","backgroundColor","containerSelected","containerDisabled","containerPressed","flagCode","View","iconWrapper","FlagIcon","countryCode","size","spacing","md","icon","Icon","name","lg","textWrapper","Text","numberOfLines","label","labelSelected","labelDisabled","description","descriptionDisabled","checkbox","checkboxSelected","checkboxDisabled","white","StyleSheet","create","alignItems","borderColor","border","borderRadius","radius","xs","borderWidth","height","justifyContent","width","flexDirection","gap","sm","paddingHorizontal","paddingVertical","opacity","surface","secondary","fontFamily","typography","caption","fontSize","lineHeight","labelSmall","marginTop","marginRight","body","bodySmall","semibold","flex"],"sourceRoot":"..\\..\\src","sources":["SelectOption.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKlC,SAASG,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,OAAO;EACPC;AACqB,CAAC,EAAe;EACrC,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAMC,YAAY,CAACL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEhE,MAAMM,WAAW,GAAGH,cAAK,CAACI,WAAW,CAAC,MAAM;IAC1C,IAAI,CAACZ,QAAQ,EAAE;MACbG,OAAO,CAACC,MAAM,CAAC;IACjB;EACF,CAAC,EAAE,CAACJ,QAAQ,EAAEG,OAAO,EAAEC,MAAM,CAAC,CAAC;EAE/B,MAAMS,kBAAkB,GAAGT,MAAM,CAACU,UAAU,GACxCV,MAAM,CAACU,UAAU,GACjBZ,UAAU,GACRG,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,OAAO,GAC1BZ,KAAK,CAACU,MAAM,CAACG,IAAI,CAACD,OAAO;EAE/B,oBACE3B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAA2B,SAAS;IACRC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEtB,QAAQ;MAAEuB,QAAQ,EAAErB;IAAW,CAAE;IACvDF,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEQ,WAAY;IACrBa,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBlB,MAAM,CAACmB,SAAS,EAChBtB,MAAM,CAACuB,KAAK,GAAG;MAAEC,eAAe,EAAExB,MAAM,CAACuB;IAAM,CAAC,GAAGzB,UAAU,IAAIK,MAAM,CAACsB,iBAAiB,EACzF7B,QAAQ,IAAIO,MAAM,CAACuB,iBAAiB,EACpCL,OAAO,IAAI,CAACzB,QAAQ,IAAI,CAACI,MAAM,CAACuB,KAAK,IAAIpB,MAAM,CAACwB,gBAAgB;EAChE,GAED3B,MAAM,CAAC4B,QAAQ,gBACd1C,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAwC,IAAI;IAACT,KAAK,EAAEjB,MAAM,CAAC2B;EAAY,gBAC9B5C,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,MAAA,CAAAyC,QAAQ;IACPC,WAAW,EAAEhC,MAAM,CAAC4B,QAAS;IAC7BK,IAAI,EAAEhC,KAAK,CAACiC,OAAO,CAACC,EAAE,GAAG;EAAE,CAC5B,CACG,CAAC,GACLnC,MAAM,CAACoC,IAAI,gBACblD,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAwC,IAAI;IAACT,KAAK,EAAEjB,MAAM,CAAC2B;EAAY,gBAC9B5C,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,MAAA,CAAA+C,IAAI;IACHd,KAAK,EAAE3B,QAAQ,GAAGK,KAAK,CAACU,MAAM,CAACG,IAAI,CAAClB,QAAQ,GAAGa,kBAAmB;IAClE6B,IAAI,EAAEtC,MAAM,CAACoC,IAAK;IAClBH,IAAI,EAAEhC,KAAK,CAACiC,OAAO,CAACK;EAAG,CACxB,CACG,CAAC,GACL,IAAI,eAERrD,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAwC,IAAI;IAACT,KAAK,EAAEjB,MAAM,CAACqC;EAAY,gBAC9BtD,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAoD,IAAI;IACHC,aAAa,EAAE,CAAE;IACjBtB,KAAK,EAAE,CACLjB,MAAM,CAACwC,KAAK,EACZ;MAAEpB,KAAK,EAAE3B,QAAQ,GAAGK,KAAK,CAACU,MAAM,CAACG,IAAI,CAAClB,QAAQ,GAAGa;IAAmB,CAAC,EACrEX,UAAU,IAAI,CAACE,MAAM,CAACU,UAAU,IAAIP,MAAM,CAACyC,aAAa,EACxDhD,QAAQ,IAAIO,MAAM,CAAC0C,aAAa;EAChC,GAED7C,MAAM,CAAC2C,KACJ,CAAC,EAEN3C,MAAM,CAAC8C,WAAW,gBACjB5D,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAoD,IAAI;IACHC,aAAa,EAAE,CAAE;IACjBtB,KAAK,EAAE,CAACjB,MAAM,CAAC2C,WAAW,EAAElD,QAAQ,IAAIO,MAAM,CAAC4C,mBAAmB;EAAE,GAEnE/C,MAAM,CAAC8C,WACJ,CAAC,GACL,IACA,CAAC,EAENjD,OAAO,gBACNX,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,YAAA,CAAAwC,IAAI;IAACT,KAAK,EAAE,CAACjB,MAAM,CAAC6C,QAAQ,EAAElD,UAAU,IAAIK,MAAM,CAAC8C,gBAAgB,EAAErD,QAAQ,IAAIO,MAAM,CAAC+C,gBAAgB;EAAE,GACxGpD,UAAU,gBACTZ,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,MAAA,CAAA+C,IAAI;IAACd,KAAK,EAAEtB,KAAK,CAACU,MAAM,CAACG,IAAI,CAACqC,KAAM;IAACb,IAAI,EAAC,SAAS;IAACL,IAAI,EAAE;EAAG,CAAE,CAAC,GAC/D,IACA,CAAC,GAEPnC,UAAU,gBACRZ,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,MAAA,CAAA+C,IAAI;IAACd,KAAK,EAAEvB,MAAM,CAACU,UAAU,IAAIT,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,OAAQ;IAACyB,IAAI,EAAC,SAAS;IAACL,IAAI,EAAEhC,KAAK,CAACiC,OAAO,CAACC;EAAG,CAAE,CAAC,GACrG,IAEG,CAAC;AAEhB;AAEA,SAAS7B,YAAYA,CAACL,KAAY,EAAE;EAClC,OAAOmD,uBAAU,CAACC,MAAM,CAAC;IACvBL,QAAQ,EAAE;MACRM,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAEtD,KAAK,CAACU,MAAM,CAAC6C,MAAM,CAAC3C,OAAO;MACxC4C,YAAY,EAAExD,KAAK,CAACyD,MAAM,CAACC,EAAE;MAC7BC,WAAW,EAAE,GAAG;MAChBC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE;IACT,CAAC;IACDb,gBAAgB,EAAE;MAChBK,WAAW,EAAEtD,KAAK,CAACU,MAAM,CAAC6C,MAAM,CAAC5D;IACnC,CAAC;IACDqD,gBAAgB,EAAE;MAChBzB,eAAe,EAAEvB,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,OAAO;MAC3C0C,WAAW,EAAEtD,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC;IAClC,CAAC;IACDS,SAAS,EAAE;MACTgC,UAAU,EAAE,QAAQ;MACpBU,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAEhE,KAAK,CAACiC,OAAO,CAACgC,EAAE;MACrBC,iBAAiB,EAAElE,KAAK,CAACiC,OAAO,CAACC,EAAE;MACnCiC,eAAe,EAAEnE,KAAK,CAACiC,OAAO,CAACgC;IACjC,CAAC;IACDxC,iBAAiB,EAAE;MACjB2C,OAAO,EAAE;IACX,CAAC;IACD1C,gBAAgB,EAAE;MAChBH,eAAe,EAAEvB,KAAK,CAACU,MAAM,CAAC2D,OAAO,CAACC;IACxC,CAAC;IACD9C,iBAAiB,EAAE;MACjBD,eAAe,EAAEvB,KAAK,CAACU,MAAM,CAAC2D,OAAO,CAACC;IACxC,CAAC;IACDzB,WAAW,EAAE;MACXvB,KAAK,EAAEtB,KAAK,CAACU,MAAM,CAACG,IAAI,CAACyD,SAAS;MAClCC,UAAU,EAAEvE,KAAK,CAACwE,UAAU,CAACD,UAAU,CAACE,OAAO;MAC/CC,QAAQ,EAAE1E,KAAK,CAACwE,UAAU,CAACE,QAAQ,CAAChB,EAAE;MACtCiB,UAAU,EAAE3E,KAAK,CAACwE,UAAU,CAACG,UAAU,CAACC,UAAU;MAClDC,SAAS,EAAE;IACb,CAAC;IACD/B,mBAAmB,EAAE;MACnBxB,KAAK,EAAEtB,KAAK,CAACU,MAAM,CAACG,IAAI,CAAClB;IAC3B,CAAC;IACDkC,WAAW,EAAE;MACXwB,UAAU,EAAE,QAAQ;MACpBO,MAAM,EAAE5D,KAAK,CAACiC,OAAO,CAACK,EAAE;MACxBuB,cAAc,EAAE,QAAQ;MACxBiB,WAAW,EAAE9E,KAAK,CAACiC,OAAO,CAACC,EAAE;MAC7B4B,KAAK,EAAE9D,KAAK,CAACiC,OAAO,CAACK;IACvB,CAAC;IACDI,KAAK,EAAE;MACL6B,UAAU,EAAEvE,KAAK,CAACwE,UAAU,CAACD,UAAU,CAACQ,IAAI;MAC5CL,QAAQ,EAAE1E,KAAK,CAACwE,UAAU,CAACE,QAAQ,CAACxC,EAAE;MACtCyC,UAAU,EAAE3E,KAAK,CAACwE,UAAU,CAACG,UAAU,CAACK;IAC1C,CAAC;IACDpC,aAAa,EAAE;MACbtB,KAAK,EAAEtB,KAAK,CAACU,MAAM,CAACG,IAAI,CAAClB;IAC3B,CAAC;IACDgD,aAAa,EAAE;MACb4B,UAAU,EAAEvE,KAAK,CAACwE,UAAU,CAACD,UAAU,CAACU;IAC1C,CAAC;IACD1C,WAAW,EAAE;MACX2C,IAAI,EAAE;IACR;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/SelectSearch.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectSearch = SelectSearch;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _icons = require("@wecareu/icons");
+var _theme = require("@wecareu/theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DEBOUNCE_MS = 200;
+function SelectSearch({
+  onChangeText,
+  value
+}) {
+  const theme = (0, _theme.useTheme)();
+  const styles = _react.default.useMemo(() => createStyles(theme), [theme]);
+  const debounceRef = _react.default.useRef(null);
+  const handleChangeText = _react.default.useCallback(text => {
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    debounceRef.current = setTimeout(() => {
+      onChangeText(text);
+    }, DEBOUNCE_MS);
+  }, [onChangeText]);
+  _react.default.useEffect(() => {
+    return () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    color: theme.colors.text.tertiary,
+    name: "search",
+    size: theme.spacing.md
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
+    accessibilityLabel: "Search options",
+    autoCapitalize: "none",
+    autoCorrect: false,
+    clearButtonMode: "while-editing",
+    defaultValue: value,
+    onChangeText: handleChangeText,
+    placeholderTextColor: theme.colors.text.tertiary,
+    returnKeyType: "search",
+    style: styles.input
+  }));
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      borderBottomColor: theme.colors.border.secondary,
+      borderBottomWidth: 1,
+      flexDirection: 'row',
+      marginBottom: theme.spacing.xs,
+      paddingHorizontal: theme.spacing.md,
+      paddingVertical: theme.spacing.sm
+    },
+    iconWrapper: {
+      marginRight: theme.spacing.xs
+    },
+    input: {
+      color: theme.colors.text.primary,
+      flex: 1,
+      fontFamily: theme.typography.fontFamily.body,
+      fontSize: theme.typography.fontSize.md,
+      lineHeight: theme.typography.lineHeight.bodySmall,
+      paddingVertical: theme.spacing.xs
+    }
+  });
+}
+//# sourceMappingURL=SelectSearch.js.map

package/lib/commonjs/SelectSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_icons","_theme","e","__esModule","default","DEBOUNCE_MS","SelectSearch","onChangeText","value","theme","useTheme","styles","React","useMemo","createStyles","debounceRef","useRef","handleChangeText","useCallback","text","current","clearTimeout","setTimeout","useEffect","createElement","View","style","container","iconWrapper","Icon","color","colors","tertiary","name","size","spacing","md","TextInput","accessibilityLabel","autoCapitalize","autoCorrect","clearButtonMode","defaultValue","placeholderTextColor","returnKeyType","input","StyleSheet","create","alignItems","borderBottomColor","border","secondary","borderBottomWidth","flexDirection","marginBottom","xs","paddingHorizontal","paddingVertical","sm","marginRight","primary","flex","fontFamily","typography","body","fontSize","lineHeight","bodySmall"],"sourceRoot":"..\\..\\src","sources":["SelectSearch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/animations/shake.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useShakeAnimation = useShakeAnimation;
+var _react = require("react");
+var _reactNative = require("react-native");
+function useShakeAnimation({
+  distance = 6,
+  duration = 60,
+  iterations = 2
+} = {}) {
+  const translation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const animatedStyle = (0, _react.useMemo)(() => ({
+    transform: [{
+      translateX: translation.interpolate({
+        inputRange: [-1, -0.5, 0, 0.5, 1],
+        outputRange: [-distance, -distance / 2, 0, distance / 2, distance]
+      })
+    }]
+  }), [distance, translation]);
+  const triggerShake = (0, _react.useCallback)(() => {
+    translation.setValue(0);
+    const animation = _reactNative.Animated.sequence([_reactNative.Animated.timing(translation, {
+      duration,
+      toValue: 1,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(translation, {
+      duration,
+      toValue: -1,
+      useNativeDriver: true
+    })]);
+    _reactNative.Animated.loop(animation, {
+      iterations
+    }).start(() => {
+      translation.setValue(0);
+    });
+  }, [duration, iterations, translation]);
+  return {
+    animatedStyle,
+    triggerShake
+  };
+}
+//# sourceMappingURL=shake.js.map

package/lib/commonjs/animations/shake.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","useShakeAnimation","distance","duration","iterations","translation","useRef","Animated","Value","current","animatedStyle","useMemo","transform","translateX","interpolate","inputRange","outputRange","triggerShake","useCallback","setValue","animation","sequence","timing","toValue","useNativeDriver","loop","start"],"sourceRoot":"..\\..\\..\\src","sources":["animations/shake.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AA8BO,SAASE,iBAAiBA,CAAC;EAChCC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,EAAE;EACbC,UAAU,GAAG;AACU,CAAC,GAAG,CAAC,CAAC,EAA2B;EACxD,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEzD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IACLC,SAAS,EAAE,CACT;MACEC,UAAU,EAAER,WAAW,CAACS,WAAW,CAAC;QAClCC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACjCC,WAAW,EAAE,CAAC,CAACd,QAAQ,EAAE,CAACA,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAEA,QAAQ,GAAG,CAAC,EAAEA,QAAQ;MACnE,CAAC;IACH,CAAC;EAEL,CAAC,CAAC,EACF,CAACA,QAAQ,EAAEG,WAAW,CACxB,CAAC;EAED,MAAMY,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCb,WAAW,CAACc,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAMC,SAAS,GAAGb,qBAAQ,CAACc,QAAQ,CAAC,CAClCd,qBAAQ,CAACe,MAAM,CAACjB,WAAW,EAAE;MAC3BF,QAAQ;MACRoB,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFjB,qBAAQ,CAACe,MAAM,CAACjB,WAAW,EAAE;MAC3BF,QAAQ;MACRoB,OAAO,EAAE,CAAC,CAAC;MACXC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC;IAEFjB,qBAAQ,CAACkB,IAAI,CAACL,SAAS,EAAE;MAAEhB;IAAW,CAAC,CAAC,CAACsB,KAAK,CAAC,MAAM;MACnDrB,WAAW,CAACc,QAAQ,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;EACJ,CAAC,EAAE,CAAChB,QAAQ,EAAEC,UAAU,EAAEC,WAAW,CAAC,CAAC;EAEvC,OAAO;IAAEK,aAAa;IAAEO;EAAa,CAAC;AACxC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _Select.Select;
+  }
+});
+var _Select = require("./Select");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Select","require"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}