#20901 - key_type from props

questions/20901-hard-key_type-from-props/README.md

@@ -0,0 +1 @@
+Implement type that extracts key and type both from object props. More details please refer to test cases.

questions/20901-hard-key_type-from-props/info.yml

@@ -0,0 +1,7 @@
+difficulty: hard
+title: key_type from props
+tags: object-keys
+author:
+  github: lvjiaxuan
+  name: lvjiaxuan
+

questions/20901-hard-key_type-from-props/template.ts

@@ -0,0 +1 @@
+type KeyTypeFromProps<T> = any

questions/20901-hard-key_type-from-props/test-cases.ts

@@ -0,0 +1,37 @@
+import type { Equal, Expect } from '@type-challenges/utils'
+
+type obj = {
+  [x: string]: (
+    | {
+      component: 'AInput'
+      value: string
+    }
+    | {
+      component: 'ASelect'
+      value: string
+    }
+    | {
+      component: 'ARangePicker'
+      value: [number, number]
+    }
+  ) & {
+    label?: string
+  }
+}
+
+type res = {
+  AInput: string;
+  ASelect: string;
+  ARangePicker: [number, number];
+}
+
+type cases = [
+  Expect<Equal<KeyTypeFromProps<obj, 'component', 'value'>, res>>,
+
+  // @ts-expect-error
+  KeyTypeFromProps<{ x: 1 }, '', ''>,
+  // @ts-expect-error
+  KeyTypeFromProps<obj, 'fake', 'fake'>,
+  // @ts-expect-error
+  KeyTypeFromProps<[], '', ''>
+]