use named imports for fabric

src/js/component/cropper.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Image crop module (start cropping, end cropping)
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Component from '../interface/component';
 import Cropzone from '../extension/cropzone';
 import {keyCodes, componentNames} from '../consts';

src/js/component/filter.js

@@ -4,7 +4,7 @@
  */
 import {isUndefined, extend, forEach, filter} from 'tui-code-snippet';
 import Promise from 'core-js/library/es6/promise';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Component from '../interface/component';
 import Mask from '../extension/mask';
 import consts from '../consts';

src/js/component/freeDrawing.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Free drawing module, Set brush
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Component from '../interface/component';
 import consts from '../consts';
 

src/js/component/icon.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Add icon module
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import snippet from 'tui-code-snippet';
 import Promise from 'core-js/library/es6/promise';
 import Component from '../interface/component';

src/js/component/line.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Free drawing module, Set brush
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Component from '../interface/component';
 import consts from '../consts';
 

src/js/component/rotation.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Image rotation module
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Promise from 'core-js/library/es6/promise';
 import Component from '../interface/component';
 import consts from '../consts';

src/js/component/shape.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Shape component
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import Promise from 'core-js/library/es6/promise';
 import Component from '../interface/component';
 import consts from '../consts';

src/js/component/text.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Text module
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import snippet from 'tui-code-snippet';
 import Promise from 'core-js/library/es6/promise';
 import Component from '../interface/component';

src/js/extension/blur.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Blur extending fabric.Image.filters.Convolute
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 
 /**
  * Blur object

src/js/extension/colorFilter.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview ColorFilter extending fabric.Image.filters.BaseFilter
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 
 /**
  * ColorFilter object

src/js/extension/cropzone.js

@@ -3,7 +3,7 @@
  * @fileoverview Cropzone extending fabric.Rect
  */
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import {clamp} from '../util';
 
 const CORNER_TYPE_TOP_LEFT = 'tl';

src/js/extension/emboss.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Emboss extending fabric.Image.filters.Convolute
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 
 /**
  * Emboss object

src/js/extension/mask.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Mask extending fabric.Image.filters.Mask
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 
 /**
  * Mask object

src/js/extension/sharpen.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Sharpen extending fabric.Image.filters.Convolute
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 
 /**
  * Sharpen object

src/js/graphics.js

@@ -4,7 +4,7 @@
  */
 import snippet from 'tui-code-snippet';
 import Promise from 'core-js/library/es6/promise';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import ImageLoader from './component/imageLoader';
 import Cropper from './component/cropper';
 import Flip from './component/flip';

test/command.spec.js

@@ -4,7 +4,7 @@
  */
 import snippet from 'tui-code-snippet';
 import Promise from 'core-js/library/es6/promise';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Invoker from '../src/js/invoker';
 import commandFactory from '../src/js/factory/command';

test/cropper.spec.js

@@ -3,7 +3,7 @@
  * @fileoverview Test cases of "src/js/component/cropper.js"
  */
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Cropper from '../src/js/component/cropper';
 import Graphics from '../src/js/graphics';

test/flip.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/flip.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Flip from '../src/js/component/flip';

test/graphics.spec.js

@@ -3,7 +3,7 @@
  * @fileoverview Tests command with command-factory
  */
 import snippet from 'tui-code-snippet';
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import consts from '../src/js/consts';

test/icon.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/icon.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Icon from '../src/js/component/icon';

test/line.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/line.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Line from '../src/js/component/line';

test/rotation.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/rotation.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Rotation from '../src/js/component/rotation';

test/shape.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/line.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Shape from '../src/js/component/shape';

test/text.spec.js

@@ -2,7 +2,7 @@
  * @author NHN Ent. FE Development Team <[email protected]>
  * @fileoverview Test cases of "src/js/component/text.js"
  */
-import fabric from 'fabric/dist/fabric.require';
+import {fabric} from 'fabric';
 import $ from 'jquery';
 import Graphics from '../src/js/graphics';
 import Text from '../src/js/component/text';