docs (ts-conversion): mark all non-implemented as "empty"

Author: Beraliv

packages/ts-conversion/src/components/Intro.tsx

@@ -1,20 +1,11 @@
-import { getProgress } from "../utils/getProgress";
-import { ProgressBar } from "./ProgressBar";
 import styles from "./Intro.module.css";
-import { roundTo1DecimalPlace } from "./roundTo1DecimalPlace";
-
-const { missing, total } = getProgress();
-const percent = roundTo1DecimalPlace(((total - missing) / total) * 100);
 
 export const Intro = () => (
   <div className={styles.Intro}>
     <h2>
       Converting types in TypeScript
-      <sup className={styles.ProgressData}>
-        {percent < 100 ? "alpha" : "beta"}
-      </sup>
+      <sup className={styles.ProgressData}>beta</sup>
     </h2>
-    {percent < 100 && <ProgressBar percent={percent} />}
     <p>
       Interactive website, helping engineers understand, how they can convert
       one type to another in TypeScript, with examples and links to TypeScript

packages/ts-conversion/src/components/ProgressBar.module.css

@@ -77,9 +77,7 @@ export const TsConversion = () => {
           label="Target"
           handleChange={handleTargetChange}
           options={inputs}
-          isOptionDisabled={(input) =>
-            !source || map[source][input] === "missing"
-          }
+          isOptionDisabled={() => !source}
           getLabel={(input) => {
             if (
               source &&
@@ -112,7 +110,7 @@ export const TsConversion = () => {
                 </>
               </Message>
             </div>
-          ) : map[source][target] === "missing" ? null : (
+          ) : (
             <>
               {(Warning = map[source][target].Warning) && (
                 <div>

packages/ts-conversion/src/components/ProgressBar.tsx

@@ -1,7 +1,7 @@
 import { map } from "./map";
 
 export const getProgress = () => {
-  let missing = 0;
+  const missing = 0;
   let empty = 0;
   let implemented = 0;
   let total = 0;
@@ -12,8 +12,6 @@ export const getProgress = () => {
 
       if (value === "empty") {
         empty++;
-      } else if (value === "missing") {
-        missing++;
       } else {
         implemented++;
       }

packages/ts-conversion/src/components/TsConversion.tsx

@@ -5,15 +5,15 @@ describe("map", () => {
   const { empty, implemented, missing, total } = getProgress();
 
   test("returns a number of combinations that don't have practical example", () => {
-    expect(empty).toBe(9);
+    expect(empty).toBe(11);
   });
 
   test("returns a number of implemented combinations", () => {
     expect(implemented).toBe(25);
   });
 
   test("returns a number of combinations with a missing example", () => {
-    expect(missing).toBe(2);
+    expect(missing).toBe(0);
   });
 
   test("returns a number of total combinations", () => {

packages/ts-conversion/src/utils/getProgress.ts

@@ -10,7 +10,6 @@ import { InputType } from "./inputs";
 import { KeyRemappingNote } from "../notes/KeyRemappingNote";
 import { ConditionalTypesNote } from "../notes/ConditionalTypesNote";
 
-type MapConfigMissingExample = "missing";
 type MapConfigWithExample = {
   label?: string;
   code: string;
@@ -23,10 +22,7 @@ type MapConfigWithExample = {
 };
 type MapConfigWithoutExample = "empty";
 
-type MapConfig =
-  | MapConfigMissingExample
-  | MapConfigWithExample
-  | MapConfigWithoutExample;
+type MapConfig = MapConfigWithExample | MapConfigWithoutExample;
 
 // eslint-disable-next-line react-refresh/only-export-components
 const DistributiveConditionalTypes = () => (
@@ -565,8 +561,7 @@ export const map: Record<InputType, Record<InputType, MapConfig>> = {
       playgroundUrl: "https://tsplay.dev/NBrXxN",
     },
     stringLiteral: "empty",
-    // TODO: number of keys
-    numericLiteral: "missing",
+    numericLiteral: "empty",
   },
   union: {
     array: {
@@ -789,8 +784,7 @@ export const map: Record<InputType, Record<InputType, MapConfig>> = {
       ],
     },
     stringLiteral: "empty",
-    // TODO: number of union elements
-    numericLiteral: "missing",
+    numericLiteral: "empty",
   },
   stringLiteral: {
     array: "empty",