Json-To-TypeScript: some changes

Author: k.golikov

src/pages/jsonToTypeScriptPage/JsonToTypeScriptPage.tsx

@@ -36,7 +36,8 @@ const defaultSelectableConversionOptions: JsonToTypeScriptConversionSelectableOp
     exportType: ExportType.ES_MODULE,
     isReversedOrder: true,
     typeNameTransformer: NameTransformer.PASCAL_CASE,
-    fieldNameTransformer: NameTransformer.NONE
+    fieldNameTransformer: NameTransformer.NONE,
+    isTuplesEnabled: false
 };
 
 const nameTransformers: Readonly<Record<NameTransformer, (name: string) => string>> = {

src/pages/jsonToTypeScriptPage/components/JsonToTypeScriptSettings.tsx

@@ -2,7 +2,7 @@ import React, { Dispatch, FunctionComponent, SetStateAction } from 'react';
 import JsonToTypeScriptConversionSelectableOptions, {
     NameTransformer
 } from '../types/JsonToTypeScriptConversionSelectableOptions';
-import { Button, Col, Input, Select, Switch } from 'antd';
+import { Button, Col, Input, Select, Switch, Tooltip } from 'antd';
 import useChangeStateHandler from '../../../hooks/useChangeStateHandler';
 import styles from './JsonToTypeScriptSettings.module.scss';
 import ExportType from '../types/ExportType';
@@ -86,6 +86,16 @@ const JsonToTypeScriptSettings: FunctionComponent<Props> = ({ options, setOption
                 <Switch checked={options.isReversedOrder} onChange={handleOptionChange('isReversedOrder')} />
                 <span className="ms-3">Reverse declarations</span>
             </label>
+
+            <label className={classNames('mt-1', styles.formItem)}>
+                <Switch checked={options.isTuplesEnabled} onChange={handleOptionChange('isTuplesEnabled')} disabled />
+                <Tooltip title="Coming soon" placement="bottom">
+                    <Text className="ms-3" type="secondary">
+                        Enable tuples
+                        {/*<Text italic type="secondary" className="ms-2">Coming soon</Text>*/}
+                    </Text>
+                </Tooltip>
+            </label>
         </Col>
     );
 };

src/pages/jsonToTypeScriptPage/types/JsonToTypeScriptConversionOptions.ts

@@ -6,6 +6,7 @@ interface JsonToTypeScriptConversionOptions {
     fieldNameTransformer?: (fieldName: string) => string;
     typeNameTransformer?: (typeName: string) => string;
     rootTypeName: string;
+    isTuplesEnabled?: boolean;
 }
 
 export default JsonToTypeScriptConversionOptions;

src/pages/jsonToTypeScriptPage/types/JsonToTypeScriptConversionSelectableOptions.ts

@@ -1,4 +1,4 @@
-import ExportType from './ExportType';
+import JsonToTypeScriptConversionOptions from './JsonToTypeScriptConversionOptions';
 
 export enum NameTransformer {
     NONE = 'NONE',
@@ -9,12 +9,10 @@ export enum NameTransformer {
     KEBAB_CASE = 'KEBAB_CASE'
 }
 
-interface JsonToTypeScriptConversionSelectableOptions {
-    exportType: ExportType;
-    isReversedOrder: boolean;
+interface JsonToTypeScriptConversionSelectableOptions
+    extends Required<Omit<JsonToTypeScriptConversionOptions, 'typeNameTransformer' | 'fieldNameTransformer'>> {
     fieldNameTransformer: NameTransformer;
     typeNameTransformer: NameTransformer;
-    rootTypeName: string;
 }
 
 export default JsonToTypeScriptConversionSelectableOptions;