fix(react): fix react TS types

hubtype · Nov 5, 2020 · 5614b0c · 5614b0c
1 parent c2b9d72
commit 5614b0c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/packages/botonic-react/package-lock.json b/packages/botonic-react/package-lock.json
diff --git a/packages/botonic-react/package.json b/packages/botonic-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.15.3-alpha.4",
+  "version": "0.15.3-alpha.5",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "src/index.js",

diff --git a/packages/botonic-react/src/components/index.d.ts b/packages/botonic-react/src/components/index.d.ts
@@ -44,6 +44,7 @@ export interface ButtonProps {
   target?: string
   url?: string
   webview?: Webview
+  onClick?: () => void
 }
 
 export const Button: React.FunctionComponent<ButtonProps>
@@ -70,16 +71,22 @@ export const Subtitle: React.FunctionComponent<SubtitleProps>
 export const Title: React.FunctionComponent<TitleProps>
 export type SubtitleProps = TitleProps
 
-type CustomProp = { custom?: React.Component }
+type CustomProp = { custom?: React.ComponentType }
 type EnableProp = { enable?: boolean }
 type ImageProp = { image?: string } // https URL or imported Image asset
 type PersistentMenuCloseOption = { closeLabel: string }
 type PersistentMenuOption = { label: string } & ButtonProps
 type StyleProp = { style?: any }
 
-export type PersistentMenuProps =
-  | PersistentMenuCloseOption[]
-  | PersistentMenuOption[]
+export type PersistentMenuTheme = (
+  | PersistentMenuCloseOption
+  | PersistentMenuOption
+)[]
+
+export interface PersistentMenuProps {
+  onClick: () => void
+  options: any
+}
 
 export type BlockInputOption = { match: RegExp[]; message: string }
 
@@ -151,9 +158,11 @@ export interface ThemeProps extends StyleProp {
     blockInputs?: BlockInputOption[]
     box?: { placeholder: string } & StyleProp
     emojiPicker?: EnableProp
-    menu?: { darkBackground?: boolean } & CustomProp
+    menu?: { darkBackground?: boolean } & {
+      custom?: React.ComponentType<PersistentMenuProps>
+    }
     menuButton?: CustomProp
-    persistentMenu?: PersistentMenuProps
+    persistentMenu?: PersistentMenuTheme
     sendButton?: EnableProp & CustomProp
   } & EnableProp &
     StyleProp
@@ -172,7 +181,7 @@ export interface WebchatSettingsProps {
   enableAttachments?: boolean
   enableEmojiPicker?: boolean
   enableUserInput?: boolean
-  persistentMenu?: PersistentMenuProps
+  persistentMenu?: PersistentMenuTheme
   theme?: ThemeProps
 }
 export const WebchatSettings: React.FunctionComponent<WebchatSettingsProps>

diff --git a/packages/botonic-react/src/index.d.ts b/packages/botonic-react/src/index.d.ts
@@ -4,7 +4,7 @@ import {
   BlockInputOption,
   ButtonProps,
   CoverComponentOptions,
-  PersistentMenuProps,
+  PersistentMenuTheme,
   ReplyProps,
   ThemeProps,
   WebchatSettingsProps,
@@ -108,8 +108,7 @@ export interface WebchatArgs {
   onInit?: (app: WebchatApp, args: any) => void
   onMessage?: (app: WebchatApp, message: WebchatMessage) => void
   onOpen?: (app: WebchatApp, args: any) => void
-  persistentMenu?: PersistentMenuProps
-  setLocale: (locale: string, session: core.Session) => string
+  persistentMenu?: PersistentMenuTheme
   storage?: Storage
   storageKey?: any
   theme?: ThemeProps