npm - ferns-ui - Versions diffs - 2.0.0-beta.4 → 2.0.0 - Mend

ferns-ui 2.0.0-beta.4 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/Common.d.ts +1 -0
package/dist/Common.js.map +1 -1
package/dist/EmojiSelector.d.ts +114 -0
package/dist/EmojiSelector.js +332 -0
package/dist/EmojiSelector.js.map +1 -0
package/dist/TextField.js +9 -2
package/dist/TextField.js.map +1 -1
package/dist/index.d.ts +1 -0
package/dist/index.js +1 -0
package/dist/index.js.map +1 -1
package/package.json +2 -1
package/src/Common.ts +1 -0
package/src/EmojiSelector.test.tsx +61 -0
package/src/EmojiSelector.tsx +510 -0
package/src/TextField.test.tsx +61 -1
package/src/TextField.tsx +10 -1
package/src/__snapshots__/EmojiSelector.test.tsx.snap +604 -0
package/src/index.tsx +1 -0

package/src/__snapshots__/EmojiSelector.test.tsx.snap ADDED Viewed

@@ -0,0 +1,604 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`EmojiSelector matches snapshot 1`] = `
+<View
+  onLayout={[Function]}
+  style={
+    {
+      "flex": 1,
+      "width": "100%",
+    }
+  }
+>
+  <View
+    style={
+      {
+        "flexDirection": "row",
+        "maxHeight": 60,
+        "minHeight": 44,
+      }
+    }
+  >
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🕘
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        😀
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#007AFF",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🧑
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🦄
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🍔
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        ⚾️
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        ✈️
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        💡
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🔣
+      </Text>
+    </View>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        {
+          "alignItems": "center",
+          "borderBottomWidth": 2,
+          "borderColor": "#EEEEEE",
+          "flex": 1,
+          "justifyContent": "center",
+          "maxHeight": 60,
+          "minHeight": 44,
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontSize": 18,
+            "paddingBottom": 8,
+            "textAlign": "center",
+          }
+        }
+      >
+        🏳️‍🌈
+      </Text>
+    </View>
+  </View>
+  <View
+    style={
+      {
+        "flex": 1,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "backgroundColor": "rgba(255,255,255,0.75)",
+          "width": "100%",
+          "zIndex": 1,
+        }
+      }
+    >
+      <TextInput
+        autoCorrect={false}
+        clearButtonMode="always"
+        onChangeText={[Function]}
+        placeholder="Search emojis"
+        returnKeyType="done"
+        style={
+          {
+            "backgroundColor": "#E5E8E9",
+            "borderRadius": 10,
+            "height": 36,
+            "margin": 8,
+            "paddingLeft": 8,
+          }
+        }
+        underlineColorAndroid="#007AFF"
+        value=""
+      />
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flex": 1,
+          "justifyContent": "center",
+        }
+      }
+    >
+      <ActivityIndicator
+        color="#000000"
+        size="large"
+      />
+    </View>
+  </View>
+</View>
+`;

package/src/index.tsx CHANGED Viewed

@@ -20,6 +20,7 @@ export * from "./DateUtilities";
 export * from "./DecimalRangeActionSheet";
 export * from "./DismissButton";
 export * from "./EmailField";
+export {default as EmojiSelector} from "./EmojiSelector";
 export * from "./ErrorBoundary";
 export * from "./ErrorPage";
 export * from "./FernsProvider";