@messenger-box/slack-ui-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5

package/lib/components/NavigationHeader/NavigationHeaderChat.js

@@ -9,71 +9,30 @@ import React__default from'react';import {SafeAreaView,Box,VStack,HStack,Button,
   var _a, _b, _c;
   const title = getHeaderTitle(options, route.name);
   const matches = title.match(/\b(\w)/g);
-  const acronym = matches.join('').substring(0, 2); // JSON
-  return React__default.createElement(SafeAreaView, null, React__default.createElement(Box, {
-    borderBottomWidth: '$1',
-    borderBottomColor: '$trueGray200'
-  }, React__default.createElement(VStack, null, React__default.createElement(HStack, {
-    px: "$1",
-    py: "$3",
-    bg: '$white',
-    justifyContent: "space-between",
-    alignItems: "center",
-    w: "100%"
-  }, back ? React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    //onPress={() => navigation?.goBack?.()}
-    onPress: () => {
-      var _a;
-      return (navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.isReady()) && ((_a = navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.current) === null || _a === void 0 ? void 0 : _a.goBack());
-    }
-  }, React__default.createElement(MaterialIcons, {
-    size: 30,
-    name: "keyboard-arrow-left",
-    color: "black"
-  })) : showToggle ? React__default.createElement(Button, {
-    mx: '$2',
-    px: '$2',
-    py: '$2',
-    size: 'md',
-    bg: 'trueGray300',
-    onPress: () => navigation.toggleDrawer()
-  }, React__default.createElement(Avatar, {
-    bg: 'transparent',
-    size: 'md'
-  }, React__default.createElement(AvatarFallbackText, {
-    style: {
-      color: '#000',
-      fontWeight: '600'
-    }
-  }, acronym))) : React__default.createElement(React__default.Fragment, null), React__default.createElement(Box, {
-    flex: 1
-  }, React__default.createElement(Text, {
-    px: '$2',
-    color: "$black",
-    flexWrap: 'wrap',
-    style: {
-      fontSize: 20
+  const acronym = matches.join("").substring(0, 2);
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, null, /* @__PURE__ */ React__default.createElement(Box, { borderBottomWidth: "$1", borderBottomColor: "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { px: "$1", py: "$3", bg: "$white", justifyContent: "space-between", alignItems: "center", w: "100%" }, back ? /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      bg: "transparent",
+      "$pressed-bg": "$trueGray200",
+      "$active-bg": "$trueGray200",
+      onPress: () => {
+        var _a2, _b2, _c2;
+        return ((_a2 = navigationRef) == null ? void 0 : _a2.isReady()) && ((_c2 = (_b2 = navigationRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.goBack());
+      }
     },
-    fontWeight: "$bold"
-  }, (_b = (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : title)), ((_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.addMember) && React__default.createElement(Button, {
-    bg: 'transparent',
-    onPress: () => {
-      var _a, _b, _c;
-      return navigation.navigate(NavigationRoutes.AddPeople, {
-        channelId: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.channelId,
-        addMember: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.addMember,
-        orgName: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.orgName
-      });
-    },
-    "$pressed-bg": "transparent",
-    "$active-bg": "transparent",
-    size: 'lg'
-  }, React__default.createElement(AntDesign, {
-    color: 'black',
-    size: 30,
-    name: "addusergroup"
-  }))))));
+    /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "keyboard-arrow-left", color: "black" })
+  ) : showToggle ? /* @__PURE__ */ React__default.createElement(Button, { mx: "$2", px: "$2", py: "$2", size: "md", bg: "trueGray300", onPress: () => navigation.toggleDrawer() }, /* @__PURE__ */ React__default.createElement(Avatar, { bg: "transparent", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { style: {
+    color: "#000",
+    fontWeight: "600"
+  } }, acronym))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", style: {
+    fontSize: 20
+  }, fontWeight: "$bold" }, (_b = (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.title) != null ? _b : title)), ((_c = route == null ? void 0 : route.params) == null ? void 0 : _c.addMember) && /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", onPress: () => {
+    var _a2, _b2, _c2;
+    return navigation.navigate(NavigationRoutes.AddPeople, {
+      channelId: (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.channelId,
+      addMember: (_b2 = route == null ? void 0 : route.params) == null ? void 0 : _b2.addMember,
+      orgName: (_c2 = route == null ? void 0 : route.params) == null ? void 0 : _c2.orgName
+    });
+  }, "$pressed-bg": "transparent", "$active-bg": "transparent", size: "lg" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", size: 30, name: "addusergroup" }))))));
 };export{NavigationHeaderChat as default};//# sourceMappingURL=NavigationHeaderChat.js.map

package/lib/components/NavigationHeader/NavigationHeaderChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeaderChat.js","sources":["../../../src/components/NavigationHeader/NavigationHeaderChat.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wXA0BM,MAAA,oBAAoB,GAAG,CAAC;;OACpB;SAEA;AACN,EAAA,IAAA;YAGI;YACK,GAAA;AACG,CAAA,KAAA;gBACI;AACK,EAAA,MAAA,KAAA,GAAA,cACI,CAAA,OAAA,EAAA,KAAA,CAAA,IAAA,CAAA;wBAIG,KAAwC,CAAA,SAAA,CAAA;AACxC,EAAA,MAAA,OAAA,GAAA,OAAA,CAAA,IAAA,CAAO,EAAE,CAAA,CAAA,SAAK,CAAA,CAAA,EAAA,CAAC,CAAA,CAAA;qCAEd,CAAA,YAAA,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAoB,CAAE,GAAM,EAAA;2BAW5B;;AAUT,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAA,cAAI,CAAA,aAAQ,CAAA,MAAA,EAAA;AACR,IAAA,EAAA,EAAA,IAAA;;;AAeQ,IAAA,cAAA,EAAA,eAAA;;;yCAGI,MAAO,EAAA;AACV,IAAA,EAAA,EAAA,aAAA;AAAC,IAAA,aAAA,EAAA,cAAA;gCAML;AAyBjC;AAEA,IAAA,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationHeaderChat.js","sources":["../../../src/components/NavigationHeader/NavigationHeaderChat.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    Icon,\n    Text,\n    Center,\n    Box,\n    StatusBar,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\n// import { navigate } from '@common-stack/client-react';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst NavigationHeaderChat = ({ navigation, route, options, back, showToggle = null, showFilter = null }: any) => {\n    const title = getHeaderTitle(options, route.name);\n\n    const matches: any = title.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n\n    return (\n        <SafeAreaView>\n            <Box borderBottomWidth={'$1'} borderBottomColor={'$trueGray200'}>\n                <VStack>\n                    <HStack px=\"$1\" py=\"$3\" bg={'$white'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                        {back ? (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() => navigationRef?.isReady() && navigationRef?.current?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                mx={'$2'}\n                                px={'$2'}\n                                py={'$2'}\n                                size={'md'}\n                                bg={'trueGray300'}\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar bg={'transparent'} size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        <Box flex={1}>\n                            <Text\n                                px={'$2'}\n                                color=\"$black\"\n                                flexWrap={'wrap'}\n                                style={{ fontSize: 20 }}\n                                fontWeight=\"$bold\"\n                            >\n                                {route?.params?.title ?? title}\n                            </Text>\n                        </Box>\n\n                        {route?.params?.addMember && (\n                            <Button\n                                bg={'transparent'}\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                $pressed-bg=\"transparent\"\n                                $active-bg=\"transparent\"\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={30} name=\"addusergroup\" />\n                            </Button>\n                        )}\n\n                        {/* <HStack flex={1}>\n                        {route?.params?.addMember && (\n                            <IconButton\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                _pressed={{ backgroundColor: 'transparent' }}\n                                size={'lg'}\n                                icon={<Icon color={'black'} size={'lg'} as={AntDesign} name=\"addusergroup\" />}\n                            />\n                        )}\n                    </HStack> */}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default NavigationHeaderChat;\n"],"names":["React","_a","_b","_c"],"mappings":"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"}

package/lib/components/NavigationHeader/index.js

@@ -1 +1 @@
-import NavigationHeader from'./NavigationHeader.js';import'react';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/elements';import'@expo/vector-icons';import'../../constants/routes.js';import'@common-stack/client-react';export{default as InboxNavigationHeader}from'./InboxNavigationHeader.js';export{NavigationHeader as default};//# sourceMappingURL=index.js.map
+import NavigationHeader from'./NavigationHeader.js';import'react';import'@admin-layout/gluestack-ui-mobile';import'@react-navigation/elements';import'@expo/vector-icons';import'@common-stack/client-react';export{default as InboxNavigationHeader}from'./InboxNavigationHeader.js';export{NavigationHeader as default};//# sourceMappingURL=index.js.map

package/lib/components/SlackSearchInput/Suggestion.js

@@ -1,24 +1,50 @@
-import {__rest}from'tslib';import React__default from'react';import {StyleSheet,Pressable,Text}from'react-native';const Suggestion = _a => {
-  var {
-      label,
-      textStyle
-    } = _a,
-    props = __rest(_a, ["label", "textStyle"]);
-  return React__default.createElement(Pressable, Object.assign({
-    style: styles.container
-  }, props), React__default.createElement(Text, {
-    style: [styles.label, textStyle]
-  }, label));
+import React__default from'react';import {Pressable,StyleSheet,Text}from'react-native';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Suggestion = (_a) => {
+  var _b = _a, {
+    label,
+    textStyle
+  } = _b, props = __objRest(_b, [
+    "label",
+    "textStyle"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(Pressable, __spreadValues({ style: styles.container }, props), /* @__PURE__ */ React__default.createElement(Text, { style: [styles.label, textStyle] }, label));
 };
 const styles = StyleSheet.create({
   container: {
     paddingVertical: 6,
     paddingHorizontal: 3,
-    backgroundColor: 'white',
-    borderColor: '#262626',
+    backgroundColor: "white",
+    borderColor: "#262626",
     borderWidth: 0.5
   },
   label: {
-    color: '#262626'
+    color: "#262626"
   }
 });export{Suggestion as default};//# sourceMappingURL=Suggestion.js.map

package/lib/components/SlackSearchInput/Suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestion.js","sources":["../../../src/components/SlackSearchInput/Suggestion.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kHAQA,MAAM,UAAU,GAAG,EAAC,IAAmD;;MAAC,KAAA;AAEhE,MAAA;KAEN,GAAA,EAAA;AAEF,IAAA,KAAY,GAAA,MAAa,CAAA,EAAA,EAAA,CAAA,SAAQ,WAAA,CAAA,CAAA;AAC7B,EAAA,OAAAA,cAAW,CAAA,aAAA,CAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA;AACP,IAAA,KAAA,EAAA,MAAA,CAAA;AACA,GAAA,EAAA,KAAA,CAAA,EAAAA,cAAA,CAAA,aAAoB,CAAA,IAAA,EAAA;AACpB,IAAA,KAAA,EAAA,CAAA,MAAA,CAAA,OAAwB,SAAA;AACxB,GAAA,EAAA,KAAA,CAAA,CAAA;AACA;AACH,MAAA,MAAA,GAAA,UAAA,CAAA,MAAA,CAAA;AACD,EAAA,SAAO,EAAA;AACH,IAAA,eAAgB,EAAA,CAAA;AACnB,IAAA,iBAAA,EAAA,CAAA;AACJ,IAAE,eAAA,EAAA,OAAA;AAEH,IAAA,WAAe,WAAW;;;;;;"}
+{"version":3,"file":"Suggestion.js","sources":["../../../src/components/SlackSearchInput/Suggestion.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, StyleSheet, Pressable, PressableProps, TextStyle } from 'react-native';\n\nexport type SuggestionProps = PressableProps & {\n    label: string;\n    textStyle?: TextStyle;\n};\n\nconst Suggestion = ({ label, textStyle, ...props }: SuggestionProps) => (\n    <Pressable style={styles.container} {...props}>\n        <Text style={[styles.label, textStyle]}>{label}</Text>\n    </Pressable>\n);\n\nconst styles = StyleSheet.create({\n    container: {\n        paddingVertical: 6,\n        paddingHorizontal: 3,\n        backgroundColor: 'white',\n        borderColor: '#262626',\n        borderWidth: 0.5,\n    },\n    label: {\n        color: '#262626',\n    },\n});\n\nexport default Suggestion;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,UAAA,GAAa,CAAC,EAIA,KAAA;AAJA,EAClB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA;AAAA,GARF,GAMoB,EAGf,EAAA,KAAA,GAAA,SAAA,CAHe,EAGf,EAAA;AAAA,IAFH,OAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAEqB,EAAA,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,cAAA,CAAA,EAAA,KAAA,EAAO,MAAO,CAAA,SAAA,EAAA,EAAe,wBACtDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA,EAAA,EAAI,KAAM,CACnD,CAAA;AAAA;AACJ,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,CAAA;AAAA,IACjB,iBAAmB,EAAA,CAAA;AAAA,IACnB,eAAiB,EAAA,OAAA;AAAA,IACjB,WAAa,EAAA,SAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA;AAEX,CAAC,CAAA"}

package/lib/components/SlackSearchInput/Tag.js

@@ -1,22 +1,48 @@
-import {__rest}from'tslib';import React__default from'react';import {StyleSheet,Pressable,Text}from'react-native';const Tag = _a => {
-  var {
-      label,
-      textStyle
-    } = _a,
-    props = __rest(_a, ["label", "textStyle"]);
-  return React__default.createElement(Pressable, Object.assign({
-    style: ({
-      pressed
-    }) => [{
-      opacity: pressed ? 0.7 : 1
-    }, styles.container]
-  }, props), React__default.createElement(Text, {
-    style: [styles.label, textStyle]
-  }, label));
+import React__default from'react';import {Pressable,Text,StyleSheet}from'react-native';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    label,
+    textStyle
+  } = _b, props = __objRest(_b, [
+    "label",
+    "textStyle"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(Pressable, __spreadValues({ style: ({
+    pressed
+  }) => [{
+    opacity: pressed ? 0.7 : 1
+  }, styles.container] }, props), /* @__PURE__ */ React__default.createElement(Text, { style: [styles.label, textStyle] }, label));
 };
 const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#E2E8F0',
+    backgroundColor: "#E2E8F0",
     marginRight: 8,
     marginBottom: 4,
     paddingHorizontal: 14,
@@ -24,7 +50,7 @@ const styles = StyleSheet.create({
     borderRadius: 6
   },
   label: {
-    color: '#171923',
+    color: "#171923",
     fontSize: 14
   }
 });export{Tag as default};//# sourceMappingURL=Tag.js.map

package/lib/components/SlackSearchInput/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/SlackSearchInput/Tag.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kHAQA,MAAM,GAAG,GAAG,EAAC,IAA4C;;AAAC,MAAA,KAAA;AAG9C,MAAA;;AAEC,IAAA,KAAA,GAAA,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,WAAA,CAAA,CAAA;AACD,EAAA,OAAAA,cAAA,CAAA,aAAgB,CAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA;AACnB,IAAA,KAAA,EAAA,CAAA;AAGD,MAAA;KAEN,KAAA,CAAA;AAEF,MAAM,OAAM,EAAG,OAAU,GAAA;AACrB,KAAA,EAAA,MAAS,CAAE,SAAA;AACP,GAAA,EAAA,KAAA,CAAA,EAAAA,cAAA,CAAA,aAA0B,CAAA,IAAA,EAAA;AAC1B,IAAA,KAAA,EAAA,CAAA,MAAA,CAAW,KAAG,EAAA,SAAA;AACd,GAAA,EAAA,KAAA,CAAA,CAAA;AACA;AACA,MAAA,MAAA,GAAA,UAAiB,CAAC,MAAA,CAAA;AAClB,EAAA,SAAA,EAAA;AACH,IAAA,eAAA,EAAA,SAAA;AACD,IAAA,WAAO,EAAA,CAAA;AACH,IAAA,YAAgB,EAAA,CAAA;AAChB,IAAA,iBAAY,EAAA,EAAA;AACf,IAAA,eAAA,EAAA,CAAA;AACJ,IAAE,YAAA,EAAA;AAEH,GAAA;;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/SlackSearchInput/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, Pressable, PressableProps, TextStyle } from 'react-native';\n\nexport type TagProps = PressableProps & {\n    label: string;\n    textStyle?: TextStyle;\n};\n\nconst Tag = ({ label, textStyle, ...props }: TagProps) => (\n    <Pressable\n        style={({ pressed }) => [\n            {\n                opacity: pressed ? 0.7 : 1,\n            },\n            styles.container,\n        ]}\n        {...props}\n    >\n        <Text style={[styles.label, textStyle]}>{label}</Text>\n    </Pressable>\n);\n\nconst styles = StyleSheet.create({\n    container: {\n        backgroundColor: '#E2E8F0',\n        marginRight: 8,\n        marginBottom: 4,\n        paddingHorizontal: 14,\n        paddingVertical: 8,\n        borderRadius: 6,\n    },\n    label: {\n        color: '#171923',\n        fontSize: 14,\n    },\n});\n\nexport default Tag;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,GAAA,GAAM,CAAC,EAIA,KAAA;AAJA,EACX,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA;AAAA,GARF,GAMa,EAGR,EAAA,KAAA,GAAA,SAAA,CAHQ,EAGR,EAAA;AAAA,IAFH,OAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAEc,EAAC,uBAAAA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,cAAA,CAAA,EAAU,OAAO,CAAC;AAAA,IACjC;AAAA,QACI,CAAC;AAAA,IACL,OAAA,EAAS,UAAU,GAAM,GAAA;AAAA,GACxB,EAAA,MAAA,CAAO,SAAS,CAAA,EAAA,EAAO,wBACjBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,MAAO,CAAA,KAAA,EAAO,SAAS,CAAA,EAAA,EAAI,KAAM,CACnD,CAAA;AAAA;AACJ,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,SAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,CAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,CAAA;AAAA,IACjB,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA"}

package/lib/components/SlackSearchInput/index.js

@@ -1,4 +1,20 @@
-import React__default,{useState,useRef,useEffect,useCallback}from'react';import {StyleSheet,View,TextInput}from'react-native';import Suggestion from'./Suggestion.js';import Tag from'./Tag.js';import {HStack,Box,FlatList}from'@admin-layout/gluestack-ui-mobile';const SlackInput = ({
+import React__default,{useState,useRef,useEffect,useCallback}from'react';import {View,StyleSheet,TextInput}from'react-native';import Suggestion from'./Suggestion.js';import Tag from'./Tag.js';import {HStack,Box,FlatList}from'@admin-layout/gluestack-ui-mobile';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const SlackInput = ({
   tags,
   suggestions,
   labelExtractor,
@@ -24,52 +40,37 @@ import React__default,{useState,useRef,useEffect,useCallback}from'react';import
   flatListGluestackUiProps,
   isSetInputFocusOut
 }) => {
-  const [text, setText] = useState('');
+  const [text, setText] = useState("");
   const inputRef = useRef(null);
   const extractor = suggestionExtractor || labelExtractor;
   useEffect(() => {
     var _a;
-    console.log('isSetInputFocusOut', isSetInputFocusOut);
-    if (isSetInputFocusOut) (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    console.log("isSetInputFocusOut", isSetInputFocusOut);
+    if (isSetInputFocusOut)
+      (_a = inputRef.current) == null ? void 0 : _a.blur();
   }, [isSetInputFocusOut]);
-  const handleTagPress = useCallback(tag => {
+  const handleTagPress = useCallback((tag) => {
     if (onTagPress) {
       onTagPress(tag);
     } else {
-      onChangeTags(tags.filter(t => labelExtractor(t) !== labelExtractor(tag)));
+      onChangeTags(tags.filter((t) => labelExtractor(t) !== labelExtractor(tag)));
     }
   }, []);
-  // const handleTagPress = (tag: Tag) => {
-  //     if (onTagPress) {
-  //         onTagPress(tag);
-  //     } else {
-  //         onChangeTags(tags.filter((t) => labelExtractor(t) !== labelExtractor(tag)));
-  //     }
-  // };
-  const handleSuggestionPress = useCallback(suggestion => {
+  const handleSuggestionPress = useCallback((suggestion) => {
     var _a;
-    setText('');
+    setText("");
     if (onSuggestionPress) {
       onSuggestionPress(suggestion);
     } else {
       onChangeTags([...tags, suggestion]);
     }
-    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
   }, [tags, inputRef, isSetInputFocusOut]);
-  // const handleSuggestionPress = (suggestion: Suggestion) => {
-  //     setText('');
-  //     if (onSuggestionPress) {
-  //         onSuggestionPress(suggestion);
-  //     } else {
-  //         onChangeTags([...tags, suggestion]);
-  //     }
-  //     inputRef.current?.focus();
-  // };
-  const handleTextChange = useCallback(input => {
+  const handleTextChange = useCallback((input) => {
     setText(input);
     const lastTyped = input.charAt(input.length - 1);
     if (parseChars && parseChars.indexOf(lastTyped) > -1) {
-      setText('');
+      setText("");
       if (allowCustomTags) {
         const label = input.slice(0, -1);
         if (onAddNewTag) {
@@ -80,32 +81,12 @@ import React__default,{useState,useRef,useEffect,useCallback}from'react';import
       }
     }
   }, [tags]);
-  // const handleTextChange = (input: string) => {
-  //     setText(input);
-  //     const lastTyped = input.charAt(input.length - 1);
-  //     if (parseChars && parseChars.indexOf(lastTyped) > -1) {
-  //         setText('');
-  //         if (allowCustomTags) {
-  //             const label = input.slice(0, -1);
-  //             if (onAddNewTag) {
-  //                 onAddNewTag(label);
-  //             } else {
-  //                 onChangeTags([...tags, label]);
-  //             }
-  //         }
-  //     }
-  // };
   const renderTagComponent = (tag, index) => {
     const onPress = () => handleTagPress(tag);
     if (renderTag) {
       return renderTag(tag, onPress, index);
     }
-    return React__default.createElement(Tag, {
-      label: labelExtractor(tag),
-      key: `render-tag-key-${index}`,
-      onPress: onPress
-    });
-    // return <Tag label={labelExtractor(tag)} key={labelExtractor(tag)} onPress={onPress} />;
+    return /* @__PURE__ */ React__default.createElement(Tag, { label: labelExtractor(tag), key: `render-tag-key-${index}`, onPress });
   };
   const renderSuggestionComponent = ({
     item,
@@ -115,90 +96,57 @@ import React__default,{useState,useRef,useEffect,useCallback}from'react';import
     if (renderSuggestion) {
       return renderSuggestion(item, onPress, index);
     }
-    return React__default.createElement(Suggestion, {
-      label: extractor(item),
-      onPress: onPress
-    });
+    return /* @__PURE__ */ React__default.createElement(Suggestion, { label: extractor(item), onPress });
   };
   const onKeyPress = useCallback(({
     nativeEvent: {
       key
     }
   }) => {
-    if (text !== '' || key !== 'Backspace' || tags.length < 1) {
+    if (text !== "" || key !== "Backspace" || tags.length < 1) {
       return;
     }
     const updatedTags = [...tags];
     updatedTags.pop();
     onChangeTags(updatedTags);
   }, [tags, text]);
-  // const onKeyPress = ({ nativeEvent: { key } }: { nativeEvent: { key: string } }) => {
-  //     if (text !== '' || key !== 'Backspace' || tags.length < 1) {
-  //         return;
-  //     }
-  //     const updatedTags = [...tags];
-  //     updatedTags.pop();
-  //     onChangeTags(updatedTags);
-  // };
   const getSuggestions = useCallback(() => {
     if (filterSuggestions) {
       return filterSuggestions(text);
     }
-    if (!text || text === '') {
+    if (!text || text === "") {
       return [];
     }
-    const regex = new RegExp(`${text.trim()}`, 'i');
-    return suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(item => extractor(item).search(regex) >= 0);
+    const regex = new RegExp(`${text.trim()}`, "i");
+    return suggestions == null ? void 0 : suggestions.filter((item) => extractor(item).search(regex) >= 0);
   }, [text, suggestions]);
-  // const getSuggestions = () => {
-  //     if (filterSuggestions) {
-  //         return filterSuggestions(text);
-  //     }
-  //     if (!text || text === '') {
-  //         return [];
-  //     }
-  //     const regex = new RegExp(`${text.trim()}`, 'i');
-  //     return suggestions?.filter((item) => extractor(item).search(regex) >= 0);
-  // };
-  return React__default.createElement(View, {
-    style: [styles.container, containerStyle]
-  }, React__default.createElement(HStack, {
-    style: [styles.tagContainer, tagContainerStyle],
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  }, React__default.createElement(Box, null, renderLeftElement === null || renderLeftElement === void 0 ? void 0 : renderLeftElement()), React__default.createElement(HStack, {
-    flex: renderRightElement ? 1 : 1,
-    flexWrap: 'wrap',
-    alignItems: 'center'
-  }, tags === null || tags === void 0 ? void 0 : tags.map(renderTagComponent), React__default.createElement(TextInput
-  // variant={'unstyled'}
-  , Object.assign({
-    // variant={'unstyled'}
-    value: text,
-    onKeyPress: onKeyPress,
-    ref: inputRef,
-    onChangeText: handleTextChange,
-    style: [styles.input, inputStyle]
-  }, inputProps))), React__default.createElement(Box, null, renderRightElement === null || renderRightElement === void 0 ? void 0 : renderRightElement())), React__default.createElement(View, {
-    style: flatListContainerStyle
-  }, React__default.createElement(FlatList, Object.assign({
-    data: getSuggestions(),
-    //keyExtractor={extractor}
-    keyExtractor: (item, index) => String(index),
-    renderItem: renderSuggestionComponent,
-    keyboardShouldPersistTaps: "handled",
-    style: [styles.list, flatListStyle]
-  }, flatListProps, flatListGluestackUiProps))));
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(HStack, { style: [styles.tagContainer, tagContainerStyle], alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Box, null, renderLeftElement == null ? void 0 : renderLeftElement()), /* @__PURE__ */ React__default.createElement(HStack, { flex: renderRightElement ? 1 : 1, flexWrap: "wrap", alignItems: "center" }, tags == null ? void 0 : tags.map(renderTagComponent), /* @__PURE__ */ React__default.createElement(
+    TextInput,
+    __spreadValues({
+      value: text,
+      onKeyPress,
+      ref: inputRef,
+      onChangeText: handleTextChange,
+      style: [styles.input, inputStyle]
+    }, inputProps)
+  )), /* @__PURE__ */ React__default.createElement(Box, null, renderRightElement == null ? void 0 : renderRightElement())), /* @__PURE__ */ React__default.createElement(View, { style: flatListContainerStyle }, /* @__PURE__ */ React__default.createElement(
+    FlatList,
+    __spreadValues(__spreadValues({
+      data: getSuggestions(),
+      keyExtractor: (item, index) => String(index),
+      renderItem: renderSuggestionComponent,
+      keyboardShouldPersistTaps: "handled",
+      style: [styles.list, flatListStyle]
+    }, flatListProps), flatListGluestackUiProps)
+  )));
 };
 const styles = StyleSheet.create({
   container: {
-    zIndex: 2000,
-    width: '100%'
+    zIndex: 2e3,
+    width: "100%"
   },
   tagContainer: {
-    // flexDirection: 'row',
-    flexWrap: 'wrap'
-    // alignItems: 'center',
+    flexWrap: "wrap"
   },
   input: {
     flex: 1,
@@ -206,15 +154,10 @@ const styles = StyleSheet.create({
   },
   list: {
     maxHeight: 100,
-    position: 'absolute',
+    position: "absolute",
     top: 0,
     left: 0,
     right: 0
   }
 });
-// SlackInput.defaultProps = {
-//     parseChars: [',', ' ', ';', '\n'],
-//     allowCustomTags: true,
-//     suggestions: [],
-// };
 React__default.memo(SlackInput);export{SlackInput};//# sourceMappingURL=index.js.map

package/lib/components/SlackSearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SlackSearchInput/index.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SlackSearchInput/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n    //FlatList,\n    FlatListProps,\n    StyleSheet,\n    TextInput,\n    TextInputProps,\n    TextStyle,\n    View,\n    ViewStyle,\n} from 'react-native';\nimport Suggestion from './Suggestion';\nimport Tag from './Tag';\nimport { HStack, Box, FlatList } from '@admin-layout/gluestack-ui-mobile';\n\nexport type Tag = any;\nexport type Suggestion = any;\n// export type inputProps = TextInputProps & IInputProps;\nexport type inputProps = TextInputProps;\n\nexport type SlackInputProps = {\n    /** array of tags to render */\n    tags: Tag[];\n\n    /** array of all possible suggestions that the autocomplete pulls from */\n    suggestions?: Suggestion[];\n\n    /** function called when tags needs to be updated */\n    onChangeTags: (newTags: Tag[]) => void;\n\n    /** given a tag, returns the string that should be rendered in a Tag */\n    labelExtractor: (tag: Tag) => string;\n\n    /** called when a tag is pressed, instead of calling `onChangeTags` with the pressed tag removed */\n    onTagPress?: (tag: Tag) => void;\n\n    /** an array of characters that should trigger a new tag and clear the TextInput\n     * @default [',', ' ', ';', '\\n']  */\n    parseChars?: string[];\n\n    /** called when the user types a character in parseChars and should therefore add a new tag\n     * if undefined, will call `onChangeTags` with `[...tags, userInputText]`\n     */\n    onAddNewTag?: (userInput: string) => void;\n\n    /** whether or not to allow the user to create a Tag that doesn't come from `suggestions`\n     * @default true\n     */\n    allowCustomTags?: boolean;\n\n    /** called when a suggestion is pressed\n     * defaultly calls `onChangeTags` with `[...tags, pressedSuggestion]`\n     */\n    onSuggestionPress?: (suggestion: Suggestion) => void;\n\n    /** given a Suggestion, returns a string that can be compared to the user's search */\n    suggestionExtractor?: (suggestion: Suggestion) => string;\n\n    /** a function for filtering suggestions based on the TextInput value */\n    filterSuggestions?: (text: string) => Suggestion[];\n\n    /** a function that returns a custom tag component */\n    renderTag?: (tag: Tag, onPress: (tag: Tag) => void, index?: any) => JSX.Element;\n\n    /** a function that returns a custom suggestion component */\n    renderSuggestion?: (suggestion: Suggestion, onPress: (tag: Suggestion) => void, index?: any) => JSX.Element;\n\n    /** any custom TextInputProps */\n    inputProps?: Partial<inputProps>;\n\n    /** any additional FlatListProps */\n    flatListProps?: Partial<FlatListProps<any>>;\n\n    flatListGluestackUiProps?: any;\n\n    /** style for the outer-most View that houses both the tagContainer and suggestion list */\n    containerStyle?: ViewStyle;\n\n    /** styles for the container View that houses the tags and the input */\n    tagContainerStyle?: ViewStyle;\n\n    /** styles for the TextInput component */\n    inputStyle?: TextStyle;\n\n    /** styles for the FlatList that renders suggestions */\n    flatListStyle?: ViewStyle;\n\n    /** styles for the container View of FlatList that renders suggestions */\n    flatListContainerStyle?: ViewStyle;\n\n    renderLeftElement?: () => JSX.Element;\n\n    renderRightElement?: () => JSX.Element;\n\n    isSetInputFocusOut?: boolean;\n};\n\nexport const SlackInput = ({\n    tags,\n    suggestions,\n    labelExtractor,\n    suggestionExtractor,\n    onChangeTags,\n    onTagPress,\n    parseChars,\n    allowCustomTags,\n    onAddNewTag,\n    onSuggestionPress,\n    filterSuggestions,\n    renderTag,\n    renderSuggestion,\n    renderLeftElement,\n    renderRightElement,\n    containerStyle,\n    tagContainerStyle,\n    inputStyle,\n    flatListStyle,\n    flatListContainerStyle,\n    inputProps,\n    flatListProps,\n    flatListGluestackUiProps,\n    isSetInputFocusOut,\n}: SlackInputProps) => {\n    const [text, setText] = useState('');\n    const inputRef = useRef<TextInput | null>(null);\n    const extractor = suggestionExtractor || labelExtractor;\n\n    useEffect(() => {\n        console.log('isSetInputFocusOut', isSetInputFocusOut);\n        if (isSetInputFocusOut) inputRef.current?.blur();\n    }, [isSetInputFocusOut]);\n\n    const handleTagPress = useCallback((tag: Tag) => {\n        if (onTagPress) {\n            onTagPress(tag);\n        } else {\n            onChangeTags(tags.filter((t) => labelExtractor(t) !== labelExtractor(tag)));\n        }\n    }, []);\n\n    // const handleTagPress = (tag: Tag) => {\n    //     if (onTagPress) {\n    //         onTagPress(tag);\n    //     } else {\n    //         onChangeTags(tags.filter((t) => labelExtractor(t) !== labelExtractor(tag)));\n    //     }\n    // };\n\n    const handleSuggestionPress = useCallback(\n        (suggestion: Suggestion) => {\n            setText('');\n            if (onSuggestionPress) {\n                onSuggestionPress(suggestion);\n            } else {\n                onChangeTags([...tags, suggestion]);\n            }\n\n            inputRef.current?.focus();\n        },\n        [tags, inputRef, isSetInputFocusOut],\n    );\n\n    // const handleSuggestionPress = (suggestion: Suggestion) => {\n    //     setText('');\n    //     if (onSuggestionPress) {\n    //         onSuggestionPress(suggestion);\n    //     } else {\n    //         onChangeTags([...tags, suggestion]);\n    //     }\n    //     inputRef.current?.focus();\n    // };\n\n    const handleTextChange = useCallback(\n        (input: string) => {\n            setText(input);\n\n            const lastTyped = input.charAt(input.length - 1);\n            if (parseChars && parseChars.indexOf(lastTyped) > -1) {\n                setText('');\n                if (allowCustomTags) {\n                    const label = input.slice(0, -1);\n                    if (onAddNewTag) {\n                        onAddNewTag(label);\n                    } else {\n                        onChangeTags([...tags, label]);\n                    }\n                }\n            }\n        },\n        [tags],\n    );\n\n    // const handleTextChange = (input: string) => {\n    //     setText(input);\n\n    //     const lastTyped = input.charAt(input.length - 1);\n    //     if (parseChars && parseChars.indexOf(lastTyped) > -1) {\n    //         setText('');\n    //         if (allowCustomTags) {\n    //             const label = input.slice(0, -1);\n    //             if (onAddNewTag) {\n    //                 onAddNewTag(label);\n    //             } else {\n    //                 onChangeTags([...tags, label]);\n    //             }\n    //         }\n    //     }\n    // };\n\n    const renderTagComponent = (tag: Tag, index: any) => {\n        const onPress = () => handleTagPress(tag);\n        if (renderTag) {\n            return renderTag(tag, onPress, index);\n        }\n        return <Tag label={labelExtractor(tag)} key={`render-tag-key-${index}`} onPress={onPress} />;\n        // return <Tag label={labelExtractor(tag)} key={labelExtractor(tag)} onPress={onPress} />;\n    };\n\n    const renderSuggestionComponent = ({ item, index }: { item: Suggestion; index: any }) => {\n        const onPress = () => handleSuggestionPress(item);\n        if (renderSuggestion) {\n            return renderSuggestion(item, onPress, index);\n        }\n        return <Suggestion label={extractor(item)} onPress={onPress} />;\n    };\n\n    const onKeyPress = useCallback(\n        ({ nativeEvent: { key } }: { nativeEvent: { key: string } }) => {\n            if (text !== '' || key !== 'Backspace' || tags.length < 1) {\n                return;\n            }\n            const updatedTags = [...tags];\n            updatedTags.pop();\n            onChangeTags(updatedTags);\n        },\n        [tags, text],\n    );\n\n    // const onKeyPress = ({ nativeEvent: { key } }: { nativeEvent: { key: string } }) => {\n    //     if (text !== '' || key !== 'Backspace' || tags.length < 1) {\n    //         return;\n    //     }\n    //     const updatedTags = [...tags];\n    //     updatedTags.pop();\n    //     onChangeTags(updatedTags);\n    // };\n\n    const getSuggestions = useCallback(() => {\n        if (filterSuggestions) {\n            return filterSuggestions(text);\n        }\n        if (!text || text === '') {\n            return [];\n        }\n        const regex = new RegExp(`${text.trim()}`, 'i');\n        return suggestions?.filter((item) => extractor(item).search(regex) >= 0);\n    }, [text, suggestions]);\n\n    // const getSuggestions = () => {\n    //     if (filterSuggestions) {\n    //         return filterSuggestions(text);\n    //     }\n    //     if (!text || text === '') {\n    //         return [];\n    //     }\n    //     const regex = new RegExp(`${text.trim()}`, 'i');\n    //     return suggestions?.filter((item) => extractor(item).search(regex) >= 0);\n    // };\n\n    return (\n        <View style={[styles.container, containerStyle]}>\n            <HStack\n                style={[styles.tagContainer, tagContainerStyle]}\n                alignItems={'center'}\n                justifyContent={'space-between'}\n            >\n                <Box>{renderLeftElement?.()}</Box>\n                <HStack flex={renderRightElement ? 1 : 1} flexWrap={'wrap'} alignItems={'center'}>\n                    {tags?.map(renderTagComponent)}\n                    <TextInput\n                        // variant={'unstyled'}\n                        value={text}\n                        onKeyPress={onKeyPress}\n                        ref={inputRef}\n                        onChangeText={handleTextChange}\n                        style={[styles.input, inputStyle]}\n                        {...inputProps}\n                    />\n                </HStack>\n                <Box>{renderRightElement?.()}</Box>\n            </HStack>\n            <View style={flatListContainerStyle}>\n                <FlatList\n                    data={getSuggestions()}\n                    //keyExtractor={extractor}\n                    keyExtractor={(item, index) => String(index)}\n                    renderItem={renderSuggestionComponent}\n                    keyboardShouldPersistTaps=\"handled\"\n                    style={[styles.list, flatListStyle]}\n                    {...flatListProps}\n                    {...flatListGluestackUiProps}\n                />\n            </View>\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        zIndex: 2000,\n        width: '100%',\n    },\n    tagContainer: {\n        // flexDirection: 'row',\n        flexWrap: 'wrap',\n        // alignItems: 'center',\n    },\n    input: {\n        flex: 1,\n        minWidth: 100,\n    },\n    list: {\n        maxHeight: 100,\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n    },\n});\n\n// SlackInput.defaultProps = {\n//     parseChars: [',', ' ', ';', '\\n'],\n//     allowCustomTags: true,\n//     suggestions: [],\n// };\n\nexport default React.memo(SlackInput);\n"],"names":["React"],"mappings":"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"}

package/lib/components/Tiles/Tiles.js

@@ -3,12 +3,5 @@ import {useNavigation}from'@react-navigation/core';import React__default from're
   icon
 }) => {
   useNavigation();
-  return React__default.createElement(View, {
-    style: styles.container
-  }, React__default.createElement(Image, {
-    style: styles.filterImage,
-    source: icon
-  }), React__default.createElement(Text, {
-    style: styles.detailsLabel
-  }, title));
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles.container }, /* @__PURE__ */ React__default.createElement(Image, { style: styles.filterImage, source: icon }), /* @__PURE__ */ React__default.createElement(Text, { style: styles.detailsLabel }, title));
 };export{Tiles as default};//# sourceMappingURL=Tiles.js.map

package/lib/components/Tiles/Tiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.js","sources":["../../../src/components/Tiles/Tiles.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"gKAYM,MAAA,KAAK,GAAG,CAAC;AACb,EAAA,KAAA;;;AAQI,EAAA,aAAK;AASX,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAEF,IAAA,KAAA,EAAA;;;;;;;"}
+{"version":3,"file":"Tiles.js","sources":["../../../src/components/Tiles/Tiles.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React from 'react';\nimport { Image, Pressable, Text,View} from 'react-native';\nimport styles from './styles';\nimport filter from '../../../assets/images/filter.png'\ntype TilesProps = {\n  title: any;\n  icon:any\n};\n\nconst days = 7;\n\nconst Tiles = ({ title ,icon}: TilesProps) => {\n  const naigation = useNavigation();\n\n  return (\n    <View\n     style={styles.container}\n    >\n      {/* Details - Text */}\n      <Image style={styles.filterImage} source={icon}/>\n      <Text style={styles.detailsLabel}>\n        {title}\n      </Text>\n\n      {/* Type & Description - Text */}\n      \n      \n    </View>\n  );\n};\n\nexport default Tiles;\n"],"names":["React"],"mappings":"gKAUA,MAAM,QAAQ,CAAC;AAAA,EACb,KAAA;AAAA,EACA;AACF,CAAkB,KAAA;AAChB,EAAkB,aAAc;AAChC,EAAA,oDAAQ,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,SAEvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAM,KAAO,EAAA,MAAA,CAAO,aAAa,MAAQ,EAAA,IAAA,EAAM,mBAC/CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,MAAO,CAAA,YAAA,EAAA,EACjB,KACH,CAKF,CAAA;AACJ"}