@planningcenter/emoji-keyboard 0.0.0 → 3.38.0-rc.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 The Widlarz Group sp. z o.o. https://thewidlarzgroup.com/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,11 +1,40 @@
 {
   "name": "@planningcenter/emoji-keyboard",
-  "version": "0.0.0",
-  "main": "index.js",
+  "version": "3.38.0-rc.6",
+  "description": "Vendored fork of rn-emoji-keyboard (MIT, The Widlarz Group) for Planning Center Chat",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/planningcenter/chat-mobile.git",
+    "directory": "packages/emoji-keyboard"
+  },
+  "main": "./src/index.tsx",
+  "react-native": "./src/index.tsx",
+  "types": "./src/index.tsx",
+  "files": [
+    "src"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "lint": "expo-module lint",
+    "test": "expo-module test --passWithNoTests",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@react-native/eslint-config": "~0.83.0",
+    "@types/jest": "^29.5.14",
+    "@typescript-eslint/parser": "^8.36.0",
+    "eslint": "8.57.1",
+    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "expo-module-scripts": "^55.0.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.4.2",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "typescript": "~5.9.2"
   },
-  "author": "",
-  "license": "ISC",
-  "description": ""
+  "gitHead": "7a5b64cf63feef2926593df186709fd6d429e0d0"
 }

package/src/EmojiKeyboard.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react'
+import { EmojiStaticKeyboard } from './components/EmojiStaticKeyboard'
+import type { KeyboardProps } from './contexts/KeyboardContext'
+import { KeyboardProvider } from './contexts/KeyboardProvider'
+
+type EmojiKeyboardProps = Omit<Partial<KeyboardProps>, 'open' | 'onClose'> &
+  Pick<KeyboardProps, 'onEmojiSelected'>
+
+export const EmojiKeyboard = (props: EmojiKeyboardProps) => {
+  return (
+    <KeyboardProvider {...props} open={true} onClose={() => {}}>
+      <EmojiStaticKeyboard />
+    </KeyboardProvider>
+  )
+}

package/src/EmojiPicker.tsx

@@ -0,0 +1,85 @@
+import * as React from 'react'
+import { Animated, useWindowDimensions } from 'react-native'
+import { EmojiStaticKeyboard } from './components/EmojiStaticKeyboard'
+import { Knob } from './components/Knob'
+import { ModalWithBackdrop } from './components/ModalWithBackdrop'
+import type { KeyboardProps } from './contexts/KeyboardContext'
+import { defaultKeyboardContext } from './contexts/KeyboardContext'
+import { KeyboardProvider } from './contexts/KeyboardProvider'
+import { useKeyboard } from './hooks/useKeyboard'
+import type { EmojiType } from './types'
+import { getHeight } from './utils/getHeight'
+
+export const EmojiPicker = ({
+  onEmojiSelected,
+  onRequestClose,
+  open,
+  onClose,
+  expandable = defaultKeyboardContext.expandable,
+  defaultHeight = defaultKeyboardContext.defaultHeight,
+  allowMultipleSelections = false,
+  ...props
+}: KeyboardProps) => {
+  const { height: screenHeight } = useWindowDimensions()
+  const offsetY = React.useRef(new Animated.Value(0)).current
+  const height = React.useRef(new Animated.Value(getHeight(defaultHeight, screenHeight))).current
+  const additionalHeight = React.useRef(new Animated.Value(0)).current
+  const { keyboardVisible, keyboardHeight } = useKeyboard(open)
+  const [isExpanded, setIsExpanded] = React.useState(false)
+
+  React.useEffect(() => {
+    const shouldExpandHeight = keyboardVisible && !isExpanded
+    const newAdditionalHeightValue = shouldExpandHeight ? keyboardHeight : 0
+    Animated.timing(additionalHeight, {
+      toValue: newAdditionalHeightValue,
+      useNativeDriver: false,
+      duration: 200,
+    }).start()
+  }, [additionalHeight, isExpanded, keyboardHeight, keyboardVisible])
+
+  const close = () => {
+    height.setValue(getHeight(defaultHeight, screenHeight))
+    offsetY.setValue(0)
+    onClose()
+  }
+
+  return (
+    <KeyboardProvider
+      onEmojiSelected={(emoji: EmojiType) => {
+        onEmojiSelected(emoji)
+        !allowMultipleSelections && close()
+      }}
+      open={open}
+      onClose={close}
+      expandable={expandable}
+      defaultHeight={defaultHeight}
+      {...props}
+    >
+      <ModalWithBackdrop
+        isOpen={open}
+        backdropPress={close}
+        onRequestClose={onRequestClose || close}
+      >
+        <>
+          {expandable && (
+            <Knob
+              height={height}
+              offsetY={offsetY}
+              onClose={onClose}
+              setIsExpanded={setIsExpanded}
+            />
+          )}
+          <Animated.View
+            style={[
+              {
+                height: Animated.add(Animated.subtract(height, offsetY), additionalHeight),
+              },
+            ]}
+          >
+            <EmojiStaticKeyboard />
+          </Animated.View>
+        </>
+      </ModalWithBackdrop>
+    </KeyboardProvider>
+  )
+}