fix: fix d3 ESM error in ELN

Author: f-idiris

dist/components/common/draw.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.drawMain = exports.drawLabel = exports.drawDisplay = exports.drawDestroy = exports.drawArrowOnCurve = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const d3 = require('d3');
 const drawMain = (klass, w, h) => {
   d3.select(klass).append('svg').attr('class', 'd3Svg').attr('preserveAspectRatio', 'xMinYMin meet').attr('viewBox', `0 0 ${w} ${h}`);
 };

dist/components/d3_line/line_focus.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _init = require("../../helpers/init");
 var _mount = require("../../helpers/mount");
 var _brush = _interopRequireDefault(require("../../helpers/brush"));
@@ -18,10 +17,9 @@ var _format = _interopRequireDefault(require("../../helpers/format"));
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _list_layout = require("../../constants/list_layout");
 var _calc = require("../../helpers/calc");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable prefer-object-spread, no-mixed-operators */
 
+const d3 = require('d3');
 class LineFocus {
   constructor(props) {
     const {

dist/components/d3_multi/multi_focus.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _init = require("../../helpers/init");
 var _mount = require("../../helpers/mount");
 var _converter = require("../../helpers/converter");
@@ -19,11 +18,9 @@ var _focus = require("../../helpers/focus");
 var _integration = require("../../helpers/integration");
 var _multiplicity_calc = require("../../helpers/multiplicity_calc");
 var _calc = require("../../helpers/calc");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable no-unused-vars, prefer-object-spread, no-mixed-operators,
 no-unneeded-ternary, arrow-body-style */
-
+const d3 = require('d3');
 class MultiFocus {
   constructor(props) {
     const {

dist/components/d3_rect/rect_focus.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _init = require("../../helpers/init");
 var _brush = _interopRequireDefault(require("../../helpers/brush"));
 var _mount = require("../../helpers/mount");
 var _compass = require("../../helpers/compass");
 var _converter = require("../../helpers/converter");
 var _list_layout = require("../../constants/list_layout");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const d3 = require('d3');
 class RectFocus {
   constructor(props) {
     const {

dist/helpers/brush.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _compass = require("./compass");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable prefer-object-spread */
-
+const d3 = require('d3');
 const wheeled = (focus, event) => {
   const {
     currentExtent,

dist/helpers/compass.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TfRescale = exports.MouseMove = exports.MountCompass = exports.ClickCompass = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _format = _interopRequireDefault(require("./format"));
 var _chem = require("./chem");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const d3 = require('d3');
 const TfRescale = focus => {
   const xt = focus.scales.x;
   const yt = focus.scales.y;

dist/helpers/init.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InitTip = exports.InitScale = exports.InitPathCall = exports.InitAxisCall = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
 var _d3Tip = _interopRequireDefault(require("d3-tip"));
 var _format = _interopRequireDefault(require("./format"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const d3 = require('d3');
 const InitScale = function (target) {
   let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   const xRange = reverse ? [target.w, 0] : [0, target.w];

dist/helpers/zoom.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var d3 = _interopRequireWildcard(require("d3"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const d3 = require('d3');
 const resetZoom = main => {
   main.svg.call(main.zoom.transform, d3.zoomIdentity);
   main.svg.selectAll('.brush').call(main.brush.move, null);

src/__tests__/units/components/common/draw.test.jsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { drawArrowOnCurve, drawDestroy, drawDisplay, drawLabel, drawMain } from '../../../../components/common/draw';
 import { useEffect } from 'react';
-import * as d3 from 'd3';
+const d3 = require('d3');
 
 describe('common/draw', () => {
   describe('.drawMain()', () => {

src/__tests__/units/helpers/brush.test.tsx

@@ -1,5 +1,5 @@
 import MountBrush from "../../../helpers/brush";
-import * as d3 from 'd3';
+const d3 = require('d3');
 
 describe('Test MountBrush', () => {
   //TODO: add more test

src/__tests__/units/helpers/mount.test.tsx

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 import { MountBars, MountPath, MountRef, MountTags } from "../../../helpers/mount";
 import { render } from "@testing-library/react";
 import { drawMain } from "../../../components/common/draw";
-import * as d3 from 'd3';
+const d3 = require('d3');
 import '@testing-library/jest-dom';
 
 describe('helpers/mount', () => {

src/components/common/draw.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+const d3 = require('d3');
 
 const drawMain = (klass, w, h) => {
   d3.select(klass).append('svg')

src/components/d3_line/line_focus.js

@@ -1,5 +1,4 @@
 /* eslint-disable prefer-object-spread, no-mixed-operators */
-import * as d3 from 'd3';
 import {
   InitScale, InitAxisCall, InitTip,
 } from '../../helpers/init';
@@ -18,6 +17,8 @@ import Cfg from '../../helpers/cfg';
 import { LIST_LAYOUT } from '../../constants/list_layout';
 import { calcSlope } from '../../helpers/calc';
 
+const d3 = require('d3');
+
 class LineFocus {
   constructor(props) {
     const {

src/components/d3_multi/multi_focus.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-unused-vars, prefer-object-spread, no-mixed-operators,
 no-unneeded-ternary, arrow-body-style */
-import * as d3 from 'd3';
+const d3 = require('d3');
 import {
   InitScale, InitAxisCall, InitTip,
 } from '../../helpers/init';

src/components/d3_rect/rect_focus.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+const d3 = require('d3');
 import {
   InitScale, InitAxisCall, InitTip,
 } from '../../helpers/init';

src/helpers/brush.js

@@ -1,5 +1,5 @@
 /* eslint-disable prefer-object-spread */
-import * as d3 from 'd3';
+const d3 = require('d3');
 
 import { MouseMove } from './compass';
 

src/helpers/compass.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+const d3 = require('d3');
 import Format from './format';
 import { Convert2DValue } from './chem';
 

src/helpers/init.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+const d3 = require('d3');
 import d3Tip from 'd3-tip';
 import FN from './format';
 

src/helpers/zoom.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+const d3 = require('d3');
 
 const resetZoom = (main) => {
   main.svg.call(main.zoom.transform, d3.zoomIdentity);