@rpcbase/client 0.210.0 → 0.211.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.210.0",
+  "version": "0.211.0",
   "scripts": {
     "build": "../../node_modules/.bin/wireit",
     "test": "../../node_modules/.bin/wireit"

package/ui/ExpandableFloatView/index.tsx

@@ -0,0 +1,123 @@
+import {motion} from "framer-motion"
+import {useRef, useState, useImperativeHandle} from "react"
+
+import {SPRING_DEFAULT} from "../springs"
+import useBackdrop from "./useBackdrop"
+
+import "./exp.scss"
+
+
+export const ExpandableFloatView = ({
+  ref,
+  renderContent,
+  containerRef,
+  onGetExpandedRect,
+  targetRef,
+  ...props
+}) => {
+  const parentRef = useRef(null)
+  const wrapperRef = useRef(null)
+
+  const isOpen = useRef(false)
+  const openedFromRect = useRef(null)
+
+  const [animatedVals, setAnimatedVals] = useState({})
+
+  // eslint-disable-next-line no-use-before-define
+  const {showBackdrop} = useBackdrop(isOpen, onToggle)
+
+  const getRect = () => {
+    const boundingRect = containerRef.current.getBoundingClientRect()
+    const rect = {
+      left: `${boundingRect.x}px`,
+      top: `${boundingRect.top}px`,
+      right: `${window.innerWidth - boundingRect.right}px`,
+      bottom: `${window.innerHeight - boundingRect.bottom}px`,
+    }
+
+    return rect
+  }
+
+  const onOpen = () => {
+    showBackdrop()
+
+    isOpen.current = true
+
+    const expandedRect = onGetExpandedRect()
+
+    requestAnimationFrame(() => {
+      // set the wrapper ref to current + fixed
+      const rect = getRect()
+      openedFromRect.current = rect
+
+      const newStyle = {
+        position: "fixed",
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        left: rect.left,
+        zIndex: 1000,
+      }
+      Object.keys(newStyle).forEach((k) => {
+        wrapperRef.current.style[k] = newStyle[k]
+      })
+
+      document.body.appendChild(wrapperRef.current)
+
+      setAnimatedVals(expandedRect)
+    })
+  }
+
+  const onClose = () => {
+    isOpen.current = false
+
+    const returnToRect = openedFromRect.current
+    setAnimatedVals({
+      top: returnToRect.top,
+      right: returnToRect.right,
+      bottom: returnToRect.bottom,
+      left: returnToRect.left,
+      zIndex: "unset",
+    })
+  }
+
+  const onToggle = () => {
+    if (isOpen.current) {
+      onClose()
+    } else {
+      onOpen()
+    }
+  }
+
+  useImperativeHandle(ref, () => {
+    return {
+      open: () => {
+        onOpen()
+      },
+      toggle: () => {
+        onToggle()
+      },
+      close: () => onClose(),
+    }
+  })
+
+  return (
+    <>
+      <div ref={parentRef}>
+        <motion.div
+          ref={wrapperRef}
+          style={{
+            inset: "unset",
+            // zIndex: 10000,
+            // ...styleProps,
+          }}
+          transition={SPRING_DEFAULT}
+          animate={{...animatedVals}}
+          onClick={(e) => e.stopPropagation()}
+        >
+          {renderContent({})}
+        </motion.div>
+      </div>
+    </>
+  )
+}

package/ui/Modal/Modal.js

@@ -1,5 +1,5 @@
 /* @flow */
-import {forwardRef, useEffect, useRef} from "react"
+import {useEffect, useRef} from "react"
 import _debounce from "lodash/debounce"
 import BSModal from "react-bootstrap/Modal"
 
@@ -9,85 +9,81 @@ import "./modal.scss"
 const MAX_RETRIES = 256
 const DELAY_MS = 20
 
-const Modal = forwardRef(
-  (
-    {
-      show = true,
-      dark = false,
-      scrollable = true,
-      animation = true,
-      className = "",
-      children,
-      ...props
-    },
-    _ref,
-  ) => {
-    const internalRef = useRef(null)
-    const ref = _ref || internalRef
-
-    useEffect(() => {
-      if (!show) return
-
-      let attemptsCount = 0
-      let ro
-
-      const setup = () => {
-        const bodyEl = ref.current?.dialog?.querySelector(".modal-body")
-        if (!bodyEl) {
-          attemptsCount++
-          if (attemptsCount > MAX_RETRIES) {
-            throw new Error("unable to initialize after max attempts")
-          }
-          setTimeout(setup, DELAY_MS)
-          return
+const Modal = ({
+  ref: _ref,
+  show = true,
+  dark = false,
+  scrollable = true,
+  animation = true,
+  className = "",
+  children,
+  ...props
+}) => {
+  const internalRef = useRef(null)
+  const ref = _ref || internalRef
+
+  useEffect(() => {
+    if (!show) return
+
+    let attemptsCount = 0
+    let ro
+
+    const setup = () => {
+      const bodyEl = ref.current?.dialog?.querySelector(".modal-body")
+      if (!bodyEl) {
+        attemptsCount++
+        if (attemptsCount > MAX_RETRIES) {
+          throw new Error("unable to initialize after max attempts")
         }
-
-        const checkApplyScroller = _debounce(() => {
-          const contentEl = ref.current?.dialog?.querySelector(".modal-content")
-          // TODO: this shouldn't happen, but it only happens with modalforms... investigate
-          // additionally we're eventually going to ditch the react-bootstrap modals and use our own so don't waste so much time on this
-          if (!contentEl) return
-
-          if (bodyEl.scrollHeight > bodyEl.clientHeight) {
-            if (!contentEl.classList.contains("has-scroller")) {
-              contentEl.classList.add("has-scroller")
-            }
-          } else {
-            if (contentEl.classList.contains("has-scroller")) {
-              contentEl.classList.remove("has-scroller")
-            }
-          }
-        }, DELAY_MS)
-
-        ro = new ResizeObserver((entries) => {
-          checkApplyScroller()
-        })
-
-        ro.observe(bodyEl)
+        setTimeout(setup, DELAY_MS)
+        return
       }
 
-      setup()
+      const checkApplyScroller = _debounce(() => {
+        const contentEl = ref.current?.dialog?.querySelector(".modal-content")
+        // TODO: this shouldn't happen, but it only happens with modalforms... investigate
+        // additionally we're eventually going to ditch the react-bootstrap modals and use our own so don't waste so much time on this
+        if (!contentEl) return
 
-      return () => {
-        ro?.disconnect()
-      }
-    }, [show])
-
-    return (
-      <BSModal
-        className={cx({"is-dark": dark}, className)}
-        centered={true}
-        scrollable={scrollable}
-        animation={animation}
-        ref={ref}
-        show={show}
-        {...props}
-      >
-        {children}
-      </BSModal>
-    )
-  },
-)
+        if (bodyEl.scrollHeight > bodyEl.clientHeight) {
+          if (!contentEl.classList.contains("has-scroller")) {
+            contentEl.classList.add("has-scroller")
+          }
+        } else {
+          if (contentEl.classList.contains("has-scroller")) {
+            contentEl.classList.remove("has-scroller")
+          }
+        }
+      }, DELAY_MS)
+
+      ro = new ResizeObserver((entries) => {
+        checkApplyScroller()
+      })
+
+      ro.observe(bodyEl)
+    }
+
+    setup()
+
+    return () => {
+      ro?.disconnect()
+    }
+  }, [show])
+
+  return (
+    <BSModal
+      className={cx({"is-dark": dark}, className)}
+      centered={true}
+      scrollable={scrollable}
+      animation={animation}
+      ref={ref}
+      show={show}
+      {...props}
+    >
+      {children}
+    </BSModal>
+  )
+}
 
 Modal.Dialog = BSModal.Dialog
 Modal.Header = BSModal.Header

package/ui/Modal/ModalForm/AlertBanner.js

@@ -1,10 +1,9 @@
-/* @flow */
-import {forwardRef, useImperativeHandle, useState, useEffect} from "react"
+import {useImperativeHandle, useState, useEffect} from "react"
 import {useFormContext} from "react-hook-form"
 import Alert from "react-bootstrap/Alert"
 
 
-const AlertBanner = forwardRef(({modalRef, ...props}, ref) => {
+const AlertBanner = ({ref, modalRef, ...props}) => {
   const {formState} = useFormContext()
 
   const [alertContent, setAlertContent] = useState(null)
@@ -76,7 +75,7 @@ const AlertBanner = forwardRef(({modalRef, ...props}, ref) => {
       {alertContent}
     </div>
   )
-})
+}
 
 AlertBanner.displayName = "AlertBanner"
 

package/ui/Modal/ModalForm/index.js

@@ -1,6 +1,6 @@
 /* @flow */
 import debug from "debug"
-import {forwardRef, useImperativeHandle, useEffect, useState, useRef} from "react"
+import {useImperativeHandle, useEffect, useState, useRef} from "react"
 import {FormProvider} from "react-hook-form"
 
 import ActivityIndicator from "../../ActivityIndicator"
@@ -15,9 +15,7 @@ import "./modal-form.scss"
 
 const log = debug("form")
 
-
 const ExtLink = ({to}) => {
-
   return (
     <a target="_blank" rel="noopener noreferrer" href={to}>
       {to}
@@ -25,169 +23,166 @@ const ExtLink = ({to}) => {
   )
 }
 
-
 const SHOW_LOADER_DELAY = 120 // ms
 
 // Bootstrap Modal integrated with hook form
-const ModalForm = forwardRef(
-  (
-    {
-      title,
-      icon,
-      footerLink,
-      submitTitle,
-      submittingTitle,
-      show,
-      onHide,
-      isLiveSubmit = false,
-      form,
-      onSubmit,
-      children,
-      ...props
+const ModalForm = ({
+  ref: _ref,
+  title,
+  icon,
+  footerLink,
+  submitTitle,
+  submittingTitle,
+  show,
+  onHide,
+  isLiveSubmit = false,
+  form,
+  onSubmit,
+  children,
+  ...props
+}) => {
+  const {formState, watch, handleSubmit} = form
+
+  const internalRef = useRef(null)
+  const ref = _ref || internalRef
+
+  const alertBannerRef = useRef(null)
+
+  // timeoutRef: only start displaying isBusy after a short delay
+  // to avoid screen flashing when the data loads fast enough
+  const timeoutRef = useRef(null)
+  const [isBusy, setIsBusy] = useState(false)
+
+  useImperativeHandle(ref, () => ({
+    ...ref.current,
+    forceClose: () => {
+      onHide()
     },
-    _ref,
-  ) => {
-    const {formState, watch, handleSubmit} = form
-
-    const internalRef = useRef(null)
-    const ref = _ref || internalRef
-
-    const alertBannerRef = useRef(null)
-
-    // timeoutRef: only start displaying isBusy after a short delay
-    // to avoid screen flashing when the data loads fast enough
-    const timeoutRef = useRef(null)
-    const [isBusy, setIsBusy] = useState(false)
-
-    useImperativeHandle(ref, () => ({
-      ...ref.current,
-      forceClose: () => {
-        onHide()
-      },
-    }))
-
-    useEffect(() => {
-      // busy when either submitting or loading (async getDefaultValues)
-      if (formState.isSubmitting || formState.isLoading) {
-        timeoutRef.current = setTimeout(() => {
-          setIsBusy(true)
-        }, SHOW_LOADER_DELAY)
-      } else {
-        if (timeoutRef.current) {
-          window.clearTimeout(timeoutRef.current)
-        }
-        setIsBusy(false)
+  }))
+
+  useEffect(() => {
+    // busy when either submitting or loading (async getDefaultValues)
+    if (formState.isSubmitting || formState.isLoading) {
+      timeoutRef.current = setTimeout(() => {
+        setIsBusy(true)
+      }, SHOW_LOADER_DELAY)
+    } else {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current)
       }
-    }, [formState.isSubmitting, formState.isLoading, setIsBusy])
-
-    useEffect(() => {
-      if (isLiveSubmit) {
-        const subscription = watch(handleSubmit(onSubmit))
-        return () => subscription.unsubscribe()
-      }
-    }, [isLiveSubmit, handleSubmit, watch])
+      setIsBusy(false)
+    }
+  }, [formState.isSubmitting, formState.isLoading, setIsBusy])
 
-    const onHideHandler = () => {
-      log("onHideHandler")
-      if (!isLiveSubmit) {
-        onHide()
-        return
-      }
+  useEffect(() => {
+    if (isLiveSubmit) {
+      const subscription = watch(handleSubmit(onSubmit))
+      return () => subscription.unsubscribe()
+    }
+  }, [isLiveSubmit, handleSubmit, watch])
 
-      if (alertBannerRef.current.onRequestHide()) {
-        onHide()
-      }
+  const onHideHandler = () => {
+    log("onHideHandler")
+    if (!isLiveSubmit) {
+      onHide()
+      return
     }
 
-    const onClickSubmit = async() => {
-      log("onClickSubmit")
-      await handleSubmit(onSubmit)()
+    if (alertBannerRef.current.onRequestHide()) {
+      onHide()
     }
+  }
 
-    return (
-      <Modal
-        className="modal-form"
-        show={show}
-        onHide={onHideHandler}
-        ref={ref}
-        backdrop={isBusy ? "static" : true}
-        {...props}
-      >
-        <FormProvider {...form}>
-          <AlertBanner ref={alertBannerRef} modalRef={ref} />
-          <Modal.Header closeButton>
-            <div>
-              {icon && (
-                <img
-                  width={20}
-                  height={20}
-                  style={{marginTop: 0}}
-                  className="me-2"
-                  src={`/static/icons/${icon}.svg`}
-                />
+  const onClickSubmit = async() => {
+    log("onClickSubmit")
+    await handleSubmit(onSubmit)()
+  }
+
+  return (
+    <Modal
+      className="modal-form"
+      show={show}
+      onHide={onHideHandler}
+      ref={ref}
+      backdrop={isBusy ? "static" : true}
+      {...props}
+    >
+      <FormProvider {...form}>
+        <AlertBanner ref={alertBannerRef} modalRef={ref} />
+        <Modal.Header closeButton>
+          <div>
+            {icon && (
+              <img
+                width={20}
+                height={20}
+                style={{marginTop: 0}}
+                className="me-2"
+                src={`/static/icons/${icon}.svg`}
+              />
+            )}
+            {title}
+          </div>
+        </Modal.Header>
+        <Modal.Body className="pb-3" style={{position: "relative"}}>
+          <div className={cx("modal-form-body", {"is-busy": isBusy})}>
+            <fieldset disabled={isBusy}>{children}</fieldset>
+          </div>
+
+          {isBusy && (
+            <div className="loading-overlay">
+              {isLiveSubmit && (
+                <>
+                  <ActivityIndicator />
+                  <div className="mt-2 fw-normal">
+                    {formState.isLoading && <>Loading...</>}
+                    {formState.isSubmitting && (
+                      <>{submittingTitle || "Submitting..."}</>
+                    )}
+                  </div>
+                </>
               )}
-              {title}
             </div>
-          </Modal.Header>
-          <Modal.Body className="pb-3" style={{position: "relative"}}>
-            <div className={cx("modal-form-body", {"is-busy": isBusy})}>
-              <fieldset disabled={isBusy}>{children}</fieldset>
+          )}
+        </Modal.Body>
+
+        {footerLink && isLiveSubmit && (
+          <Modal.Footer className="justify-content-start bg-light">
+            For more information, check out&nbsp;
+            <ExtLink to={footerLink} />
+          </Modal.Footer>
+        )}
+
+        {footerLink && !isLiveSubmit && (
+          <Modal.Footer className="p-0 justify-content-start align-items-start flex-column">
+            <div className="d-flex flex-row-reverse justify-content-start w-100 py-2">
+              <SubmitButton
+                className="me-3"
+                disabled={formState.isSubmitting || formState.isLoading}
+                isLoading={formState.isSubmitting}
+                onClick={onClickSubmit}
+              >
+                {formState.isSubmitting
+                  ? submittingTitle || submitTitle
+                  : submitTitle}
+              </SubmitButton>
+
+              <button
+                className="btn btn-link btn-cancel"
+                disabled={formState.isSubmitting}
+                onClick={onHideHandler}
+              >
+                Cancel
+              </button>
             </div>
-
-            {isBusy && (
-              <div className="loading-overlay">
-                {isLiveSubmit && (
-                  <>
-                    <ActivityIndicator />
-                    <div className="mt-2 fw-normal">
-                      {formState.isLoading && <>Loading...</>}
-                      {formState.isSubmitting && <>{submittingTitle || "Submitting..."}</>}
-                    </div>
-                  </>
-                )}
-              </div>
-            )}
-          </Modal.Body>
-
-          {footerLink && isLiveSubmit && (
-            <Modal.Footer className="justify-content-start bg-light">
+            <div className="w-100 bg-light border-top mx-0 my-0 p-3">
               For more information, check out&nbsp;
               <ExtLink to={footerLink} />
-            </Modal.Footer>
-          )}
-
-          {footerLink && !isLiveSubmit && (
-            <Modal.Footer className="p-0 justify-content-start align-items-start flex-column">
-              <div className="d-flex flex-row-reverse justify-content-start w-100 py-2">
-                <SubmitButton
-                  className="me-3"
-                  disabled={formState.isSubmitting || formState.isLoading}
-                  isLoading={formState.isSubmitting}
-                  onClick={onClickSubmit}
-                >
-                  {formState.isSubmitting ? submittingTitle || submitTitle : submitTitle}
-                </SubmitButton>
-
-                <button
-                  className="btn btn-link btn-cancel"
-                  disabled={formState.isSubmitting}
-                  onClick={onHideHandler}
-                >
-                  Cancel
-                </button>
-              </div>
-              <div className="w-100 bg-light border-top mx-0 my-0 p-3">
-                For more information, check out&nbsp;
-                <ExtLink to={footerLink} />
-              </div>
-            </Modal.Footer>
-          )}
-        </FormProvider>
-      </Modal>
-    )
-  },
-)
-
-ModalForm.displayName = "ModalForm"
+            </div>
+          </Modal.Footer>
+        )}
+      </FormProvider>
+    </Modal>
+  )
+}
 
 export default ModalForm

package/ui/View/index.tsx

@@ -0,0 +1,17 @@
+import {View as RNView} from "react-native"
+import {ReactNode, Ref} from "react"
+
+
+interface Props {
+  ref?: Ref<any>;
+  children?: ReactNode;
+  [key: string]: any;
+}
+
+export const View = ({ref, children, ...props}: Props) => {
+  return (
+    <RNView ref={ref} {...props}>
+      {children}
+    </RNView>
+  )
+}

package/ui/View/index.web.js

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

package/ui/helpers/withSuspense/index.js

@@ -1,5 +1,4 @@
-/* @flow */
-import React, {Suspense, useEffect, useState} from "react"
+import {Suspense, useEffect, useState, lazy} from "react"
 
 import ActivityIndicator from "../../ActivityIndicator"
 
@@ -7,7 +6,7 @@ import ActivityIndicator from "../../ActivityIndicator"
 const DELAY_BEFORE_LOADER = 200
 
 export const withSuspense = (loadFn, opts = {hideLoader: false}) => {
-  const Component = React.lazy(loadFn)
+  const Component = lazy(loadFn)
 
   const Loader = () => {
     const [showLoader, setShowLoader] = useState(false)
@@ -28,11 +27,11 @@ export const withSuspense = (loadFn, opts = {hideLoader: false}) => {
     )
   }
 
-  const Wrapper = React.forwardRef((props, ref) => (
+  const Wrapper = ({ref, ...props}) => (
     <Suspense fallback={<Loader />}>
       <Component ref={ref} {...props} />
     </Suspense>
-  ))
+  )
 
   return Wrapper
 }

package/ui/ExpandableFloatView/index.js

@@ -1,120 +0,0 @@
-/* @flow */
-import {motion} from "framer-motion"
-import {useRef, useState, useImperativeHandle, forwardRef} from "react"
-
-import {SPRING_DEFAULT} from "../springs"
-import useBackdrop from "./useBackdrop"
-
-import "./exp.scss"
-
-
-export const ExpandableFloatView = forwardRef(
-  ({renderContent, containerRef, onGetExpandedRect, targetRef, ...props}, ref) => {
-    const parentRef = useRef(null)
-    const wrapperRef = useRef(null)
-
-    const isOpen = useRef(false)
-    const openedFromRect = useRef(null)
-
-    const [animatedVals, setAnimatedVals] = useState({})
-
-    const getRect = () => {
-      const boundingRect = containerRef.current.getBoundingClientRect()
-      const rect = {
-        left: `${boundingRect.x}px`,
-        top: `${boundingRect.top}px`,
-        right: `${window.innerWidth - boundingRect.right}px`,
-        bottom: `${window.innerHeight - boundingRect.bottom}px`,
-      }
-
-      return rect
-    }
-
-    const onOpen = () => {
-      showBackdrop()
-
-      isOpen.current = true
-
-      const expandedRect = onGetExpandedRect()
-
-      requestAnimationFrame(() => {
-        // set the wrapper ref to current + fixed
-        const rect = getRect()
-        openedFromRect.current = rect
-
-        const newStyle = {
-          position: "fixed",
-          top: rect.top,
-          right: rect.right,
-          bottom: rect.bottom,
-          left: rect.left,
-          zIndex: 1000,
-        }
-        Object.keys(newStyle).forEach((k) => {
-          wrapperRef.current.style[k] = newStyle[k]
-        })
-
-        document.body.appendChild(wrapperRef.current)
-
-        setAnimatedVals(expandedRect)
-      })
-    }
-
-    const onClose = () => {
-      isOpen.current = false
-
-      const returnToRect = openedFromRect.current
-      setAnimatedVals({
-        top: returnToRect.top,
-        right: returnToRect.right,
-        bottom: returnToRect.bottom,
-        left: returnToRect.left,
-        zIndex: "unset",
-      })
-    }
-
-    const onToggle = () => {
-      if (isOpen.current) {
-        onClose()
-      } else {
-        onOpen()
-      }
-    }
-
-    // BACKDROP
-    const {showBackdrop} = useBackdrop(isOpen, onToggle)
-    // BACKDROP
-
-    useImperativeHandle(ref, () => {
-      return {
-        open: () => {
-          onOpen()
-        },
-        toggle: () => {
-          onToggle()
-        },
-        close: () => onClose(),
-      }
-    })
-
-    return (
-      <>
-        <div ref={parentRef}>
-          <motion.div
-            ref={wrapperRef}
-            style={{
-              inset: "unset",
-              // zIndex: 10000,
-              // ...styleProps,
-            }}
-            transition={SPRING_DEFAULT}
-            animate={{...animatedVals}}
-            onClick={(e) => e.stopPropagation()}
-          >
-            {renderContent({})}
-          </motion.div>
-        </div>
-      </>
-    )
-  },
-)

package/ui/View/index.js

@@ -1,12 +0,0 @@
-/* @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>
-  )
-})