@rpcbase/client 0.227.0 → 0.231.0

package/ui/nav/index.ts

@@ -1,13 +0,0 @@
-export * from "./AccountsDropdown"
-export * from "./AccountsToggle"
-export * from "./ContentView"
-export * from "./HeaderContainer"
-export * from "./NotificationsDropdown"
-export * from "./NotificationsToggle"
-export * from "./SidebarContainer"
-export * from "./SlideoutContainer"
-
-import * as MorphingDropdown from "./MorphingDropdown"
-
-
-export {MorphingDropdown}

package/ui/oauth/GitHub.js

@@ -1,38 +0,0 @@
-/* @flow */
-import {useEffect, useState} from "react"
-import useLocation from "react-use/lib/useLocation"
-
-import getGitHubSigninUrl from "./getGitHubSigninUrl"
-
-
-export const GitHub = ({text, className = ""}) => {
-  const location = useLocation()
-
-  const [url, setUrl] = useState(getGitHubSigninUrl())
-
-  useEffect(() => {
-    const newUrl = getGitHubSigninUrl()
-    setUrl(newUrl)
-  }, [location])
-
-  return (
-    <a href={url}
-      className={cx("sign-in-github-btn p-2 btn-lg", className)}
-      style={{}}>
-      <div style={{}} className="me-2">
-        <svg height="28px" width="28px" viewBox="0 0 16 16"  style={{fill: "currentColor"}}>
-          <path fillRule={"evenodd"} d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
-          0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01
-          1.08.58 1.23.82.72 1.21 1.87.87
-          2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12
-          0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08
-          2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0
-          .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
-        </svg>
-      </div>
-      <div className="">
-        {text} with GitHub
-      </div>
-    </a>
-  )
-}

package/ui/oauth/getGitHubSigninUrl.js

@@ -1,30 +0,0 @@
-/* @flow */
-import {GITHUB_OAUTH_CLIENT_ID} from "env"
-
-// https://docs.github.com/en/apps/oauth-apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes
-const DEFAULT_SCOPES = []
-
-const getGitHubSigninUrl = () => {
-  const params = new URLSearchParams(window.location.search)
-  const scopes = params.get("scopes") || ""
-  const state = params.get("state")
-
-  let reqScopes = DEFAULT_SCOPES.join("")
-  if (reqScopes && scopes) {
-    reqScopes += `%20${scopes}`
-  } else if (scopes) {
-    reqScopes = scopes
-  }
-
-  let authUrl = `https://github.com/login/oauth/authorize?client_id=${GITHUB_OAUTH_CLIENT_ID}`
-  if (reqScopes) {
-    authUrl += `&scope=${reqScopes}`
-  }
-  if (state) {
-    authUrl += `&state=${state}`
-  }
-
-  return authUrl
-}
-
-export default getGitHubSigninUrl

package/ui/oauth/index.js

@@ -1,9 +0,0 @@
-/* @flow */
-import {GitHub} from "./GitHub"
-
-import "./oauth.scss"
-
-
-export const AUTH_BUTTONS = {
-  github: GitHub,
-}

package/ui/oauth/oauth.scss

@@ -1,16 +0,0 @@
-@import "helpers";
-
-.sign-in-github-btn {
-  display: inline-flex;
-  align-items: center;
-  background-color: #24292E;
-  font-size: 1.25rem;
-  color: $gray-200;
-  text-decoration: none;
-
-  border-radius: $border-radius;
-
-  &:hover {
-    color: $white;
-  }
-}

package/ui/sortable-hoc/AutoScroller.js

@@ -1,76 +0,0 @@
-/* @flow */
-export default class AutoScroller {
-  constructor(container, onScrollCallback) {
-    this.container = container
-    this.onScrollCallback = onScrollCallback
-  }
-
-  clear() {
-    if (this.interval == null) {
-      return
-    }
-
-    clearInterval(this.interval)
-    this.interval = null
-  }
-
-  update({translate, minTranslate, maxTranslate, width, height}) {
-    const direction = {
-      x: 0,
-      y: 0,
-    }
-    const speed = {
-      x: 1,
-      y: 1,
-    }
-    const acceleration = {
-      x: 10,
-      y: 10,
-    }
-
-    const {scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth} =
-      this.container
-
-    const isTop = scrollTop === 0
-    const isBottom = scrollHeight - scrollTop - clientHeight === 0
-    const isLeft = scrollLeft === 0
-    const isRight = scrollWidth - scrollLeft - clientWidth === 0
-
-    if (translate.y >= maxTranslate.y - height / 2 && !isBottom) {
-      // Scroll Down
-      direction.y = 1
-      speed.y = acceleration.y * Math.abs((maxTranslate.y - height / 2 - translate.y) / height)
-    } else if (translate.x >= maxTranslate.x - width / 2 && !isRight) {
-      // Scroll Right
-      direction.x = 1
-      speed.x = acceleration.x * Math.abs((maxTranslate.x - width / 2 - translate.x) / width)
-    } else if (translate.y <= minTranslate.y + height / 2 && !isTop) {
-      // Scroll Up
-      direction.y = -1
-      speed.y = acceleration.y * Math.abs((translate.y - height / 2 - minTranslate.y) / height)
-    } else if (translate.x <= minTranslate.x + width / 2 && !isLeft) {
-      // Scroll Left
-      direction.x = -1
-      speed.x = acceleration.x * Math.abs((translate.x - width / 2 - minTranslate.x) / width)
-    }
-
-    if (this.interval) {
-      this.clear()
-      this.isAutoScrolling = false
-    }
-
-    if (direction.x !== 0 || direction.y !== 0) {
-      this.interval = setInterval(() => {
-        this.isAutoScrolling = true
-        const offset = {
-          left: speed.x * direction.x,
-          top: speed.y * direction.y,
-        }
-        this.container.scrollTop += offset.top
-        this.container.scrollLeft += offset.left
-
-        this.onScrollCallback(offset)
-      }, 5)
-    }
-  }
-}

package/ui/sortable-hoc/DragHandle.js

@@ -1,31 +0,0 @@
-/* @flow */
-import SortableHandle from "./SortableHandle"
-
-import "./drag-handle.scss"
-
-const DragHandle = SortableHandle(({ref, variant = "bars", className = ""}) => {
-  let icon
-  if (variant === "bars") {
-    icon = (
-      <svg width={18} height={18} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
-        <path
-          fill={"currentColor"}
-          d="M 25 0 C 24.746094 0 24.476563 0.0859375 24.28125 0.28125 L 17.28125 7.28125 C 16.996094 7.566406 16.90625 8 17.0625 8.375 C 17.21875 8.746094 17.597656 9 18 9 L 32.03125 9 C 32.582031 9 33.03125 8.550781 33.03125 8 C 33.03125 7.664063 32.847656 7.367188 32.59375 7.1875 L 25.71875 0.28125 C 25.523438 0.0859375 25.253906 0 25 0 Z M 2 13 L 2 17 L 48 17 L 48 13 Z M 2 23 L 2 27 L 48 27 L 48 23 Z M 2 33 L 2 37 L 48 37 L 48 33 Z M 18 41 C 17.597656 41 17.21875 41.25 17.0625 41.625 C 16.90625 42 16.996094 42.433594 17.28125 42.71875 L 24.28125 49.71875 C 24.476563 49.914063 24.742188 50 25 50 C 25.257813 50 25.523438 49.914063 25.71875 49.71875 L 32.71875 42.71875 C 33.003906 42.433594 33.09375 42 32.9375 41.625 C 32.785156 41.25 32.402344 41 32 41 Z"
-        />
-      </svg>
-    )
-  } else if (variant === "dots") {
-    icon = (
-      <svg width={18} height={18} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
-        <path
-          fill={"currentColor"}
-          d="M 9 2 A 3 3 0 0 0 6 5 A 3 3 0 0 0 9 8 A 3 3 0 0 0 12 5 A 3 3 0 0 0 9 2 z M 21 2 A 3 3 0 0 0 18 5 A 3 3 0 0 0 21 8 A 3 3 0 0 0 24 5 A 3 3 0 0 0 21 2 z M 9 12 A 3 3 0 0 0 6 15 A 3 3 0 0 0 9 18 A 3 3 0 0 0 12 15 A 3 3 0 0 0 9 12 z M 21 12 A 3 3 0 0 0 18 15 A 3 3 0 0 0 21 18 A 3 3 0 0 0 24 15 A 3 3 0 0 0 21 12 z M 9 22 A 3 3 0 0 0 6 25 A 3 3 0 0 0 9 28 A 3 3 0 0 0 12 25 A 3 3 0 0 0 9 22 z M 21 22 A 3 3 0 0 0 18 25 A 3 3 0 0 0 21 28 A 3 3 0 0 0 24 25 A 3 3 0 0 0 21 22 z"
-        />
-      </svg>
-    )
-  } else throw new Error("DragHandle unknown variant")
-
-  return <div ref={ref} className={cx("sortable-drag-handle", className)}>{icon}</div>
-})
-
-export default DragHandle

package/ui/sortable-hoc/Manager.js

@@ -1,54 +0,0 @@
-/* @flow */
-export default class Manager {
-  refs = {}
-
-  add(collection, ref) {
-    if (!this.refs[collection]) {
-      this.refs[collection] = []
-    }
-
-    this.refs[collection].push(ref)
-  }
-
-  remove(collection, ref) {
-    const index = this.getIndex(collection, ref)
-
-    if (index !== -1) {
-      this.refs[collection].splice(index, 1)
-    }
-  }
-
-  isActive() {
-    return this.active
-  }
-
-  getActive() {
-    return this.refs[this.active.collection].find(
-      // eslint-disable-next-line eqeqeq
-      ({node}) => node.sortableInfo.index == this.active.index,
-    )
-  }
-
-  getIndex(collection, ref) {
-    return this.refs[collection].indexOf(ref)
-  }
-
-  getOrderedRefs(collection = this.active.collection) {
-    return this.refs[collection].sort(sortByIndex)
-  }
-}
-
-function sortByIndex(
-  {
-    node: {
-      sortableInfo: {index: index1},
-    },
-  },
-  {
-    node: {
-      sortableInfo: {index: index2},
-    },
-  },
-) {
-  return index1 - index2
-}

package/ui/sortable-hoc/README.md

@@ -1 +0,0 @@
-forked from https://github.com/clauderic/react-sortable-hoc

package/ui/sortable-hoc/SortableContainer/defaultGetHelperDimensions.js

@@ -1,7 +0,0 @@
-/* @flow */
-export default function defaultGetHelperDimensions({node}) {
-  return {
-    height: node.offsetHeight,
-    width: node.offsetWidth,
-  }
-}

package/ui/sortable-hoc/SortableContainer/defaultShouldCancelStart.js

@@ -1,24 +0,0 @@
-/* @flow */
-import {NodeType, closest} from "../utils"
-
-export default function defaultShouldCancelStart(event) {
-  // Cancel sorting if the event target is an `input`, `textarea`, `select` or `option`
-  const interactiveElements = [
-    NodeType.Input,
-    NodeType.Textarea,
-    NodeType.Select,
-    NodeType.Option,
-    NodeType.Button,
-  ]
-
-  if (interactiveElements.indexOf(event.target.tagName) !== -1) {
-    // Return true to cancel sorting
-    return true
-  }
-
-  if (closest(event.target, (el) => el.contentEditable === "true")) {
-    return true
-  }
-
-  return false
-}