fix: change require to import in dist/

Author: f-idiris

dist/components/common/draw.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.drawMain = exports.drawLabel = exports.drawDisplay = exports.drawDestroy = exports.drawArrowOnCurve = void 0;
-const d3 = require('d3');
+const d3 = import('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

@@ -19,7 +19,7 @@ var _list_layout = require("../../constants/list_layout");
 var _calc = require("../../helpers/calc");
 /* eslint-disable prefer-object-spread, no-mixed-operators */
 
-const d3 = require('d3');
+const d3 = import('d3');
 class LineFocus {
   constructor(props) {
     const {

dist/components/d3_multi/multi_focus.js

@@ -21,7 +21,7 @@ var _calc = require("../../helpers/calc");
 /* eslint-disable no-unused-vars, prefer-object-spread, no-mixed-operators,
 no-unneeded-ternary, arrow-body-style */
 
-const d3 = require('d3');
+const d3 = import('d3');
 class MultiFocus {
   constructor(props) {
     const {

dist/components/d3_rect/rect_focus.js

@@ -11,7 +11,7 @@ var _mount = require("../../helpers/mount");
 var _compass = require("../../helpers/compass");
 var _converter = require("../../helpers/converter");
 var _list_layout = require("../../constants/list_layout");
-const d3 = require('d3');
+const d3 = import('d3');
 class RectFocus {
   constructor(props) {
     const {

dist/helpers/brush.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _compass = require("./compass");
 /* eslint-disable prefer-object-spread */
 
-const d3 = require('d3');
+const d3 = import('d3');
 const wheeled = (focus, event) => {
   const {
     currentExtent,

dist/helpers/compass.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TfRescale = exports.MouseMove = exports.MountCompass = exports.ClickCompass = void 0;
 var _format = _interopRequireDefault(require("./format"));
 var _chem = require("./chem");
-const d3 = require('d3');
+const d3 = import('d3');
 const TfRescale = focus => {
   const xt = focus.scales.x;
   const yt = focus.scales.y;

dist/helpers/init.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.InitTip = exports.InitScale = exports.InitPathCall = exports.InitAxisCall = void 0;
 var _d3Tip = _interopRequireDefault(require("d3-tip"));
 var _format = _interopRequireDefault(require("./format"));
-const d3 = require('d3');
+const d3 = import('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,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const d3 = require('d3');
+const d3 = import('d3');
 const resetZoom = main => {
   main.svg.call(main.zoom.transform, d3.zoomIdentity);
   main.svg.selectAll('.brush').call(main.brush.move, null);