wip

.eslintignore

@@ -11,7 +11,6 @@ lib/manager-webpack4/prebuilt
 lib/manager-webpack5/prebuilt
 lib/core-server/prebuilt
 lib/codemod/src/transforms/__testfixtures__
-lib/components/src/controls/react-editable-json-tree
 scripts/storage
 scripts/repros-generator
 *.bundle.js

lib/components/src/controls/react-editable-json-tree/index.tsx

@@ -7,7 +7,7 @@ import { ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE } from './types/de
 import { getObjectType } from './utils/objectTypes';
 import DATA_TYPES from './types/dataTypes';
 import INPUT_USAGE_TYPES from './types/inputUsageTypes';
-import parse from './utils/parse';
+import { parse } from './utils/parse';
 
 class JsonTree extends Component {
   constructor(props) {

lib/components/src/controls/react-editable-json-tree/utils/objectTypes.ts

@@ -3,7 +3,7 @@
  * @param obj {*} object to get type
  * @returns {*}
  */
-function getObjectType(obj) {
+export function getObjectType(obj: any) {
   if (
     obj !== null &&
     typeof obj === 'object' &&
@@ -21,11 +21,8 @@ function getObjectType(obj) {
  * @param newValue {*} new value
  * @returns {boolean} result
  */
-function isComponentWillChange(oldValue, newValue) {
+export function isComponentWillChange<T extends unknown>(oldValue: T, newValue: T): boolean {
   const oldType = getObjectType(oldValue);
   const newType = getObjectType(newValue);
   return (oldType === 'Function' || newType === 'Function') && newType !== oldType;
 }
-
-export { getObjectType };
-export { isComponentWillChange };

lib/components/src/controls/react-editable-json-tree/utils/parse.ts

@@ -3,7 +3,7 @@
  * @param string {String} string to parse
  * @returns {*}
  */
-function parse(string) {
+export function parse(string: string) {
   let result = string;
 
   // Check if string contains 'function' and start with it to eval it
@@ -18,5 +18,3 @@ function parse(string) {
   }
   return result;
 }
-
-export default parse;

lib/components/src/controls/react-editable-json-tree/utils/styles.ts

@@ -1,4 +1,4 @@
-const object = {
+export const object = {
   minus: {
     color: 'red',
   },
@@ -19,7 +19,8 @@ const object = {
   },
   addForm: {},
 };
-const array = {
+
+export const array = {
   minus: {
     color: 'red',
   },
@@ -40,7 +41,8 @@ const array = {
   },
   addForm: {},
 };
-const value = {
+
+export const value = {
   minus: {
     color: 'red',
   },
@@ -57,7 +59,3 @@ const value = {
     color: '#2287CD',
   },
 };
-
-export { object };
-export { array };
-export { value };

lib/components/tsconfig.json

@@ -2,9 +2,6 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "types": [
-      "jest", "@testing-library/jest-dom"
-    ]
   },
   "include": [
     "src/**/*"

package.json

@@ -280,6 +280,7 @@
     "remark-lint": "^8.0.0",
     "remark-preset-lint-recommended": "^5.0.0",
     "rollup": "^2.60.2",
+    "rollup-plugin-extensions": "^0.1.0",
     "rollup-plugin-jsx": "^1.0.3",
     "rollup-plugin-terser": "^7.0.2",
     "serve-static": "^1.14.1",

scripts/prebundle.ts

@@ -10,6 +10,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import { babel } from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
+import extensions from 'rollup-plugin-extensions';
 
 import { generateDtsBundle } from 'dts-bundle-generator';
 import * as dtsLozalize from './dts-localize';
@@ -27,10 +28,24 @@ async function buildESM({ cwd, input, externals }: BuildOptions) {
       nodeResolve({
         browser: true,
         preferBuiltins: true,
+        extensions: ['.tsx', '.ts', '.jsx', 'js'],
       }),
       commonjs(),
       json(),
-      babel({ babelHelpers: 'runtime', skipPreflightCheck: true }),
+      babel({
+        babelHelpers: 'runtime',
+        skipPreflightCheck: true,
+        // presets: ['@babel/typescript', '@babel/react'],
+        extensions: ['.tsx', '.ts', '.jsx', 'js'],
+      }),
+      // extensions({
+      //   // Supporting Typescript files
+      //   // Uses ".mjs, .js" by default
+      //   extensions: ['.tsx', '.ts', '.jsx', '.js'],
+      //   // Resolves index dir files based on supplied extensions
+      //   // This is enable by default
+      //   resolveIndex: true,
+      // }),
       rollupTypescript({ lib: ['es2015', 'dom'], target: 'es6' }),
       terser({ output: { comments: false }, module: true }),
     ],

yarn.lock

@@ -8447,6 +8447,7 @@ __metadata:
     remark-lint: ^8.0.0
     remark-preset-lint-recommended: ^5.0.0
     rollup: ^2.60.2
+    rollup-plugin-extensions: ^0.1.0
     rollup-plugin-jsx: ^1.0.3
     rollup-plugin-terser: ^7.0.2
     serve-static: ^1.14.1
@@ -39842,6 +39843,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rollup-plugin-extensions@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "rollup-plugin-extensions@npm:0.1.0"
+  peerDependencies:
+    rollup: ^1.4.1
+  checksum: 1d08385299b3936074dacb837ba154b7ead4b5612c0fdc6b40e227987f5cdd1ea7652bfd81b867f7a77e5f100638862d1778b4bf6519027d573bf7dbad86f666
+  languageName: node
+  linkType: hard
+
 "rollup-plugin-jsx@npm:^1.0.3":
   version: 1.0.3
   resolution: "rollup-plugin-jsx@npm:1.0.3"