From 265dd60f4905467a4e001c5480ef5794482c02bf Mon Sep 17 00:00:00 2001 From: Sidney Alcantara Date: Thu, 28 Oct 2021 22:37:56 +1100 Subject: [PATCH 1/3] fix nested ref values causing side drawer crash (#565) --- src/components/SideDrawer/Form/index.tsx | 11 ++------- src/utils/fns.ts | 29 +++++++++++++++++++++++- 2 files changed, 30 insertions(+), 10 deletions(-) diff --git a/src/components/SideDrawer/Form/index.tsx b/src/components/SideDrawer/Form/index.tsx index 2f2fa487..791335ed 100644 --- a/src/components/SideDrawer/Form/index.tsx +++ b/src/components/SideDrawer/Form/index.tsx @@ -2,8 +2,6 @@ import { createElement, useEffect } from "react"; import { useForm } from "react-hook-form"; import _sortBy from "lodash/sortBy"; import _isEmpty from "lodash/isEmpty"; -import _mapValues from "lodash/mapValues"; -import firebase from "firebase/app"; import { Stack } from "@mui/material"; @@ -16,6 +14,7 @@ import FieldWrapper from "./FieldWrapper"; import { useAppContext } from "contexts/AppContext"; import { useProjectContext } from "contexts/ProjectContext"; +import { sanitizeFirestoreRefs } from "utils/fns"; export interface IFormProps { values: Values; @@ -38,13 +37,7 @@ export default function Form({ values }: IFormProps) { {} ); const { ref: docRef, ...rowValues } = values; - const safeRowValues = _mapValues(rowValues, (v) => { - // If react-hook-form receives a Firestore document reference, it tries to - // clone firebase.firestore and exceeds maximum call stack size. - if (firebase.firestore.DocumentReference.prototype.isPrototypeOf(v)) - return v.path; - return v; - }); + const safeRowValues = sanitizeFirestoreRefs(rowValues); const defaultValues = { ...initialValues, ...safeRowValues }; const methods = useForm({ mode: "onBlur", defaultValues }); diff --git a/src/utils/fns.ts b/src/utils/fns.ts index b849f41f..b240a4b2 100644 --- a/src/utils/fns.ts +++ b/src/utils/fns.ts @@ -1,4 +1,8 @@ +import firebase from "firebase/app"; import _get from "lodash/get"; +import _mapValues from "lodash/mapValues"; +import _isPlainObject from "lodash/isPlainObject"; + import { TABLE_GROUP_SCHEMAS, TABLE_SCHEMAS } from "config/dbPaths"; /** @@ -178,7 +182,7 @@ export const deepMerge = (target, source) => { }; export const rowyUser = ( - currentUser: firebase.default.User, + currentUser: firebase.User, data?: Record ) => { const { displayName, email, uid, emailVerified, isAnonymous, photoURL } = @@ -195,3 +199,26 @@ export const rowyUser = ( ...data, }; }; + +const _firestoreRefSanitizer = (v: any) => { + // If react-hook-form receives a Firestore document reference, it tries to + // clone firebase.firestore and exceeds maximum call stack size. + if (firebase.firestore.DocumentReference.prototype.isPrototypeOf(v)) + return v.path; + + // Also test for arrays + if (Array.isArray(v)) + return v.map((w) => { + if (firebase.firestore.DocumentReference.prototype.isPrototypeOf(w)) + return w.path; + return w; + }); + + // Also test for objects + if (_isPlainObject(v)) return _mapValues(v, _firestoreRefSanitizer); + + return v; +}; + +export const sanitizeFirestoreRefs = (doc: Record) => + _mapValues(doc, _firestoreRefSanitizer); From ab9b3e872728809bba6901c03568e03e57fc5d07 Mon Sep 17 00:00:00 2001 From: shamsmosowi Date: Thu, 28 Oct 2021 23:11:07 +1100 Subject: [PATCH 2/3] add code helper to action script --- src/components/fields/Action/Settings.tsx | 10 +++++++++- src/constants/externalLinks.ts | 1 + 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/fields/Action/Settings.tsx b/src/components/fields/Action/Settings.tsx index 35520fa9..88719a56 100644 --- a/src/components/fields/Action/Settings.tsx +++ b/src/components/fields/Action/Settings.tsx @@ -9,6 +9,9 @@ import { import MultiSelect from "@rowy/multiselect"; import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; import { useProjectContext } from "contexts/ProjectContext"; +import { InputLabel } from "@mui/material"; +import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; +import { WIKI_LINKS } from "constants/externalLinks"; const CodeEditor = lazy( () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) @@ -87,7 +90,12 @@ const Settings = ({ config, handleChange }) => { /> ) : ( <> - action script + Action script + + }> Date: Fri, 29 Oct 2021 11:47:12 +1100 Subject: [PATCH 3/3] standardize imports to use "@src/ --- src/App.tsx | 48 +++++++++---------- src/assets/BrandedBackground.tsx | 4 +- src/components/Auth/AuthLayout.tsx | 8 ++-- src/components/Auth/FirebaseUi.tsx | 2 +- src/components/Auth/MarketingBanner.tsx | 6 +-- .../CodeEditor/CodeEditorHelper.tsx | 2 +- src/components/CodeEditor/index.tsx | 8 ++-- src/components/Confirmation.tsx | 2 +- src/components/ConfirmationDialog/Dialog.tsx | 2 +- .../ConnectServiceSelect/PopupContents.tsx | 2 +- src/components/ConnectServiceSelect/index.tsx | 4 +- src/components/ErrorBoundary.tsx | 2 +- src/components/FloatingSearch.tsx | 4 +- src/components/Home/AccessDenied.tsx | 6 +-- src/components/Home/TableGrid/TableCard.tsx | 4 +- .../Home/TableGrid/TableGridSkeleton.tsx | 2 +- src/components/Home/TableGrid/index.tsx | 6 +-- .../Home/TableList/TableListItem.tsx | 2 +- .../Home/TableList/TableListSkeleton.tsx | 2 +- src/components/Home/TableList/index.tsx | 6 +-- src/components/Loading.tsx | 2 +- src/components/Navigation/Breadcrumbs.tsx | 6 +-- src/components/Navigation/NavDrawer.tsx | 10 ++-- src/components/Navigation/NavTableSection.tsx | 4 +- src/components/Navigation/UserMenu.tsx | 4 +- src/components/Navigation/index.tsx | 8 ++-- src/components/SectionHeading.tsx | 2 +- .../Settings/ProjectSettings/About.tsx | 10 ++-- .../ProjectSettings/Authentication.tsx | 4 +- .../ProjectSettings/Customization.tsx | 6 +-- .../Settings/ProjectSettings/RowyRun.tsx | 8 ++-- src/components/Settings/SettingsSection.tsx | 4 +- src/components/Settings/ThemeColorPicker.tsx | 2 +- .../Settings/UserManagement/InviteUser.tsx | 8 ++-- .../Settings/UserManagement/UserItem.tsx | 10 ++-- .../Settings/UserSettings/Account.tsx | 4 +- .../Settings/UserSettings/Personalization.tsx | 6 +-- .../Settings/UserSettings/Theme.tsx | 4 +- src/components/Setup/SetupItem.tsx | 2 +- src/components/Setup/Step0Welcome.tsx | 6 +-- src/components/Setup/Step1RowyRun.tsx | 10 ++-- src/components/Setup/Step2ServiceAccount.tsx | 14 +++--- src/components/Setup/Step3ProjectOwner.tsx | 12 ++--- src/components/Setup/Step4Rules.tsx | 18 +++---- src/components/Setup/Step5Migrate.tsx | 10 ++-- src/components/SideDrawer/Form/Autosave.tsx | 4 +- .../SideDrawer/Form/FieldWrapper.tsx | 10 ++-- src/components/SideDrawer/Form/index.tsx | 10 ++-- src/components/SideDrawer/Form/utils.ts | 2 +- src/components/SideDrawer/index.tsx | 6 +-- src/components/SideDrawer/useStyles.ts | 4 +- src/components/SnackbarProgress.tsx | 2 +- src/components/Table/BulkActions/index.tsx | 8 ++-- src/components/Table/CellValidation.tsx | 2 +- src/components/Table/ColumnHeader.tsx | 10 ++-- .../FieldSettings/DefaultValueInput.tsx | 11 +++-- .../Table/ColumnMenu/FieldSettings/index.tsx | 16 +++---- .../Table/ColumnMenu/FieldsDropdown.tsx | 6 +-- .../Table/ColumnMenu/NameChange.tsx | 2 +- src/components/Table/ColumnMenu/NewColumn.tsx | 8 ++-- .../Table/ColumnMenu/TypeChange.tsx | 2 +- src/components/Table/ColumnMenu/index.tsx | 22 ++++----- src/components/Table/EmptyTable.tsx | 10 ++-- src/components/Table/Filters/index.tsx | 18 +++---- src/components/Table/FinalColumnHeader.tsx | 4 +- src/components/Table/HiddenFields.tsx | 10 ++-- src/components/Table/HotKeys.tsx | 4 +- src/components/Table/Settings/Webhooks.tsx | 2 +- .../Table/Skeleton/HeaderRowSkeleton.tsx | 2 +- .../Table/Skeleton/TableHeaderSkeleton.tsx | 4 +- .../Table/TableHeader/Export/Download.tsx | 8 ++-- .../Table/TableHeader/Export/Export.tsx | 6 +-- .../Table/TableHeader/Export/index.tsx | 8 ++-- .../TableHeader/Extensions/ExtensionList.tsx | 8 ++-- .../Extensions/ExtensionMigration.tsx | 10 ++-- .../TableHeader/Extensions/ExtensionModal.tsx | 8 ++-- .../Extensions/Step2RequiredFields.tsx | 6 +-- .../Extensions/Step3Conditions.tsx | 7 +-- .../TableHeader/Extensions/Step4Body.tsx | 7 +-- .../Table/TableHeader/Extensions/index.tsx | 14 +++--- .../Table/TableHeader/ImportCsv.tsx | 6 +-- .../Table/TableHeader/LoadedRowsStatus.tsx | 4 +- .../Table/TableHeader/ReExecute.tsx | 8 ++-- .../Table/TableHeader/RowHeight.tsx | 4 +- .../Table/TableHeader/TableLogs.tsx | 28 ++++++----- .../Table/TableHeader/TableSettings.tsx | 4 +- src/components/Table/TableHeader/index.tsx | 10 ++-- src/components/Table/editors/TextEditor.tsx | 6 +-- .../Table/editors/withNullEditor.tsx | 4 +- .../Table/editors/withSideDrawerEditor.tsx | 6 +-- src/components/Table/formatters/ChipList.tsx | 2 +- .../Table/formatters/FinalColumn.tsx | 8 ++-- src/components/Table/index.tsx | 14 +++--- src/components/Table/styles.ts | 4 +- .../TableSettings/SuggestedRules.tsx | 2 +- src/components/TableSettings/form.tsx | 6 +-- src/components/TableSettings/index.tsx | 16 ++++--- src/components/Wizards/Cell.tsx | 6 +-- src/components/Wizards/Column.tsx | 4 +- .../Wizards/ImportCsvWizard/Step1Columns.tsx | 4 +- .../ImportCsvWizard/Step2NewColumns.tsx | 4 +- .../Wizards/ImportCsvWizard/Step3Preview.tsx | 4 +- .../Wizards/ImportCsvWizard/index.tsx | 6 +-- .../Wizards/ImportWizard/Step1Columns.tsx | 8 ++-- .../Wizards/ImportWizard/Step3Types.tsx | 6 +-- .../Wizards/ImportWizard/Step4Preview.tsx | 2 +- src/components/Wizards/ImportWizard/index.tsx | 4 +- src/components/Wizards/ImportWizard/utils.ts | 2 +- src/components/Wizards/WizardDialog.tsx | 4 +- src/components/fields/Action/ActionFab.tsx | 10 ++-- src/components/fields/Action/Settings.tsx | 9 ++-- .../fields/Action/SideDrawerField.tsx | 4 +- src/components/fields/Action/TableCell.tsx | 2 +- src/components/fields/Action/index.tsx | 4 +- src/components/fields/Aggregate/Settings.tsx | 11 +++-- src/components/fields/Aggregate/index.tsx | 4 +- .../fields/Checkbox/SideDrawerField.tsx | 2 +- src/components/fields/Checkbox/TableCell.tsx | 2 +- src/components/fields/Checkbox/index.tsx | 4 +- .../fields/Code/SideDrawerField.tsx | 2 +- src/components/fields/Code/index.tsx | 4 +- .../fields/Color/SideDrawerField.tsx | 2 +- src/components/fields/Color/index.tsx | 4 +- .../ConnectServiceSelect/PopupContents.tsx | 2 +- .../ConnectServiceSelect/index.tsx | 4 +- .../fields/ConnectService/InlineCell.tsx | 2 +- .../fields/ConnectService/index.tsx | 4 +- .../ConnectTable/ConnectTableSelect.tsx | 6 +-- .../fields/ConnectTable/InlineCell.tsx | 2 +- .../fields/ConnectTable/Settings.tsx | 10 ++-- src/components/fields/ConnectTable/index.tsx | 6 +-- .../fields/CreatedAt/SideDrawerField.tsx | 6 +-- src/components/fields/CreatedAt/TableCell.tsx | 4 +- src/components/fields/CreatedAt/index.tsx | 6 +-- src/components/fields/CreatedBy/Settings.tsx | 6 +-- .../fields/CreatedBy/SideDrawerField.tsx | 6 +-- src/components/fields/CreatedBy/TableCell.tsx | 4 +- src/components/fields/CreatedBy/index.tsx | 6 +-- src/components/fields/Date/BasicCell.tsx | 2 +- src/components/fields/Date/Settings.tsx | 6 +-- .../fields/Date/SideDrawerField.tsx | 2 +- src/components/fields/Date/TableCell.tsx | 2 +- src/components/fields/Date/index.tsx | 6 +-- src/components/fields/DateTime/BasicCell.tsx | 2 +- src/components/fields/DateTime/Settings.tsx | 6 +-- .../fields/DateTime/SideDrawerField.tsx | 2 +- src/components/fields/DateTime/TableCell.tsx | 2 +- src/components/fields/DateTime/index.tsx | 6 +-- src/components/fields/Derivative/Settings.tsx | 13 ++--- src/components/fields/Derivative/index.tsx | 6 +-- .../fields/Duration/SideDrawerField.tsx | 2 +- src/components/fields/Duration/index.tsx | 4 +- src/components/fields/Email/index.tsx | 4 +- .../fields/File/SideDrawerField.tsx | 14 +++--- src/components/fields/File/TableCell.tsx | 14 +++--- src/components/fields/File/index.tsx | 4 +- src/components/fields/Id/SideDrawerField.tsx | 2 +- src/components/fields/Id/index.tsx | 6 +-- .../fields/Image/SideDrawerField.tsx | 12 ++--- src/components/fields/Image/TableCell.tsx | 10 ++-- src/components/fields/Image/index.tsx | 6 +-- .../fields/Json/SideDrawerField.tsx | 4 +- src/components/fields/Json/index.tsx | 6 +-- src/components/fields/LongText/index.tsx | 4 +- .../fields/MultiSelect/InlineCell.tsx | 4 +- .../fields/MultiSelect/SideDrawerField.tsx | 2 +- src/components/fields/MultiSelect/index.tsx | 6 +-- src/components/fields/Number/index.tsx | 6 +-- .../fields/Percentage/BasicCell.tsx | 2 +- .../fields/Percentage/SideDrawerField.tsx | 2 +- src/components/fields/Percentage/index.tsx | 6 +-- src/components/fields/Phone/index.tsx | 4 +- src/components/fields/Rating/Settings.tsx | 2 +- .../fields/Rating/SideDrawerField.tsx | 2 +- src/components/fields/Rating/index.tsx | 4 +- .../fields/RichText/SideDrawerField.tsx | 2 +- src/components/fields/RichText/TableCell.tsx | 4 +- src/components/fields/RichText/index.tsx | 4 +- src/components/fields/ShortText/index.tsx | 4 +- src/components/fields/SingleSelect/index.tsx | 6 +-- src/components/fields/Slider/Settings.tsx | 2 +- .../fields/Slider/SideDrawerField.tsx | 2 +- src/components/fields/Slider/TableCell.tsx | 2 +- src/components/fields/Slider/index.tsx | 6 +-- src/components/fields/Status/Settings.tsx | 4 +- .../fields/Status/SideDrawerField.tsx | 2 +- src/components/fields/Status/index.tsx | 6 +-- src/components/fields/SubTable/Settings.tsx | 4 +- .../fields/SubTable/SideDrawerField.tsx | 2 +- src/components/fields/SubTable/index.tsx | 6 +-- .../fields/UpdatedAt/SideDrawerField.tsx | 6 +-- src/components/fields/UpdatedAt/TableCell.tsx | 4 +- src/components/fields/UpdatedAt/index.tsx | 6 +-- .../fields/UpdatedBy/SideDrawerField.tsx | 6 +-- src/components/fields/UpdatedBy/TableCell.tsx | 4 +- src/components/fields/UpdatedBy/index.tsx | 6 +-- src/components/fields/Url/index.tsx | 4 +- .../fields/User/SideDrawerField.tsx | 4 +- src/components/fields/User/TableCell.tsx | 2 +- src/components/fields/User/index.tsx | 4 +- .../fields/_withTableCell/withBasicCell.tsx | 8 ++-- .../fields/_withTableCell/withHeavyCell.tsx | 10 ++-- .../fields/_withTableCell/withPopoverCell.tsx | 10 ++-- src/components/fields/index.tsx | 2 +- src/components/fields/types.ts | 2 +- src/contexts/AppContext.tsx | 8 ++-- src/contexts/EditorContext.ts | 2 +- src/contexts/ProjectContext.tsx | 20 ++++---- src/firebase/firebaseui.ts | 10 ++-- src/hooks/useSettings.ts | 8 +++- src/hooks/useTable/useTableConfig.ts | 2 +- src/hooks/useTable/useTableData.tsx | 4 +- src/pages/Auth/ImpersonatorAuth.tsx | 8 ++-- src/pages/Auth/JwtAuth.tsx | 2 +- src/pages/Auth/SetupGuide.tsx | 6 +-- src/pages/Auth/SignOut.tsx | 2 +- src/pages/Auth/SignUp.tsx | 8 ++-- src/pages/Auth/index.tsx | 4 +- src/pages/Deploy.tsx | 6 +-- src/pages/Home.tsx | 34 ++++++------- src/pages/PageNotFound.tsx | 12 ++--- src/pages/RowyRunTest.tsx | 6 +-- src/pages/Settings/ProjectSettings.tsx | 14 +++--- src/pages/Settings/UserManagement.tsx | 16 +++---- src/pages/Settings/UserSettings.tsx | 14 +++--- src/pages/Setup.tsx | 24 +++++----- src/pages/Table.tsx | 24 +++++----- src/pages/Test.tsx | 8 ++-- src/space-grotesk.css | 4 +- src/theme/components.tsx | 6 +-- src/theme/index.tsx | 6 +-- src/utils/PrivateRoute.tsx | 6 +-- src/utils/fns.ts | 2 +- src/utils/rowyRun.ts | 2 +- 234 files changed, 744 insertions(+), 726 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index a78c8762..ba5d5041 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,34 +6,34 @@ import AdapterDateFns from "@mui/lab/AdapterDateFns"; import { StyledEngineProvider } from "@mui/material/styles"; import "./space-grotesk.css"; -import CustomBrowserRouter from "utils/CustomBrowserRouter"; -import PrivateRoute from "utils/PrivateRoute"; -import ErrorBoundary from "components/ErrorBoundary"; -import Loading from "components/Loading"; -import Navigation from "components/Navigation"; -import Logo from "assets/Logo"; +import CustomBrowserRouter from "@src/utils/CustomBrowserRouter"; +import PrivateRoute from "@src/utils/PrivateRoute"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import Loading from "@src/components/Loading"; +import Navigation from "@src/components/Navigation"; +import Logo from "@src/assets/Logo"; -import SwrProvider from "contexts/SwrContext"; -import ConfirmationProvider from "components/ConfirmationDialog/Provider"; -import { AppProvider } from "contexts/AppContext"; -import { ProjectContextProvider } from "contexts/ProjectContext"; -import { SnackbarProvider } from "contexts/SnackbarContext"; -import { SnackLogProvider } from "contexts/SnackLogContext"; -import routes from "constants/routes"; +import SwrProvider from "@src/contexts/SwrContext"; +import ConfirmationProvider from "@src/components/ConfirmationDialog/Provider"; +import { AppProvider } from "@src/contexts/AppContext"; +import { ProjectContextProvider } from "@src/contexts/ProjectContext"; +import { SnackbarProvider } from "@src/contexts/SnackbarContext"; +import { SnackLogProvider } from "@src/contexts/SnackLogContext"; +import routes from "@src/constants/routes"; -import AuthPage from "pages/Auth"; -import SignOutPage from "pages/Auth/SignOut"; -import SignUpPage from "pages/Auth/SignUp"; -import DeployPage from "pages/Deploy"; -import TestPage from "pages/Test"; -import RowyRunTestPage from "pages/RowyRunTest"; -import PageNotFound from "pages/PageNotFound"; +import AuthPage from "@src/pages/Auth"; +import SignOutPage from "@src/pages/Auth/SignOut"; +import SignUpPage from "@src/pages/Auth/SignUp"; +import DeployPage from "@src/pages/Deploy"; +import TestPage from "@src/pages/Test"; +import RowyRunTestPage from "@src/pages/RowyRunTest"; +import PageNotFound from "@src/pages/PageNotFound"; -import Favicon from "assets/Favicon"; -import "analytics"; +import Favicon from "@src/assets/Favicon"; +import "@src/analytics"; // prettier-ignore -const AuthSetupGuidePage = lazy(() => import("pages/Auth/SetupGuide" /* webpackChunkName: "AuthSetupGuide" */)); +const AuthSetupGuidePage = lazy(() => import("@src/pages/Auth/SetupGuide" /* webpackChunkName: "AuthSetupGuide" */)); // prettier-ignore const ImpersonatorAuthPage = lazy(() => import("./pages/Auth/ImpersonatorAuth" /* webpackChunkName: "ImpersonatorAuthPage" */)); // prettier-ignore @@ -51,7 +51,7 @@ const UserSettingsPage = lazy(() => import("./pages/Settings/UserSettings" /* we // prettier-ignore const UserManagementPage = lazy(() => import("./pages/Settings/UserManagement" /* webpackChunkName: "UserManagementPage" */)); // prettier-ignore -const SetupPage = lazy(() => import("pages/Setup" /* webpackChunkName: "SetupPage" */)); +const SetupPage = lazy(() => import("@src/pages/Setup" /* webpackChunkName: "SetupPage" */)); export default function App() { return ( diff --git a/src/assets/BrandedBackground.tsx b/src/assets/BrandedBackground.tsx index 0d506fef..febb3cd2 100644 --- a/src/assets/BrandedBackground.tsx +++ b/src/assets/BrandedBackground.tsx @@ -4,8 +4,8 @@ import { use100vh } from "react-div-100vh"; import { useTheme, alpha } from "@mui/material/styles"; import { Box, BoxProps } from "@mui/material"; -import bgPattern from "assets/bg-pattern.svg"; -import bgPatternDark from "assets/bg-pattern-dark.svg"; +import bgPattern from "@src/assets/bg-pattern.svg"; +import bgPatternDark from "@src/assets/bg-pattern-dark.svg"; export default function BrandedBackground() { const theme = useTheme(); diff --git a/src/components/Auth/AuthLayout.tsx b/src/components/Auth/AuthLayout.tsx index 04a0ad88..858fd16c 100644 --- a/src/components/Auth/AuthLayout.tsx +++ b/src/components/Auth/AuthLayout.tsx @@ -7,11 +7,11 @@ import { LinkProps, } from "@mui/material"; import { alpha } from "@mui/material/styles"; -import BrandedBackground, { Wrapper } from "assets/BrandedBackground"; -import Logo from "assets/Logo"; +import BrandedBackground, { Wrapper } from "@src/assets/BrandedBackground"; +import Logo from "@src/assets/Logo"; -import { useAppContext } from "contexts/AppContext"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { useAppContext } from "@src/contexts/AppContext"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export interface IAuthLayoutProps { hideLogo?: boolean; diff --git a/src/components/Auth/FirebaseUi.tsx b/src/components/Auth/FirebaseUi.tsx index 4b58335e..2870fc32 100644 --- a/src/components/Auth/FirebaseUi.tsx +++ b/src/components/Auth/FirebaseUi.tsx @@ -11,7 +11,7 @@ import Skeleton from "@mui/material/Skeleton"; import { auth, db } from "@src/firebase"; import { defaultUiConfig, getSignInOptions } from "@src/firebase/firebaseui"; -import { PUBLIC_SETTINGS } from "config/dbPaths"; +import { PUBLIC_SETTINGS } from "@src/config/dbPaths"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Auth/MarketingBanner.tsx b/src/components/Auth/MarketingBanner.tsx index 20021334..ea48c865 100644 --- a/src/components/Auth/MarketingBanner.tsx +++ b/src/components/Auth/MarketingBanner.tsx @@ -1,10 +1,10 @@ import { Stack, Paper, Typography, Button } from "@mui/material"; import { alpha } from "@mui/material/styles"; -import DiscordIcon from "assets/icons/Discord"; +import DiscordIcon from "@src/assets/icons/Discord"; import TwitterIcon from "@mui/icons-material/Twitter"; -import Logo from "assets/Logo"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import Logo from "@src/assets/Logo"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function MarketingBanner() { return ( diff --git a/src/components/CodeEditor/CodeEditorHelper.tsx b/src/components/CodeEditor/CodeEditorHelper.tsx index 553f2994..df928d78 100644 --- a/src/components/CodeEditor/CodeEditorHelper.tsx +++ b/src/components/CodeEditor/CodeEditorHelper.tsx @@ -1,5 +1,5 @@ import { Stack, Typography, Grid, Tooltip, Button } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; export interface ICodeEditorHelperProps { docLink: string; diff --git a/src/components/CodeEditor/index.tsx b/src/components/CodeEditor/index.tsx index 8598e74b..81c4abc5 100644 --- a/src/components/CodeEditor/index.tsx +++ b/src/components/CodeEditor/index.tsx @@ -6,11 +6,11 @@ import githubLightTheme from "./github-light-default.json"; import githubDarkTheme from "./github-dark-default.json"; import { useTheme, Box, BoxProps } from "@mui/material"; -import CircularProgressOptical from "components/CircularProgressOptical"; -import ResizeBottomRightIcon from "assets/icons/ResizeBottomRight"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; +import ResizeBottomRightIcon from "@src/assets/icons/ResizeBottomRight"; -import { useProjectContext } from "contexts/ProjectContext"; -import { getFieldProp } from "components/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { getFieldProp } from "@src/components/fields"; /* eslint-disable import/no-webpack-loader-syntax */ import firestoreDefs from "!!raw-loader!./firestore.d.ts"; diff --git a/src/components/Confirmation.tsx b/src/components/Confirmation.tsx index 5de653a6..9702452b 100644 --- a/src/components/Confirmation.tsx +++ b/src/components/Confirmation.tsx @@ -8,7 +8,7 @@ import DialogContent from "@mui/material/DialogContent"; import DialogContentText from "@mui/material/DialogContentText"; import DialogTitle from "@mui/material/DialogTitle"; import TextField from "@mui/material/TextField"; -import { SlideTransitionMui } from "components/Modal/SlideTransition"; +import { SlideTransitionMui } from "@src/components/Modal/SlideTransition"; const useStyles = makeStyles(() => createStyles({ diff --git a/src/components/ConfirmationDialog/Dialog.tsx b/src/components/ConfirmationDialog/Dialog.tsx index 799ce336..57cf77d4 100644 --- a/src/components/ConfirmationDialog/Dialog.tsx +++ b/src/components/ConfirmationDialog/Dialog.tsx @@ -10,7 +10,7 @@ import { Button, } from "@mui/material"; -import { SlideTransitionMui } from "components/Modal/SlideTransition"; +import { SlideTransitionMui } from "@src/components/Modal/SlideTransition"; export default function Confirmation({ title, diff --git a/src/components/ConnectServiceSelect/PopupContents.tsx b/src/components/ConnectServiceSelect/PopupContents.tsx index 0b6b71c7..3381ba3c 100644 --- a/src/components/ConnectServiceSelect/PopupContents.tsx +++ b/src/components/ConnectServiceSelect/PopupContents.tsx @@ -21,7 +21,7 @@ import SearchIcon from "@mui/icons-material/Search"; import { IConnectServiceSelectProps } from "."; import useStyles from "./styles"; -import Loading from "components/Loading"; +import Loading from "@src/components/Loading"; export interface IPopupContentsProps extends Omit {} diff --git a/src/components/ConnectServiceSelect/index.tsx b/src/components/ConnectServiceSelect/index.tsx index 4bcb56bf..1805ae2f 100644 --- a/src/components/ConnectServiceSelect/index.tsx +++ b/src/components/ConnectServiceSelect/index.tsx @@ -3,8 +3,8 @@ import clsx from "clsx"; import { TextField, TextFieldProps } from "@mui/material"; import useStyles from "./styles"; -import Loading from "components/Loading"; -import ErrorBoundary from "components/ErrorBoundary"; +import Loading from "@src/components/Loading"; +import ErrorBoundary from "@src/components/ErrorBoundary"; const PopupContents = lazy( () => import("./PopupContents" /* webpackChunkName: "PopupContents" */) diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx index 4b73a467..53da9f0c 100644 --- a/src/components/ErrorBoundary.tsx +++ b/src/components/ErrorBoundary.tsx @@ -3,7 +3,7 @@ import EmptyState, { IEmptyStateProps } from "./EmptyState"; import { Button } from "@mui/material"; import ReloadIcon from "@mui/icons-material/Refresh"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import meta from "@root/package.json"; diff --git a/src/components/FloatingSearch.tsx b/src/components/FloatingSearch.tsx index 6783f6dc..83ddf636 100644 --- a/src/components/FloatingSearch.tsx +++ b/src/components/FloatingSearch.tsx @@ -7,8 +7,8 @@ import { } from "@mui/material"; import SearchIcon from "@mui/icons-material/Search"; -import SlideTransition from "components/Modal/SlideTransition"; -import { APP_BAR_HEIGHT } from "components/Navigation"; +import SlideTransition from "@src/components/Modal/SlideTransition"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; export interface IFloatingSearchProps extends Partial { label: string; diff --git a/src/components/Home/AccessDenied.tsx b/src/components/Home/AccessDenied.tsx index 4af8d5ce..5c6b9024 100644 --- a/src/components/Home/AccessDenied.tsx +++ b/src/components/Home/AccessDenied.tsx @@ -3,10 +3,10 @@ import { Link } from "react-router-dom"; import { Typography, Link as MuiLink, Button } from "@mui/material"; import SecurityIcon from "@mui/icons-material/SecurityOutlined"; -import EmptyState from "components/EmptyState"; +import EmptyState from "@src/components/EmptyState"; -import { WIKI_LINKS } from "constants/externalLinks"; -import routes from "constants/routes"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; +import routes from "@src/constants/routes"; import { useAppContext } from "@src/contexts/AppContext"; export default function AccessDenied() { diff --git a/src/components/Home/TableGrid/TableCard.tsx b/src/components/Home/TableGrid/TableCard.tsx index e2e76d6c..0b8ae9ff 100644 --- a/src/components/Home/TableGrid/TableCard.tsx +++ b/src/components/Home/TableGrid/TableCard.tsx @@ -8,9 +8,9 @@ import { CardActions, Button, } from "@mui/material"; -import GoIcon from "assets/icons/Go"; +import GoIcon from "@src/assets/icons/Go"; -import { Table } from "contexts/ProjectContext"; +import { Table } from "@src/contexts/ProjectContext"; export interface ITableCardProps extends Table { link: string; diff --git a/src/components/Home/TableGrid/TableGridSkeleton.tsx b/src/components/Home/TableGrid/TableGridSkeleton.tsx index 8f9dd62c..ae3ec490 100644 --- a/src/components/Home/TableGrid/TableGridSkeleton.tsx +++ b/src/components/Home/TableGrid/TableGridSkeleton.tsx @@ -1,6 +1,6 @@ import { Container, Paper, Box, Grid } from "@mui/material"; -import SectionHeadingSkeleton from "components/SectionHeadingSkeleton"; +import SectionHeadingSkeleton from "@src/components/SectionHeadingSkeleton"; import TableCardSkeleton from "./TableCardSkeleton"; export default function TableGridSkeleton() { diff --git a/src/components/Home/TableGrid/index.tsx b/src/components/Home/TableGrid/index.tsx index 493116b2..05fc1326 100644 --- a/src/components/Home/TableGrid/index.tsx +++ b/src/components/Home/TableGrid/index.tsx @@ -2,11 +2,11 @@ import { TransitionGroup } from "react-transition-group"; import { Box, Grid, Collapse } from "@mui/material"; -import SectionHeading from "components/SectionHeading"; +import SectionHeading from "@src/components/SectionHeading"; import TableCard from "./TableCard"; -import SlideTransition from "components/Modal/SlideTransition"; +import SlideTransition from "@src/components/Modal/SlideTransition"; -import { Table } from "contexts/ProjectContext"; +import { Table } from "@src/contexts/ProjectContext"; export interface ITableGridProps { sections: Record; diff --git a/src/components/Home/TableList/TableListItem.tsx b/src/components/Home/TableList/TableListItem.tsx index a427f30f..327c48c6 100644 --- a/src/components/Home/TableList/TableListItem.tsx +++ b/src/components/Home/TableList/TableListItem.tsx @@ -8,7 +8,7 @@ import { } from "@mui/material"; import GoIcon from "@mui/icons-material/ArrowForward"; -import { Table } from "contexts/ProjectContext"; +import { Table } from "@src/contexts/ProjectContext"; export interface ITableListItemProps extends Table { link: string; diff --git a/src/components/Home/TableList/TableListSkeleton.tsx b/src/components/Home/TableList/TableListSkeleton.tsx index 5bb44174..8289032d 100644 --- a/src/components/Home/TableList/TableListSkeleton.tsx +++ b/src/components/Home/TableList/TableListSkeleton.tsx @@ -1,6 +1,6 @@ import { Container, Box, Paper } from "@mui/material"; -import SectionHeadingSkeleton from "components/SectionHeadingSkeleton"; +import SectionHeadingSkeleton from "@src/components/SectionHeadingSkeleton"; import TableListItemSkeleton from "./TableListItemSkeleton"; export default function TableGridSkeleton() { diff --git a/src/components/Home/TableList/index.tsx b/src/components/Home/TableList/index.tsx index 991f2555..f8247fdf 100644 --- a/src/components/Home/TableList/index.tsx +++ b/src/components/Home/TableList/index.tsx @@ -2,11 +2,11 @@ import { TransitionGroup } from "react-transition-group"; import { Box, Paper, Collapse, List } from "@mui/material"; -import SectionHeading from "components/SectionHeading"; +import SectionHeading from "@src/components/SectionHeading"; import TableListItem from "./TableListItem"; -import SlideTransition from "components/Modal/SlideTransition"; +import SlideTransition from "@src/components/Modal/SlideTransition"; -import { Table } from "contexts/ProjectContext"; +import { Table } from "@src/contexts/ProjectContext"; export interface ITableListProps { sections: Record; diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx index 2ed9402f..91a5592e 100644 --- a/src/components/Loading.tsx +++ b/src/components/Loading.tsx @@ -1,7 +1,7 @@ import { use100vh } from "react-div-100vh"; import { Fade, Stack, StackProps, Typography } from "@mui/material"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; interface ILoadingProps extends Partial { message?: string; diff --git a/src/components/Navigation/Breadcrumbs.tsx b/src/components/Navigation/Breadcrumbs.tsx index b12898f8..de2fd7e6 100644 --- a/src/components/Navigation/Breadcrumbs.tsx +++ b/src/components/Navigation/Breadcrumbs.tsx @@ -11,9 +11,9 @@ import { } from "@mui/material"; import ArrowRightIcon from "@mui/icons-material/ChevronRight"; -import { useProjectContext } from "contexts/ProjectContext"; -import useRouter from "hooks/useRouter"; -import routes from "constants/routes"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import useRouter from "@src/hooks/useRouter"; +import routes from "@src/constants/routes"; export default function Breadcrumbs(props: BreadcrumbsProps) { const { tables, tableState } = useProjectContext(); diff --git a/src/components/Navigation/NavDrawer.tsx b/src/components/Navigation/NavDrawer.tsx index b3371efa..23e48e91 100644 --- a/src/components/Navigation/NavDrawer.tsx +++ b/src/components/Navigation/NavDrawer.tsx @@ -15,18 +15,18 @@ import HomeIcon from "@mui/icons-material/HomeOutlined"; import SettingsIcon from "@mui/icons-material/SettingsOutlined"; import ProjectSettingsIcon from "@mui/icons-material/BuildCircleOutlined"; import UserManagementIcon from "@mui/icons-material/AccountCircleOutlined"; -import CloseIcon from "assets/icons/Backburger"; +import CloseIcon from "@src/assets/icons/Backburger"; import PinIcon from "@mui/icons-material/PushPinOutlined"; import UnpinIcon from "@mui/icons-material/PushPin"; import { APP_BAR_HEIGHT } from "."; -import Logo from "assets/Logo"; +import Logo from "@src/assets/Logo"; import NavItem from "./NavItem"; import NavTableSection from "./NavTableSection"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext } from "contexts/ProjectContext"; -import { routes } from "constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { routes } from "@src/constants/routes"; export const NAV_DRAWER_WIDTH = 256; diff --git a/src/components/Navigation/NavTableSection.tsx b/src/components/Navigation/NavTableSection.tsx index 3a4d2323..3f733358 100644 --- a/src/components/Navigation/NavTableSection.tsx +++ b/src/components/Navigation/NavTableSection.tsx @@ -5,8 +5,8 @@ import { List, ListItemText, Collapse } from "@mui/material"; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; import NavItem from "./NavItem"; -import { Table } from "contexts/ProjectContext"; -import { routes } from "constants/routes"; +import { Table } from "@src/contexts/ProjectContext"; +import { routes } from "@src/constants/routes"; export interface INavDrawerItemProps { open?: boolean; diff --git a/src/components/Navigation/UserMenu.tsx b/src/components/Navigation/UserMenu.tsx index 00f03be5..6cdc74c7 100644 --- a/src/components/Navigation/UserMenu.tsx +++ b/src/components/Navigation/UserMenu.tsx @@ -18,8 +18,8 @@ import { import AccountCircleIcon from "@mui/icons-material/AccountCircleOutlined"; import ArrowRightIcon from "@mui/icons-material/ArrowRight"; -import { useAppContext } from "contexts/AppContext"; -import routes from "constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; +import routes from "@src/constants/routes"; export default function UserMenu(props: IconButtonProps) { const anchorEl = useRef(null); diff --git a/src/components/Navigation/index.tsx b/src/components/Navigation/index.tsx index 1284a3b5..4838307d 100644 --- a/src/components/Navigation/index.tsx +++ b/src/components/Navigation/index.tsx @@ -17,11 +17,11 @@ import MenuIcon from "@mui/icons-material/Menu"; import NavDrawer, { NAV_DRAWER_WIDTH } from "./NavDrawer"; import UserMenu from "./UserMenu"; -import ErrorBoundary from "components/ErrorBoundary"; -import Loading from "components/Loading"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import Loading from "@src/components/Loading"; -import { useAppContext } from "contexts/AppContext"; -import useDocumentTitle from "hooks/useDocumentTitle"; +import { useAppContext } from "@src/contexts/AppContext"; +import useDocumentTitle from "@src/hooks/useDocumentTitle"; export const APP_BAR_HEIGHT = 56; diff --git a/src/components/SectionHeading.tsx b/src/components/SectionHeading.tsx index ab90df48..965b9f22 100644 --- a/src/components/SectionHeading.tsx +++ b/src/components/SectionHeading.tsx @@ -5,7 +5,7 @@ import { HashLink } from "react-router-hash-link"; import { Stack, StackProps, Typography, IconButton } from "@mui/material"; import LinkIcon from "@mui/icons-material/Link"; -import { APP_BAR_HEIGHT } from "components/Navigation"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; export interface ISectionHeadingProps extends Omit { children: string; diff --git a/src/components/Settings/ProjectSettings/About.tsx b/src/components/Settings/ProjectSettings/About.tsx index ec38e045..23dcccd1 100644 --- a/src/components/Settings/ProjectSettings/About.tsx +++ b/src/components/Settings/ProjectSettings/About.tsx @@ -5,15 +5,15 @@ import { differenceInDays } from "date-fns"; import { Grid, Typography, Button, Link, Divider } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; import GitHubIcon from "@mui/icons-material/GitHub"; -import DiscordIcon from "assets/icons/Discord"; +import DiscordIcon from "@src/assets/icons/Discord"; import TwitterIcon from "@mui/icons-material/Twitter"; -import Logo from "assets/Logo"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import Logo from "@src/assets/Logo"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import { name, version, repository } from "@root/package.json"; -import { useAppContext } from "contexts/AppContext"; -import { EXTERNAL_LINKS, WIKI_LINKS } from "constants/externalLinks"; +import { useAppContext } from "@src/contexts/AppContext"; +import { EXTERNAL_LINKS, WIKI_LINKS } from "@src/constants/externalLinks"; const useLastCheckedUpdateState = createPersistedState( "__ROWY__LAST_CHECKED_UPDATE" diff --git a/src/components/Settings/ProjectSettings/Authentication.tsx b/src/components/Settings/ProjectSettings/Authentication.tsx index f4a7af5c..d0759c2a 100644 --- a/src/components/Settings/ProjectSettings/Authentication.tsx +++ b/src/components/Settings/ProjectSettings/Authentication.tsx @@ -4,9 +4,9 @@ import _startCase from "lodash/startCase"; import MultiSelect from "@rowy/multiselect"; import { Typography, Link } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; -import { IProjectSettingsChildProps } from "pages/Settings/ProjectSettings"; +import { IProjectSettingsChildProps } from "@src/pages/Settings/ProjectSettings"; export default function Authentication({ publicSettings, diff --git a/src/components/Settings/ProjectSettings/Customization.tsx b/src/components/Settings/ProjectSettings/Customization.tsx index 53fe2c30..92c7fa61 100644 --- a/src/components/Settings/ProjectSettings/Customization.tsx +++ b/src/components/Settings/ProjectSettings/Customization.tsx @@ -1,13 +1,13 @@ import { lazy, Suspense, useState } from "react"; -import { IProjectSettingsChildProps } from "pages/Settings/ProjectSettings"; +import { IProjectSettingsChildProps } from "@src/pages/Settings/ProjectSettings"; import _merge from "lodash/merge"; import _unset from "lodash/unset"; import { FormControlLabel, Checkbox, Collapse } from "@mui/material"; -import Loading from "components/Loading"; +import Loading from "@src/components/Loading"; // prettier-ignore -const ThemeColorPicker = lazy(() => import("components/Settings/ThemeColorPicker") /* webpackChunkName: "Settings/ThemeColorPicker" */); +const ThemeColorPicker = lazy(() => import("@src/components/Settings/ThemeColorPicker") /* webpackChunkName: "Settings/ThemeColorPicker" */); export default function Customization({ publicSettings, diff --git a/src/components/Settings/ProjectSettings/RowyRun.tsx b/src/components/Settings/ProjectSettings/RowyRun.tsx index 5d51d20d..195f63b7 100644 --- a/src/components/Settings/ProjectSettings/RowyRun.tsx +++ b/src/components/Settings/ProjectSettings/RowyRun.tsx @@ -11,12 +11,12 @@ import { TextField, } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; -import { IProjectSettingsChildProps } from "pages/Settings/ProjectSettings"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { IProjectSettingsChildProps } from "@src/pages/Settings/ProjectSettings"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; import { name } from "@root/package.json"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; const useLastCheckedUpdateState = createPersistedState( "__ROWY__RUN_LAST_CHECKED_UPDATE" diff --git a/src/components/Settings/SettingsSection.tsx b/src/components/Settings/SettingsSection.tsx index d24f1fcc..f4b69303 100644 --- a/src/components/Settings/SettingsSection.tsx +++ b/src/components/Settings/SettingsSection.tsx @@ -1,7 +1,7 @@ import { Paper, PaperProps } from "@mui/material"; -import SectionHeading from "components/SectionHeading"; -import SlideTransition from "components/Modal/SlideTransition"; +import SectionHeading from "@src/components/SectionHeading"; +import SlideTransition from "@src/components/Modal/SlideTransition"; export interface ISettingsSectionProps { children: React.ReactNode; diff --git a/src/components/Settings/ThemeColorPicker.tsx b/src/components/Settings/ThemeColorPicker.tsx index c22900d9..441cb976 100644 --- a/src/components/Settings/ThemeColorPicker.tsx +++ b/src/components/Settings/ThemeColorPicker.tsx @@ -6,7 +6,7 @@ import { useTheme, Grid, Typography, Stack, Box, Button } from "@mui/material"; import PassIcon from "@mui/icons-material/Check"; import FailIcon from "@mui/icons-material/Error"; -import { PRIMARY, DARK_PRIMARY } from "theme/colors"; +import { PRIMARY, DARK_PRIMARY } from "@src/theme/colors"; import themes from "theme"; import { colord, extend } from "colord"; diff --git a/src/components/Settings/UserManagement/InviteUser.tsx b/src/components/Settings/UserManagement/InviteUser.tsx index 0c581c75..0f534dcd 100644 --- a/src/components/Settings/UserManagement/InviteUser.tsx +++ b/src/components/Settings/UserManagement/InviteUser.tsx @@ -12,11 +12,11 @@ import { import AddIcon from "@mui/icons-material/PersonAddOutlined"; import MultiSelect from "@rowy/multiselect"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; -import { useProjectContext } from "contexts/ProjectContext"; -import routes from "constants/routes"; -import { runRoutes } from "constants/runRoutes"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import routes from "@src/constants/routes"; +import { runRoutes } from "@src/constants/runRoutes"; export default function InviteUser() { const { roles: projectRoles, rowyRun } = useProjectContext(); diff --git a/src/components/Settings/UserManagement/UserItem.tsx b/src/components/Settings/UserManagement/UserItem.tsx index 3fdc086c..6a373d84 100644 --- a/src/components/Settings/UserManagement/UserItem.tsx +++ b/src/components/Settings/UserManagement/UserItem.tsx @@ -10,16 +10,16 @@ import { IconButton, Typography, } from "@mui/material"; -import CopyIcon from "assets/icons/Copy"; +import CopyIcon from "@src/assets/icons/Copy"; import DeleteIcon from "@mui/icons-material/DeleteOutlined"; import MultiSelect from "@rowy/multiselect"; -import { User } from "pages/Settings/UserManagement"; +import { User } from "@src/pages/Settings/UserManagement"; import { useProjectContext } from "@src/contexts/ProjectContext"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; import { db } from "@src/firebase"; -import { USERS } from "config/dbPaths"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { USERS } from "@src/config/dbPaths"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; export default function UserItem({ id, user, roles: rolesProp }: User) { const { enqueueSnackbar, closeSnackbar } = useSnackbar(); diff --git a/src/components/Settings/UserSettings/Account.tsx b/src/components/Settings/UserSettings/Account.tsx index 96e6958b..a65b1a39 100644 --- a/src/components/Settings/UserSettings/Account.tsx +++ b/src/components/Settings/UserSettings/Account.tsx @@ -1,9 +1,9 @@ -import { IUserSettingsChildProps } from "pages/Settings/UserSettings"; +import { IUserSettingsChildProps } from "@src/pages/Settings/UserSettings"; import { Link } from "react-router-dom"; import { Grid, Avatar, Typography, Button } from "@mui/material"; -import routes from "constants/routes"; +import routes from "@src/constants/routes"; export default function Account({ settings }: IUserSettingsChildProps) { return ( diff --git a/src/components/Settings/UserSettings/Personalization.tsx b/src/components/Settings/UserSettings/Personalization.tsx index 1ae6e1f3..8d9da6f5 100644 --- a/src/components/Settings/UserSettings/Personalization.tsx +++ b/src/components/Settings/UserSettings/Personalization.tsx @@ -1,13 +1,13 @@ import { lazy, Suspense, useState } from "react"; -import { IUserSettingsChildProps } from "pages/Settings/UserSettings"; +import { IUserSettingsChildProps } from "@src/pages/Settings/UserSettings"; import _merge from "lodash/merge"; import _unset from "lodash/unset"; import { FormControlLabel, Checkbox, Collapse } from "@mui/material"; -import Loading from "components/Loading"; +import Loading from "@src/components/Loading"; // prettier-ignore -const ThemeColorPicker = lazy(() => import("components/Settings/ThemeColorPicker") /* webpackChunkName: "Settings/ThemeColorPicker" */); +const ThemeColorPicker = lazy(() => import("@src/components/Settings/ThemeColorPicker") /* webpackChunkName: "Settings/ThemeColorPicker" */); export default function Personalization({ settings, diff --git a/src/components/Settings/UserSettings/Theme.tsx b/src/components/Settings/UserSettings/Theme.tsx index 5d35f930..f6ae12ff 100644 --- a/src/components/Settings/UserSettings/Theme.tsx +++ b/src/components/Settings/UserSettings/Theme.tsx @@ -1,4 +1,4 @@ -import { IUserSettingsChildProps } from "pages/Settings/UserSettings"; +import { IUserSettingsChildProps } from "@src/pages/Settings/UserSettings"; import _merge from "lodash/merge"; import { @@ -10,7 +10,7 @@ import { Checkbox, } from "@mui/material"; -import { useAppContext } from "contexts/AppContext"; +import { useAppContext } from "@src/contexts/AppContext"; export default function Theme({ settings, diff --git a/src/components/Setup/SetupItem.tsx b/src/components/Setup/SetupItem.tsx index 160f16f3..6125b07e 100644 --- a/src/components/Setup/SetupItem.tsx +++ b/src/components/Setup/SetupItem.tsx @@ -1,7 +1,7 @@ import { Stack, Typography } from "@mui/material"; import CheckIcon from "@mui/icons-material/Check"; import ArrowIcon from "@mui/icons-material/ArrowForward"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; export interface ISetupItemProps { status: "complete" | "loading" | "incomplete"; diff --git a/src/components/Setup/Step0Welcome.tsx b/src/components/Setup/Step0Welcome.tsx index 10c47253..da1c6d0b 100644 --- a/src/components/Setup/Step0Welcome.tsx +++ b/src/components/Setup/Step0Welcome.tsx @@ -1,9 +1,9 @@ -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { FormControlLabel, Checkbox, Typography, Link } from "@mui/material"; -import { useAppContext } from "contexts/AppContext"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { useAppContext } from "@src/contexts/AppContext"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function Step0Welcome({ completion, diff --git a/src/components/Setup/Step1RowyRun.tsx b/src/components/Setup/Step1RowyRun.tsx index 8ce6eb1e..45a26fc6 100644 --- a/src/components/Setup/Step1RowyRun.tsx +++ b/src/components/Setup/Step1RowyRun.tsx @@ -1,18 +1,18 @@ import { useState, useEffect } from "react"; import { useLocation, useHistory } from "react-router-dom"; import queryString from "query-string"; -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { Button, Typography, Stack, TextField } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import SetupItem from "./SetupItem"; import { name } from "@root/package.json"; -import { rowyRun } from "utils/rowyRun"; -import { runRoutes } from "constants/runRoutes"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { rowyRun } from "@src/utils/rowyRun"; +import { runRoutes } from "@src/constants/runRoutes"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function Step1RowyRun({ completion, diff --git a/src/components/Setup/Step2ServiceAccount.tsx b/src/components/Setup/Step2ServiceAccount.tsx index 43036836..3c0fb364 100644 --- a/src/components/Setup/Step2ServiceAccount.tsx +++ b/src/components/Setup/Step2ServiceAccount.tsx @@ -1,18 +1,18 @@ import { useState, useEffect } from "react"; -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { Typography, Link, Stack } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import SetupItem from "./SetupItem"; import { name } from "@root/package.json"; -import { useAppContext } from "contexts/AppContext"; -import { rowyRun } from "utils/rowyRun"; -import { runRoutes } from "constants/runRoutes"; -import { WIKI_LINKS } from "constants/externalLinks"; -import screenRecording from "assets/service-account.mp4"; +import { useAppContext } from "@src/contexts/AppContext"; +import { rowyRun } from "@src/utils/rowyRun"; +import { runRoutes } from "@src/constants/runRoutes"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; +import screenRecording from "@src/assets/service-account.mp4"; export default function Step2ServiceAccount({ rowyRunUrl, diff --git a/src/components/Setup/Step3ProjectOwner.tsx b/src/components/Setup/Step3ProjectOwner.tsx index e102058a..77f3e1ad 100644 --- a/src/components/Setup/Step3ProjectOwner.tsx +++ b/src/components/Setup/Step3ProjectOwner.tsx @@ -1,17 +1,17 @@ import { useState, useEffect } from "react"; -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { Typography, Stack, Button, IconButton } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import SetupItem from "./SetupItem"; import SignInWithGoogle from "./SignInWithGoogle"; -import { useAppContext } from "contexts/AppContext"; -import { rowyRun } from "utils/rowyRun"; -import { runRoutes } from "constants/runRoutes"; -import CopyIcon from "assets/icons/Copy"; +import { useAppContext } from "@src/contexts/AppContext"; +import { rowyRun } from "@src/utils/rowyRun"; +import { runRoutes } from "@src/constants/runRoutes"; +import CopyIcon from "@src/assets/icons/Copy"; export default function Step3ProjectOwner({ rowyRunUrl, diff --git a/src/components/Setup/Step4Rules.tsx b/src/components/Setup/Step4Rules.tsx index 52eaef83..53fb9144 100644 --- a/src/components/Setup/Step4Rules.tsx +++ b/src/components/Setup/Step4Rules.tsx @@ -1,5 +1,5 @@ import { useState, useEffect } from "react"; -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { Typography, @@ -10,18 +10,18 @@ import { TextField, } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; -import CopyIcon from "assets/icons/Copy"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import CopyIcon from "@src/assets/icons/Copy"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import SetupItem from "./SetupItem"; import { name } from "@root/package.json"; -import { useAppContext } from "contexts/AppContext"; -import { CONFIG } from "config/dbPaths"; -import { requiredRules, adminRules, utilFns } from "config/firestoreRules"; -import { rowyRun } from "utils/rowyRun"; -import { runRoutes } from "constants/runRoutes"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { useAppContext } from "@src/contexts/AppContext"; +import { CONFIG } from "@src/config/dbPaths"; +import { requiredRules, adminRules, utilFns } from "@src/config/firestoreRules"; +import { rowyRun } from "@src/utils/rowyRun"; +import { runRoutes } from "@src/constants/runRoutes"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; export default function Step4Rules({ rowyRunUrl, diff --git a/src/components/Setup/Step5Migrate.tsx b/src/components/Setup/Step5Migrate.tsx index f6ff0110..65a308a3 100644 --- a/src/components/Setup/Step5Migrate.tsx +++ b/src/components/Setup/Step5Migrate.tsx @@ -1,5 +1,5 @@ import { useState, useEffect } from "react"; -import { ISetupStepBodyProps } from "pages/Setup"; +import { ISetupStepBodyProps } from "@src/pages/Setup"; import { Typography, Button } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; @@ -7,10 +7,10 @@ import LoadingButton from "@mui/lab/LoadingButton"; import SetupItem from "./SetupItem"; import { name } from "@root/package.json"; -import { useAppContext } from "contexts/AppContext"; -import { CONFIG } from "config/dbPaths"; -import { rowyRun } from "utils/rowyRun"; -import { runRoutes } from "constants/runRoutes"; +import { useAppContext } from "@src/contexts/AppContext"; +import { CONFIG } from "@src/config/dbPaths"; +import { rowyRun } from "@src/utils/rowyRun"; +import { runRoutes } from "@src/constants/runRoutes"; export default function Step5Migrate({ rowyRunUrl, diff --git a/src/components/SideDrawer/Form/Autosave.tsx b/src/components/SideDrawer/Form/Autosave.tsx index 75d2c739..bd69748e 100644 --- a/src/components/SideDrawer/Form/Autosave.tsx +++ b/src/components/SideDrawer/Form/Autosave.tsx @@ -7,8 +7,8 @@ import _pickBy from "lodash/pickBy"; import { Control, UseFormReturn, useWatch } from "react-hook-form"; import { Values } from "./utils"; -import { useProjectContext } from "contexts/ProjectContext"; -import { TableState } from "hooks/useTable"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { TableState } from "@src/hooks/useTable"; export interface IAutosaveProps { control: Control; diff --git a/src/components/SideDrawer/Form/FieldWrapper.tsx b/src/components/SideDrawer/Form/FieldWrapper.tsx index ceb93c89..a6952631 100644 --- a/src/components/SideDrawer/Form/FieldWrapper.tsx +++ b/src/components/SideDrawer/Form/FieldWrapper.tsx @@ -1,16 +1,16 @@ import { Suspense } from "react"; import { Stack, InputLabel, Typography, IconButton } from "@mui/material"; -import DocumentPathIcon from "assets/icons/DocumentPath"; +import DocumentPathIcon from "@src/assets/icons/DocumentPath"; import LaunchIcon from "@mui/icons-material/Launch"; import LockIcon from "@mui/icons-material/LockOutlined"; -import ErrorBoundary from "components/ErrorBoundary"; +import ErrorBoundary from "@src/components/ErrorBoundary"; import FieldSkeleton from "./FieldSkeleton"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; -import { useAppContext } from "contexts/AppContext"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; +import { useAppContext } from "@src/contexts/AppContext"; export interface IFieldWrapperProps { children?: React.ReactNode; diff --git a/src/components/SideDrawer/Form/index.tsx b/src/components/SideDrawer/Form/index.tsx index 791335ed..8565efec 100644 --- a/src/components/SideDrawer/Form/index.tsx +++ b/src/components/SideDrawer/Form/index.tsx @@ -6,15 +6,15 @@ import _isEmpty from "lodash/isEmpty"; import { Stack } from "@mui/material"; import { Values } from "./utils"; -import { getFieldProp } from "components/fields"; -import { IFieldConfig } from "components/fields/types"; +import { getFieldProp } from "@src/components/fields"; +import { IFieldConfig } from "@src/components/fields/types"; import Autosave from "./Autosave"; import Reset from "./Reset"; import FieldWrapper from "./FieldWrapper"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext } from "contexts/ProjectContext"; -import { sanitizeFirestoreRefs } from "utils/fns"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { sanitizeFirestoreRefs } from "@src/utils/fns"; export interface IFormProps { values: Values; diff --git a/src/components/SideDrawer/Form/utils.ts b/src/components/SideDrawer/Form/utils.ts index 86242961..c7ff6e37 100644 --- a/src/components/SideDrawer/Form/utils.ts +++ b/src/components/SideDrawer/Form/utils.ts @@ -1,6 +1,6 @@ import { Control } from "react-hook-form"; import { makeStyles, createStyles } from "@mui/styles"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { colord } from "colord"; export interface IFieldProps { diff --git a/src/components/SideDrawer/index.tsx b/src/components/SideDrawer/index.tsx index d2c331f8..2a5b5156 100644 --- a/src/components/SideDrawer/index.tsx +++ b/src/components/SideDrawer/index.tsx @@ -10,11 +10,11 @@ import ChevronUpIcon from "@mui/icons-material/KeyboardArrowUp"; import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown"; import Form from "./Form"; -import ErrorBoundary from "components/ErrorBoundary"; +import ErrorBoundary from "@src/components/ErrorBoundary"; import { useStyles } from "./useStyles"; -import { useProjectContext } from "contexts/ProjectContext"; -import useDoc from "hooks/useDoc"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import useDoc from "@src/hooks/useDoc"; import { analytics } from "@src/analytics"; export const DRAWER_WIDTH = 512; diff --git a/src/components/SideDrawer/useStyles.ts b/src/components/SideDrawer/useStyles.ts index 3595aa3f..c6392ef6 100644 --- a/src/components/SideDrawer/useStyles.ts +++ b/src/components/SideDrawer/useStyles.ts @@ -1,7 +1,7 @@ import { makeStyles, createStyles } from "@mui/styles"; import { DRAWER_WIDTH, DRAWER_COLLAPSED_WIDTH } from "./index"; -import { APP_BAR_HEIGHT } from "components/Navigation"; -import { TABLE_HEADER_HEIGHT } from "components/Table/TableHeader"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; +import { TABLE_HEADER_HEIGHT } from "@src/components/Table/TableHeader"; export const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/SnackbarProgress.tsx b/src/components/SnackbarProgress.tsx index 2be7986c..5ff8f64f 100644 --- a/src/components/SnackbarProgress.tsx +++ b/src/components/SnackbarProgress.tsx @@ -1,7 +1,7 @@ import { useState, Dispatch, SetStateAction, MutableRefObject } from "react"; import { Stack } from "@mui/material"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; export interface ISnackbarProgressRef { setProgress: Dispatch>; diff --git a/src/components/Table/BulkActions/index.tsx b/src/components/Table/BulkActions/index.tsx index 686182a3..54cd3725 100644 --- a/src/components/Table/BulkActions/index.tsx +++ b/src/components/Table/BulkActions/index.tsx @@ -15,14 +15,14 @@ import { MenuItem, } from "@mui/material"; -import CopyCellsIcon from "assets/icons/CopyCells"; +import CopyCellsIcon from "@src/assets/icons/CopyCells"; import ClearSelectionIcon from "@mui/icons-material/IndeterminateCheckBox"; import DeleteIcon from "@mui/icons-material/DeleteForever"; import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp"; -import { useConfirmation } from "components/ConfirmationDialog/Context"; -import { useProjectContext } from "contexts/ProjectContext"; -import { formatPath } from "utils/fns"; +import { useConfirmation } from "@src/components/ConfirmationDialog/Context"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { formatPath } from "@src/utils/fns"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/CellValidation.tsx b/src/components/Table/CellValidation.tsx index 398b5aeb..ac6a9764 100644 --- a/src/components/Table/CellValidation.tsx +++ b/src/components/Table/CellValidation.tsx @@ -2,7 +2,7 @@ import { styled } from "@mui/material/styles"; import ErrorIcon from "@mui/icons-material/ErrorOutline"; import WarningIcon from "@mui/icons-material/WarningAmber"; -import RichTooltip from "components/RichTooltip"; +import RichTooltip from "@src/components/RichTooltip"; const Root = styled("div", { shouldForwardProp: (prop) => prop !== "error" })( ({ theme, ...props }) => ({ diff --git a/src/components/Table/ColumnHeader.tsx b/src/components/Table/ColumnHeader.tsx index 817ab7a7..e407c3d7 100644 --- a/src/components/Table/ColumnHeader.tsx +++ b/src/components/Table/ColumnHeader.tsx @@ -2,7 +2,7 @@ import { useRef } from "react"; import clsx from "clsx"; import { HeaderRendererProps } from "react-data-grid"; import { useDrag, useDrop, DragObjectWithType } from "react-dnd"; -import useCombinedRefs from "hooks/useCombinedRefs"; +import useCombinedRefs from "@src/hooks/useCombinedRefs"; import { makeStyles, createStyles } from "@mui/styles"; import { @@ -17,10 +17,10 @@ import SortDescIcon from "@mui/icons-material/ArrowDownward"; import DropdownIcon from "@mui/icons-material/MoreHoriz"; import LockIcon from "@mui/icons-material/LockOutlined"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext } from "contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { TableOrder } from "@src/hooks/useTable"; const useStyles = makeStyles((theme) => diff --git a/src/components/Table/ColumnMenu/FieldSettings/DefaultValueInput.tsx b/src/components/Table/ColumnMenu/FieldSettings/DefaultValueInput.tsx index 93a65a3d..78e74b71 100644 --- a/src/components/Table/ColumnMenu/FieldSettings/DefaultValueInput.tsx +++ b/src/components/Table/ColumnMenu/FieldSettings/DefaultValueInput.tsx @@ -6,16 +6,17 @@ import Checkbox from "@mui/material/Checkbox"; import FormControlLabel from "@mui/material/FormControlLabel"; import { Typography, TextField, MenuItem, ListItemText } from "@mui/material"; -import { getFieldProp } from "components/fields"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; +import { getFieldProp } from "@src/components/fields"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; import FormAutosave from "./FormAutosave"; -import { FieldType } from "constants/fields"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { FieldType } from "@src/constants/fields"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; import { name } from "@root/package.json"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); export interface IDefaultValueInputProps extends IMenuModalProps { diff --git a/src/components/Table/ColumnMenu/FieldSettings/index.tsx b/src/components/Table/ColumnMenu/FieldSettings/index.tsx index 1146357c..bfff2efe 100644 --- a/src/components/Table/ColumnMenu/FieldSettings/index.tsx +++ b/src/components/Table/ColumnMenu/FieldSettings/index.tsx @@ -4,16 +4,16 @@ import { IMenuModalProps } from ".."; import { Typography, Stack } from "@mui/material"; -import Modal from "components/Modal"; -import { getFieldProp } from "components/fields"; +import Modal from "@src/components/Modal"; +import { getFieldProp } from "@src/components/fields"; import DefaultValueInput from "./DefaultValueInput"; -import ErrorBoundary from "components/ErrorBoundary"; -import Loading from "components/Loading"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import Loading from "@src/components/Loading"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useConfirmation } from "components/ConfirmationDialog"; -import { FieldType } from "constants/fields"; -import { runRoutes } from "constants/runRoutes"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; +import { FieldType } from "@src/constants/fields"; +import { runRoutes } from "@src/constants/runRoutes"; export default function FieldSettings(props: IMenuModalProps) { const { name, fieldName, type, open, config, handleClose, handleSave } = diff --git a/src/components/Table/ColumnMenu/FieldsDropdown.tsx b/src/components/Table/ColumnMenu/FieldsDropdown.tsx index 43fc7702..f53f3a33 100644 --- a/src/components/Table/ColumnMenu/FieldsDropdown.tsx +++ b/src/components/Table/ColumnMenu/FieldsDropdown.tsx @@ -1,9 +1,9 @@ import MultiSelect from "@rowy/multiselect"; import { ListItemIcon } from "@mui/material"; -import { FIELDS } from "components/fields"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { FIELDS } from "@src/components/fields"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; export interface IFieldsDropdownProps { value: FieldType; diff --git a/src/components/Table/ColumnMenu/NameChange.tsx b/src/components/Table/ColumnMenu/NameChange.tsx index a2320672..28d20af1 100644 --- a/src/components/Table/ColumnMenu/NameChange.tsx +++ b/src/components/Table/ColumnMenu/NameChange.tsx @@ -3,7 +3,7 @@ import { IMenuModalProps } from "."; import { TextField } from "@mui/material"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; export default function NameChange({ name, diff --git a/src/components/Table/ColumnMenu/NewColumn.tsx b/src/components/Table/ColumnMenu/NewColumn.tsx index eb4c0e54..df4c7757 100644 --- a/src/components/Table/ColumnMenu/NewColumn.tsx +++ b/src/components/Table/ColumnMenu/NewColumn.tsx @@ -4,13 +4,13 @@ import { IMenuModalProps } from "."; import { TextField, Typography, Button } from "@mui/material"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; import FieldsDropdown from "./FieldsDropdown"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; import { analytics } from "analytics"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export interface INewColumnProps extends IMenuModalProps { data: Record; diff --git a/src/components/Table/ColumnMenu/TypeChange.tsx b/src/components/Table/ColumnMenu/TypeChange.tsx index 93a2fafb..9d1e9b1a 100644 --- a/src/components/Table/ColumnMenu/TypeChange.tsx +++ b/src/components/Table/ColumnMenu/TypeChange.tsx @@ -1,7 +1,7 @@ import { useState } from "react"; import { IMenuModalProps } from "."; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; import FieldsDropdown from "./FieldsDropdown"; import { analytics } from "analytics"; export default function FormDialog({ diff --git a/src/components/Table/ColumnMenu/index.tsx b/src/components/Table/ColumnMenu/index.tsx index 3cdd0e01..a9a7ed89 100644 --- a/src/components/Table/ColumnMenu/index.tsx +++ b/src/components/Table/ColumnMenu/index.tsx @@ -11,32 +11,32 @@ import LockOpenIcon from "@mui/icons-material/LockOpen"; import LockIcon from "@mui/icons-material/LockOutlined"; // import VisibilityOffIcon from "@mui/icons-material/VisibilityOffOutlined"; // import VisibilityIcon from "@mui/icons-material/VisibilityOutlined"; -import FreezeIcon from "assets/icons/Freeze"; -import UnfreezeIcon from "assets/icons/Unfreeze"; -import CellResizeIcon from "assets/icons/CellResize"; +import FreezeIcon from "@src/assets/icons/Freeze"; +import UnfreezeIcon from "@src/assets/icons/Unfreeze"; +import CellResizeIcon from "@src/assets/icons/CellResize"; import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward"; import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward"; import EditIcon from "@mui/icons-material/EditOutlined"; // import ReorderIcon from "@mui/icons-material/Reorder"; import SettingsIcon from "@mui/icons-material/SettingsOutlined"; -import ColumnPlusBeforeIcon from "assets/icons/ColumnPlusBefore"; -import ColumnPlusAfterIcon from "assets/icons/ColumnPlusAfter"; -import ColumnRemoveIcon from "assets/icons/ColumnRemove"; +import ColumnPlusBeforeIcon from "@src/assets/icons/ColumnPlusBefore"; +import ColumnPlusAfterIcon from "@src/assets/icons/ColumnPlusAfter"; +import ColumnRemoveIcon from "@src/assets/icons/ColumnRemove"; import MenuContents from "./MenuContents"; import NameChange from "./NameChange"; import NewColumn from "./NewColumn"; import TypeChange from "./TypeChange"; import FieldSettings from "./FieldSettings"; -import ColumnHeader from "components/Wizards/Column"; +import ColumnHeader from "@src/components/Wizards/Column"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; import { Column } from "react-data-grid"; import { PopoverProps } from "@mui/material"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; const INITIAL_MODAL = { type: "", data: {} }; diff --git a/src/components/Table/EmptyTable.tsx b/src/components/Table/EmptyTable.tsx index 0fb9944d..9e23e137 100644 --- a/src/components/Table/EmptyTable.tsx +++ b/src/components/Table/EmptyTable.tsx @@ -1,12 +1,12 @@ import { Grid, Stack, Typography, Button, Divider } from "@mui/material"; -import ImportIcon from "assets/icons/Import"; -import AddColumnIcon from "assets/icons/AddColumn"; +import ImportIcon from "@src/assets/icons/Import"; +import AddColumnIcon from "@src/assets/icons/AddColumn"; -import { APP_BAR_HEIGHT } from "components/Navigation"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import ColumnMenu from "./ColumnMenu"; -import ImportWizard from "components/Wizards/ImportWizard"; +import ImportWizard from "@src/components/Wizards/ImportWizard"; import ImportCSV from "./TableHeader/ImportCsv"; export default function EmptyTable() { diff --git a/src/components/Table/Filters/index.tsx b/src/components/Table/Filters/index.tsx index ebf5b932..cd1c2434 100644 --- a/src/components/Table/Filters/index.tsx +++ b/src/components/Table/Filters/index.tsx @@ -17,16 +17,16 @@ import { import FilterIcon from "@mui/icons-material/FilterList"; import CloseIcon from "@mui/icons-material/Close"; -import ButtonWithStatus from "components/ButtonWithStatus"; -import FormAutosave from "components/Table/ColumnMenu/FieldSettings/FormAutosave"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; +import ButtonWithStatus from "@src/components/ButtonWithStatus"; +import FormAutosave from "@src/components/Table/ColumnMenu/FieldSettings/FormAutosave"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; -import { FieldType } from "constants/fields"; -import { TableFilter } from "hooks/useTable"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useAppContext } from "contexts/AppContext"; -import { DocActions } from "hooks/useDoc"; -import { getFieldProp } from "components/fields"; +import { FieldType } from "@src/constants/fields"; +import { TableFilter } from "@src/hooks/useTable"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useAppContext } from "@src/contexts/AppContext"; +import { DocActions } from "@src/hooks/useDoc"; +import { getFieldProp } from "@src/components/fields"; const getType = (column) => column.type === FieldType.derivative diff --git a/src/components/Table/FinalColumnHeader.tsx b/src/components/Table/FinalColumnHeader.tsx index 75eb32a9..cc2cf653 100644 --- a/src/components/Table/FinalColumnHeader.tsx +++ b/src/components/Table/FinalColumnHeader.tsx @@ -2,9 +2,9 @@ import { Column } from "react-data-grid"; import { makeStyles, createStyles } from "@mui/styles"; import { Grid, Button } from "@mui/material"; -import AddColumnIcon from "assets/icons/AddColumn"; +import AddColumnIcon from "@src/assets/icons/AddColumn"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/HiddenFields.tsx b/src/components/Table/HiddenFields.tsx index 75a7077b..edac302c 100644 --- a/src/components/Table/HiddenFields.tsx +++ b/src/components/Table/HiddenFields.tsx @@ -6,12 +6,12 @@ import { makeStyles, createStyles } from "@mui/styles"; import VisibilityOffIcon from "@mui/icons-material/VisibilityOffOutlined"; import MultiSelect from "@rowy/multiselect"; -import ButtonWithStatus from "components/ButtonWithStatus"; -import Column from "components/Wizards/Column"; +import ButtonWithStatus from "@src/components/ButtonWithStatus"; +import Column from "@src/components/Wizards/Column"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useAppContext } from "contexts/AppContext"; -import { DocActions } from "hooks/useDoc"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useAppContext } from "@src/contexts/AppContext"; +import { DocActions } from "@src/hooks/useDoc"; import { formatSubTableName } from "../../utils/fns"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/HotKeys.tsx b/src/components/Table/HotKeys.tsx index 9aaa07e1..c359fd55 100644 --- a/src/components/Table/HotKeys.tsx +++ b/src/components/Table/HotKeys.tsx @@ -1,6 +1,6 @@ import useHotkeys from "../../hooks/useHotkeys"; -import { FieldType } from "constants/fields"; -import { useAppContext } from "contexts/AppContext"; +import { FieldType } from "@src/constants/fields"; +import { useAppContext } from "@src/contexts/AppContext"; // TODO: Hook up to ProjectContext const onSubmit: any = () => () => {}; diff --git a/src/components/Table/Settings/Webhooks.tsx b/src/components/Table/Settings/Webhooks.tsx index ad17cb9c..7bc09cb4 100644 --- a/src/components/Table/Settings/Webhooks.tsx +++ b/src/components/Table/Settings/Webhooks.tsx @@ -16,7 +16,7 @@ import MenuItem from "@mui/material/MenuItem"; import Select from "@mui/material/Select"; import Switch from "@mui/material/Switch"; // import CodeEditor from "../editors/CodeEditor"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { makeId } from "../../../utils/fns"; const useStyles = makeStyles((theme) => diff --git a/src/components/Table/Skeleton/HeaderRowSkeleton.tsx b/src/components/Table/Skeleton/HeaderRowSkeleton.tsx index 03439c40..ec416c85 100644 --- a/src/components/Table/Skeleton/HeaderRowSkeleton.tsx +++ b/src/components/Table/Skeleton/HeaderRowSkeleton.tsx @@ -1,5 +1,5 @@ import { Fade, Stack, Skeleton, Button } from "@mui/material"; -import AddColumnIcon from "assets/icons/AddColumn"; +import AddColumnIcon from "@src/assets/icons/AddColumn"; const NUM_CELLS = 5; diff --git a/src/components/Table/Skeleton/TableHeaderSkeleton.tsx b/src/components/Table/Skeleton/TableHeaderSkeleton.tsx index 5709b638..86596024 100644 --- a/src/components/Table/Skeleton/TableHeaderSkeleton.tsx +++ b/src/components/Table/Skeleton/TableHeaderSkeleton.tsx @@ -1,8 +1,8 @@ import { Fade, Stack, Button } from "@mui/material"; import Skeleton from "@mui/material/Skeleton"; -import AddRowIcon from "assets/icons/AddRow"; +import AddRowIcon from "@src/assets/icons/AddRow"; -import { TABLE_HEADER_HEIGHT } from "components/Table/TableHeader"; +import { TABLE_HEADER_HEIGHT } from "@src/components/Table/TableHeader"; const ButtonSkeleton = (props) => ( diff --git a/src/components/Table/TableHeader/Export/Download.tsx b/src/components/Table/TableHeader/Export/Download.tsx index 37aa2a60..72b84168 100644 --- a/src/components/Table/TableHeader/Export/Download.tsx +++ b/src/components/Table/TableHeader/Export/Download.tsx @@ -17,13 +17,13 @@ import { Checkbox, } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import SnackbarProgress, { ISnackbarProgressRef, -} from "components/SnackbarProgress"; +} from "@src/components/SnackbarProgress"; -import { FieldType } from "constants/fields"; -import { hasDataTypes } from "components/fields"; +import { FieldType } from "@src/constants/fields"; +import { hasDataTypes } from "@src/components/fields"; const DOWNLOADABLE_COLUMNS = [FieldType.image, FieldType.file]; const LABEL_COLUMNS = hasDataTypes(["string", "number"]); diff --git a/src/components/Table/TableHeader/Export/Export.tsx b/src/components/Table/TableHeader/Export/Export.tsx index 22619455..8c99a9a5 100644 --- a/src/components/Table/TableHeader/Export/Export.tsx +++ b/src/components/Table/TableHeader/Export/Export.tsx @@ -11,9 +11,9 @@ import MultiSelect from "@rowy/multiselect"; import { Button, DialogActions } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; import { analytics } from "@src/analytics"; const selectedColumnsJsonReducer = diff --git a/src/components/Table/TableHeader/Export/index.tsx b/src/components/Table/TableHeader/Export/index.tsx index 51e07a91..0f90a6fd 100644 --- a/src/components/Table/TableHeader/Export/index.tsx +++ b/src/components/Table/TableHeader/Export/index.tsx @@ -7,15 +7,15 @@ import TabList from "@mui/lab/TabList"; import TabPanel from "@mui/lab/TabPanel"; import TableHeaderButton from "../TableHeaderButton"; -import ExportIcon from "assets/icons/Export"; +import ExportIcon from "@src/assets/icons/Export"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; import ExportDetails from "./Export"; import DownloadDetails from "./Download"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { db } from "../../../../firebase"; -import { isCollectionGroup } from "utils/fns"; +import { isCollectionGroup } from "@src/utils/fns"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/TableHeader/Extensions/ExtensionList.tsx b/src/components/Table/TableHeader/Extensions/ExtensionList.tsx index 267211d0..e7f9bd2b 100644 --- a/src/components/Table/TableHeader/Extensions/ExtensionList.tsx +++ b/src/components/Table/TableHeader/Extensions/ExtensionList.tsx @@ -17,19 +17,19 @@ import { Typography, } from "@mui/material"; import AddIcon from "@mui/icons-material/Add"; -import ExtensionIcon from "assets/icons/Extension"; -import DuplicateIcon from "assets/icons/Copy"; +import ExtensionIcon from "@src/assets/icons/Extension"; +import DuplicateIcon from "@src/assets/icons/Copy"; import EditIcon from "@mui/icons-material/EditOutlined"; import DeleteIcon from "@mui/icons-material/DeleteOutlined"; -import EmptyState from "components/EmptyState"; +import EmptyState from "@src/components/EmptyState"; import { extensionTypes, extensionNames, IExtension, ExtensionType, } from "./utils"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; export interface IExtensionListProps { extensions: IExtension[]; diff --git a/src/components/Table/TableHeader/Extensions/ExtensionMigration.tsx b/src/components/Table/TableHeader/Extensions/ExtensionMigration.tsx index 84b7b012..ac823119 100644 --- a/src/components/Table/TableHeader/Extensions/ExtensionMigration.tsx +++ b/src/components/Table/TableHeader/Extensions/ExtensionMigration.tsx @@ -4,14 +4,14 @@ import firebase from "firebase/app"; import { Button, Link, Typography } from "@mui/material"; import LoadingButton from "@mui/lab/LoadingButton"; import DownloadIcon from "@mui/icons-material/FileDownloadOutlined"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import GoIcon from "@mui/icons-material/ChevronRight"; -import Modal from "components/Modal"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useAppContext } from "contexts/AppContext"; +import Modal from "@src/components/Modal"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useAppContext } from "@src/contexts/AppContext"; import { sparkToExtensionObjects } from "./utils"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; export interface IExtensionMigrationProps { handleClose: () => void; diff --git a/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx b/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx index e992bcf1..7e7cbb74 100644 --- a/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx +++ b/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx @@ -16,18 +16,18 @@ import { Link, } from "@mui/material"; import ExpandIcon from "@mui/icons-material/KeyboardArrowDown"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; -import Modal, { IModalProps } from "components/Modal"; +import Modal, { IModalProps } from "@src/components/Modal"; import Step1Triggers from "./Step1Triggers"; import Step2RequiredFields from "./Step2RequiredFields"; import Step3Conditions from "./Step3Conditions"; import Step4Body from "./Step4Body"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; import { extensionNames, IExtension } from "./utils"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; type StepValidation = Record<"condition" | "extensionBody", boolean>; export interface IExtensionModalStepProps { diff --git a/src/components/Table/TableHeader/Extensions/Step2RequiredFields.tsx b/src/components/Table/TableHeader/Extensions/Step2RequiredFields.tsx index 373487cc..00281eef 100644 --- a/src/components/Table/TableHeader/Extensions/Step2RequiredFields.tsx +++ b/src/components/Table/TableHeader/Extensions/Step2RequiredFields.tsx @@ -4,9 +4,9 @@ import _sortBy from "lodash/sortBy"; import MultiSelect from "@rowy/multiselect"; import { ListItemIcon } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; export default function Step2RequiredFields({ extensionObject, diff --git a/src/components/Table/TableHeader/Extensions/Step3Conditions.tsx b/src/components/Table/TableHeader/Extensions/Step3Conditions.tsx index f5df76c4..369b369a 100644 --- a/src/components/Table/TableHeader/Extensions/Step3Conditions.tsx +++ b/src/components/Table/TableHeader/Extensions/Step3Conditions.tsx @@ -2,12 +2,13 @@ import { lazy, Suspense } from "react"; import { IExtensionModalStepProps } from "./ExtensionModal"; import useStateRef from "react-usestateref"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); const additionalVariables = [ diff --git a/src/components/Table/TableHeader/Extensions/Step4Body.tsx b/src/components/Table/TableHeader/Extensions/Step4Body.tsx index 37d29eb8..bcc27c19 100644 --- a/src/components/Table/TableHeader/Extensions/Step4Body.tsx +++ b/src/components/Table/TableHeader/Extensions/Step4Body.tsx @@ -3,13 +3,14 @@ import { IExtensionModalStepProps } from "./ExtensionModal"; import _upperFirst from "lodash/upperFirst"; import useStateRef from "react-usestateref"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); const additionalVariables = [ diff --git a/src/components/Table/TableHeader/Extensions/index.tsx b/src/components/Table/TableHeader/Extensions/index.tsx index 293cbff3..91349884 100644 --- a/src/components/Table/TableHeader/Extensions/index.tsx +++ b/src/components/Table/TableHeader/Extensions/index.tsx @@ -4,19 +4,19 @@ import _isEqual from "lodash/isEqual"; import { Breadcrumbs } from "@mui/material"; import TableHeaderButton from "../TableHeaderButton"; -import ExtensionIcon from "assets/icons/Extension"; -import Modal from "components/Modal"; +import ExtensionIcon from "@src/assets/icons/Extension"; +import Modal from "@src/components/Modal"; import ExtensionList from "./ExtensionList"; import ExtensionModal from "./ExtensionModal"; import ExtensionMigration from "./ExtensionMigration"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useAppContext } from "contexts/AppContext"; -import { useConfirmation } from "components/ConfirmationDialog"; -import { useSnackLogContext } from "contexts/SnackLogContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; +import { useSnackLogContext } from "@src/contexts/SnackLogContext"; import { emptyExtensionObject, IExtension, ExtensionType } from "./utils"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; import { analytics } from "@src/analytics"; export default function Extensions() { diff --git a/src/components/Table/TableHeader/ImportCsv.tsx b/src/components/Table/TableHeader/ImportCsv.tsx index 45ef5250..61526cfc 100644 --- a/src/components/Table/TableHeader/ImportCsv.tsx +++ b/src/components/Table/TableHeader/ImportCsv.tsx @@ -21,14 +21,14 @@ import TabList from "@mui/lab/TabList"; import TabPanel from "@mui/lab/TabPanel"; import TableHeaderButton from "./TableHeaderButton"; -import ImportIcon from "assets/icons/Import"; +import ImportIcon from "@src/assets/icons/Import"; -import FileUploadIcon from "assets/icons/Upload"; +import FileUploadIcon from "@src/assets/icons/Upload"; import CheckIcon from "@mui/icons-material/CheckCircle"; import ImportCsvWizard, { IImportCsvWizardProps, -} from "components/Wizards/ImportCsvWizard"; +} from "@src/components/Wizards/ImportCsvWizard"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/TableHeader/LoadedRowsStatus.tsx b/src/components/Table/TableHeader/LoadedRowsStatus.tsx index 47bb4eaa..8c444323 100644 --- a/src/components/Table/TableHeader/LoadedRowsStatus.tsx +++ b/src/components/Table/TableHeader/LoadedRowsStatus.tsx @@ -1,7 +1,7 @@ import { Tooltip, Typography } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; -import { CAP } from "hooks/useTable/useTableData"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { CAP } from "@src/hooks/useTable/useTableData"; export default function LoadedRowsStatus() { const { tableState } = useProjectContext(); diff --git a/src/components/Table/TableHeader/ReExecute.tsx b/src/components/Table/TableHeader/ReExecute.tsx index a1f5af99..7b87ba2f 100644 --- a/src/components/Table/TableHeader/ReExecute.tsx +++ b/src/components/Table/TableHeader/ReExecute.tsx @@ -3,12 +3,12 @@ import { useState } from "react"; import TableHeaderButton from "./TableHeaderButton"; import LoopIcon from "@mui/icons-material/Loop"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { db } from "../../../firebase"; -import { isCollectionGroup } from "utils/fns"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import { isCollectionGroup } from "@src/utils/fns"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; export default function ReExecute() { const [open, setOpen] = useState(false); diff --git a/src/components/Table/TableHeader/RowHeight.tsx b/src/components/Table/TableHeader/RowHeight.tsx index 11394c6d..d8f402fb 100644 --- a/src/components/Table/TableHeader/RowHeight.tsx +++ b/src/components/Table/TableHeader/RowHeight.tsx @@ -1,10 +1,10 @@ import { useRef, useState } from "react"; import { useTheme, TextField, ListSubheader, MenuItem } from "@mui/material"; -import RowHeightIcon from "assets/icons/RowHeight"; +import RowHeightIcon from "@src/assets/icons/RowHeight"; import TableHeaderButton from "./TableHeaderButton"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const ROW_HEIGHTS = [33, 41, 65, 97, 129, 161]; diff --git a/src/components/Table/TableHeader/TableLogs.tsx b/src/components/Table/TableHeader/TableLogs.tsx index 4e5db568..c237ce07 100644 --- a/src/components/Table/TableHeader/TableLogs.tsx +++ b/src/components/Table/TableHeader/TableLogs.tsx @@ -1,10 +1,10 @@ import React, { useEffect, useRef, useState } from "react"; -import useRouter from "hooks/useRouter"; -import useCollection from "hooks/useCollection"; -import { useProjectContext } from "contexts/ProjectContext"; +import useRouter from "@src/hooks/useRouter"; +import useCollection from "@src/hooks/useCollection"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import useStateRef from "react-usestateref"; -import { useSnackLogContext } from "contexts/SnackLogContext"; -import { isCollectionGroup } from "utils/fns"; +import { useSnackLogContext } from "@src/contexts/SnackLogContext"; +import { isCollectionGroup } from "@src/utils/fns"; import _throttle from "lodash/throttle"; import { format } from "date-fns"; import moment from "moment"; @@ -19,9 +19,9 @@ import { IconButton, Button, } from "@mui/material"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; import { makeStyles, createStyles } from "@mui/styles"; -import LogsIcon from "assets/icons/CloudLogs"; +import LogsIcon from "@src/assets/icons/CloudLogs"; import SuccessIcon from "@mui/icons-material/CheckCircle"; import FailIcon from "@mui/icons-material/Cancel"; import ExpandIcon from "@mui/icons-material/ExpandLess"; @@ -30,13 +30,17 @@ import OpenIcon from "@mui/icons-material/OpenInNew"; import CloseIcon from "@mui/icons-material/Close"; import TableHeaderButton from "./TableHeaderButton"; import Ansi from "ansi-to-react"; -import EmptyState from "components/EmptyState"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import EmptyState from "@src/components/EmptyState"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; import PropTypes from "prop-types"; -import routes from "constants/routes"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { SETTINGS, TABLE_SCHEMAS, TABLE_GROUP_SCHEMAS } from "config/dbPaths"; +import routes from "@src/constants/routes"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { + SETTINGS, + TABLE_SCHEMAS, + TABLE_GROUP_SCHEMAS, +} from "@src/config/dbPaths"; function a11yProps(index) { return { diff --git a/src/components/Table/TableHeader/TableSettings.tsx b/src/components/Table/TableHeader/TableSettings.tsx index ecb4f887..95f6bd8b 100644 --- a/src/components/Table/TableHeader/TableSettings.tsx +++ b/src/components/Table/TableHeader/TableSettings.tsx @@ -6,8 +6,8 @@ import SettingsIcon from "@mui/icons-material/SettingsOutlined"; import TableSettingsDialog, { TableSettingsDialogModes, -} from "components/TableSettings"; -import { useProjectContext } from "contexts/ProjectContext"; +} from "@src/components/TableSettings"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function TableSettings() { const [open, setOpen] = useState(false); diff --git a/src/components/Table/TableHeader/index.tsx b/src/components/Table/TableHeader/index.tsx index bb25c146..f2ee2dc0 100644 --- a/src/components/Table/TableHeader/index.tsx +++ b/src/components/Table/TableHeader/index.tsx @@ -1,7 +1,7 @@ import { Stack, Button } from "@mui/material"; -import { isCollectionGroup } from "utils/fns"; -import AddRowIcon from "assets/icons/AddRow"; +import { isCollectionGroup } from "@src/utils/fns"; +import AddRowIcon from "@src/assets/icons/AddRow"; import Filters from "../Filters"; import ImportCSV from "./ImportCsv"; @@ -14,9 +14,9 @@ import RowHeight from "./RowHeight"; import Extensions from "./Extensions"; import ReExecute from "./ReExecute"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; export const TABLE_HEADER_HEIGHT = 44; diff --git a/src/components/Table/editors/TextEditor.tsx b/src/components/Table/editors/TextEditor.tsx index fa2f06ba..9146e5ac 100644 --- a/src/components/Table/editors/TextEditor.tsx +++ b/src/components/Table/editors/TextEditor.tsx @@ -3,9 +3,9 @@ import { EditorProps } from "react-data-grid"; import { TextField } from "@mui/material"; -import { FieldType } from "constants/fields"; -import { getCellValue } from "utils/fns"; -import { useProjectContext } from "contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { getCellValue } from "@src/utils/fns"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function TextEditor({ row, column }: EditorProps) { const { updateCell } = useProjectContext(); diff --git a/src/components/Table/editors/withNullEditor.tsx b/src/components/Table/editors/withNullEditor.tsx index 4ee4abb8..dda14116 100644 --- a/src/components/Table/editors/withNullEditor.tsx +++ b/src/components/Table/editors/withNullEditor.tsx @@ -1,7 +1,7 @@ import { EditorProps } from "react-data-grid"; -import { IHeavyCellProps } from "components/fields/types"; +import { IHeavyCellProps } from "@src/components/fields/types"; -import { getCellValue } from "utils/fns"; +import { getCellValue } from "@src/utils/fns"; /** * Allow the cell to be editable, but disable react-data-grid’s default diff --git a/src/components/Table/editors/withSideDrawerEditor.tsx b/src/components/Table/editors/withSideDrawerEditor.tsx index 3be42662..88322eec 100644 --- a/src/components/Table/editors/withSideDrawerEditor.tsx +++ b/src/components/Table/editors/withSideDrawerEditor.tsx @@ -1,9 +1,9 @@ import { useEffect } from "react"; import { EditorProps } from "react-data-grid"; -import { useProjectContext } from "contexts/ProjectContext"; -import { IHeavyCellProps } from "components/fields/types"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { IHeavyCellProps } from "@src/components/fields/types"; -import { getCellValue } from "utils/fns"; +import { getCellValue } from "@src/utils/fns"; /** * Allow the cell to be editable, but disable react-data-grid’s default diff --git a/src/components/Table/formatters/ChipList.tsx b/src/components/Table/formatters/ChipList.tsx index 40a95450..5aaccab2 100644 --- a/src/components/Table/formatters/ChipList.tsx +++ b/src/components/Table/formatters/ChipList.tsx @@ -1,5 +1,5 @@ import { Grid } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function ChipList({ children }: React.PropsWithChildren<{}>) { const { tableState } = useProjectContext(); diff --git a/src/components/Table/formatters/FinalColumn.tsx b/src/components/Table/formatters/FinalColumn.tsx index 3271af39..fa7d4278 100644 --- a/src/components/Table/formatters/FinalColumn.tsx +++ b/src/components/Table/formatters/FinalColumn.tsx @@ -2,12 +2,12 @@ import { FormatterProps } from "react-data-grid"; import { makeStyles, createStyles } from "@mui/styles"; import { Stack, Tooltip, IconButton, alpha } from "@mui/material"; -import CopyCellsIcon from "assets/icons/CopyCells"; +import CopyCellsIcon from "@src/assets/icons/CopyCells"; import DeleteIcon from "@mui/icons-material/DeleteOutlined"; -import { useConfirmation } from "components/ConfirmationDialog/Context"; -import { useProjectContext } from "contexts/ProjectContext"; -import useKeyPress from "hooks/useKeyPress"; +import { useConfirmation } from "@src/components/ConfirmationDialog/Context"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import useKeyPress from "@src/hooks/useKeyPress"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Table/index.tsx b/src/components/Table/index.tsx index 25fb533b..8a69e9ec 100644 --- a/src/components/Table/index.tsx +++ b/src/components/Table/index.tsx @@ -14,7 +14,7 @@ import DataGrid, { SelectColumn as _SelectColumn, } from "react-data-grid"; -import Loading from "components/Loading"; +import Loading from "@src/components/Loading"; import TableHeader from "./TableHeader"; import ColumnHeader from "./ColumnHeader"; import ColumnMenu from "./ColumnMenu"; @@ -22,13 +22,13 @@ import FinalColumnHeader from "./FinalColumnHeader"; import FinalColumn from "./formatters/FinalColumn"; // import BulkActions from "./BulkActions"; -import { getFieldProp } from "components/fields"; -import { FieldType } from "constants/fields"; -import { formatSubTableName } from "utils/fns"; +import { getFieldProp } from "@src/components/fields"; +import { FieldType } from "@src/constants/fields"; +import { formatSubTableName } from "@src/utils/fns"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext } from "contexts/ProjectContext"; -import useWindowSize from "hooks/useWindowSize"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import useWindowSize from "@src/hooks/useWindowSize"; import useStyles from "./styles"; export type TableColumn = Column & { diff --git a/src/components/Table/styles.ts b/src/components/Table/styles.ts index 989e32cb..eadc6ec1 100644 --- a/src/components/Table/styles.ts +++ b/src/components/Table/styles.ts @@ -1,7 +1,7 @@ import { makeStyles, createStyles } from "@mui/styles"; import { alpha, darken, lighten } from "@mui/material"; -import { APP_BAR_HEIGHT } from "components/Navigation"; -import { DRAWER_COLLAPSED_WIDTH } from "components/SideDrawer"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; +import { DRAWER_COLLAPSED_WIDTH } from "@src/components/SideDrawer"; import { colord, extend } from "colord"; import mixPlugin from "colord/plugins/lch"; diff --git a/src/components/TableSettings/SuggestedRules.tsx b/src/components/TableSettings/SuggestedRules.tsx index 89c10494..c902a2c3 100644 --- a/src/components/TableSettings/SuggestedRules.tsx +++ b/src/components/TableSettings/SuggestedRules.tsx @@ -9,7 +9,7 @@ import { Grid, Button, } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import { IFieldComponentProps } from "@rowy/form-builder"; import { useAppContext } from "@src/contexts/AppContext"; diff --git a/src/components/TableSettings/form.tsx b/src/components/TableSettings/form.tsx index 5d414c86..4ac166eb 100644 --- a/src/components/TableSettings/form.tsx +++ b/src/components/TableSettings/form.tsx @@ -2,12 +2,12 @@ import { Field, FieldType } from "@rowy/form-builder"; import { TableSettingsDialogModes } from "./index"; import { Link, Typography } from "@mui/material"; -import OpenInNewIcon from "components/InlineOpenInNewIcon"; +import OpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import WarningIcon from "@mui/icons-material/WarningAmber"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; import { name } from "@root/package.json"; -import { FieldType as TableFieldType } from "constants/fields"; +import { FieldType as TableFieldType } from "@src/constants/fields"; export const tableSettings = ( mode: TableSettingsDialogModes | null, diff --git a/src/components/TableSettings/index.tsx b/src/components/TableSettings/index.tsx index 0809616a..5180dfbe 100644 --- a/src/components/TableSettings/index.tsx +++ b/src/components/TableSettings/index.tsx @@ -8,15 +8,19 @@ import { FormDialog } from "@rowy/form-builder"; import { tableSettings } from "./form"; import CamelCaseId from "./CamelCaseId"; import SuggestedRules from "./SuggestedRules"; -import Confirmation from "components/Confirmation"; +import Confirmation from "@src/components/Confirmation"; -import { useProjectContext, Table } from "contexts/ProjectContext"; -import useRouter from "hooks/useRouter"; -import { routes } from "constants/routes"; +import { useProjectContext, Table } from "@src/contexts/ProjectContext"; +import useRouter from "@src/hooks/useRouter"; +import { routes } from "@src/constants/routes"; import { db } from "@src/firebase"; import { name } from "@root/package.json"; -import { SETTINGS, TABLE_SCHEMAS, TABLE_GROUP_SCHEMAS } from "config/dbPaths"; -import { runRoutes } from "constants/runRoutes"; +import { + SETTINGS, + TABLE_SCHEMAS, + TABLE_GROUP_SCHEMAS, +} from "@src/config/dbPaths"; +import { runRoutes } from "@src/constants/runRoutes"; import { analytics } from "@src/analytics"; export enum TableSettingsDialogModes { diff --git a/src/components/Wizards/Cell.tsx b/src/components/Wizards/Cell.tsx index c45d5e40..df9b1901 100644 --- a/src/components/Wizards/Cell.tsx +++ b/src/components/Wizards/Cell.tsx @@ -1,9 +1,9 @@ import React from "react"; import { makeStyles, createStyles } from "@mui/styles"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; -import EmptyState from "components/EmptyState"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; +import EmptyState from "@src/components/EmptyState"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Wizards/Column.tsx b/src/components/Wizards/Column.tsx index aa9a72ff..2a4603c3 100644 --- a/src/components/Wizards/Column.tsx +++ b/src/components/Wizards/Column.tsx @@ -4,8 +4,8 @@ import { makeStyles, createStyles } from "@mui/styles"; import { Grid, GridProps, Typography } from "@mui/material"; import { alpha } from "@mui/material/styles"; -import { FieldType } from "constants/fields"; -import { getFieldProp } from "components/fields"; +import { FieldType } from "@src/constants/fields"; +import { getFieldProp } from "@src/components/fields"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Wizards/ImportCsvWizard/Step1Columns.tsx b/src/components/Wizards/ImportCsvWizard/Step1Columns.tsx index 5c658704..f7f87f8f 100644 --- a/src/components/Wizards/ImportCsvWizard/Step1Columns.tsx +++ b/src/components/Wizards/ImportCsvWizard/Step1Columns.tsx @@ -21,8 +21,8 @@ import { IStepProps } from "."; import FadeList from "../ScrollableList"; import Column from "../Column"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; import { suggestType } from "../ImportWizard/utils"; const useStyles = makeStyles((theme) => diff --git a/src/components/Wizards/ImportCsvWizard/Step2NewColumns.tsx b/src/components/Wizards/ImportCsvWizard/Step2NewColumns.tsx index 6824f768..ac97235b 100644 --- a/src/components/Wizards/ImportCsvWizard/Step2NewColumns.tsx +++ b/src/components/Wizards/ImportCsvWizard/Step2NewColumns.tsx @@ -10,9 +10,9 @@ import { IStepProps } from "."; import FadeList from "../ScrollableList"; import Column from "../Column"; import Cell from "../Cell"; -import FieldsDropdown from "components/Table/ColumnMenu/FieldsDropdown"; +import FieldsDropdown from "@src/components/Table/ColumnMenu/FieldsDropdown"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { SELECTABLE_TYPES } from "../ImportWizard/utils"; const useStyles = makeStyles((theme) => diff --git a/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx b/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx index 467fd13e..66faa4fe 100644 --- a/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx +++ b/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx @@ -8,8 +8,8 @@ import { IStepProps } from "."; import Column from "../Column"; import Cell from "../Cell"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Wizards/ImportCsvWizard/index.tsx b/src/components/Wizards/ImportCsvWizard/index.tsx index 7b8dc360..12ba3f3b 100644 --- a/src/components/Wizards/ImportCsvWizard/index.tsx +++ b/src/components/Wizards/ImportCsvWizard/index.tsx @@ -17,9 +17,9 @@ import Step1Columns from "./Step1Columns"; import Step2NewColumns from "./Step2NewColumns"; import Step3Preview from "./Step3Preview"; -import { ColumnConfig } from "hooks/useTable/useTableConfig"; -import { useProjectContext } from "contexts/ProjectContext"; -import { getFieldProp } from "components/fields"; +import { ColumnConfig } from "@src/hooks/useTable/useTableConfig"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { getFieldProp } from "@src/components/fields"; import { analytics } from "@src/analytics"; export type CsvConfig = { diff --git a/src/components/Wizards/ImportWizard/Step1Columns.tsx b/src/components/Wizards/ImportWizard/Step1Columns.tsx index 46a98b9a..615f7bf3 100644 --- a/src/components/Wizards/ImportWizard/Step1Columns.tsx +++ b/src/components/Wizards/ImportWizard/Step1Columns.tsx @@ -21,11 +21,11 @@ import DragHandleIcon from "@mui/icons-material/DragHandle"; import { IStepProps } from "."; import FadeList from "../ScrollableList"; import Column from "../Column"; -import EmptyState from "components/EmptyState"; -import AddColumnIcon from "assets/icons/AddColumn"; +import EmptyState from "@src/components/EmptyState"; +import AddColumnIcon from "@src/assets/icons/AddColumn"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; import { suggestType } from "./utils"; const useStyles = makeStyles((theme) => diff --git a/src/components/Wizards/ImportWizard/Step3Types.tsx b/src/components/Wizards/ImportWizard/Step3Types.tsx index 9c4299b9..547a161d 100644 --- a/src/components/Wizards/ImportWizard/Step3Types.tsx +++ b/src/components/Wizards/ImportWizard/Step3Types.tsx @@ -8,10 +8,10 @@ import { IStepProps } from "."; import FadeList from "../ScrollableList"; import Column from "../Column"; import Cell from "../Cell"; -import FieldsDropdown from "components/Table/ColumnMenu/FieldsDropdown"; +import FieldsDropdown from "@src/components/Table/ColumnMenu/FieldsDropdown"; -import { useProjectContext } from "contexts/ProjectContext"; -import { FieldType } from "constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; import { SELECTABLE_TYPES } from "./utils"; const useStyles = makeStyles((theme) => diff --git a/src/components/Wizards/ImportWizard/Step4Preview.tsx b/src/components/Wizards/ImportWizard/Step4Preview.tsx index 3ae82719..96fe2503 100644 --- a/src/components/Wizards/ImportWizard/Step4Preview.tsx +++ b/src/components/Wizards/ImportWizard/Step4Preview.tsx @@ -5,7 +5,7 @@ import { IStepProps } from "."; import Column from "../Column"; import Cell from "../Cell"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/Wizards/ImportWizard/index.tsx b/src/components/Wizards/ImportWizard/index.tsx index 64c9602b..0b9d1936 100644 --- a/src/components/Wizards/ImportWizard/index.tsx +++ b/src/components/Wizards/ImportWizard/index.tsx @@ -9,8 +9,8 @@ import Step2Rename from "./Step2Rename"; import Step3Types from "./Step3Types"; import Step4Preview from "./Step4Preview"; -import { ColumnConfig } from "hooks/useTable/useTableConfig"; -import { useProjectContext } from "contexts/ProjectContext"; +import { ColumnConfig } from "@src/hooks/useTable/useTableConfig"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export type TableColumnsConfig = { [key: string]: ColumnConfig }; diff --git a/src/components/Wizards/ImportWizard/utils.ts b/src/components/Wizards/ImportWizard/utils.ts index 15cba28a..3ca577a8 100644 --- a/src/components/Wizards/ImportWizard/utils.ts +++ b/src/components/Wizards/ImportWizard/utils.ts @@ -1,7 +1,7 @@ import _isDate from "lodash/isDate"; import _sortBy from "lodash/sortBy"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; export const SELECTABLE_TYPES = [ FieldType.shortText, diff --git a/src/components/Wizards/WizardDialog.tsx b/src/components/Wizards/WizardDialog.tsx index f6fe69eb..65d4bbcd 100644 --- a/src/components/Wizards/WizardDialog.tsx +++ b/src/components/Wizards/WizardDialog.tsx @@ -18,8 +18,8 @@ import CloseIcon from "@mui/icons-material/Close"; import ChevronRightIcon from "@mui/icons-material/ChevronRight"; import ChevronLeftIcon from "@mui/icons-material/ChevronLeft"; -import { SlideTransitionMui } from "components/Modal/SlideTransition"; -import ScrollableDialogContent from "components/Modal/ScrollableDialogContent"; +import { SlideTransitionMui } from "@src/components/Modal/SlideTransition"; +import ScrollableDialogContent from "@src/components/Modal/ScrollableDialogContent"; export interface IWizardDialogProps extends DialogProps { title: string; diff --git a/src/components/fields/Action/ActionFab.tsx b/src/components/fields/Action/ActionFab.tsx index 86dec038..30b5eeee 100644 --- a/src/components/fields/Action/ActionFab.tsx +++ b/src/components/fields/Action/ActionFab.tsx @@ -6,14 +6,14 @@ import { Fab, FabProps } from "@mui/material"; import PlayIcon from "@mui/icons-material/PlayArrow"; import RefreshIcon from "@mui/icons-material/Refresh"; import UndoIcon from "@mui/icons-material/Undo"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { functions } from "@src/firebase"; -import { formatPath } from "utils/fns"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { formatPath } from "@src/utils/fns"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; import { useActionParams } from "./FormDialog/Context"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; const replacer = (data: any) => (m: string, key: string) => { const objKey = key.split(":")[0]; diff --git a/src/components/fields/Action/Settings.tsx b/src/components/fields/Action/Settings.tsx index 88719a56..e537fea6 100644 --- a/src/components/fields/Action/Settings.tsx +++ b/src/components/fields/Action/Settings.tsx @@ -7,14 +7,15 @@ import { Divider, } from "@mui/material"; import MultiSelect from "@rowy/multiselect"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; -import { useProjectContext } from "contexts/ProjectContext"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; +import { useProjectContext } from "@src/contexts/ProjectContext"; import { InputLabel } from "@mui/material"; import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); const Settings = ({ config, handleChange }) => { diff --git a/src/components/fields/Action/SideDrawerField.tsx b/src/components/fields/Action/SideDrawerField.tsx index f6d0dd60..bacffa5d 100644 --- a/src/components/fields/Action/SideDrawerField.tsx +++ b/src/components/fields/Action/SideDrawerField.tsx @@ -4,8 +4,8 @@ import { ISideDrawerFieldProps } from "../types"; import { Stack, Link } from "@mui/material"; import ActionFab from "./ActionFab"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; -import { sanitiseCallableName, isUrl } from "utils/fns"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; +import { sanitiseCallableName, isUrl } from "@src/utils/fns"; export default function Action({ column, diff --git a/src/components/fields/Action/TableCell.tsx b/src/components/fields/Action/TableCell.tsx index 583e845d..3fdd63a8 100644 --- a/src/components/fields/Action/TableCell.tsx +++ b/src/components/fields/Action/TableCell.tsx @@ -3,7 +3,7 @@ import { IHeavyCellProps } from "../types"; import { Stack } from "@mui/material"; import ActionFab from "./ActionFab"; -import { sanitiseCallableName, isUrl } from "utils/fns"; +import { sanitiseCallableName, isUrl } from "@src/utils/fns"; export default function Action({ column, diff --git a/src/components/fields/Action/index.tsx b/src/components/fields/Action/index.tsx index 6e054f55..c83d0bb2 100644 --- a/src/components/fields/Action/index.tsx +++ b/src/components/fields/Action/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import ActionIcon from "@mui/icons-material/TouchAppOutlined"; import BasicCell from "./BasicCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Action" */) diff --git a/src/components/fields/Aggregate/Settings.tsx b/src/components/fields/Aggregate/Settings.tsx index d1002147..94debbd6 100644 --- a/src/components/fields/Aggregate/Settings.tsx +++ b/src/components/fields/Aggregate/Settings.tsx @@ -1,12 +1,13 @@ import { lazy, Suspense } from "react"; import { Typography } from "@mui/material"; import MultiSelect from "@rowy/multiselect"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; -import { FieldType } from "constants/fields"; -import FieldsDropdown from "components/Table/ColumnMenu/FieldsDropdown"; -import { useProjectContext } from "contexts/ProjectContext"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; +import { FieldType } from "@src/constants/fields"; +import FieldsDropdown from "@src/components/Table/ColumnMenu/FieldsDropdown"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); const Settings = ({ config, handleChange }) => { diff --git a/src/components/fields/Aggregate/index.tsx b/src/components/fields/Aggregate/index.tsx index 66f3ae77..a77802bf 100644 --- a/src/components/fields/Aggregate/index.tsx +++ b/src/components/fields/Aggregate/index.tsx @@ -1,9 +1,9 @@ -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import AggregateIcon from "@mui/icons-material/LayersOutlined"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; export const config: IFieldConfig = { type: FieldType.aggregate, diff --git a/src/components/fields/Checkbox/SideDrawerField.tsx b/src/components/fields/Checkbox/SideDrawerField.tsx index 2e8550e0..d0375b96 100644 --- a/src/components/fields/Checkbox/SideDrawerField.tsx +++ b/src/components/fields/Checkbox/SideDrawerField.tsx @@ -3,7 +3,7 @@ import { ISideDrawerFieldProps } from "../types"; import { ButtonBase, FormControlLabel, Switch } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; export default function Checkbox({ column, diff --git a/src/components/fields/Checkbox/TableCell.tsx b/src/components/fields/Checkbox/TableCell.tsx index fce6ca3b..1b8804e6 100644 --- a/src/components/fields/Checkbox/TableCell.tsx +++ b/src/components/fields/Checkbox/TableCell.tsx @@ -2,7 +2,7 @@ import { IHeavyCellProps } from "../types"; import _get from "lodash/get"; import { FormControlLabel, Switch } from "@mui/material"; -import Confirmation from "components/Confirmation"; +import Confirmation from "@src/components/Confirmation"; const replacer = (data: any) => (m: string, key: string) => { const objKey = key.split(":")[0]; diff --git a/src/components/fields/Checkbox/index.tsx b/src/components/fields/Checkbox/index.tsx index 9cf08d47..fbdc504b 100644 --- a/src/components/fields/Checkbox/index.tsx +++ b/src/components/fields/Checkbox/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import CheckboxIcon from "@mui/icons-material/ToggleOnOutlined"; import BasicCell from "../_BasicCell/BasicCellName"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Checkbox" */) diff --git a/src/components/fields/Code/SideDrawerField.tsx b/src/components/fields/Code/SideDrawerField.tsx index 65696b80..2549f3f4 100644 --- a/src/components/fields/Code/SideDrawerField.tsx +++ b/src/components/fields/Code/SideDrawerField.tsx @@ -1,7 +1,7 @@ import { Controller } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; -import CodeEditor from "components/CodeEditor"; +import CodeEditor from "@src/components/CodeEditor"; export default function Code({ control, diff --git a/src/components/fields/Code/index.tsx b/src/components/fields/Code/index.tsx index b3f041d5..7c2e13d1 100644 --- a/src/components/fields/Code/index.tsx +++ b/src/components/fields/Code/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import CodeIcon from "@mui/icons-material/Code"; import BasicCell from "./BasicCell"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const SideDrawerField = lazy( () => diff --git a/src/components/fields/Color/SideDrawerField.tsx b/src/components/fields/Color/SideDrawerField.tsx index 0cb627f3..6aa5d2ed 100644 --- a/src/components/fields/Color/SideDrawerField.tsx +++ b/src/components/fields/Color/SideDrawerField.tsx @@ -6,7 +6,7 @@ import "react-color-palette/lib/css/styles.css"; import { ButtonBase, Box, Collapse } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; export default function Color({ column, diff --git a/src/components/fields/Color/index.tsx b/src/components/fields/Color/index.tsx index 7409adf8..6e98ccfa 100644 --- a/src/components/fields/Color/index.tsx +++ b/src/components/fields/Color/index.tsx @@ -1,11 +1,11 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withPopoverCell from "../_withTableCell/withPopoverCell"; import ColorIcon from "@mui/icons-material/Colorize"; import BasicCell from "../_BasicCell/BasicCellNull"; import InlineCell from "./InlineCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const PopoverCell = lazy( () => import("./PopoverCell" /* webpackChunkName: "PopoverCell-Color" */) diff --git a/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx b/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx index 708cd0fa..a2472d2e 100644 --- a/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx +++ b/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx @@ -21,7 +21,7 @@ import SearchIcon from "@mui/icons-material/Search"; import { IConnectServiceSelectProps } from "."; import useStyles from "./styles"; -import Loading from "components/Loading"; +import Loading from "@src/components/Loading"; export interface IPopupContentsProps extends Omit {} diff --git a/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx b/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx index 39ed05ef..b9ac2da0 100644 --- a/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx +++ b/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx @@ -4,8 +4,8 @@ import clsx from "clsx"; import { TextField, TextFieldProps } from "@mui/material"; import useStyles from "./styles"; -import Loading from "components/Loading"; -import ErrorBoundary from "components/ErrorBoundary"; +import Loading from "@src/components/Loading"; +import ErrorBoundary from "@src/components/ErrorBoundary"; import PopupContents from "./PopupContents"; export type ServiceValue = { diff --git a/src/components/fields/ConnectService/InlineCell.tsx b/src/components/fields/ConnectService/InlineCell.tsx index 955b9f5c..95a93c34 100644 --- a/src/components/fields/ConnectService/InlineCell.tsx +++ b/src/components/fields/ConnectService/InlineCell.tsx @@ -4,7 +4,7 @@ import { IPopoverInlineCellProps } from "../types"; import { ButtonBase, Grid, Chip } from "@mui/material"; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; -import ChipList from "components/Table/formatters/ChipList"; +import ChipList from "@src/components/Table/formatters/ChipList"; import { get } from "lodash"; export const ConnectService = forwardRef(function ConnectService( diff --git a/src/components/fields/ConnectService/index.tsx b/src/components/fields/ConnectService/index.tsx index e65d5ac6..2ae3d5c7 100644 --- a/src/components/fields/ConnectService/index.tsx +++ b/src/components/fields/ConnectService/index.tsx @@ -1,11 +1,11 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withPopoverCell from "../_withTableCell/withPopoverCell"; import ConnectServiceIcon from "@mui/icons-material/Http"; import BasicCell from "../_BasicCell/BasicCellNull"; import InlineCell from "./InlineCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const PopoverCell = lazy( () => diff --git a/src/components/fields/ConnectTable/ConnectTableSelect.tsx b/src/components/fields/ConnectTable/ConnectTableSelect.tsx index cbfc031b..5fea991f 100644 --- a/src/components/fields/ConnectTable/ConnectTableSelect.tsx +++ b/src/components/fields/ConnectTable/ConnectTableSelect.tsx @@ -9,12 +9,12 @@ import { useSnackbar } from "notistack"; import { Button } from "@mui/material"; import MultiSelect, { MultiSelectProps } from "@rowy/multiselect"; -import Loading from "components/Loading"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import Loading from "@src/components/Loading"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import { useProjectContext } from "@src/contexts/ProjectContext"; import { runRoutes } from "@src/constants/runRoutes"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; const useAlgoliaSearchKeys = createPersistedState( "__ROWY__ALGOLIA_SEARCH_KEYS" diff --git a/src/components/fields/ConnectTable/InlineCell.tsx b/src/components/fields/ConnectTable/InlineCell.tsx index 3a714e10..58340413 100644 --- a/src/components/fields/ConnectTable/InlineCell.tsx +++ b/src/components/fields/ConnectTable/InlineCell.tsx @@ -4,7 +4,7 @@ import { IPopoverInlineCellProps } from "../types"; import { ButtonBase, Grid, Chip } from "@mui/material"; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; -import ChipList from "components/Table/formatters/ChipList"; +import ChipList from "@src/components/Table/formatters/ChipList"; export const ConnectTable = forwardRef(function ConnectTable( { value, showPopoverCell, disabled, column }: IPopoverInlineCellProps, diff --git a/src/components/fields/ConnectTable/Settings.tsx b/src/components/fields/ConnectTable/Settings.tsx index 38e88c6b..3b42e06f 100644 --- a/src/components/fields/ConnectTable/Settings.tsx +++ b/src/components/fields/ConnectTable/Settings.tsx @@ -11,14 +11,14 @@ import { FormHelperText, } from "@mui/material"; import MultiSelect from "@rowy/multiselect"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import WarningIcon from "@mui/icons-material/WarningAmberOutlined"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { db } from "@src/firebase"; -import { useProjectContext } from "contexts/ProjectContext"; -import { TABLE_SCHEMAS } from "config/dbPaths"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { TABLE_SCHEMAS } from "@src/config/dbPaths"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; export default function Settings({ handleChange, config }: ISettingsProps) { const { tables } = useProjectContext(); diff --git a/src/components/fields/ConnectTable/index.tsx b/src/components/fields/ConnectTable/index.tsx index 0f505b21..ae903d60 100644 --- a/src/components/fields/ConnectTable/index.tsx +++ b/src/components/fields/ConnectTable/index.tsx @@ -1,11 +1,11 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withPopoverCell from "../_withTableCell/withPopoverCell"; -import ConnectTableIcon from "assets/icons/ConnectTable"; +import ConnectTableIcon from "@src/assets/icons/ConnectTable"; import BasicCell from "../_BasicCell/BasicCellNull"; import InlineCell from "./InlineCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const PopoverCell = lazy( () => diff --git a/src/components/fields/CreatedAt/SideDrawerField.tsx b/src/components/fields/CreatedAt/SideDrawerField.tsx index f71564a0..8639ec6c 100644 --- a/src/components/fields/CreatedAt/SideDrawerField.tsx +++ b/src/components/fields/CreatedAt/SideDrawerField.tsx @@ -1,11 +1,11 @@ import { useWatch } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function CreatedAt({ control, column }: ISideDrawerFieldProps) { const fieldClasses = useFieldStyles(); diff --git a/src/components/fields/CreatedAt/TableCell.tsx b/src/components/fields/CreatedAt/TableCell.tsx index 5955a8dc..7e8f65c8 100644 --- a/src/components/fields/CreatedAt/TableCell.tsx +++ b/src/components/fields/CreatedAt/TableCell.tsx @@ -1,8 +1,8 @@ import { IHeavyCellProps } from "../types"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function CreatedAt({ row, column }: IHeavyCellProps) { const { table } = useProjectContext(); diff --git a/src/components/fields/CreatedAt/index.tsx b/src/components/fields/CreatedAt/index.tsx index 19d752f1..33fffca1 100644 --- a/src/components/fields/CreatedAt/index.tsx +++ b/src/components/fields/CreatedAt/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import CreatedAtIcon from "assets/icons/CreatedAt"; +import CreatedAtIcon from "@src/assets/icons/CreatedAt"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-CreatedAt" */) diff --git a/src/components/fields/CreatedBy/Settings.tsx b/src/components/fields/CreatedBy/Settings.tsx index 072d5593..c7ca53b5 100644 --- a/src/components/fields/CreatedBy/Settings.tsx +++ b/src/components/fields/CreatedBy/Settings.tsx @@ -1,11 +1,11 @@ import { ISettingsProps } from "../types"; import { Typography, Link } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import MultiSelect from "@rowy/multiselect"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function Settings({ handleChange, config }: ISettingsProps) { return ( diff --git a/src/components/fields/CreatedBy/SideDrawerField.tsx b/src/components/fields/CreatedBy/SideDrawerField.tsx index bbad9cc3..3e31c1c9 100644 --- a/src/components/fields/CreatedBy/SideDrawerField.tsx +++ b/src/components/fields/CreatedBy/SideDrawerField.tsx @@ -2,11 +2,11 @@ import { useWatch } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; import { Stack, Typography, Avatar } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function CreatedBy({ control, column }: ISideDrawerFieldProps) { const fieldClasses = useFieldStyles(); diff --git a/src/components/fields/CreatedBy/TableCell.tsx b/src/components/fields/CreatedBy/TableCell.tsx index 180662cf..50b71f6e 100644 --- a/src/components/fields/CreatedBy/TableCell.tsx +++ b/src/components/fields/CreatedBy/TableCell.tsx @@ -3,8 +3,8 @@ import { IHeavyCellProps } from "../types"; import { Tooltip, Stack, Avatar } from "@mui/material"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function CreatedBy({ row, column }: IHeavyCellProps) { const { table } = useProjectContext(); diff --git a/src/components/fields/CreatedBy/index.tsx b/src/components/fields/CreatedBy/index.tsx index d0ee8231..428aea7c 100644 --- a/src/components/fields/CreatedBy/index.tsx +++ b/src/components/fields/CreatedBy/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import CreatedByIcon from "assets/icons/CreatedBy"; +import CreatedByIcon from "@src/assets/icons/CreatedBy"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-CreatedBy" */) diff --git a/src/components/fields/Date/BasicCell.tsx b/src/components/fields/Date/BasicCell.tsx index 385ef55e..a5acbffb 100644 --- a/src/components/fields/Date/BasicCell.tsx +++ b/src/components/fields/Date/BasicCell.tsx @@ -2,7 +2,7 @@ import { IBasicCellProps } from "../types"; import _isFunction from "lodash/isFunction"; import _isDate from "lodash/isDate"; import { format } from "date-fns"; -import { DATE_FORMAT } from "constants/dates"; +import { DATE_FORMAT } from "@src/constants/dates"; export default function Date_({ value, diff --git a/src/components/fields/Date/Settings.tsx b/src/components/fields/Date/Settings.tsx index 209426d7..92688194 100644 --- a/src/components/fields/Date/Settings.tsx +++ b/src/components/fields/Date/Settings.tsx @@ -1,11 +1,11 @@ import { ISettingsProps } from "../types"; import { Typography, Link } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import MultiSelect from "@rowy/multiselect"; -import { DATE_FORMAT } from "constants/dates"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { DATE_FORMAT } from "@src/constants/dates"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function Settings({ handleChange, config }: ISettingsProps) { return ( diff --git a/src/components/fields/Date/SideDrawerField.tsx b/src/components/fields/Date/SideDrawerField.tsx index 65663ea4..14497ef2 100644 --- a/src/components/fields/Date/SideDrawerField.tsx +++ b/src/components/fields/Date/SideDrawerField.tsx @@ -5,7 +5,7 @@ import DatePicker from "@mui/lab/DatePicker"; import { TextField } from "@mui/material"; import { transformValue, sanitizeValue } from "./utils"; -import { DATE_FORMAT } from "constants/dates"; +import { DATE_FORMAT } from "@src/constants/dates"; import { DateIcon } from "."; export interface IDateProps extends ISideDrawerFieldProps {} diff --git a/src/components/fields/Date/TableCell.tsx b/src/components/fields/Date/TableCell.tsx index 7d6c38d7..9d8b3b40 100644 --- a/src/components/fields/Date/TableCell.tsx +++ b/src/components/fields/Date/TableCell.tsx @@ -5,7 +5,7 @@ import DatePicker from "@mui/lab/DatePicker"; import { TextField } from "@mui/material"; import { transformValue, sanitizeValue } from "./utils"; -import { DATE_FORMAT } from "constants/dates"; +import { DATE_FORMAT } from "@src/constants/dates"; import BasicCell from "./BasicCell"; import { DateIcon } from "."; diff --git a/src/components/fields/Date/index.tsx b/src/components/fields/Date/index.tsx index 0c7d37a2..948f3ff2 100644 --- a/src/components/fields/Date/index.tsx +++ b/src/components/fields/Date/index.tsx @@ -1,12 +1,12 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import { parse, format } from "date-fns"; -import { DATE_FORMAT } from "constants/dates"; +import { DATE_FORMAT } from "@src/constants/dates"; import DateIcon from "@mui/icons-material/TodayOutlined"; import BasicCell from "./BasicCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import { filterOperators, valueFormatter } from "./Filter"; const TableCell = lazy( diff --git a/src/components/fields/DateTime/BasicCell.tsx b/src/components/fields/DateTime/BasicCell.tsx index 254c6867..690aff7f 100644 --- a/src/components/fields/DateTime/BasicCell.tsx +++ b/src/components/fields/DateTime/BasicCell.tsx @@ -2,7 +2,7 @@ import { IBasicCellProps } from "../types"; import _isFunction from "lodash/isFunction"; import _isDate from "lodash/isDate"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; export default function DateTime({ value, diff --git a/src/components/fields/DateTime/Settings.tsx b/src/components/fields/DateTime/Settings.tsx index 072d5593..c7ca53b5 100644 --- a/src/components/fields/DateTime/Settings.tsx +++ b/src/components/fields/DateTime/Settings.tsx @@ -1,11 +1,11 @@ import { ISettingsProps } from "../types"; import { Typography, Link } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; import MultiSelect from "@rowy/multiselect"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function Settings({ handleChange, config }: ISettingsProps) { return ( diff --git a/src/components/fields/DateTime/SideDrawerField.tsx b/src/components/fields/DateTime/SideDrawerField.tsx index f2b9aefb..b2949573 100644 --- a/src/components/fields/DateTime/SideDrawerField.tsx +++ b/src/components/fields/DateTime/SideDrawerField.tsx @@ -5,7 +5,7 @@ import DatePicker from "@mui/lab/DatePicker"; import { TextField } from "@mui/material"; import { transformValue, sanitizeValue } from "../Date/utils"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; import { DateTimeIcon } from "."; export interface IDateProps extends ISideDrawerFieldProps {} diff --git a/src/components/fields/DateTime/TableCell.tsx b/src/components/fields/DateTime/TableCell.tsx index 7bae0f45..a11fa16d 100644 --- a/src/components/fields/DateTime/TableCell.tsx +++ b/src/components/fields/DateTime/TableCell.tsx @@ -5,7 +5,7 @@ import DateTimePicker from "@mui/lab/DateTimePicker"; import { TextField } from "@mui/material"; import { transformValue, sanitizeValue } from "../Date/utils"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; import BasicCell from "./BasicCell"; import { DateTimeIcon } from "."; diff --git a/src/components/fields/DateTime/index.tsx b/src/components/fields/DateTime/index.tsx index aa7cf313..10bb5c50 100644 --- a/src/components/fields/DateTime/index.tsx +++ b/src/components/fields/DateTime/index.tsx @@ -1,12 +1,12 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import { parseJSON, format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; import DateTimeIcon from "@mui/icons-material/AccessTime"; import BasicCell from "./BasicCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import { filterOperators, valueFormatter } from "./Filter"; const TableCell = lazy( diff --git a/src/components/fields/Derivative/Settings.tsx b/src/components/fields/Derivative/Settings.tsx index 14e75323..a8d537a7 100644 --- a/src/components/fields/Derivative/Settings.tsx +++ b/src/components/fields/Derivative/Settings.tsx @@ -3,16 +3,17 @@ import { ISettingsProps } from "../types"; import { Grid, InputLabel } from "@mui/material"; import MultiSelect from "@rowy/multiselect"; -import FieldSkeleton from "components/SideDrawer/Form/FieldSkeleton"; -import FieldsDropdown from "components/Table/ColumnMenu/FieldsDropdown"; +import FieldSkeleton from "@src/components/SideDrawer/Form/FieldSkeleton"; +import FieldsDropdown from "@src/components/Table/ColumnMenu/FieldsDropdown"; import CodeEditorHelper from "@src/components/CodeEditor/CodeEditorHelper"; -import { FieldType } from "constants/fields"; -import { useProjectContext } from "contexts/ProjectContext"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { FieldType } from "@src/constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; const CodeEditor = lazy( - () => import("components/CodeEditor" /* webpackChunkName: "CodeEditor" */) + () => + import("@src/components/CodeEditor" /* webpackChunkName: "CodeEditor" */) ); export default function Settings({ diff --git a/src/components/fields/Derivative/index.tsx b/src/components/fields/Derivative/index.tsx index 37e4328a..21b4c57f 100644 --- a/src/components/fields/Derivative/index.tsx +++ b/src/components/fields/Derivative/index.tsx @@ -1,9 +1,9 @@ -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; -import DerivativeIcon from "assets/icons/Derivative"; +import DerivativeIcon from "@src/assets/icons/Derivative"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import Settings from "./Settings"; export const config: IFieldConfig = { diff --git a/src/components/fields/Duration/SideDrawerField.tsx b/src/components/fields/Duration/SideDrawerField.tsx index f1a536b8..752c194d 100644 --- a/src/components/fields/Duration/SideDrawerField.tsx +++ b/src/components/fields/Duration/SideDrawerField.tsx @@ -1,7 +1,7 @@ import { Controller } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { getDurationString } from "./utils"; export default function Duration({ column, control }: ISideDrawerFieldProps) { diff --git a/src/components/fields/Duration/index.tsx b/src/components/fields/Duration/index.tsx index 23ff1795..b3d7f975 100644 --- a/src/components/fields/Duration/index.tsx +++ b/src/components/fields/Duration/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import DurationIcon from "@mui/icons-material/Timer"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Duration" */) diff --git a/src/components/fields/Email/index.tsx b/src/components/fields/Email/index.tsx index 9449de6f..def22039 100644 --- a/src/components/fields/Email/index.tsx +++ b/src/components/fields/Email/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import EmailIcon from "@mui/icons-material/MailOutlined"; import BasicCell from "../_BasicCell/BasicCellValue"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "../ShortText/Filter"; const SideDrawerField = lazy( () => diff --git a/src/components/fields/File/SideDrawerField.tsx b/src/components/fields/File/SideDrawerField.tsx index 547fd9b3..661f2316 100644 --- a/src/components/fields/File/SideDrawerField.tsx +++ b/src/components/fields/File/SideDrawerField.tsx @@ -5,7 +5,7 @@ import { Controller } from "react-hook-form"; import { format } from "date-fns"; import { useDropzone } from "react-dropzone"; -import useUploader, { FileValue } from "hooks/useTable/useUploader"; +import useUploader, { FileValue } from "@src/hooks/useTable/useUploader"; import { makeStyles, createStyles } from "@mui/styles"; import { @@ -16,15 +16,15 @@ import { Tooltip, Chip, } from "@mui/material"; -import UploadIcon from "assets/icons/Upload"; +import UploadIcon from "@src/assets/icons/Upload"; import { FileIcon } from "."; -import Confirmation from "components/Confirmation"; -import CircularProgressOptical from "components/CircularProgressOptical"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import Confirmation from "@src/components/Confirmation"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; -import { useProjectContext } from "contexts/ProjectContext"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/fields/File/TableCell.tsx b/src/components/fields/File/TableCell.tsx index dd37cc9f..6ea7029f 100644 --- a/src/components/fields/File/TableCell.tsx +++ b/src/components/fields/File/TableCell.tsx @@ -7,15 +7,15 @@ import { format } from "date-fns"; import { makeStyles, createStyles } from "@mui/styles"; import { alpha, Stack, Grid, Tooltip, Chip, IconButton } from "@mui/material"; -import UploadIcon from "assets/icons/Upload"; -import ChipList from "components/Table/formatters/ChipList"; -import CircularProgressOptical from "components/CircularProgressOptical"; +import UploadIcon from "@src/assets/icons/Upload"; +import ChipList from "@src/components/Table/formatters/ChipList"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; -import { useConfirmation } from "components/ConfirmationDialog"; -import useUploader, { FileValue } from "hooks/useTable/useUploader"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; +import useUploader, { FileValue } from "@src/hooks/useTable/useUploader"; import { FileIcon } from "."; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/fields/File/index.tsx b/src/components/fields/File/index.tsx index dddac8ac..522a6006 100644 --- a/src/components/fields/File/index.tsx +++ b/src/components/fields/File/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import FileIcon from "@mui/icons-material/AttachFile"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-File" */) diff --git a/src/components/fields/Id/SideDrawerField.tsx b/src/components/fields/Id/SideDrawerField.tsx index 2acd3514..57197407 100644 --- a/src/components/fields/Id/SideDrawerField.tsx +++ b/src/components/fields/Id/SideDrawerField.tsx @@ -1,7 +1,7 @@ import { ISideDrawerFieldProps } from "../types"; import { useTheme } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; export default function Id({ docRef }: ISideDrawerFieldProps) { const theme = useTheme(); diff --git a/src/components/fields/Id/index.tsx b/src/components/fields/Id/index.tsx index 245c4ebe..7cc5945a 100644 --- a/src/components/fields/Id/index.tsx +++ b/src/components/fields/Id/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import IdIcon from "assets/icons/Id"; +import IdIcon from "@src/assets/icons/Id"; import BasicCell from "../_BasicCell/BasicCellValue"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Id" */) diff --git a/src/components/fields/Image/SideDrawerField.tsx b/src/components/fields/Image/SideDrawerField.tsx index 8968ffef..3158899f 100644 --- a/src/components/fields/Image/SideDrawerField.tsx +++ b/src/components/fields/Image/SideDrawerField.tsx @@ -4,7 +4,7 @@ import clsx from "clsx"; import { Controller } from "react-hook-form"; import { useDropzone } from "react-dropzone"; -import useUploader from "hooks/useTable/useUploader"; +import useUploader from "@src/hooks/useTable/useUploader"; import { makeStyles, createStyles } from "@mui/styles"; import { alpha, ButtonBase, Typography, Grid, Tooltip } from "@mui/material"; @@ -14,12 +14,12 @@ import DeleteIcon from "@mui/icons-material/DeleteOutlined"; import OpenIcon from "@mui/icons-material/OpenInNewOutlined"; import { IMAGE_MIME_TYPES } from "."; -import Thumbnail from "components/Thumbnail"; -import CircularProgressOptical from "components/CircularProgressOptical"; -import { useConfirmation } from "components/ConfirmationDialog"; -import { useProjectContext } from "contexts/ProjectContext"; +import Thumbnail from "@src/components/Thumbnail"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; +import { useProjectContext } from "@src/contexts/ProjectContext"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; const useStyles = makeStyles((theme) => createStyles({ dropzoneButton: { diff --git a/src/components/fields/Image/TableCell.tsx b/src/components/fields/Image/TableCell.tsx index 965323b8..3c6fd68b 100644 --- a/src/components/fields/Image/TableCell.tsx +++ b/src/components/fields/Image/TableCell.tsx @@ -18,12 +18,12 @@ import AddIcon from "@mui/icons-material/AddAPhotoOutlined"; import DeleteIcon from "@mui/icons-material/DeleteOutlined"; import OpenIcon from "@mui/icons-material/OpenInNewOutlined"; -import CircularProgressOptical from "components/CircularProgressOptical"; -import { useConfirmation } from "components/ConfirmationDialog"; -import useUploader, { FileValue } from "hooks/useTable/useUploader"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; +import useUploader, { FileValue } from "@src/hooks/useTable/useUploader"; import { IMAGE_MIME_TYPES } from "./index"; -import { useProjectContext } from "contexts/ProjectContext"; -import Thumbnail from "components/Thumbnail"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import Thumbnail from "@src/components/Thumbnail"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/fields/Image/index.tsx b/src/components/fields/Image/index.tsx index 022ae65b..7409a002 100644 --- a/src/components/fields/Image/index.tsx +++ b/src/components/fields/Image/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import ImageIcon from "assets/icons/Image"; +import ImageIcon from "@src/assets/icons/Image"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Image" */) diff --git a/src/components/fields/Json/SideDrawerField.tsx b/src/components/fields/Json/SideDrawerField.tsx index f3f6f084..a34792ff 100644 --- a/src/components/fields/Json/SideDrawerField.tsx +++ b/src/components/fields/Json/SideDrawerField.tsx @@ -5,13 +5,13 @@ import { ISideDrawerFieldProps } from "../types"; import ReactJson from "react-json-view"; import jsonFormat from "json-format"; -import CodeEditor from "components/CodeEditor"; +import CodeEditor from "@src/components/CodeEditor"; import { useTheme, Tab, FormHelperText } from "@mui/material"; import TabContext from "@mui/lab/TabContext"; import TabList from "@mui/lab/TabList"; import TabPanel from "@mui/lab/TabPanel"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; const useJsonEditor = createPersistedState("__ROWY__JSON_EDITOR"); diff --git a/src/components/fields/Json/index.tsx b/src/components/fields/Json/index.tsx index deea3de2..b778f5f0 100644 --- a/src/components/fields/Json/index.tsx +++ b/src/components/fields/Json/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; -import JsonIcon from "assets/icons/Json"; +import JsonIcon from "@src/assets/icons/Json"; import BasicCell from "./BasicCell"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const SideDrawerField = lazy( () => diff --git a/src/components/fields/LongText/index.tsx b/src/components/fields/LongText/index.tsx index a1fc98c2..64664218 100644 --- a/src/components/fields/LongText/index.tsx +++ b/src/components/fields/LongText/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import LongTextIcon from "@mui/icons-material/Notes"; import BasicCell from "./BasicCell"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "../ShortText/Filter"; const SideDrawerField = lazy( diff --git a/src/components/fields/MultiSelect/InlineCell.tsx b/src/components/fields/MultiSelect/InlineCell.tsx index 094dc2b1..4f62c4cd 100644 --- a/src/components/fields/MultiSelect/InlineCell.tsx +++ b/src/components/fields/MultiSelect/InlineCell.tsx @@ -5,8 +5,8 @@ import { ButtonBase, Grid } from "@mui/material"; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; import { sanitiseValue } from "./utils"; -import ChipList from "components/Table/formatters/ChipList"; -import FormattedChip from "components/FormattedChip"; +import ChipList from "@src/components/Table/formatters/ChipList"; +import FormattedChip from "@src/components/FormattedChip"; import { ConvertStringToArray } from "./ConvertStringToArray"; export const MultiSelect = forwardRef(function MultiSelect( diff --git a/src/components/fields/MultiSelect/SideDrawerField.tsx b/src/components/fields/MultiSelect/SideDrawerField.tsx index 64314c3d..dd7bcb1d 100644 --- a/src/components/fields/MultiSelect/SideDrawerField.tsx +++ b/src/components/fields/MultiSelect/SideDrawerField.tsx @@ -3,7 +3,7 @@ import { ISideDrawerFieldProps } from "../types"; import { Grid } from "@mui/material"; import MultiSelectComponent from "@rowy/multiselect"; -import FormattedChip from "components/FormattedChip"; +import FormattedChip from "@src/components/FormattedChip"; import { sanitiseValue } from "./utils"; import { ConvertStringToArray } from "./ConvertStringToArray"; diff --git a/src/components/fields/MultiSelect/index.tsx b/src/components/fields/MultiSelect/index.tsx index e496d2a9..5631604f 100644 --- a/src/components/fields/MultiSelect/index.tsx +++ b/src/components/fields/MultiSelect/index.tsx @@ -1,11 +1,11 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withPopoverCell from "../_withTableCell/withPopoverCell"; -import MultiSelectIcon from "assets/icons/MultiSelect"; +import MultiSelectIcon from "@src/assets/icons/MultiSelect"; import BasicCell from "../_BasicCell/BasicCellNull"; import InlineCell from "./InlineCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import { filterOperators } from "./Filter"; const PopoverCell = lazy( () => diff --git a/src/components/fields/Number/index.tsx b/src/components/fields/Number/index.tsx index 09ec5667..da8f4290 100644 --- a/src/components/fields/Number/index.tsx +++ b/src/components/fields/Number/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; -import NumberIcon from "assets/icons/Number"; +import NumberIcon from "@src/assets/icons/Number"; import BasicCell from "./BasicCell"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "./Filter"; const SideDrawerField = lazy( () => diff --git a/src/components/fields/Percentage/BasicCell.tsx b/src/components/fields/Percentage/BasicCell.tsx index 468abd33..fda3e07f 100644 --- a/src/components/fields/Percentage/BasicCell.tsx +++ b/src/components/fields/Percentage/BasicCell.tsx @@ -1,7 +1,7 @@ import { IBasicCellProps } from "../types"; import { useTheme } from "@mui/material"; -import { resultColorsScale } from "utils/color"; +import { resultColorsScale } from "@src/utils/color"; export default function Percentage({ value }: IBasicCellProps) { const theme = useTheme(); diff --git a/src/components/fields/Percentage/SideDrawerField.tsx b/src/components/fields/Percentage/SideDrawerField.tsx index 661890dc..837f08e3 100644 --- a/src/components/fields/Percentage/SideDrawerField.tsx +++ b/src/components/fields/Percentage/SideDrawerField.tsx @@ -4,7 +4,7 @@ import { ISideDrawerFieldProps } from "../types"; import { makeStyles, createStyles } from "@mui/styles"; import { TextField } from "@mui/material"; import { emphasize } from "@mui/material/styles"; -import { resultColorsScale } from "utils/color"; +import { resultColorsScale } from "@src/utils/color"; const useStyles = makeStyles((theme) => createStyles({ diff --git a/src/components/fields/Percentage/index.tsx b/src/components/fields/Percentage/index.tsx index 38b8cf41..7c8869c3 100644 --- a/src/components/fields/Percentage/index.tsx +++ b/src/components/fields/Percentage/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; -import PercentageIcon from "assets/icons/Percentage"; +import PercentageIcon from "@src/assets/icons/Percentage"; import BasicCell from "./BasicCell"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "../Number/Filter"; const SideDrawerField = lazy( () => diff --git a/src/components/fields/Phone/index.tsx b/src/components/fields/Phone/index.tsx index e0a519ef..82b97f57 100644 --- a/src/components/fields/Phone/index.tsx +++ b/src/components/fields/Phone/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import PhoneIcon from "@mui/icons-material/PhoneOutlined"; import BasicCell from "../_BasicCell/BasicCellValue"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "../ShortText/Filter"; const SideDrawerField = lazy( diff --git a/src/components/fields/Rating/Settings.tsx b/src/components/fields/Rating/Settings.tsx index d733f3f5..22dfdc6a 100644 --- a/src/components/fields/Rating/Settings.tsx +++ b/src/components/fields/Rating/Settings.tsx @@ -1,7 +1,7 @@ import { ISettingsProps } from "../types"; import { Slider } from "@mui/material"; -import Subheading from "components/Table/ColumnMenu/Subheading"; +import Subheading from "@src/components/Table/ColumnMenu/Subheading"; export default function Settings({ handleChange, config }: ISettingsProps) { return ( diff --git a/src/components/fields/Rating/SideDrawerField.tsx b/src/components/fields/Rating/SideDrawerField.tsx index 80ad86e0..9a9b0c25 100644 --- a/src/components/fields/Rating/SideDrawerField.tsx +++ b/src/components/fields/Rating/SideDrawerField.tsx @@ -6,7 +6,7 @@ import { Rating as MuiRating } from "@mui/material"; import "@mui/lab"; import StarBorderIcon from "@mui/icons-material/StarBorder"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; export default function Rating({ control, diff --git a/src/components/fields/Rating/index.tsx b/src/components/fields/Rating/index.tsx index 070e5ae3..a08f2482 100644 --- a/src/components/fields/Rating/index.tsx +++ b/src/components/fields/Rating/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import RatingIcon from "@mui/icons-material/StarBorder"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import { filterOperators } from "../Number/Filter"; const TableCell = lazy( diff --git a/src/components/fields/RichText/SideDrawerField.tsx b/src/components/fields/RichText/SideDrawerField.tsx index f38f4e30..13600696 100644 --- a/src/components/fields/RichText/SideDrawerField.tsx +++ b/src/components/fields/RichText/SideDrawerField.tsx @@ -1,6 +1,6 @@ import { Controller } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; -import RichTextEditor from "components/RichTextEditor"; +import RichTextEditor from "@src/components/RichTextEditor"; export default function RichText({ control, diff --git a/src/components/fields/RichText/TableCell.tsx b/src/components/fields/RichText/TableCell.tsx index 4df58e5c..4ff9bf35 100644 --- a/src/components/fields/RichText/TableCell.tsx +++ b/src/components/fields/RichText/TableCell.tsx @@ -4,8 +4,8 @@ import { IHeavyCellProps } from "../types"; import { makeStyles, createStyles } from "@mui/styles"; import { Tooltip, Fade } from "@mui/material"; -import { useProjectContext } from "contexts/ProjectContext"; -import RenderedHtml from "components/RenderedHtml"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import RenderedHtml from "@src/components/RenderedHtml"; type StylesProps = { width: number; rowHeight: number }; diff --git a/src/components/fields/RichText/index.tsx b/src/components/fields/RichText/index.tsx index 139a4189..325ff956 100644 --- a/src/components/fields/RichText/index.tsx +++ b/src/components/fields/RichText/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import RichTextIcon from "@mui/icons-material/TextFormat"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-RichText" */) diff --git a/src/components/fields/ShortText/index.tsx b/src/components/fields/ShortText/index.tsx index 7a1d8e7e..8693e731 100644 --- a/src/components/fields/ShortText/index.tsx +++ b/src/components/fields/ShortText/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import ShortTextIcon from "@mui/icons-material/ShortText"; import BasicCell from "../_BasicCell/BasicCellValue"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "./Filter"; const SideDrawerField = lazy( diff --git a/src/components/fields/SingleSelect/index.tsx b/src/components/fields/SingleSelect/index.tsx index a7279be3..79e14000 100644 --- a/src/components/fields/SingleSelect/index.tsx +++ b/src/components/fields/SingleSelect/index.tsx @@ -1,11 +1,11 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withPopoverCell from "../_withTableCell/withPopoverCell"; -import SingleSelectIcon from "assets/icons/SingleSelect"; +import SingleSelectIcon from "@src/assets/icons/SingleSelect"; import BasicCell from "../_BasicCell/BasicCellNull"; import InlineCell from "./InlineCell"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; import { filterOperators } from "../ShortText/Filter"; const PopoverCell = lazy( diff --git a/src/components/fields/Slider/Settings.tsx b/src/components/fields/Slider/Settings.tsx index 7ae48102..b1b6e12a 100644 --- a/src/components/fields/Slider/Settings.tsx +++ b/src/components/fields/Slider/Settings.tsx @@ -1,5 +1,5 @@ import { TextField, FormControlLabel, Switch } from "@mui/material"; -import Subheading from "components/Table/ColumnMenu/Subheading"; +import Subheading from "@src/components/Table/ColumnMenu/Subheading"; export default function Settings({ handleChange, config }) { return ( diff --git a/src/components/fields/Slider/SideDrawerField.tsx b/src/components/fields/Slider/SideDrawerField.tsx index 8ac3ca8c..86a4c870 100644 --- a/src/components/fields/Slider/SideDrawerField.tsx +++ b/src/components/fields/Slider/SideDrawerField.tsx @@ -2,7 +2,7 @@ import { Controller } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; import { Slider as MuiSlider, Stack, Typography } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; export default function Slider({ control, diff --git a/src/components/fields/Slider/TableCell.tsx b/src/components/fields/Slider/TableCell.tsx index 7d324fde..b1a3c720 100644 --- a/src/components/fields/Slider/TableCell.tsx +++ b/src/components/fields/Slider/TableCell.tsx @@ -2,7 +2,7 @@ import { IHeavyCellProps } from "../types"; import { Grid, Box } from "@mui/material"; -import { resultColorsScale } from "utils/color"; +import { resultColorsScale } from "@src/utils/color"; export default function Slider({ column, value }: IHeavyCellProps) { const { diff --git a/src/components/fields/Slider/index.tsx b/src/components/fields/Slider/index.tsx index 87fe370a..acebc68b 100644 --- a/src/components/fields/Slider/index.tsx +++ b/src/components/fields/Slider/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import SliderIcon from "assets/icons/Slider"; +import SliderIcon from "@src/assets/icons/Slider"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; import { filterOperators } from "../Number/Filter"; const TableCell = lazy( diff --git a/src/components/fields/Status/Settings.tsx b/src/components/fields/Status/Settings.tsx index e91c3faf..9b9a5e51 100644 --- a/src/components/fields/Status/Settings.tsx +++ b/src/components/fields/Status/Settings.tsx @@ -1,7 +1,7 @@ import { useState, useEffect } from "react"; import { ISettingsProps } from "../types"; -import Subheading from "components/Table/ColumnMenu/Subheading"; +import Subheading from "@src/components/Table/ColumnMenu/Subheading"; import Button from "@mui/material/Button"; import IconButton from "@mui/material/IconButton"; import Grid from "@mui/material/Grid"; @@ -9,7 +9,7 @@ import Divider from "@mui/material/Divider"; import EditIcon from "@mui/icons-material/Edit"; import AddIcon from "@mui/icons-material/Add"; -import Modal from "components/Modal"; +import Modal from "@src/components/Modal"; import DeleteIcon from "@mui/icons-material/Delete"; import Typography from "@mui/material/Typography"; import TextField from "@mui/material/TextField"; diff --git a/src/components/fields/Status/SideDrawerField.tsx b/src/components/fields/Status/SideDrawerField.tsx index be34c2c9..87abe987 100644 --- a/src/components/fields/Status/SideDrawerField.tsx +++ b/src/components/fields/Status/SideDrawerField.tsx @@ -5,7 +5,7 @@ import { Grid } from "@mui/material"; import "@mui/lab"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { useStatusStyles } from "./styles"; export default function Rating({ control, column }: ISideDrawerFieldProps) { diff --git a/src/components/fields/Status/index.tsx b/src/components/fields/Status/index.tsx index 399a46d0..b4315b37 100644 --- a/src/components/fields/Status/index.tsx +++ b/src/components/fields/Status/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import StatusIcon from "assets/icons/Status"; +import StatusIcon from "@src/assets/icons/Status"; import BasicCell from "../_BasicCell/BasicCellNull"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-Status" */) diff --git a/src/components/fields/SubTable/Settings.tsx b/src/components/fields/SubTable/Settings.tsx index 1c30cd75..1fe6d9a3 100644 --- a/src/components/fields/SubTable/Settings.tsx +++ b/src/components/fields/SubTable/Settings.tsx @@ -1,6 +1,6 @@ import MultiSelect from "@rowy/multiselect"; -import { FieldType } from "constants/fields"; -import { useProjectContext } from "contexts/ProjectContext"; +import { FieldType } from "@src/constants/fields"; +import { useProjectContext } from "@src/contexts/ProjectContext"; const Settings = ({ config, handleChange }) => { const { tableState } = useProjectContext(); diff --git a/src/components/fields/SubTable/SideDrawerField.tsx b/src/components/fields/SubTable/SideDrawerField.tsx index ed86a483..93629731 100644 --- a/src/components/fields/SubTable/SideDrawerField.tsx +++ b/src/components/fields/SubTable/SideDrawerField.tsx @@ -5,7 +5,7 @@ import { Link } from "react-router-dom"; import { Stack, IconButton } from "@mui/material"; import LaunchIcon from "@mui/icons-material/Launch"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { useSubTableData } from "./utils"; export default function SubTable({ diff --git a/src/components/fields/SubTable/index.tsx b/src/components/fields/SubTable/index.tsx index 74f6dc1f..ccc02ddd 100644 --- a/src/components/fields/SubTable/index.tsx +++ b/src/components/fields/SubTable/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import SubTableIcon from "assets/icons/SubTable"; +import SubTableIcon from "@src/assets/icons/SubTable"; import BasicCell from "../_BasicCell/BasicCellName"; -import NullEditor from "components/Table/editors/NullEditor"; +import NullEditor from "@src/components/Table/editors/NullEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-SubTable" */) diff --git a/src/components/fields/UpdatedAt/SideDrawerField.tsx b/src/components/fields/UpdatedAt/SideDrawerField.tsx index 7fe9dcb5..07bac765 100644 --- a/src/components/fields/UpdatedAt/SideDrawerField.tsx +++ b/src/components/fields/UpdatedAt/SideDrawerField.tsx @@ -1,11 +1,11 @@ import { useWatch } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function UpdatedAt({ control, column }: ISideDrawerFieldProps) { const fieldClasses = useFieldStyles(); diff --git a/src/components/fields/UpdatedAt/TableCell.tsx b/src/components/fields/UpdatedAt/TableCell.tsx index 008f07f8..3eca7252 100644 --- a/src/components/fields/UpdatedAt/TableCell.tsx +++ b/src/components/fields/UpdatedAt/TableCell.tsx @@ -1,8 +1,8 @@ import { IHeavyCellProps } from "../types"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function UpdatedBy({ row, column }: IHeavyCellProps) { const { table } = useProjectContext(); diff --git a/src/components/fields/UpdatedAt/index.tsx b/src/components/fields/UpdatedAt/index.tsx index e9206321..5520d8c5 100644 --- a/src/components/fields/UpdatedAt/index.tsx +++ b/src/components/fields/UpdatedAt/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import UpdatedAtIcon from "assets/icons/UpdatedAt"; +import UpdatedAtIcon from "@src/assets/icons/UpdatedAt"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-UpdatedAt" */) diff --git a/src/components/fields/UpdatedBy/SideDrawerField.tsx b/src/components/fields/UpdatedBy/SideDrawerField.tsx index cef0ebbb..12058725 100644 --- a/src/components/fields/UpdatedBy/SideDrawerField.tsx +++ b/src/components/fields/UpdatedBy/SideDrawerField.tsx @@ -2,11 +2,11 @@ import { useWatch } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; import { Stack, Typography, Avatar } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function UpdatedBy({ control, column }: ISideDrawerFieldProps) { const fieldClasses = useFieldStyles(); diff --git a/src/components/fields/UpdatedBy/TableCell.tsx b/src/components/fields/UpdatedBy/TableCell.tsx index d143ef18..3ea80cd4 100644 --- a/src/components/fields/UpdatedBy/TableCell.tsx +++ b/src/components/fields/UpdatedBy/TableCell.tsx @@ -3,8 +3,8 @@ import { IHeavyCellProps } from "../types"; import { Tooltip, Stack, Avatar } from "@mui/material"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; -import { useProjectContext } from "contexts/ProjectContext"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; +import { useProjectContext } from "@src/contexts/ProjectContext"; export default function UpdatedBy({ row, column }: IHeavyCellProps) { const { table } = useProjectContext(); diff --git a/src/components/fields/UpdatedBy/index.tsx b/src/components/fields/UpdatedBy/index.tsx index 8925730b..958cd34f 100644 --- a/src/components/fields/UpdatedBy/index.tsx +++ b/src/components/fields/UpdatedBy/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; -import UpdatedByIcon from "assets/icons/UpdatedBy"; +import UpdatedByIcon from "@src/assets/icons/UpdatedBy"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-UpdatedBy" */) diff --git a/src/components/fields/Url/index.tsx b/src/components/fields/Url/index.tsx index 72cd474a..6743b5e9 100644 --- a/src/components/fields/Url/index.tsx +++ b/src/components/fields/Url/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withBasicCell from "../_withTableCell/withBasicCell"; import UrlIcon from "@mui/icons-material/Link"; import TableCell from "./TableCell"; -import TextEditor from "components/Table/editors/TextEditor"; +import TextEditor from "@src/components/Table/editors/TextEditor"; import { filterOperators } from "../ShortText/Filter"; const SideDrawerField = lazy( diff --git a/src/components/fields/User/SideDrawerField.tsx b/src/components/fields/User/SideDrawerField.tsx index 025078c0..51e065a6 100644 --- a/src/components/fields/User/SideDrawerField.tsx +++ b/src/components/fields/User/SideDrawerField.tsx @@ -2,10 +2,10 @@ import { Controller } from "react-hook-form"; import { ISideDrawerFieldProps } from "../types"; import { Stack, Typography, Avatar } from "@mui/material"; -import { useFieldStyles } from "components/SideDrawer/Form/utils"; +import { useFieldStyles } from "@src/components/SideDrawer/Form/utils"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; export default function User({ control, column }: ISideDrawerFieldProps) { const fieldClasses = useFieldStyles(); diff --git a/src/components/fields/User/TableCell.tsx b/src/components/fields/User/TableCell.tsx index f76320c4..ee853433 100644 --- a/src/components/fields/User/TableCell.tsx +++ b/src/components/fields/User/TableCell.tsx @@ -3,7 +3,7 @@ import { IHeavyCellProps } from "../types"; import { Tooltip, Stack, Avatar } from "@mui/material"; import { format } from "date-fns"; -import { DATE_TIME_FORMAT } from "constants/dates"; +import { DATE_TIME_FORMAT } from "@src/constants/dates"; export default function User({ value, column }: IHeavyCellProps) { if (!value || !value.displayName) return null; diff --git a/src/components/fields/User/index.tsx b/src/components/fields/User/index.tsx index 4c34ac03..822a3705 100644 --- a/src/components/fields/User/index.tsx +++ b/src/components/fields/User/index.tsx @@ -1,10 +1,10 @@ import { lazy } from "react"; -import { IFieldConfig, FieldType } from "components/fields/types"; +import { IFieldConfig, FieldType } from "@src/components/fields/types"; import withHeavyCell from "../_withTableCell/withHeavyCell"; import UserIcon from "@mui/icons-material/PersonOutlined"; import BasicCell from "../_BasicCell/BasicCellNull"; -import withSideDrawerEditor from "components/Table/editors/withSideDrawerEditor"; +import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor"; const TableCell = lazy( () => import("./TableCell" /* webpackChunkName: "TableCell-User" */) diff --git a/src/components/fields/_withTableCell/withBasicCell.tsx b/src/components/fields/_withTableCell/withBasicCell.tsx index fdb0acf0..efd8be35 100644 --- a/src/components/fields/_withTableCell/withBasicCell.tsx +++ b/src/components/fields/_withTableCell/withBasicCell.tsx @@ -1,10 +1,10 @@ import { FormatterProps } from "react-data-grid"; import { IBasicCellProps } from "../types"; -import ErrorBoundary from "components/ErrorBoundary"; -import CellValidation from "components/Table/CellValidation"; -import { FieldType } from "constants/fields"; -import { getCellValue } from "utils/fns"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import CellValidation from "@src/components/Table/CellValidation"; +import { FieldType } from "@src/constants/fields"; +import { getCellValue } from "@src/utils/fns"; /** * HOC to wrap around table cell components. diff --git a/src/components/fields/_withTableCell/withHeavyCell.tsx b/src/components/fields/_withTableCell/withHeavyCell.tsx index f3d0f764..0bc9f516 100644 --- a/src/components/fields/_withTableCell/withHeavyCell.tsx +++ b/src/components/fields/_withTableCell/withHeavyCell.tsx @@ -2,12 +2,12 @@ import React, { Suspense, useState, useEffect } from "react"; import { FormatterProps } from "react-data-grid"; import { IBasicCellProps, IHeavyCellProps } from "../types"; -import ErrorBoundary from "components/ErrorBoundary"; -import CellValidation from "components/Table/CellValidation"; -import { useProjectContext } from "contexts/ProjectContext"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import CellValidation from "@src/components/Table/CellValidation"; +import { useProjectContext } from "@src/contexts/ProjectContext"; -import { FieldType } from "constants/fields"; -import { getCellValue } from "utils/fns"; +import { FieldType } from "@src/constants/fields"; +import { getCellValue } from "@src/utils/fns"; /** * HOC to wrap table cell components. diff --git a/src/components/fields/_withTableCell/withPopoverCell.tsx b/src/components/fields/_withTableCell/withPopoverCell.tsx index 64f0b405..c3a9725f 100644 --- a/src/components/fields/_withTableCell/withPopoverCell.tsx +++ b/src/components/fields/_withTableCell/withPopoverCell.tsx @@ -9,12 +9,12 @@ import { import { makeStyles, createStyles } from "@mui/styles"; import { Popover, PopoverProps } from "@mui/material"; -import ErrorBoundary from "components/ErrorBoundary"; -import CellValidation from "components/Table/CellValidation"; -import { useProjectContext } from "contexts/ProjectContext"; +import ErrorBoundary from "@src/components/ErrorBoundary"; +import CellValidation from "@src/components/Table/CellValidation"; +import { useProjectContext } from "@src/contexts/ProjectContext"; -import { FieldType } from "constants/fields"; -import { getCellValue } from "utils/fns"; +import { FieldType } from "@src/constants/fields"; +import { getCellValue } from "@src/utils/fns"; const useStyles = makeStyles(() => createStyles({ diff --git a/src/components/fields/index.tsx b/src/components/fields/index.tsx index fff4d32e..fd467b97 100644 --- a/src/components/fields/index.tsx +++ b/src/components/fields/index.tsx @@ -1,7 +1,7 @@ import _find from "lodash/find"; import _get from "lodash/get"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { IFieldConfig } from "./types"; // Import field configs diff --git a/src/components/fields/types.ts b/src/components/fields/types.ts index 853ea496..a62a6199 100644 --- a/src/components/fields/types.ts +++ b/src/components/fields/types.ts @@ -1,4 +1,4 @@ -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { FormatterProps, EditorProps } from "react-data-grid"; import { Control, UseFormReturn } from "react-hook-form"; diff --git a/src/contexts/AppContext.tsx b/src/contexts/AppContext.tsx index fe1d546b..2e643f45 100644 --- a/src/contexts/AppContext.tsx +++ b/src/contexts/AppContext.tsx @@ -6,14 +6,14 @@ import Helmet from "react-helmet"; import jwt_decode from "jwt-decode"; import { useMediaQuery, ThemeProvider, CssBaseline } from "@mui/material"; -import ErrorBoundary from "components/ErrorBoundary"; +import ErrorBoundary from "@src/components/ErrorBoundary"; import { projectId, auth, db } from "@src/firebase"; -import useDoc from "hooks/useDoc"; -import { PUBLIC_SETTINGS, USERS } from "config/dbPaths"; +import useDoc from "@src/hooks/useDoc"; +import { PUBLIC_SETTINGS, USERS } from "@src/config/dbPaths"; import { analytics } from "analytics"; import themes from "theme"; -import useDocumentTitle from "hooks/useDocumentTitle"; +import useDocumentTitle from "@src/hooks/useDocumentTitle"; const useThemeState = createPersistedState("__ROWY__THEME"); const useThemeOverriddenState = createPersistedState( diff --git a/src/contexts/EditorContext.ts b/src/contexts/EditorContext.ts index 2b234376..ec09c6a6 100644 --- a/src/contexts/EditorContext.ts +++ b/src/contexts/EditorContext.ts @@ -1,5 +1,5 @@ import React from "react"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; export interface EditorContextInterface { // row: any; diff --git a/src/contexts/ProjectContext.tsx b/src/contexts/ProjectContext.tsx index 013fb4e5..84f05a63 100644 --- a/src/contexts/ProjectContext.tsx +++ b/src/contexts/ProjectContext.tsx @@ -6,19 +6,19 @@ import _find from "lodash/find"; import firebase from "firebase/app"; import { Button } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; -import useTable, { TableActions, TableState } from "hooks/useTable"; -import useSettings from "hooks/useSettings"; +import useTable, { TableActions, TableState } from "@src/hooks/useTable"; +import useSettings from "@src/hooks/useSettings"; import { useAppContext } from "./AppContext"; -import { SideDrawerRef } from "components/SideDrawer"; -import { ColumnMenuRef } from "components/Table/ColumnMenu"; -import { ImportWizardRef } from "components/Wizards/ImportWizard"; +import { SideDrawerRef } from "@src/components/SideDrawer"; +import { ColumnMenuRef } from "@src/components/Table/ColumnMenu"; +import { ImportWizardRef } from "@src/components/Wizards/ImportWizard"; -import { rowyRun, IRowyRunRequestProps } from "utils/rowyRun"; -import { FieldType } from "constants/fields"; -import { rowyUser } from "utils/fns"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { rowyRun, IRowyRunRequestProps } from "@src/utils/rowyRun"; +import { FieldType } from "@src/constants/fields"; +import { rowyUser } from "@src/utils/fns"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; export type Table = { id: string; diff --git a/src/firebase/firebaseui.ts b/src/firebase/firebaseui.ts index d8ea988b..64a75289 100644 --- a/src/firebase/firebaseui.ts +++ b/src/firebase/firebaseui.ts @@ -1,11 +1,11 @@ import firebase from "firebase/app"; import * as firebaseui from "firebaseui"; -import twitterLogo from "assets/logos/twitter.svg"; -import facebookLogo from "assets/logos/facebook.svg"; -import githubLogo from "assets/logos/github.svg"; -import appleLogo from "assets/logos/apple.svg"; -import yahooLogo from "assets/logos/yahoo.svg"; +import twitterLogo from "@src/assets/logos/twitter.svg"; +import facebookLogo from "@src/assets/logos/facebook.svg"; +import githubLogo from "@src/assets/logos/github.svg"; +import appleLogo from "@src/assets/logos/apple.svg"; +import yahooLogo from "@src/assets/logos/yahoo.svg"; import { mdiGoogle } from "@mdi/js"; console.log( diff --git a/src/hooks/useSettings.ts b/src/hooks/useSettings.ts index 298dce3a..42b2ab1b 100644 --- a/src/hooks/useSettings.ts +++ b/src/hooks/useSettings.ts @@ -4,8 +4,12 @@ import _camelCase from "lodash/camelCase"; import useDoc from "./useDoc"; import { db } from "../firebase"; -import { SETTINGS, TABLE_GROUP_SCHEMAS, TABLE_SCHEMAS } from "config/dbPaths"; -import { FieldType } from "constants/fields"; +import { + SETTINGS, + TABLE_GROUP_SCHEMAS, + TABLE_SCHEMAS, +} from "@src/config/dbPaths"; +import { FieldType } from "@src/constants/fields"; import { getFieldProp } from "@src/components/fields"; export default function useSettings() { diff --git a/src/hooks/useTable/useTableConfig.ts b/src/hooks/useTable/useTableConfig.ts index 2dde0da5..43431f3c 100644 --- a/src/hooks/useTable/useTableConfig.ts +++ b/src/hooks/useTable/useTableConfig.ts @@ -5,7 +5,7 @@ import _camelCase from "lodash/camelCase"; import _sortBy from "lodash/sortBy"; import useDoc, { DocActions } from "../useDoc"; -import { FieldType } from "constants/fields"; +import { FieldType } from "@src/constants/fields"; import { arrayMover, formatPath } from "../../utils/fns"; import { db, deleteField } from "../../firebase"; diff --git a/src/hooks/useTable/useTableData.tsx b/src/hooks/useTable/useTableData.tsx index 2b1a18f1..5369dc1d 100644 --- a/src/hooks/useTable/useTableData.tsx +++ b/src/hooks/useTable/useTableData.tsx @@ -9,13 +9,13 @@ import { useSnackbar } from "notistack"; import Button from "@mui/material/Button"; -import { useAppContext } from "contexts/AppContext"; +import { useAppContext } from "@src/contexts/AppContext"; import { TableFilter, TableOrder } from "."; import { isCollectionGroup, generateSmallerId, missingFieldsReducer, -} from "utils/fns"; +} from "@src/utils/fns"; // Safety parameter sets the upper limit of number of docs fetched by this hook export const CAP = 1000; diff --git a/src/pages/Auth/ImpersonatorAuth.tsx b/src/pages/Auth/ImpersonatorAuth.tsx index 9ffee15d..fc5a1d67 100644 --- a/src/pages/Auth/ImpersonatorAuth.tsx +++ b/src/pages/Auth/ImpersonatorAuth.tsx @@ -3,13 +3,13 @@ import { useSnackbar } from "notistack"; import { Typography, Button, TextField } from "@mui/material"; -import AuthLayout from "components/Auth/AuthLayout"; -import FirebaseUi from "components/Auth/FirebaseUi"; +import AuthLayout from "@src/components/Auth/AuthLayout"; +import FirebaseUi from "@src/components/Auth/FirebaseUi"; -import { signOut } from "utils/auth"; +import { signOut } from "@src/utils/auth"; import { auth } from "../../firebase"; import { useProjectContext } from "@src/contexts/ProjectContext"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; import { name } from "@root/package.json"; export default function ImpersonatorAuthPage() { diff --git a/src/pages/Auth/JwtAuth.tsx b/src/pages/Auth/JwtAuth.tsx index d75bef30..f3b65854 100644 --- a/src/pages/Auth/JwtAuth.tsx +++ b/src/pages/Auth/JwtAuth.tsx @@ -4,7 +4,7 @@ import { useSnackbar } from "notistack"; import { TextField, Button } from "@mui/material"; import { auth } from "../../firebase"; -import AuthLayout from "components/Auth/AuthLayout"; +import AuthLayout from "@src/components/Auth/AuthLayout"; export default function JwtAuthPage() { const { enqueueSnackbar } = useSnackbar(); diff --git a/src/pages/Auth/SetupGuide.tsx b/src/pages/Auth/SetupGuide.tsx index f1324f8b..6de420df 100644 --- a/src/pages/Auth/SetupGuide.tsx +++ b/src/pages/Auth/SetupGuide.tsx @@ -1,9 +1,9 @@ import { Button } from "@mui/material"; -import InlineOpenInNewIcon from "components/InlineOpenInNewIcon"; +import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon"; -import AuthLayout from "components/Auth/AuthLayout"; +import AuthLayout from "@src/components/Auth/AuthLayout"; -import { WIKI_LINKS } from "constants/externalLinks"; +import { WIKI_LINKS } from "@src/constants/externalLinks"; import { name } from "@root/package.json"; export default function AuthSetupGuide() { diff --git a/src/pages/Auth/SignOut.tsx b/src/pages/Auth/SignOut.tsx index 97e8f202..05cf687d 100644 --- a/src/pages/Auth/SignOut.tsx +++ b/src/pages/Auth/SignOut.tsx @@ -3,7 +3,7 @@ import { Link } from "react-router-dom"; import { Button } from "@mui/material"; -import AuthLayout from "components/Auth/AuthLayout"; +import AuthLayout from "@src/components/Auth/AuthLayout"; import { auth } from "../../firebase"; export default function SignOutPage() { diff --git a/src/pages/Auth/SignUp.tsx b/src/pages/Auth/SignUp.tsx index 7d709aa4..9a1bc3d6 100644 --- a/src/pages/Auth/SignUp.tsx +++ b/src/pages/Auth/SignUp.tsx @@ -3,10 +3,10 @@ import queryString from "query-string"; import { useMediaQuery, Stack, Typography, Link } from "@mui/material"; -import MarketingBanner from "components/Auth/MarketingBanner"; -import AuthLayout from "components/Auth/AuthLayout"; -import FirebaseUi from "components/Auth/FirebaseUi"; -import { EXTERNAL_LINKS } from "constants/externalLinks"; +import MarketingBanner from "@src/components/Auth/MarketingBanner"; +import AuthLayout from "@src/components/Auth/AuthLayout"; +import FirebaseUi from "@src/components/Auth/FirebaseUi"; +import { EXTERNAL_LINKS } from "@src/constants/externalLinks"; export default function SignUpPage() { const { search } = useLocation(); diff --git a/src/pages/Auth/index.tsx b/src/pages/Auth/index.tsx index 98454375..2cd25821 100644 --- a/src/pages/Auth/index.tsx +++ b/src/pages/Auth/index.tsx @@ -1,8 +1,8 @@ import { useLocation } from "react-router-dom"; import queryString from "query-string"; -import AuthLayout from "components/Auth/AuthLayout"; -import FirebaseUi from "components/Auth/FirebaseUi"; +import AuthLayout from "@src/components/Auth/AuthLayout"; +import FirebaseUi from "@src/components/Auth/FirebaseUi"; export default function AuthPage() { const { search } = useLocation(); diff --git a/src/pages/Deploy.tsx b/src/pages/Deploy.tsx index bd1d106f..0e778ed9 100644 --- a/src/pages/Deploy.tsx +++ b/src/pages/Deploy.tsx @@ -18,10 +18,10 @@ import { Checkbox, } from "@mui/material"; -import MarketingBanner from "components/Auth/MarketingBanner"; -import AuthLayout from "components/Auth/AuthLayout"; +import MarketingBanner from "@src/components/Auth/MarketingBanner"; +import AuthLayout from "@src/components/Auth/AuthLayout"; -import { EXTERNAL_LINKS, WIKI_LINKS } from "constants/externalLinks"; +import { EXTERNAL_LINKS, WIKI_LINKS } from "@src/constants/externalLinks"; import { name } from "@root/package.json"; export default function DeployPage() { diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index e44f8b2b..96b47785 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -23,27 +23,27 @@ import FavoriteIcon from "@mui/icons-material/Favorite"; import EditIcon from "@mui/icons-material/EditOutlined"; import AddIcon from "@mui/icons-material/Add"; -import FloatingSearch from "components/FloatingSearch"; -import SlideTransition from "components/Modal/SlideTransition"; -import TableGrid from "components/Home/TableGrid"; -import TableList from "components/Home/TableList"; -import TableGridSkeleton from "components/Home/TableGrid/TableGridSkeleton"; -import TableListSkeleton from "components/Home/TableList/TableListSkeleton"; -import HomeWelcomePrompt from "components/Home/HomeWelcomePrompt"; -import AccessDenied from "components/Home/AccessDenied"; -import EmptyState from "components/EmptyState"; +import FloatingSearch from "@src/components/FloatingSearch"; +import SlideTransition from "@src/components/Modal/SlideTransition"; +import TableGrid from "@src/components/Home/TableGrid"; +import TableList from "@src/components/Home/TableList"; +import TableGridSkeleton from "@src/components/Home/TableGrid/TableGridSkeleton"; +import TableListSkeleton from "@src/components/Home/TableList/TableListSkeleton"; +import HomeWelcomePrompt from "@src/components/Home/HomeWelcomePrompt"; +import AccessDenied from "@src/components/Home/AccessDenied"; +import EmptyState from "@src/components/EmptyState"; import TableSettingsDialog, { TableSettingsDialogModes, -} from "components/TableSettings"; +} from "@src/components/TableSettings"; -import routes from "constants/routes"; -import { useAppContext } from "contexts/AppContext"; -import { useProjectContext, Table } from "contexts/ProjectContext"; -import useDoc, { DocActions } from "hooks/useDoc"; -import useBasicSearch from "hooks/useBasicSearch"; +import routes from "@src/constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; +import { useProjectContext, Table } from "@src/contexts/ProjectContext"; +import useDoc, { DocActions } from "@src/hooks/useDoc"; +import useBasicSearch from "@src/hooks/useBasicSearch"; -import { SETTINGS } from "config/dbPaths"; -import { APP_BAR_HEIGHT } from "components/Navigation"; +import { SETTINGS } from "@src/config/dbPaths"; +import { APP_BAR_HEIGHT } from "@src/components/Navigation"; const useHomeViewState = createPersistedState("__ROWY__HOME_VIEW"); diff --git a/src/pages/PageNotFound.tsx b/src/pages/PageNotFound.tsx index 3013aad1..5116996d 100644 --- a/src/pages/PageNotFound.tsx +++ b/src/pages/PageNotFound.tsx @@ -1,15 +1,15 @@ import { Link } from "react-router-dom"; import { Button } from "@mui/material"; -import GoIcon from "assets/icons/Go"; +import GoIcon from "@src/assets/icons/Go"; import HomeIcon from "@mui/icons-material/HomeOutlined"; -import AuthLayout from "components/Auth/AuthLayout"; -import Navigation, { APP_BAR_HEIGHT } from "components/Navigation"; -import EmptyState from "components/EmptyState"; +import AuthLayout from "@src/components/Auth/AuthLayout"; +import Navigation, { APP_BAR_HEIGHT } from "@src/components/Navigation"; +import EmptyState from "@src/components/EmptyState"; import { homepage } from "@root/package.json"; -import { useAppContext } from "contexts/AppContext"; -import routes from "constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; +import routes from "@src/constants/routes"; export interface IPageNotFoundProps {} diff --git a/src/pages/RowyRunTest.tsx b/src/pages/RowyRunTest.tsx index 341f2ed1..c5b5ddb3 100644 --- a/src/pages/RowyRunTest.tsx +++ b/src/pages/RowyRunTest.tsx @@ -1,7 +1,7 @@ import { useState } from "react"; import { useSnackbar } from "notistack"; import createPersistedState from "use-persisted-state"; -import Navigation from "components/Navigation"; +import Navigation from "@src/components/Navigation"; import ReactJson from "react-json-view"; import { useTheme, @@ -16,9 +16,9 @@ import { FormControlLabel, Typography, } from "@mui/material"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; import { useProjectContext } from "@src/contexts/ProjectContext"; -import { runRoutes } from "constants/runRoutes"; +import { runRoutes } from "@src/constants/runRoutes"; const useBodyCacheState = createPersistedState("__ROWY__RR_TEST_REQ_BODY"); export default function TestView() { diff --git a/src/pages/Settings/ProjectSettings.tsx b/src/pages/Settings/ProjectSettings.tsx index a5c1047c..b9df3ec8 100644 --- a/src/pages/Settings/ProjectSettings.tsx +++ b/src/pages/Settings/ProjectSettings.tsx @@ -4,15 +4,15 @@ import { useDebouncedCallback } from "use-debounce"; import { Container, Stack, Fade } from "@mui/material"; -import SettingsSkeleton from "components/Settings/SettingsSkeleton"; -import SettingsSection from "components/Settings/SettingsSection"; -import About from "components/Settings/ProjectSettings/About"; +import SettingsSkeleton from "@src/components/Settings/SettingsSkeleton"; +import SettingsSection from "@src/components/Settings/SettingsSection"; +import About from "@src/components/Settings/ProjectSettings/About"; import RowyRun from "@src/components/Settings/ProjectSettings/RowyRun"; -import Authentication from "components/Settings/ProjectSettings/Authentication"; -import Customization from "components/Settings/ProjectSettings/Customization"; +import Authentication from "@src/components/Settings/ProjectSettings/Authentication"; +import Customization from "@src/components/Settings/ProjectSettings/Customization"; -import { SETTINGS, PUBLIC_SETTINGS } from "config/dbPaths"; -import useDoc from "hooks/useDoc"; +import { SETTINGS, PUBLIC_SETTINGS } from "@src/config/dbPaths"; +import useDoc from "@src/hooks/useDoc"; import { db } from "@src/firebase"; import { name } from "@root/package.json"; diff --git a/src/pages/Settings/UserManagement.tsx b/src/pages/Settings/UserManagement.tsx index 2b6bd073..b2670b69 100644 --- a/src/pages/Settings/UserManagement.tsx +++ b/src/pages/Settings/UserManagement.tsx @@ -10,15 +10,15 @@ import { Collapse, } from "@mui/material"; -import FloatingSearch from "components/FloatingSearch"; -import SlideTransition from "components/Modal/SlideTransition"; -import UserItem from "components/Settings/UserManagement/UserItem"; -import UserSkeleton from "components/Settings/UserManagement/UserSkeleton"; -import InviteUser from "components/Settings/UserManagement/InviteUser"; +import FloatingSearch from "@src/components/FloatingSearch"; +import SlideTransition from "@src/components/Modal/SlideTransition"; +import UserItem from "@src/components/Settings/UserManagement/UserItem"; +import UserSkeleton from "@src/components/Settings/UserManagement/UserSkeleton"; +import InviteUser from "@src/components/Settings/UserManagement/InviteUser"; -import useCollection from "hooks/useCollection"; -import useBasicSearch from "hooks/useBasicSearch"; -import { USERS } from "config/dbPaths"; +import useCollection from "@src/hooks/useCollection"; +import useBasicSearch from "@src/hooks/useBasicSearch"; +import { USERS } from "@src/config/dbPaths"; export interface User { id: string; diff --git a/src/pages/Settings/UserSettings.tsx b/src/pages/Settings/UserSettings.tsx index 40d94b59..0619a147 100644 --- a/src/pages/Settings/UserSettings.tsx +++ b/src/pages/Settings/UserSettings.tsx @@ -4,15 +4,15 @@ import { useDebouncedCallback } from "use-debounce"; import { Container, Stack, Fade } from "@mui/material"; -import SettingsSkeleton from "components/Settings/SettingsSkeleton"; -import SettingsSection from "components/Settings/SettingsSection"; -import Account from "components/Settings/UserSettings/Account"; -import Theme from "components/Settings/UserSettings/Theme"; -import Personalization from "components/Settings/UserSettings/Personalization"; +import SettingsSkeleton from "@src/components/Settings/SettingsSkeleton"; +import SettingsSection from "@src/components/Settings/SettingsSection"; +import Account from "@src/components/Settings/UserSettings/Account"; +import Theme from "@src/components/Settings/UserSettings/Theme"; +import Personalization from "@src/components/Settings/UserSettings/Personalization"; import { useAppContext } from "@src/contexts/AppContext"; -import { USERS } from "config/dbPaths"; -import useDoc from "hooks/useDoc"; +import { USERS } from "@src/config/dbPaths"; +import useDoc from "@src/hooks/useDoc"; import { db } from "@src/firebase"; export interface IUserSettingsChildProps { diff --git a/src/pages/Setup.tsx b/src/pages/Setup.tsx index 044fe105..882e5e21 100644 --- a/src/pages/Setup.tsx +++ b/src/pages/Setup.tsx @@ -23,24 +23,24 @@ import LoadingButton from "@mui/lab/LoadingButton"; import ChevronLeftIcon from "@mui/icons-material/ChevronLeft"; import ChevronRightIcon from "@mui/icons-material/ChevronRight"; -import BrandedBackground, { Wrapper } from "assets/BrandedBackground"; -import Logo from "assets/Logo"; -import ScrollableDialogContent from "components/Modal/ScrollableDialogContent"; -import { SlideTransition } from "components/Modal/SlideTransition"; +import BrandedBackground, { Wrapper } from "@src/assets/BrandedBackground"; +import Logo from "@src/assets/Logo"; +import ScrollableDialogContent from "@src/components/Modal/ScrollableDialogContent"; +import { SlideTransition } from "@src/components/Modal/SlideTransition"; -import Step0Welcome from "components/Setup/Step0Welcome"; -import Step1RowyRun, { checkRowyRun } from "components/Setup/Step1RowyRun"; +import Step0Welcome from "@src/components/Setup/Step0Welcome"; +import Step1RowyRun, { checkRowyRun } from "@src/components/Setup/Step1RowyRun"; // prettier-ignore -import Step2ServiceAccount, { checkServiceAccount } from "components/Setup/Step2ServiceAccount"; +import Step2ServiceAccount, { checkServiceAccount } from "@src/components/Setup/Step2ServiceAccount"; // prettier-ignore import Step3ProjectOwner, { checkProjectOwner } from "@src/components/Setup/Step3ProjectOwner"; -import Step4Rules, { checkRules } from "components/Setup/Step4Rules"; -import Step5Migrate, { checkMigrate } from "components/Setup/Step5Migrate"; -import Step6Finish from "components/Setup/Step6Finish"; +import Step4Rules, { checkRules } from "@src/components/Setup/Step4Rules"; +import Step5Migrate, { checkMigrate } from "@src/components/Setup/Step5Migrate"; +import Step6Finish from "@src/components/Setup/Step6Finish"; import { name } from "@root/package.json"; -import routes from "constants/routes"; -import { useAppContext } from "contexts/AppContext"; +import routes from "@src/constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; import { analytics } from "analytics"; export interface ISetupStep { diff --git a/src/pages/Table.tsx b/src/pages/Table.tsx index 7c5135bc..39187215 100644 --- a/src/pages/Table.tsx +++ b/src/pages/Table.tsx @@ -4,19 +4,19 @@ import queryString from "query-string"; import _isEmpty from "lodash/isEmpty"; import _find from "lodash/find"; -import Navigation from "components/Navigation"; -import Breadcrumbs from "components/Navigation/Breadcrumbs"; -import Table from "components/Table"; -import SideDrawer from "components/SideDrawer"; -import TableHeaderSkeleton from "components/Table/Skeleton/TableHeaderSkeleton"; -import HeaderRowSkeleton from "components/Table/Skeleton/HeaderRowSkeleton"; -import EmptyTable from "components/Table/EmptyTable"; +import Navigation from "@src/components/Navigation"; +import Breadcrumbs from "@src/components/Navigation/Breadcrumbs"; +import Table from "@src/components/Table"; +import SideDrawer from "@src/components/SideDrawer"; +import TableHeaderSkeleton from "@src/components/Table/Skeleton/TableHeaderSkeleton"; +import HeaderRowSkeleton from "@src/components/Table/Skeleton/HeaderRowSkeleton"; +import EmptyTable from "@src/components/Table/EmptyTable"; -import { useProjectContext } from "contexts/ProjectContext"; -import { useAppContext } from "contexts/AppContext"; -import { TableFilter } from "hooks/useTable"; -import { DocActions } from "hooks/useDoc"; -import ActionParamsProvider from "components/fields/Action/FormDialog/Provider"; +import { useProjectContext } from "@src/contexts/ProjectContext"; +import { useAppContext } from "@src/contexts/AppContext"; +import { TableFilter } from "@src/hooks/useTable"; +import { DocActions } from "@src/hooks/useDoc"; +import ActionParamsProvider from "@src/components/fields/Action/FormDialog/Provider"; export default function TablePage() { const location = useLocation(); diff --git a/src/pages/Test.tsx b/src/pages/Test.tsx index 5511cae0..021608df 100644 --- a/src/pages/Test.tsx +++ b/src/pages/Test.tsx @@ -1,7 +1,7 @@ import { Fragment, useRef, useState } from "react"; import { useSnackbar } from "notistack"; -import Navigation from "components/Navigation"; +import Navigation from "@src/components/Navigation"; import { useTheme, Container, @@ -38,12 +38,12 @@ import { LinearProgress, } from "@mui/material"; import SparkIcon from "@mui/icons-material/OfflineBoltOutlined"; -import { useConfirmation } from "components/ConfirmationDialog"; +import { useConfirmation } from "@src/components/ConfirmationDialog"; import SnackbarProgress, { ISnackbarProgressRef, -} from "components/SnackbarProgress"; -import CircularProgressOptical from "components/CircularProgressOptical"; +} from "@src/components/SnackbarProgress"; +import CircularProgressOptical from "@src/components/CircularProgressOptical"; const typographyVariants = [ "h1", diff --git a/src/space-grotesk.css b/src/space-grotesk.css index 59ca25d7..76c098c6 100644 --- a/src/space-grotesk.css +++ b/src/space-grotesk.css @@ -3,7 +3,7 @@ font-style: normal; font-weight: 700; font-display: swap; - src: url("assets/SpaceGrotesk-Bold.woff2") format("woff2"); + src: url("@src/assets/SpaceGrotesk-Bold.woff2") format("woff2"); } @font-face { @@ -11,5 +11,5 @@ font-style: normal; font-weight: 400; font-display: swap; - src: url("assets/SpaceGrotesk-Regular.woff2") format("woff2"); + src: url("@src/assets/SpaceGrotesk-Regular.woff2") format("woff2"); } diff --git a/src/theme/components.tsx b/src/theme/components.tsx index 1f914289..52676c5a 100644 --- a/src/theme/components.tsx +++ b/src/theme/components.tsx @@ -3,9 +3,9 @@ import type {} from "@mui/lab/themeAugmentation"; import { MultiSelectProps } from "@rowy/multiselect"; import { toRem } from "./typography"; -import RadioIcon from "theme/RadioIcon"; -import CheckboxIcon from "theme/CheckboxIcon"; -import CheckboxIndeterminateIcon from "theme/CheckboxIndeterminateIcon"; +import RadioIcon from "@src/theme/RadioIcon"; +import CheckboxIcon from "@src/theme/CheckboxIcon"; +import CheckboxIndeterminateIcon from "@src/theme/CheckboxIndeterminateIcon"; import AddCircleIcon from "@mui/icons-material/AddCircleOutline"; import { SvgIcon } from "@mui/material"; diff --git a/src/theme/index.tsx b/src/theme/index.tsx index bf9fd224..75ab933c 100644 --- a/src/theme/index.tsx +++ b/src/theme/index.tsx @@ -1,9 +1,9 @@ import { createTheme, ThemeOptions } from "@mui/material/styles"; import _merge from "lodash/merge"; -import { typography } from "theme/typography"; -import { colorsLight, colorsDark } from "theme/colors"; -import { components } from "theme/components"; +import { typography } from "@src/theme/typography"; +import { colorsLight, colorsDark } from "@src/theme/colors"; +import { components } from "@src/theme/components"; export const customizableLightTheme = (customization: ThemeOptions) => { const customizedLightThemeBase = createTheme( diff --git a/src/utils/PrivateRoute.tsx b/src/utils/PrivateRoute.tsx index 92a8a8c3..f97fe756 100644 --- a/src/utils/PrivateRoute.tsx +++ b/src/utils/PrivateRoute.tsx @@ -1,8 +1,8 @@ import { Route, RouteProps, Redirect } from "react-router-dom"; -import { useAppContext } from "contexts/AppContext"; -import Loading from "components/Loading"; -import routes from "constants/routes"; +import { useAppContext } from "@src/contexts/AppContext"; +import Loading from "@src/components/Loading"; +import routes from "@src/constants/routes"; interface IPrivateRouteProps extends RouteProps { render: NonNullable; diff --git a/src/utils/fns.ts b/src/utils/fns.ts index b240a4b2..3b337fd6 100644 --- a/src/utils/fns.ts +++ b/src/utils/fns.ts @@ -3,7 +3,7 @@ import _get from "lodash/get"; import _mapValues from "lodash/mapValues"; import _isPlainObject from "lodash/isPlainObject"; -import { TABLE_GROUP_SCHEMAS, TABLE_SCHEMAS } from "config/dbPaths"; +import { TABLE_GROUP_SCHEMAS, TABLE_SCHEMAS } from "@src/config/dbPaths"; /** * reposition an element in an array diff --git a/src/utils/rowyRun.ts b/src/utils/rowyRun.ts index 1188e706..af6b7a6d 100644 --- a/src/utils/rowyRun.ts +++ b/src/utils/rowyRun.ts @@ -1,4 +1,4 @@ -import { RunRoute } from "constants/runRoutes"; +import { RunRoute } from "@src/constants/runRoutes"; export interface IRowyRunRequestProps { rowyRunUrl: string;