Merge pull request #123 from dolthub/taylor/rc

web: Use @dolthub/react-components

web/components/ButtonWithPopup/index.tsx

@@ -1,9 +1,8 @@
-import Popup from "@components/Popup";
+import { Popup, PopupProps } from "@dolthub/react-components";
 import { FaCaretDown } from "@react-icons/all-files/fa/FaCaretDown";
 import { FaCaretUp } from "@react-icons/all-files/fa/FaCaretUp";
 import cx from "classnames";
 import { ReactNode } from "react";
-import { PopupProps } from "reactjs-popup/dist/types";
 import css from "./index.module.css";
 
 type Props = Partial<PopupProps> & {

web/components/CellButtons/HistoryButton.tsx

@@ -1,8 +1,8 @@
 import Button from "@components/Button";
-import Loader from "@components/Loader";
 import useViewList from "@components/Views/useViewList";
 import { useDataTableContext } from "@contexts/dataTable";
 import { useSqlEditorContext } from "@contexts/sqleditor";
+import { Loader } from "@dolthub/react-components";
 import {
   ColumnForDataTableFragment,
   RowForDataTableFragment,

web/components/CommitGraph/index.tsx

@@ -1,6 +1,6 @@
 import { Database404Inner } from "@components/Database404";
-import Loader from "@components/Loader";
 import Page404 from "@components/Page404";
+import { Loader } from "@dolthub/react-components";
 import { useCommitListForCommitGraph } from "@hooks/useCommitListForCommitGraph";
 import { gqlDepNotFound } from "@lib/errors/graphql";
 import { errorMatches } from "@lib/errors/helpers";

web/components/CreateDatabase/index.tsx

@@ -1,6 +1,6 @@
 import Button from "@components/Button";
-import Loader from "@components/Loader";
 import Modal from "@components/Modal";
+import { Loader } from "@dolthub/react-components";
 import {
   DatabasesDocument,
   useCreateDatabaseMutation,

web/components/CreateSchema/index.tsx

@@ -1,6 +1,6 @@
 import Button from "@components/Button";
-import Loader from "@components/Loader";
 import Modal from "@components/Modal";
+import { Loader } from "@dolthub/react-components";
 import { DatabasesDocument, useCreateSchemaMutation } from "@gen/graphql-types";
 import useMutation from "@hooks/useMutation";
 import { database } from "@lib/urls";

web/components/DataTable/index.tsx

@@ -1,7 +1,7 @@
 import { ApolloError } from "@apollo/client";
 import ErrorMsg from "@components/ErrorMsg";
-import Loader from "@components/Loader";
 import { useDataTableContext } from "@contexts/dataTable";
+import { Loader } from "@dolthub/react-components";
 import { Maybe } from "@dolthub/web-utils";
 import {
   ColumnForDataTableFragment,

web/components/DatabaseHeaderAndNav/AddItemDropdown/DocItem.tsx

@@ -1,4 +1,4 @@
-import SmallLoader from "@components/SmallLoader";
+import { SmallLoader } from "@dolthub/react-components";
 import { useDocsRowsForDocPageQuery } from "@gen/graphql-types";
 import { RefParams } from "@lib/params";
 import { newDoc } from "@lib/urls";

web/components/DatabaseHeaderAndNav/AddItemDropdown/index.tsx

@@ -1,5 +1,5 @@
-import Popup from "@components/Popup";
 import NotDoltWrapper from "@components/util/NotDoltWrapper";
+import { Popup } from "@dolthub/react-components";
 import useRole from "@hooks/useRole";
 import { DatabaseParams } from "@lib/params";
 import { newRelease, upload } from "@lib/urls";

web/components/DatabaseHeaderAndNav/ResetConnectionButton.tsx

@@ -1,8 +1,8 @@
 import Button from "@components/Button";
 import ErrorMsg from "@components/ErrorMsg";
 import Modal from "@components/Modal";
-import SmallLoader from "@components/SmallLoader";
 import Tooltip from "@components/Tooltip";
+import { SmallLoader } from "@dolthub/react-components";
 import { useResetDatabaseMutation } from "@gen/graphql-types";
 import useMutation from "@hooks/useMutation";
 import { IoReloadSharp } from "@react-icons/all-files/io5/IoReloadSharp";

web/components/DatabaseNav/index.tsx

@@ -1,6 +1,6 @@
-import SmallLoader from "@components/SmallLoader";
 import Tooltip from "@components/Tooltip";
 import NotDoltWrapper from "@components/util/NotDoltWrapper";
+import { SmallLoader } from "@dolthub/react-components";
 import { useGetBranchQuery, useGetTagQuery } from "@gen/graphql-types";
 import useDatabaseDetails from "@hooks/useDatabaseDetails";
 import useDefaultBranch from "@hooks/useDefaultBranch";

web/components/DatabaseOptionsDropdown/CsvModal.tsx

@@ -1,7 +1,7 @@
 import Button from "@components/Button";
 import ErrorMsg from "@components/ErrorMsg";
 import FormInput from "@components/FormInput";
-import SmallLoader from "@components/SmallLoader";
+import { SmallLoader } from "@dolthub/react-components";
 import { useSqlSelectForCsvDownloadQuery } from "@gen/graphql-types";
 import { isTimeoutError } from "@lib/errors/helpers";
 import { ModalProps } from "@lib/modalProps";

web/components/DatabaseOptionsDropdown/index.tsx

@@ -1,5 +1,5 @@
 import Btn from "@components/Btn";
-import Popup from "@components/Popup";
+import { Popup } from "@dolthub/react-components";
 import { useEffectOnMount } from "@dolthub/react-hooks";
 import { fakeEscapePress } from "@dolthub/web-utils";
 import useSqlParser from "@hooks/useSqlParser";

web/components/DatabaseTableHeader/CreateViewButton/CreateViewModal.tsx

@@ -1,10 +1,10 @@
 import Button from "@components/Button";
 import ButtonsWithError from "@components/ButtonsWithError";
 import FormInput from "@components/FormInput";
-import Loader from "@components/Loader";
 import Modal from "@components/Modal";
 import DocsLink from "@components/links/DocsLink";
 import { useSqlEditorContext } from "@contexts/sqleditor";
+import { Loader } from "@dolthub/react-components";
 import useSqlBuilder from "@hooks/useSqlBuilder";
 import { ModalProps } from "@lib/modalProps";
 import { DatabaseParams } from "@lib/params";

web/components/DatabaseTableHeader/DatabaseTableHeaderMobile/index.tsx

@@ -1,7 +1,7 @@
 import Btn from "@components/Btn";
-import Loader from "@components/Loader";
 import MobileSqlViewer from "@components/SqlEditor/MobileSqlViewer";
 import { useSqlEditorContext } from "@contexts/sqleditor";
+import { Loader } from "@dolthub/react-components";
 import { FaChevronDown } from "@react-icons/all-files/fa/FaChevronDown";
 import { FaChevronUp } from "@react-icons/all-files/fa/FaChevronUp";
 import Errors from "../Errors";

web/components/DatabaseTableHeader/index.tsx

@@ -1,7 +1,7 @@
 import Btn from "@components/Btn";
-import Loader from "@components/Loader";
 import SqlEditor from "@components/SqlEditor";
 import { useSqlEditorContext } from "@contexts/sqleditor";
+import { Loader } from "@dolthub/react-components";
 import { BiPencil } from "@react-icons/all-files/bi/BiPencil";
 import dynamic from "next/dynamic";
 import Buttons from "./Buttons";

web/components/DatabaseTypeLabel/index.tsx

@@ -1,4 +1,4 @@
-import Loader from "@components/Loader";
+import { Loader } from "@dolthub/react-components";
 import { DatabaseType, useDoltDatabaseDetailsQuery } from "@gen/graphql-types";
 import cx from "classnames";
 import css from "./index.module.css";

web/components/DeleteModal/index.tsx

@@ -1,8 +1,8 @@
 import { MutationHookOptions, MutationTuple } from "@apollo/client";
 import Button from "@components/Button";
 import ButtonsWithError from "@components/ButtonsWithError";
-import Loader from "@components/Loader";
 import Modal from "@components/Modal";
+import { Loader } from "@dolthub/react-components";
 import useMutation from "@hooks/useMutation";
 import { RefetchQueries } from "@lib/refetchQueries";
 import { ReactNode } from "react";

web/components/DiffStat/SummaryStats.tsx

@@ -1,5 +1,5 @@
 import { ApolloError } from "@apollo/client";
-import SmallLoader from "@components/SmallLoader";
+import { SmallLoader } from "@dolthub/react-components";
 import { DiffStatForDiffsFragment } from "@gen/graphql-types";
 import cx from "classnames";
 import SummaryStat from "./SummaryStat";

web/components/DiffTable/DataDiff/ViewSqlLink.tsx

@@ -1,6 +1,6 @@
 import { DropdownItem } from "@components/DatabaseOptionsDropdown";
-import SmallLoader from "@components/SmallLoader";
 import Link from "@components/links/Link";
+import { SmallLoader } from "@dolthub/react-components";
 import {
   ColumnForDataTableFragment,
   CommitDiffType,

web/components/DiffTable/DataDiff/index.tsx

@@ -2,9 +2,9 @@ import Button from "@components/Button";
 import DatabaseOptionsDropdown from "@components/DatabaseOptionsDropdown";
 import Errors from "@components/DatabaseTableHeader/Errors";
 import ErrorMsg from "@components/ErrorMsg";
-import Loader from "@components/Loader";
 import { useDataTableContext } from "@contexts/dataTable";
 import { useDiffContext } from "@contexts/diff";
+import { Loader } from "@dolthub/react-components";
 import { useFocus } from "@dolthub/react-hooks";
 import { DiffRowType } from "@gen/graphql-types";
 import { ApolloErrorType } from "@lib/errors/types";

web/components/DiffTable/DiffTableStats/index.tsx

@@ -1,6 +1,6 @@
 import ErrorMsg from "@components/ErrorMsg";
-import SmallLoader from "@components/SmallLoader";
 import { useDiffContext } from "@contexts/diff";
+import { SmallLoader } from "@dolthub/react-components";
 import { DiffSummaryFragment, useDiffStatQuery } from "@gen/graphql-types";
 import { gqlErrorPrimaryKeyChange } from "@lib/errors/graphql";
 import { errorMatches } from "@lib/errors/helpers";

web/components/DiffTableNav/BackButton.tsx

@@ -1,7 +1,7 @@
 import Button from "@components/Button";
-import Loader from "@components/Loader";
 import CommitLogLink from "@components/links/CommitLogLink";
 import PullLink from "@components/links/PullLink";
+import { Loader } from "@dolthub/react-components";
 import useDefaultBranch from "@hooks/useDefaultBranch";
 import { DatabaseParams } from "@lib/params";
 import { FaChevronLeft } from "@react-icons/all-files/fa/FaChevronLeft";

web/components/DiffTableNav/DiffTableStats/TableStat.tsx

@@ -1,7 +1,7 @@
 import SummaryStat from "@components/DiffStat/SummaryStat";
 import ErrorMsg from "@components/ErrorMsg";
-import SmallLoader from "@components/SmallLoader";
 import { useDiffContext } from "@contexts/diff";
+import { SmallLoader } from "@dolthub/react-components";
 import {
   DiffStatForDiffsFragment,
   DiffSummaryFragment,

web/components/DocMarkdown/Buttons.tsx

@@ -1,6 +1,6 @@
 import Button from "@components/Button";
-import Loader from "@components/Loader";
 import Link from "@components/links/Link";
+import { Loader } from "@dolthub/react-components";
 import useEditDoc from "@hooks/useEditDoc";
 import { DocParams, RefParams } from "@lib/params";
 import toDocType from "@lib/toDocType";

web/components/DocMarkdown/Editor.tsx

@@ -1,7 +1,7 @@
 import Button from "@components/Button";
 import ButtonsWithError from "@components/ButtonsWithError";
-import Loader from "@components/Loader";
 import TextareaWithMarkdown from "@components/TextareaWithMarkdown";
+import { Loader } from "@dolthub/react-components";
 import useEditDoc from "@hooks/useEditDoc";
 import { DocParams } from "@lib/params";
 import toDocType from "@lib/toDocType";

web/components/EditCellInput/index.tsx

@@ -1,8 +1,8 @@
 import Btn from "@components/Btn";
 import { toPKColsMapQueryCols } from "@components/CellButtons/queryHelpers";
-import SmallLoader from "@components/SmallLoader";
 import { useDataTableContext } from "@contexts/dataTable";
 import { useSqlEditorContext } from "@contexts/sqleditor";
+import { SmallLoader } from "@dolthub/react-components";
 import { isNullValue } from "@dolthub/web-utils";
 import {
   ColumnForDataTableFragment,

web/components/HelpPopup/index.tsx

@@ -1,8 +1,7 @@
-import Popup from "@components/Popup";
+import { Popup, PopupProps } from "@dolthub/react-components";
 import { BsFillQuestionCircleFill } from "@react-icons/all-files/bs/BsFillQuestionCircleFill";
 import cx from "classnames";
 import { ReactNode } from "react";
-import { PopupProps } from "reactjs-popup/dist/types";
 import css from "./index.module.css";
 
 type Props = {

web/components/Navbar/index.tsx

@@ -1,6 +1,6 @@
 import DocsLink from "@components/links/DocsLink";
-import ExternalLink from "@components/links/ExternalLink";
 import Link from "@components/links/Link";
+import { ExternalLink } from "@dolthub/react-components";
 import { dockerHubRepo, workbenchGithubRepo } from "@lib/constants";
 import { FaDocker } from "@react-icons/all-files/fa/FaDocker";
 import { FaGithub } from "@react-icons/all-files/fa/FaGithub";

web/components/SchemaList/List.tsx

@@ -1,4 +1,4 @@
-import SmallLoader from "@components/SmallLoader";
+import { SmallLoader } from "@dolthub/react-components";
 import { pluralize } from "@dolthub/web-utils";
 import { SchemaType } from "@gen/graphql-types";
 import useSqlBuilder from "@hooks/useSqlBuilder";

web/components/SchemaList/Procedures.tsx

@@ -1,5 +1,5 @@
-import SmallLoader from "@components/SmallLoader";
 import QueryHandler from "@components/util/QueryHandler";
+import { SmallLoader } from "@dolthub/react-components";
 import { SchemaType, useRowsForDoltProceduresQuery } from "@gen/graphql-types";
 import { RefParams } from "@lib/params";
 import List from "./List";

web/components/SchemaList/Tables.tsx

@@ -1,5 +1,5 @@
-import SmallLoader from "@components/SmallLoader";
 import QueryHandler from "@components/util/QueryHandler";
+import { SmallLoader } from "@dolthub/react-components";
 import { SchemaType } from "@gen/graphql-types";
 import useTableNames from "@hooks/useTableNames";
 import { RefParams } from "@lib/params";