@rpcbase/client 0.182.0 → 0.183.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.182.0",
+  "version": "0.183.0",
   "scripts": {
     "test": "../../node_modules/.bin/wireit"
   },

package/ui/ErrorBoundary/index.js

@@ -1,6 +1,6 @@
 import {ErrorBoundary as ReactErrorBoundary} from "react-error-boundary"
 
-import {RedBoxError} from "@rpcbase/redbox-react"
+import {RedBoxError} from "../RedboxError"
 
 // TODO: in production Redbox should just say there is an error but not display a stacktrace or more info
 export const ErrorBoundary = ({children, ...props}) => {

package/ui/RedboxError/index.js

@@ -1,3 +1,3 @@
 import {RedBoxError} from "@rpcbase/redbox-react"
 
-export default RedBoxError
+export {RedBoxError}

package/ui/View/index.js

@@ -0,0 +1,12 @@
+/* @flow */
+import {forwardRef} from "react"
+import {View as RNView} from "react-native"
+
+
+export const View = forwardRef(({children, ...props}, ref) => {
+  return (
+    <RNView ref={ref} {...props}>
+      {children}
+    </RNView>
+  )
+})

package/ui/View/index.web.js

@@ -0,0 +1,42 @@
+/* @flow */
+import {forwardRef} from "react"
+import Tooltip from "react-bootstrap/Tooltip"
+import OverlayTrigger from "react-bootstrap/OverlayTrigger"
+
+
+export const View = forwardRef(
+  ({children, tooltip, tooltipProps = {style: {}}, className = "", ...props}, ref) => {
+    const comp = (
+      <div ref={ref} className={cx("d-flex", className)} {...props}>
+        {children}
+      </div>
+    )
+
+    if (tooltip) {
+      const renderTooltip = ({style, ...overlayTooltipProps}) => {
+        return (
+          <Tooltip
+            {...overlayTooltipProps}
+            {...tooltipProps}
+            placement="left-start"
+            style={{...style, ...tooltipProps.style}}
+          >
+            {tooltip}
+          </Tooltip>
+        )
+      }
+      return (
+        <OverlayTrigger
+          placement="top"
+          transition={false}
+          delay={{show: 0, hide: 100}}
+          overlay={renderTooltip}
+        >
+          {comp}
+        </OverlayTrigger>
+      )
+    }
+
+    return comp
+  },
+)