diff --git a/app/globals.css b/app/globals.css index 7d028f6b..e9fa7bb9 100644 --- a/app/globals.css +++ b/app/globals.css @@ -42,4 +42,4 @@ a { .cl-createOrganization-root { width: 100%; -} +} \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index ffb11307..66d8e619 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,13 +1,8 @@ import './globals.css'; -import { - ClerkProvider, - SignedIn -} from '@clerk/nextjs/app-beta'; +import 'reshaped/themes/reshaped/theme.css'; + import { Reshaped, View } from '../components/Reshaped/Reshaped'; import RootStyleRegistry from './registry'; -import { MuiThemeProvider } from '../components/Mui'; - -import 'reshaped/themes/reshaped/theme.css'; import { SideNavigationBar } from '../components/UI/SideNavigationBar'; export default function RootLayout({ @@ -16,16 +11,14 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - - - {/* + + {/* will contain the components returned by the nearest parent head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head */} - @@ -35,14 +28,9 @@ export default function RootLayout({ {children} - - {/* TODO: Create a new Organization or join an existing one */} - - - ); } diff --git a/app/new-account/page.tsx b/app/new-account/page.tsx index 2b155705..fd67b899 100644 --- a/app/new-account/page.tsx +++ b/app/new-account/page.tsx @@ -1,8 +1,7 @@ 'use client' -import { Icon, Text, View } from "../../components/Reshaped/Reshaped"; -// import { CreateOrganization } from "../../components/Clerk"; -import { CreateOrganization } from "@clerk/nextjs"; -import Image from "next/image"; +import { Text, View } from "../../components/Reshaped/Reshaped"; +// import { CreateOrganization } from "@clerk/nextjs"; +// import Image from "next/image"; export default function NewAccount() { @@ -10,7 +9,7 @@ export default function NewAccount() { - + {/* */} diff --git a/app/registry.tsx b/app/registry.tsx index 28d394ff..469600e5 100644 --- a/app/registry.tsx +++ b/app/registry.tsx @@ -4,8 +4,6 @@ import React, { useState } from "react"; import { CacheProvider } from "@emotion/react"; import createCache from "@emotion/cache"; import { useServerInsertedHTML } from "next/navigation"; -import { ThemeProvider } from "@mui/material"; -import { theme } from "@dechea/orc.design-tokens.theme.theme"; export default function RootStyleRegistry({ children, @@ -31,9 +29,7 @@ export default function RootStyleRegistry({ return ( - - {children} - + {children} ); } diff --git a/app/selected-tooth/[section]/[item]/layout.tsx b/app/selected-tooth/[section]/[item]/layout.tsx index e5f6238b..02c895e6 100644 --- a/app/selected-tooth/[section]/[item]/layout.tsx +++ b/app/selected-tooth/[section]/[item]/layout.tsx @@ -1,6 +1,6 @@ -import React from 'react'; -import { SelectedToothItems } from '../../../../components/UI/SelectedToothItems' +import dynamic from 'next/dynamic' +const SelectedToothItems = dynamic(() => import('../../../../components/UI/SelectedToothItems').then((comp) => comp.SelectedToothItems)) export default function ItemLayout({ params, children }: { params: any, children: React.ReactNode }) { return ( diff --git a/app/selected-tooth/[section]/[item]/page.tsx b/app/selected-tooth/[section]/[item]/page.tsx index 1e54f98d..113138b6 100644 --- a/app/selected-tooth/[section]/[item]/page.tsx +++ b/app/selected-tooth/[section]/[item]/page.tsx @@ -1,4 +1,4 @@ - +'use client' export default function Page() { return (<>) diff --git a/app/selected-tooth/[section]/page.tsx b/app/selected-tooth/[section]/page.tsx index ecfa99bd..113138b6 100644 --- a/app/selected-tooth/[section]/page.tsx +++ b/app/selected-tooth/[section]/page.tsx @@ -1,3 +1,4 @@ +'use client' export default function Page() { return (<>) diff --git a/app/selected-tooth/layout.tsx b/app/selected-tooth/layout.tsx index f743993c..c15e465c 100644 --- a/app/selected-tooth/layout.tsx +++ b/app/selected-tooth/layout.tsx @@ -1,9 +1,10 @@ -import React from 'react'; +import dynamic from 'next/dynamic'; import { View, Text, Divider } from '../../components/Reshaped/Reshaped' -import { SelectedTooth } from '../../components/UI/SelectedTooth'; -import { Cart } from '../../components/UI/Cart'; -import { SelectTeeth } from '../../components/UI/ProstheticSelectionGuide/components/SelectTeeth'; + +const SelectedTooth = dynamic(() => import('../../components/UI/SelectedTooth').then((comp) => comp.SelectedTooth)) +const Cart = dynamic(() => import('../../components/UI/Cart').then((comp) => comp.Cart)) +const SelectTeeth = dynamic(() => import('../../components/UI/ProstheticSelectionGuide/components/SelectTeeth').then((comp) => comp.SelectTeeth)) export default function SelectedToothLayout({ children }: { children: React.ReactNode }) { return ( diff --git a/app/selected-tooth/page.tsx b/app/selected-tooth/page.tsx index ecfa99bd..113138b6 100644 --- a/app/selected-tooth/page.tsx +++ b/app/selected-tooth/page.tsx @@ -1,3 +1,4 @@ +'use client' export default function Page() { return (<>) diff --git a/app/teeth-diagram/page.tsx b/app/teeth-diagram/page.tsx index 36398ed3..8dc30229 100644 --- a/app/teeth-diagram/page.tsx +++ b/app/teeth-diagram/page.tsx @@ -1,9 +1,10 @@ 'use-client'; - -import { ProstheticSelectionGuide } from '../../components/UI/ProstheticSelectionGuide'; +import dynamic from 'next/dynamic'; import { View, Text } from '../../components/Reshaped/Reshaped' +const ProstheticSelectionGuide = dynamic(() => import('../../components/UI/ProstheticSelectionGuide').then((comp) => comp.ProstheticSelectionGuide)) + export default function TeethDiagram() { return ( <> diff --git a/components/FetchUsers.tsx b/components/FetchUsers.tsx index 060d7f0e..9c5e80b4 100644 --- a/components/FetchUsers.tsx +++ b/components/FetchUsers.tsx @@ -1,17 +1,17 @@ "use client" -import { useAuth } from "@clerk/nextjs"; +// import { useAuth } from "@clerk/nextjs"; import { Suspense } from "react"; import { useQuery } from "../src/gqty"; // TODO We need to rewrite to use SSR function Fetch() { - const { getToken } = useAuth(); + // const { getToken } = useAuth(); - getToken({ template: 'fauna' }).then((token) => { - console.log(token) - window.localStorage.setItem("clerk-db-fauna-jwt", JSON.stringify(token)); - }) + // getToken({ template: 'fauna' }).then((token) => { + // console.log(token) + // window.localStorage.setItem("clerk-db-fauna-jwt", JSON.stringify(token)); + // }) const query = useQuery({ diff --git a/components/SignInButton.tsx b/components/SignInButton.tsx deleted file mode 100644 index 096e40ba..00000000 --- a/components/SignInButton.tsx +++ /dev/null @@ -1,5 +0,0 @@ -'use client'; - -import { SignInButton } from '@clerk/nextjs'; - -export default SignInButton; \ No newline at end of file diff --git a/components/UI/Cart/Cart.tsx b/components/UI/Cart/Cart.tsx index 05c84cdd..ef904e11 100644 --- a/components/UI/Cart/Cart.tsx +++ b/components/UI/Cart/Cart.tsx @@ -1,4 +1,6 @@ 'use client'; + +import { useState } from 'react'; import { Accordion, View, @@ -6,7 +8,6 @@ import { Text, Button, } from '../../Reshaped/Reshaped'; -import { useState } from 'react'; const CartSvg = () => ( ([]); @@ -33,9 +34,11 @@ export default function ProstheticSelectionGuide() { return ( <> - - - + + + + + { diff --git a/components/UI/SideNavigationBar/SideNavigationBar.tsx b/components/UI/SideNavigationBar/SideNavigationBar.tsx index 95928f9d..3e034db6 100644 --- a/components/UI/SideNavigationBar/SideNavigationBar.tsx +++ b/components/UI/SideNavigationBar/SideNavigationBar.tsx @@ -1,9 +1,6 @@ 'use client'; -import { SignedIn, SignedOut, SignInButton } from "@clerk/nextjs"; -import { UserButton } from "@clerk/nextjs/app-beta"; import Image from "next/image"; -import React from "react"; import { Avatar, Divider, View, MenuItem, Button, Icon } from "../../Reshaped/Reshaped"; export default function SideNavigationBar() { @@ -27,7 +24,10 @@ export default function SideNavigationBar() { - + + {/* - + */} diff --git a/components/UI/__mock__/data.tsx b/components/UI/__mock__/data.tsx index bec27e35..e00d4500 100644 --- a/components/UI/__mock__/data.tsx +++ b/components/UI/__mock__/data.tsx @@ -1,8 +1,10 @@ 'use client'; -import { Tooth11 } from '../../teeth-diagram/components/Tooth11'; +import dynamic from 'next/dynamic'; import { View } from '../../Reshaped/Reshaped'; +const Tooth11 = dynamic(() => import('../../teeth-diagram/components/Tooth11').then((comp) => comp.Tooth11), {ssr: false}); + export const ImplantIcon = () => ( diff --git a/components/teeth-diagram/TeethDiagram.tsx b/components/teeth-diagram/TeethDiagram.tsx index 06c9af93..1045e8ae 100644 --- a/components/teeth-diagram/TeethDiagram.tsx +++ b/components/teeth-diagram/TeethDiagram.tsx @@ -7,19 +7,19 @@ import { lowerJawLeftTeeth, lowerJawRightTeeth, } from '@dechea/hes.constants.tooth-position'; -import { Container, View } from 'reshaped'; +import { View } from 'reshaped'; import { Teeth } from './components/Teeth'; import { TeethDiagramProps } from './types/types'; export const TeethDiagram = ({ toggleToothSelection }: TeethDiagramProps) => { return ( - + {/* upper jaw */} - + {/* Upper left */} - + { {/* Upper right */} - + { {/* lower jaw */} - + {/* Lower left */} - + { {/* Lower right */} - + { const Tooth: React.FC = teethMapping[tooth as keyof typeof teethMapping]; diff --git a/components/teeth-diagram/teethMapping.tsx b/components/teeth-diagram/teethMapping.tsx index 8204e2a4..386e1058 100644 --- a/components/teeth-diagram/teethMapping.tsx +++ b/components/teeth-diagram/teethMapping.tsx @@ -1,36 +1,39 @@ -import { Tooth11 } from './components/Tooth11'; -import { Tooth12 } from './components/Tooth12'; -import { Tooth13 } from './components/Tooth13'; -import { Tooth14 } from './components/Tooth14'; -import { Tooth15 } from './components/Tooth15'; -import { Tooth16 } from './components/Tooth16'; -import { Tooth17 } from './components/Tooth17'; -import { Tooth18 } from './components/Tooth18'; -import { Tooth21 } from './components/Tooth21'; -import { Tooth22 } from './components/Tooth22'; -import { Tooth23 } from './components/Tooth23'; -import { Tooth24 } from './components/Tooth24'; -import { Tooth25 } from './components/Tooth25'; -import { Tooth26 } from './components/Tooth26'; -import { Tooth27 } from './components/Tooth27'; -import { Tooth28 } from './components/Tooth28'; +'use client' -import { Tooth31 } from './components/Tooth31'; -import { Tooth32 } from './components/Tooth32'; -import { Tooth33 } from './components/Tooth33'; -import { Tooth34 } from './components/Tooth34'; -import { Tooth35 } from './components/Tooth35'; -import { Tooth36 } from './components/Tooth36'; -import { Tooth37 } from './components/Tooth37'; -import { Tooth38 } from './components/Tooth38'; -import { Tooth41 } from './components/Tooth41'; -import { Tooth42 } from './components/Tooth42'; -import { Tooth43 } from './components/Tooth43'; -import { Tooth44 } from './components/Tooth44'; -import { Tooth45 } from './components/Tooth45'; -import { Tooth46 } from './components/Tooth46'; -import { Tooth47 } from './components/Tooth47'; -import { Tooth48 } from './components/Tooth48'; +import dynamic from 'next/dynamic'; +const Tooth11 = dynamic(() => import('./components/Tooth11').then((comp) => comp.Tooth11), {ssr: false}); +const Tooth12 = dynamic(() => import('./components/Tooth12').then((comp) => comp.Tooth12), {ssr: false}); +const Tooth13 = dynamic(() => import('./components/Tooth13').then((comp) => comp.Tooth13), {ssr: false}); +const Tooth14 = dynamic(() => import('./components/Tooth14').then((comp) => comp.Tooth14), {ssr: false}); +const Tooth15 = dynamic(() => import('./components/Tooth15').then((comp) => comp.Tooth15), {ssr: false}); +const Tooth16 = dynamic(() => import('./components/Tooth16').then((comp) => comp.Tooth16), {ssr: false}); +const Tooth17 = dynamic(() => import('./components/Tooth17').then((comp) => comp.Tooth17), {ssr: false}); +const Tooth18 = dynamic(() => import('./components/Tooth18').then((comp) => comp.Tooth18), {ssr: false}); +const Tooth21 = dynamic(() => import('./components/Tooth21').then((comp) => comp.Tooth21), {ssr: false}); +const Tooth22 = dynamic(() => import('./components/Tooth22').then((comp) => comp.Tooth22), {ssr: false}); +const Tooth23 = dynamic(() => import('./components/Tooth23').then((comp) => comp.Tooth23), {ssr: false}); +const Tooth24 = dynamic(() => import('./components/Tooth24').then((comp) => comp.Tooth24), {ssr: false}); +const Tooth25 = dynamic(() => import('./components/Tooth25').then((comp) => comp.Tooth25), {ssr: false}); +const Tooth26 = dynamic(() => import('./components/Tooth26').then((comp) => comp.Tooth26), {ssr: false}); +const Tooth27 = dynamic(() => import('./components/Tooth27').then((comp) => comp.Tooth27), {ssr: false}); +const Tooth28 = dynamic(() => import('./components/Tooth28').then((comp) => comp.Tooth28), {ssr: false}); + +const Tooth31 = dynamic(() => import('./components/Tooth31').then((comp) => comp.Tooth31), {ssr: false}); +const Tooth32 = dynamic(() => import('./components/Tooth32').then((comp) => comp.Tooth32), {ssr: false}); +const Tooth33 = dynamic(() => import('./components/Tooth33').then((comp) => comp.Tooth33), {ssr: false}); +const Tooth34 = dynamic(() => import('./components/Tooth34').then((comp) => comp.Tooth34), {ssr: false}); +const Tooth35 = dynamic(() => import('./components/Tooth35').then((comp) => comp.Tooth35), {ssr: false}); +const Tooth36 = dynamic(() => import('./components/Tooth36').then((comp) => comp.Tooth36), {ssr: false}); +const Tooth37 = dynamic(() => import('./components/Tooth37').then((comp) => comp.Tooth37), {ssr: false}); +const Tooth38 = dynamic(() => import('./components/Tooth38').then((comp) => comp.Tooth38), {ssr: false}); +const Tooth41 = dynamic(() => import('./components/Tooth41').then((comp) => comp.Tooth41), {ssr: false}); +const Tooth42 = dynamic(() => import('./components/Tooth42').then((comp) => comp.Tooth42), {ssr: false}); +const Tooth43 = dynamic(() => import('./components/Tooth43').then((comp) => comp.Tooth43), {ssr: false}); +const Tooth44 = dynamic(() => import('./components/Tooth44').then((comp) => comp.Tooth44), {ssr: false}); +const Tooth45 = dynamic(() => import('./components/Tooth45').then((comp) => comp.Tooth45), {ssr: false}); +const Tooth46 = dynamic(() => import('./components/Tooth46').then((comp) => comp.Tooth46), {ssr: false}); +const Tooth47 = dynamic(() => import('./components/Tooth47').then((comp) => comp.Tooth47), {ssr: false}); +const Tooth48 = dynamic(() => import('./components/Tooth48').then((comp) => comp.Tooth48), {ssr: false}); export const teethMapping: object = { 11: Tooth11, diff --git a/components/teeth-diagram/types/types.ts b/components/teeth-diagram/types/types.ts index 5e6f4524..920a0591 100644 --- a/components/teeth-diagram/types/types.ts +++ b/components/teeth-diagram/types/types.ts @@ -17,3 +17,24 @@ export type ToothProps = { export type TeethDiagramProps = { toggleToothSelection: Function; }; + +interface TeethDiagramComponentsProps { + children?: React.ReactNode; + enable?: boolean; +} + +export interface ITooth extends Exclude {} + +export interface IRoot extends TeethDiagramComponentsProps {} + +export interface IImplant extends TeethDiagramComponentsProps {} + +export interface IMissingRoot extends TeethDiagramComponentsProps {} + +export interface ICrownSideView extends TeethDiagramComponentsProps {} + +export interface IArtificialCrown extends TeethDiagramComponentsProps {} + +export interface IProsthesis extends TeethDiagramComponentsProps {} + +export interface IMissingCrownSideView extends TeethDiagramComponentsProps {} diff --git a/index.d.ts b/index.d.ts new file mode 100644 index 00000000..300a60f7 --- /dev/null +++ b/index.d.ts @@ -0,0 +1,373 @@ +declare module "@dechea/hes.ui.foundations.teeth.areas.tooth" { + import React from 'react'; + + interface MyComponentProps { + children: React.ReactNode + } + + export const Tooth11: (props: MyComponentProps) => React.SFC + export const Tooth12: (props: MyComponentProps) => React.SFC + export const Tooth13: (props: MyComponentProps) => React.SFC + export const Tooth14: (props: MyComponentProps) => React.SFC + export const Tooth15: (props: MyComponentProps) => React.SFC + export const Tooth16: (props: MyComponentProps) => React.SFC + export const Tooth17: (props: MyComponentProps) => React.SFC + export const Tooth18: (props: MyComponentProps) => React.SFC + export const Tooth21: (props: MyComponentProps) => React.SFC + export const Tooth22: (props: MyComponentProps) => React.SFC + export const Tooth23: (props: MyComponentProps) => React.SFC + export const Tooth24: (props: MyComponentProps) => React.SFC + export const Tooth25: (props: MyComponentProps) => React.SFC + export const Tooth26: (props: MyComponentProps) => React.SFC + export const Tooth27: (props: MyComponentProps) => React.SFC + export const Tooth28: (props: MyComponentProps) => React.SFC + export const Tooth31: (props: MyComponentProps) => React.SFC + export const Tooth32: (props: MyComponentProps) => React.SFC + export const Tooth33: (props: MyComponentProps) => React.SFC + export const Tooth34: (props: MyComponentProps) => React.SFC + export const Tooth35: (props: MyComponentProps) => React.SFC + export const Tooth36: (props: MyComponentProps) => React.SFC + export const Tooth37: (props: MyComponentProps) => React.SFC + export const Tooth38: (props: MyComponentProps) => React.SFC + export const Tooth41: (props: MyComponentProps) => React.SFC + export const Tooth42: (props: MyComponentProps) => React.SFC + export const Tooth43: (props: MyComponentProps) => React.SFC + export const Tooth44: (props: MyComponentProps) => React.SFC + export const Tooth45: (props: MyComponentProps) => React.SFC + export const Tooth46: (props: MyComponentProps) => React.SFC + export const Tooth47: (props: MyComponentProps) => React.SFC + export const Tooth48: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.areas.root" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const Root11: (props: MyComponentProps) => React.SFC + export const Root12: (props: MyComponentProps) => React.SFC + export const Root13: (props: MyComponentProps) => React.SFC + export const Root14: (props: MyComponentProps) => React.SFC + export const Root14Left: (props: MyComponentProps) => React.SFC + export const Root14Right: (props: MyComponentProps) => React.SFC + export const Root15: (props: MyComponentProps) => React.SFC + export const Root16: (props: MyComponentProps) => React.SFC + export const Root16Left: (props: MyComponentProps) => React.SFC + export const Root16Middle: (props: MyComponentProps) => React.SFC + export const Root16Right: (props: MyComponentProps) => React.SFC + export const Root17: (props: MyComponentProps) => React.SFC + export const Root17Left: (props: MyComponentProps) => React.SFC + export const Root17Middle: (props: MyComponentProps) => React.SFC + export const Root17Right: (props: MyComponentProps) => React.SFC + export const Root18: (props: MyComponentProps) => React.SFC + export const Root18Left: (props: MyComponentProps) => React.SFC + export const Root18Middle: (props: MyComponentProps) => React.SFC + export const Root18Right: (props: MyComponentProps) => React.SFC + export const Root21: (props: MyComponentProps) => React.SFC + export const Root22: (props: MyComponentProps) => React.SFC + export const Root23: (props: MyComponentProps) => React.SFC + export const Root24: (props: MyComponentProps) => React.SFC + export const Root24Left: (props: MyComponentProps) => React.SFC + export const Root24Right: (props: MyComponentProps) => React.SFC + export const Root25: (props: MyComponentProps) => React.SFC + export const Root26: (props: MyComponentProps) => React.SFC + export const Root26Left: (props: MyComponentProps) => React.SFC + export const Root26Middle: (props: MyComponentProps) => React.SFC + export const Root26Right: (props: MyComponentProps) => React.SFC + export const Root27: (props: MyComponentProps) => React.SFC + export const Root27Left: (props: MyComponentProps) => React.SFC + export const Root27Middle: (props: MyComponentProps) => React.SFC + export const Root27Right: (props: MyComponentProps) => React.SFC + export const Root28: (props: MyComponentProps) => React.SFC + export const Root28Left: (props: MyComponentProps) => React.SFC + export const Root28Middle: (props: MyComponentProps) => React.SFC + export const Root28Right: (props: MyComponentProps) => React.SFC + export const Root31: (props: MyComponentProps) => React.SFC + export const Root32: (props: MyComponentProps) => React.SFC + export const Root33: (props: MyComponentProps) => React.SFC + export const Root34: (props: MyComponentProps) => React.SFC + export const Root35: (props: MyComponentProps) => React.SFC + export const Root36: (props: MyComponentProps) => React.SFC + export const Root36Left: (props: MyComponentProps) => React.SFC + export const Root36Right: (props: MyComponentProps) => React.SFC + export const Root37: (props: MyComponentProps) => React.SFC + export const Root37Left: (props: MyComponentProps) => React.SFC + export const Root37Right: (props: MyComponentProps) => React.SFC + export const Root38: (props: MyComponentProps) => React.SFC + export const Root38Left: (props: MyComponentProps) => React.SFC + export const Root38Right: (props: MyComponentProps) => React.SFC + export const Root41: (props: MyComponentProps) => React.SFC + export const Root42: (props: MyComponentProps) => React.SFC + export const Root43: (props: MyComponentProps) => React.SFC + export const Root44: (props: MyComponentProps) => React.SFC + export const Root45: (props: MyComponentProps) => React.SFC + export const Root46: (props: MyComponentProps) => React.SFC + export const Root46Left: (props: MyComponentProps) => React.SFC + export const Root46Right: (props: MyComponentProps) => React.SFC + export const Root47: (props: MyComponentProps) => React.SFC + export const Root47Left: (props: MyComponentProps) => React.SFC + export const Root47Right: (props: MyComponentProps) => React.SFC + export const Root48: (props: MyComponentProps) => React.SFC + export const Root48Left: (props: MyComponentProps) => React.SFC + export const Root48Right: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.areas.crown-side-view" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const CrownSideView11: (props: MyComponentProps) => React.SFC + export const CrownSideView12: (props: MyComponentProps) => React.SFC + export const CrownSideView13: (props: MyComponentProps) => React.SFC + export const CrownSideView14: (props: MyComponentProps) => React.SFC + export const CrownSideView15: (props: MyComponentProps) => React.SFC + export const CrownSideView16: (props: MyComponentProps) => React.SFC + export const CrownSideView17: (props: MyComponentProps) => React.SFC + export const CrownSideView18: (props: MyComponentProps) => React.SFC + export const CrownSideView21: (props: MyComponentProps) => React.SFC + export const CrownSideView22: (props: MyComponentProps) => React.SFC + export const CrownSideView23: (props: MyComponentProps) => React.SFC + export const CrownSideView24: (props: MyComponentProps) => React.SFC + export const CrownSideView25: (props: MyComponentProps) => React.SFC + export const CrownSideView26: (props: MyComponentProps) => React.SFC + export const CrownSideView27: (props: MyComponentProps) => React.SFC + export const CrownSideView28: (props: MyComponentProps) => React.SFC + export const CrownSideView31: (props: MyComponentProps) => React.SFC + export const CrownSideView32: (props: MyComponentProps) => React.SFC + export const CrownSideView33: (props: MyComponentProps) => React.SFC + export const CrownSideView34: (props: MyComponentProps) => React.SFC + export const CrownSideView35: (props: MyComponentProps) => React.SFC + export const CrownSideView36: (props: MyComponentProps) => React.SFC + export const CrownSideView37: (props: MyComponentProps) => React.SFC + export const CrownSideView38: (props: MyComponentProps) => React.SFC + export const CrownSideView41: (props: MyComponentProps) => React.SFC + export const CrownSideView42: (props: MyComponentProps) => React.SFC + export const CrownSideView43: (props: MyComponentProps) => React.SFC + export const CrownSideView44: (props: MyComponentProps) => React.SFC + export const CrownSideView45: (props: MyComponentProps) => React.SFC + export const CrownSideView46: (props: MyComponentProps) => React.SFC + export const CrownSideView47: (props: MyComponentProps) => React.SFC + export const CrownSideView48: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.visualizations.implant" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const ImplantUpperJaw: (props: MyComponentProps) => React.SFC + export const ImplantLowerJaw: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.visualizations.missing-root" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const MissingRoot11: (props: MyComponentProps) => React.SFC + export const MissingRoot12: (props: MyComponentProps) => React.SFC + export const MissingRoot13: (props: MyComponentProps) => React.SFC + export const MissingRoot14: (props: MyComponentProps) => React.SFC + export const MissingRoot14Left: (props: MyComponentProps) => React.SFC + export const MissingRoot14Right: (props: MyComponentProps) => React.SFC + export const MissingRoot15: (props: MyComponentProps) => React.SFC + export const MissingRoot16: (props: MyComponentProps) => React.SFC + export const MissingRoot16Left: (props: MyComponentProps) => React.SFC + export const MissingRoot16Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot16Right: (props: MyComponentProps) => React.SFC + export const MissingRoot17: (props: MyComponentProps) => React.SFC + export const MissingRoot17Left: (props: MyComponentProps) => React.SFC + export const MissingRoot17Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot17Right: (props: MyComponentProps) => React.SFC + export const MissingRoot18: (props: MyComponentProps) => React.SFC + export const MissingRoot18Left: (props: MyComponentProps) => React.SFC + export const MissingRoot18Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot18Right: (props: MyComponentProps) => React.SFC + export const MissingRoot21: (props: MyComponentProps) => React.SFC + export const MissingRoot22: (props: MyComponentProps) => React.SFC + export const MissingRoot23: (props: MyComponentProps) => React.SFC + export const MissingRoot24: (props: MyComponentProps) => React.SFC + export const MissingRoot24Left: (props: MyComponentProps) => React.SFC + export const MissingRoot24Right: (props: MyComponentProps) => React.SFC + export const MissingRoot25: (props: MyComponentProps) => React.SFC + export const MissingRoot26: (props: MyComponentProps) => React.SFC + export const MissingRoot26Left: (props: MyComponentProps) => React.SFC + export const MissingRoot26Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot26Right: (props: MyComponentProps) => React.SFC + export const MissingRoot27: (props: MyComponentProps) => React.SFC + export const MissingRoot27Left: (props: MyComponentProps) => React.SFC + export const MissingRoot27Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot27Right: (props: MyComponentProps) => React.SFC + export const MissingRoot28: (props: MyComponentProps) => React.SFC + export const MissingRoot28Left: (props: MyComponentProps) => React.SFC + export const MissingRoot28Middle: (props: MyComponentProps) => React.SFC + export const MissingRoot28Right: (props: MyComponentProps) => React.SFC + export const MissingRoot31: (props: MyComponentProps) => React.SFC + export const MissingRoot32: (props: MyComponentProps) => React.SFC + export const MissingRoot33: (props: MyComponentProps) => React.SFC + export const MissingRoot34: (props: MyComponentProps) => React.SFC + export const MissingRoot35: (props: MyComponentProps) => React.SFC + export const MissingRoot36: (props: MyComponentProps) => React.SFC + export const MissingRoot36Left: (props: MyComponentProps) => React.SFC + export const MissingRoot36Right: (props: MyComponentProps) => React.SFC + export const MissingRoot37: (props: MyComponentProps) => React.SFC + export const MissingRoot37Left: (props: MyComponentProps) => React.SFC + export const MissingRoot37Right: (props: MyComponentProps) => React.SFC + export const MissingRoot38: (props: MyComponentProps) => React.SFC + export const MissingRoot38Left: (props: MyComponentProps) => React.SFC + export const MissingRoot38Right: (props: MyComponentProps) => React.SFC + export const MissingRoot41: (props: MyComponentProps) => React.SFC + export const MissingRoot42: (props: MyComponentProps) => React.SFC + export const MissingRoot43: (props: MyComponentProps) => React.SFC + export const MissingRoot44: (props: MyComponentProps) => React.SFC + export const MissingRoot45: (props: MyComponentProps) => React.SFC + export const MissingRoot46: (props: MyComponentProps) => React.SFC + export const MissingRoot46Left: (props: MyComponentProps) => React.SFC + export const MissingRoot46Right: (props: MyComponentProps) => React.SFC + export const MissingRoot47: (props: MyComponentProps) => React.SFC + export const MissingRoot47Left: (props: MyComponentProps) => React.SFC + export const MissingRoot47Right: (props: MyComponentProps) => React.SFC + export const MissingRoot48: (props: MyComponentProps) => React.SFC + export const MissingRoot48Left: (props: MyComponentProps) => React.SFC + export const MissingRoot48Right: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.visualizations.artificial-crown" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const ArtificialCrown11: (props: MyComponentProps) => React.SFC + export const ArtificialCrown12: (props: MyComponentProps) => React.SFC + export const ArtificialCrown13: (props: MyComponentProps) => React.SFC + export const ArtificialCrown14: (props: MyComponentProps) => React.SFC + export const ArtificialCrown15: (props: MyComponentProps) => React.SFC + export const ArtificialCrown16: (props: MyComponentProps) => React.SFC + export const ArtificialCrown17: (props: MyComponentProps) => React.SFC + export const ArtificialCrown18: (props: MyComponentProps) => React.SFC + export const ArtificialCrown21: (props: MyComponentProps) => React.SFC + export const ArtificialCrown22: (props: MyComponentProps) => React.SFC + export const ArtificialCrown23: (props: MyComponentProps) => React.SFC + export const ArtificialCrown24: (props: MyComponentProps) => React.SFC + export const ArtificialCrown25: (props: MyComponentProps) => React.SFC + export const ArtificialCrown26: (props: MyComponentProps) => React.SFC + export const ArtificialCrown27: (props: MyComponentProps) => React.SFC + export const ArtificialCrown28: (props: MyComponentProps) => React.SFC + export const ArtificialCrown31: (props: MyComponentProps) => React.SFC + export const ArtificialCrown32: (props: MyComponentProps) => React.SFC + export const ArtificialCrown33: (props: MyComponentProps) => React.SFC + export const ArtificialCrown34: (props: MyComponentProps) => React.SFC + export const ArtificialCrown35: (props: MyComponentProps) => React.SFC + export const ArtificialCrown36: (props: MyComponentProps) => React.SFC + export const ArtificialCrown37: (props: MyComponentProps) => React.SFC + export const ArtificialCrown38: (props: MyComponentProps) => React.SFC + export const ArtificialCrown41: (props: MyComponentProps) => React.SFC + export const ArtificialCrown42: (props: MyComponentProps) => React.SFC + export const ArtificialCrown43: (props: MyComponentProps) => React.SFC + export const ArtificialCrown44: (props: MyComponentProps) => React.SFC + export const ArtificialCrown45: (props: MyComponentProps) => React.SFC + export const ArtificialCrown46: (props: MyComponentProps) => React.SFC + export const ArtificialCrown47: (props: MyComponentProps) => React.SFC + export const ArtificialCrown48: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.visualizations.prosthesis" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const Prosthesis11: (props: MyComponentProps) => React.SFC + export const Prosthesis12: (props: MyComponentProps) => React.SFC + export const Prosthesis13: (props: MyComponentProps) => React.SFC + export const Prosthesis14: (props: MyComponentProps) => React.SFC + export const Prosthesis15: (props: MyComponentProps) => React.SFC + export const Prosthesis16: (props: MyComponentProps) => React.SFC + export const Prosthesis17: (props: MyComponentProps) => React.SFC + export const Prosthesis18: (props: MyComponentProps) => React.SFC + export const Prosthesis21: (props: MyComponentProps) => React.SFC + export const Prosthesis22: (props: MyComponentProps) => React.SFC + export const Prosthesis23: (props: MyComponentProps) => React.SFC + export const Prosthesis24: (props: MyComponentProps) => React.SFC + export const Prosthesis25: (props: MyComponentProps) => React.SFC + export const Prosthesis26: (props: MyComponentProps) => React.SFC + export const Prosthesis27: (props: MyComponentProps) => React.SFC + export const Prosthesis28: (props: MyComponentProps) => React.SFC + export const Prosthesis31: (props: MyComponentProps) => React.SFC + export const Prosthesis32: (props: MyComponentProps) => React.SFC + export const Prosthesis33: (props: MyComponentProps) => React.SFC + export const Prosthesis34: (props: MyComponentProps) => React.SFC + export const Prosthesis35: (props: MyComponentProps) => React.SFC + export const Prosthesis36: (props: MyComponentProps) => React.SFC + export const Prosthesis37: (props: MyComponentProps) => React.SFC + export const Prosthesis38: (props: MyComponentProps) => React.SFC + export const Prosthesis41: (props: MyComponentProps) => React.SFC + export const Prosthesis42: (props: MyComponentProps) => React.SFC + export const Prosthesis43: (props: MyComponentProps) => React.SFC + export const Prosthesis44: (props: MyComponentProps) => React.SFC + export const Prosthesis45: (props: MyComponentProps) => React.SFC + export const Prosthesis46: (props: MyComponentProps) => React.SFC + export const Prosthesis47: (props: MyComponentProps) => React.SFC + export const Prosthesis48: (props: MyComponentProps) => React.SFC +} + +declare module "@dechea/hes.ui.foundations.teeth.visualizations.missing-crown" { + import React from 'react'; + + interface MyComponentProps { + children?: React.ReactNode + enable: boolean + } + + export const MissingCrown11: (props: MyComponentProps) => React.SFC + export const MissingCrown12: (props: MyComponentProps) => React.SFC + export const MissingCrown13: (props: MyComponentProps) => React.SFC + export const MissingCrown14: (props: MyComponentProps) => React.SFC + export const MissingCrown15: (props: MyComponentProps) => React.SFC + export const MissingCrown16: (props: MyComponentProps) => React.SFC + export const MissingCrown17: (props: MyComponentProps) => React.SFC + export const MissingCrown18: (props: MyComponentProps) => React.SFC + export const MissingCrown21: (props: MyComponentProps) => React.SFC + export const MissingCrown22: (props: MyComponentProps) => React.SFC + export const MissingCrown23: (props: MyComponentProps) => React.SFC + export const MissingCrown24: (props: MyComponentProps) => React.SFC + export const MissingCrown25: (props: MyComponentProps) => React.SFC + export const MissingCrown26: (props: MyComponentProps) => React.SFC + export const MissingCrown27: (props: MyComponentProps) => React.SFC + export const MissingCrown28: (props: MyComponentProps) => React.SFC + export const MissingCrown31: (props: MyComponentProps) => React.SFC + export const MissingCrown32: (props: MyComponentProps) => React.SFC + export const MissingCrown33: (props: MyComponentProps) => React.SFC + export const MissingCrown34: (props: MyComponentProps) => React.SFC + export const MissingCrown35: (props: MyComponentProps) => React.SFC + export const MissingCrown36: (props: MyComponentProps) => React.SFC + export const MissingCrown37: (props: MyComponentProps) => React.SFC + export const MissingCrown38: (props: MyComponentProps) => React.SFC + export const MissingCrown41: (props: MyComponentProps) => React.SFC + export const MissingCrown42: (props: MyComponentProps) => React.SFC + export const MissingCrown43: (props: MyComponentProps) => React.SFC + export const MissingCrown44: (props: MyComponentProps) => React.SFC + export const MissingCrown45: (props: MyComponentProps) => React.SFC + export const MissingCrown46: (props: MyComponentProps) => React.SFC + export const MissingCrown47: (props: MyComponentProps) => React.SFC + export const MissingCrown48: (props: MyComponentProps) => React.SFC + +} \ No newline at end of file diff --git a/middleware.ts b/middleware.ts deleted file mode 100644 index a6e2b581..00000000 --- a/middleware.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { withClerkMiddleware } from "@clerk/nextjs/server"; -import { NextResponse } from "next/server"; -import type { NextRequest } from 'next/server' - -export default withClerkMiddleware((req: NextRequest) => { - return NextResponse.next(); -}); - -// Stop Middleware running on static files -export const config = { matcher: '/((?!.*\\.).*)' } diff --git a/next.config.js b/next.config.js index 1e2908ce..c7c0b12c 100644 --- a/next.config.js +++ b/next.config.js @@ -6,4 +6,9 @@ const nextConfig = { }, } -module.exports = nextConfig +const withBundleAnalyzer = require('@next/bundle-analyzer')({ + enabled: process.env.ANALYZE === 'true', +}) + + +module.exports = withBundleAnalyzer(nextConfig) diff --git a/package.json b/package.json index 26fa19af..f6f086e8 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,6 @@ "lint": "next lint" }, "dependencies": { - "@clerk/nextjs": "^4.6.14", "@dechea/hes.constants.tooth-position": "0.0.6", "@dechea/hes.ui.foundations.teeth.areas.crown-side-view": "^1.0.22", "@dechea/hes.ui.foundations.teeth.areas.root": "^1.0.28", @@ -29,13 +28,10 @@ "@emotion/react": "^11.10.5", "@emotion/styled": "^11.10.5", "@gqty/react": "^2.2.0-alpha-445c0456.0", - "@mui/material": "^5.11.4", "@types/node": "18.11.11", "@types/react": "18.0.26", "@types/react-dom": "18.0.9", "classnames": "2.3.2", - "eslint": "8.29.0", - "eslint-config-next": "13.0.6", "fauna": "file:node_modules_offline/fauna-v10.0.0.tgz", "gqty": "^2.1.1", "graphql": "^16.6.0", @@ -43,10 +39,14 @@ "next": "^13.1.0", "react": "18.2.0", "react-dom": "18.2.0", - "reshaped": "file:node_modules_offline/reshaped-react-v1.11.0.tgz", - "typescript": "4.9.4" + "reshaped": "file:node_modules_offline/reshaped-react-v1.11.0.tgz" }, "devDependencies": { + "@mui/material": "^5.11.4", + "@next/bundle-analyzer": "^13.1.3", + "typescript": "4.9.4", + "eslint": "8.29.0", + "eslint-config-next": "13.0.6", "@gqty/cli": "^3.3.0" } } diff --git a/public/Blurred elipse.png b/public/Blurred elipse.png new file mode 100644 index 00000000..e806f477 Binary files /dev/null and b/public/Blurred elipse.png differ diff --git a/public/Polygon 1.svg b/public/Polygon 1.svg new file mode 100644 index 00000000..52e28518 --- /dev/null +++ b/public/Polygon 1.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Polygon.svg b/public/Polygon.svg new file mode 100644 index 00000000..52e28518 --- /dev/null +++ b/public/Polygon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/elipse.png b/public/elipse.png new file mode 100644 index 00000000..e806f477 Binary files /dev/null and b/public/elipse.png differ diff --git a/src/gqty/index.ts b/src/gqty/index.ts index e44a0bfc..532b2fe2 100644 --- a/src/gqty/index.ts +++ b/src/gqty/index.ts @@ -2,7 +2,6 @@ * GQTY: You can safely modify this file and Query Fetcher based on your needs */ -import { useAuth } from "@clerk/nextjs"; import { createReactClient } from "@gqty/react"; import type { QueryFetcher } from 'gqty';