Json-To-TypeScript: some fixes and improvements

Author: k.golikov

src/pages/jsonToTypeScriptPage/JsonToTypeScriptPage.tsx

@@ -17,9 +17,10 @@ import JsonToTypeScriptConversionSelectableOptions, {
     NameTransformer
 } from './types/JsonToTypeScriptConversionSelectableOptions';
 import JsonToTypeScriptConversionOptions from './types/JsonToTypeScriptConversionOptions';
-import { camelCase, snakeCase, upperCase } from 'lodash';
+import { camelCase, kebabCase, snakeCase } from 'lodash';
 import pascalCase from '../../utils/pascalCase';
 import JsonToTypeScriptSettings from './components/JsonToTypeScriptSettings';
+import screamingSnakeCase from '../../utils/screamingSnakeCase';
 
 const jsonEditorOptions: editor.IStandaloneEditorConstructionOptions = {
     minimap: { enabled: false }
@@ -43,7 +44,8 @@ const nameTransformers: Readonly<Record<NameTransformer, (name: string) => strin
     [NameTransformer.CAMEL_CASE]: camelCase,
     [NameTransformer.PASCAL_CASE]: pascalCase,
     [NameTransformer.SNAKE_CASE]: snakeCase,
-    [NameTransformer.SCREAMING_SNAKE_CASE]: (name) => upperCase(snakeCase(name))
+    [NameTransformer.SCREAMING_SNAKE_CASE]: screamingSnakeCase,
+    [NameTransformer.KEBAB_CASE]: kebabCase
 };
 
 const getConversionOptions = (

src/pages/jsonToTypeScriptPage/components/JsonToTypeScriptSettings.tsx

@@ -47,7 +47,9 @@ const JsonToTypeScriptSettings: FunctionComponent<Props> = ({ options, setOption
                     <Select.Option key={ExportType.NONE}>None</Select.Option>
                     <Select.Option key={ExportType.ES_MODULE}>ES Module</Select.Option>
                     <Select.Option key={ExportType.COMMONJS}>
-                        <Text type="danger">CommonJS</Text>
+                        <Text type="danger" title="CommonJS">
+                            CommonJS
+                        </Text>
                     </Select.Option>
                 </Select>
             </label>
@@ -63,6 +65,7 @@ const JsonToTypeScriptSettings: FunctionComponent<Props> = ({ options, setOption
                     <Select.Option key={NameTransformer.PASCAL_CASE}>PascalCase</Select.Option>
                     <Select.Option key={NameTransformer.SNAKE_CASE}>snake_case</Select.Option>
                     <Select.Option key={NameTransformer.SCREAMING_SNAKE_CASE}>SCREAMING_SNAKE_CASE</Select.Option>
+                    <Select.Option key={NameTransformer.KEBAB_CASE}>kebab-case</Select.Option>
                 </Select>
             </label>
             <label className={styles.formItem}>

src/pages/jsonToTypeScriptPage/types/JsonToTypeScriptConversionSelectableOptions.ts

@@ -5,7 +5,8 @@ export enum NameTransformer {
     CAMEL_CASE = 'CAMEL_CASE',
     PASCAL_CASE = 'PASCAL_CASE',
     SNAKE_CASE = 'SNAKE_CASE',
-    SCREAMING_SNAKE_CASE = 'SCREAMING_SNAKE_CASE'
+    SCREAMING_SNAKE_CASE = 'SCREAMING_SNAKE_CASE',
+    KEBAB_CASE = 'KEBAB_CASE'
 }
 
 interface JsonToTypeScriptConversionSelectableOptions {

src/utils/pascalCase.ts

@@ -1,8 +1,8 @@
 import { camelCase } from 'lodash';
 import capitalizeFirst from './capitalizeFirst';
 
-const pascalCase = (source: string) => {
-    return capitalizeFirst(camelCase(source));
+const pascalCase = (string: string) => {
+    return capitalizeFirst(camelCase(string));
 };
 
 export default pascalCase;

src/utils/screamingSnakeCase.ts

@@ -0,0 +1,7 @@
+import { snakeCase } from 'lodash';
+
+const screamingSnakeCase = (string: string) => {
+    return snakeCase(string).toLocaleUpperCase();
+};
+
+export default screamingSnakeCase;