fix: Extend Lang type by string representation

diplodoc-platform · Nov 12, 2024 · 447ee7b · 447ee7b
1 parent 36e3548
commit 447ee7b
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@diplodoc/babel-preset": "^1.0.3",
-    "@diplodoc/components": "^4.15.4",
+    "@diplodoc/components": "^4.17.1",
     "@diplodoc/lint": "^1.1.1",
     "@diplodoc/openapi-extension": "^2.3.3",
     "@diplodoc/tsconfig": "^1.0.2",

diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
@@ -38,8 +38,8 @@ export type DocAnalytics = {
 };
 
 export interface AppProps {
-    lang: Lang;
-    langs: Lang[];
+    lang: `${Lang}` | Lang;
+    langs: (`${Lang}` | Lang)[];
     router: RouterConfig;
     search?: SearchConfig;
     analytics?: DocAnalytics;

diff --git a/src/components/App/useLangs.ts b/src/components/App/useLangs.ts
@@ -5,7 +5,7 @@ import {useCallback, useMemo} from 'react';
 
 export function useLangs({router, lang, langs}: AppProps) {
     const onChangeLang = useCallback(
-        (lang: Lang) => {
+        (lang: `${Lang}` | Lang) => {
             const path = getLangPath(router, lang);
             window.location.replace(path);
         },

diff --git a/src/components/HeaderControls/index.tsx b/src/components/HeaderControls/index.tsx
@@ -15,9 +15,9 @@ export type Props = {
     onChangeWideFormat: OnChangeCallback;
     showMiniToc: boolean;
     onChangeShowMiniToc: OnChangeCallback;
-    lang: Lang;
-    langs: Lang[];
-    onChangeLang?: (lang: Lang) => void;
+    lang: Lang | `${Lang}`;
+    langs: (Lang | `${Lang}`)[];
+    onChangeLang?: (lang: `${Lang}` | Lang) => void;
 };
 
 export const HeaderControls = memo<Props>(

diff --git a/src/hooks/useLang.ts b/src/hooks/useLang.ts
@@ -1,7 +1,7 @@
 import {createContext, useContext} from 'react';
 import {Lang} from '@diplodoc/components';
 
-const LangContext = createContext<Lang>(Lang.En);
+const LangContext = createContext<`${Lang}` | Lang>(Lang.En);
 
 LangContext.displayName = 'Lang';
 

diff --git a/src/preprocess.ts b/src/preprocess.ts
@@ -32,7 +32,7 @@ export type NavigationData = PageContent<ConstructorNavigaitonData>;
 export type ConfigData = ConstructorPageContent | NavigationData;
 
 export interface PreloadParams {
-    lang: Lang;
+    lang: `${Lang}` | Lang;
     pageName: string;
     pageReferer?: string;
 }
@@ -87,7 +87,7 @@ function replaceTransformer(config: BlocksConfig, newTransformer: TransformerRaw
 
 function transformBlocks(
     blocks: ConstructorBlock[],
-    lang: Lang,
+    lang: `${Lang}` | Lang,
     customYfmTransformer: TransformerRaw,
 ) {
     const customConfig = replaceTransformer(config, customYfmTransformer);

diff --git a/src/utils.ts b/src/utils.ts
@@ -63,7 +63,7 @@ export function updateRootClassName(states: {
     });
 }
 
-export function getDirection(lang: Lang): TextDirection {
+export function getDirection(lang: `${Lang}` | Lang): TextDirection {
     const isRTL = RTL_LANGS.includes(lang);
 
     return isRTL ? TextDirection.RTL : TextDirection.LTR;