Chore/update dependencies

.config/husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn commit message lint
+yarn commit message lint

.config/husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn commit staged
+yarn commit staged

.config/husky/prepare-commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn commit message $@
+yarn commit message $@

.yarnrc.yml

@@ -13,7 +13,12 @@ packageExtensions:
     dependencies:
       jest: '*'
       typescript: 4.6.2
-
+  '@atls-ui-parts/text@*':
+    dependencies:
+      '@types/styled-system': '*'
+  '@emotion/utils@*':
+    dependencies:
+      '@emotion/sheet': '*'
 preferReuse: true
 
 yarnPath: .yarn/releases/yarn.cjs

packages/api-auth-user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atls/react-api-auth-user",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "license": "BSD 3-Clause",
   "main": "src/index.ts",
   "files": [
@@ -12,7 +12,7 @@
     "postpack": "rm -rf dist"
   },
   "devDependencies": {
-    "@atls/react-user": "workspace:0.1.44",
+    "@atls/react-user": "workspace:0.1.45",
     "@types/react": "18.3.6",
     "react": "^18.2.0"
   },

packages/api-auth-user/src/api-auth-user.provider.tsx

@@ -1,18 +1,32 @@
-import { useState }     from 'react'
-import { useEffect }    from 'react'
-import React            from 'react'
+import type { ReactNode } from 'react'
+import type { FC }        from 'react'
 
-import { UserProvider } from '@atls/react-user'
+import { useState }       from 'react'
+import { useEffect }      from 'react'
+import React              from 'react'
 
-const fetchSession = async (url) => {
+import { UserProvider }   from '@atls/react-user'
+
+type Session = any
+
+interface ApiAuthUserProviderProps {
+  url?: string
+  children: ReactNode
+}
+
+const fetchSession = async (url: string): Promise<Session> => {
   const response = await fetch(url)
   const text = await response.text()
 
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
   return text ? JSON.parse(text) : null
 }
 
-export const ApiAuthUserProvider = ({ url = '/api/auth/session', children }) => {
-  const [session, setSession] = useState(null)
+export const ApiAuthUserProvider: FC<ApiAuthUserProviderProps> = ({
+  url = '/api/auth/session',
+  children,
+}) => {
+  const [session, setSession] = useState<Session>(null)
 
   useEffect(() => {
     if (typeof window !== 'undefined') {

packages/app-links/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atls/react-app-links",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "files": [

packages/app-links/src/app-link.component.tsx

@@ -1,7 +1,8 @@
-import { FC }           from 'react'
+import type { FC }           from 'react'
 
-import { AppLinkProps } from './app-url.interfaces'
-import { useAppUrl }    from './use-app-url.hook'
+import type { AppLinkProps } from './app-url.interfaces'
+
+import { useAppUrl }         from './use-app-url.hook'
 
 export const AppLink: FC<AppLinkProps> = ({ children, subdomain, pathname }) => {
   const url = useAppUrl({ subdomain, pathname })

packages/app-links/src/use-app-url.hook.ts

@@ -1,8 +1,9 @@
-import { useState }         from 'react'
-import { getDomain }        from 'tldjs'
+import type { UseAppUrlProps } from './app-url.interfaces'
 
-import { UseAppUrlProps }   from './app-url.interfaces'
-import { useBrowserEffect } from './use-browser-effect.hook'
+import { useState }            from 'react'
+import { getDomain }           from 'tldjs'
+
+import { useBrowserEffect }    from './use-browser-effect.hook'
 
 export const useAppUrl = ({ subdomain, pathname = '/' }: UseAppUrlProps = {}): string | null => {
   const [url, setUrl] = useState<string | null>(null)
@@ -12,7 +13,7 @@ export const useAppUrl = ({ subdomain, pathname = '/' }: UseAppUrlProps = {}): s
 
     const domain = getDomain(hostname)
 
-    const origin = subdomain ? `${protocol}//${subdomain}.${domain}` : `${protocol}//${domain}`
+    const origin = subdomain ? `${protocol}//${subdomain}.${domain!}` : `${protocol}//${domain!}`
 
     setUrl(`${origin}${pathname}`)
   }, [subdomain, pathname])

packages/app-links/src/use-browser-effect.hook.ts

@@ -1,14 +1,17 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react-hooks/rules-of-hooks */
 
-import { EffectCallback } from 'react'
-import { DependencyList } from 'react'
-import { useEffect }      from 'react'
+import type { EffectCallback } from 'react'
+import type { DependencyList } from 'react'
 
+import { useEffect }           from 'react'
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 export const useBrowserEffect = (effect: EffectCallback, deps?: DependencyList) => {
   if (typeof window === 'undefined') {
     return undefined
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-confusing-void-expression
   return useEffect(effect, deps)
 }

packages/identity-links/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atls/react-identity-links",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "license": "MIT",
   "main": "src/index.ts",
   "files": [
@@ -21,6 +21,7 @@
     "@types/react": "18.3.6",
     "@types/react-dom": "^18.2.7",
     "@types/testing-library__jest-dom": "^5.14.1",
+    "@types/tldjs": "2.3.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

packages/identity-links/src/identity-link.component.test.tsx

@@ -12,9 +12,10 @@ import { IdentityLink } from './identity-link.component'
 describe('identity-link.component', () => {
   const originalLocation = window.location
 
-  const mockWindowLocation = (newLocation) => {
-    // @ts-ignore
+  const mockWindowLocation = (newLocation: Location | URL | string): void => {
+    // @ts-expect-error
     delete window.location
+    // @ts-expect-error
     window.location = newLocation
   }
 
@@ -26,10 +27,10 @@ describe('identity-link.component', () => {
     mockWindowLocation(new URL('https://identity.monstrs.dev'))
 
     const { getByText } = render(
+      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
       <IdentityLink returnTo>{(url) => <a href={url}>Login</a>}</IdentityLink>
     )
 
-    // @ts-ignore
     expect(getByText('Login')).toHaveAttribute(
       'href',
       'https://accounts.monstrs.dev/auth/login?return_to=https://identity.monstrs.dev/'

packages/identity-links/src/identity-link.component.tsx

@@ -1,7 +1,8 @@
-import { FC }                from 'react'
+import type { FC }                from 'react'
 
-import { IdentityLinkProps } from './identity-url.interfaces'
-import { useIdentityUrl }    from './use-identity-url.hook'
+import type { IdentityLinkProps } from './identity-url.interfaces'
+
+import { useIdentityUrl }         from './use-identity-url.hook'
 
 export const IdentityLink: FC<IdentityLinkProps> = ({ children, type, returnTo }) => {
   const url = useIdentityUrl({ type, returnTo })

packages/identity-links/src/identity-url.interfaces.ts

@@ -1,10 +1,10 @@
 export type IdentityUrlType =
   | 'login'
+  | 'logout'
+  | 'recovery'
   | 'registration'
   | 'settings'
   | 'verification'
-  | 'recovery'
-  | 'logout'
 
 export interface UseIdentityUrlReturnToProps {
   subdomain?: string
@@ -13,7 +13,7 @@ export interface UseIdentityUrlReturnToProps {
 
 export interface UseIdentityUrlProps {
   type?: IdentityUrlType
-  returnTo?: true | false | UseIdentityUrlReturnToProps
+  returnTo?: UseIdentityUrlReturnToProps | false | true
 }
 
 export interface IdentityLinkProps extends UseIdentityUrlProps {

packages/identity-links/src/use-browser-effect.hook.ts

@@ -1,14 +1,17 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react-hooks/rules-of-hooks */
 
-import { EffectCallback } from 'react'
-import { DependencyList } from 'react'
-import { useEffect }      from 'react'
+import type { EffectCallback } from 'react'
+import type { DependencyList } from 'react'
 
+import { useEffect }           from 'react'
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 export const useBrowserEffect = (effect: EffectCallback, deps?: DependencyList) => {
   if (typeof window === 'undefined') {
     return undefined
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-confusing-void-expression
   return useEffect(effect, deps)
 }

packages/identity-links/src/use-identity-url.hook.test.ts

@@ -9,9 +9,10 @@ import { useIdentityUrl } from './use-identity-url.hook'
 describe('use-identity-url', () => {
   const originalLocation = window.location
 
-  const mockWindowLocation = (newLocation) => {
-    // @ts-ignore
+  const mockWindowLocation = (newLocation: Location | URL | string): void => {
+    // @ts-expect-error
     delete window.location
+    // @ts-expect-error
     window.location = newLocation
   }