@carbon/charts 0.49.4 → 0.50.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts",
-  "version": "0.49.4",
+  "version": "0.50.0",
   "description": "Carbon charting components",
   "main": "./bundle.js",
   "module": "./index.js",

package/services/essentials/transitions.d.ts

@@ -1,5 +1,4 @@
 import { Service } from '../service';
-import { Transition } from 'd3-transition';
 interface setupTransitionConfigs {
     transition?: any;
     name?: string;
@@ -8,8 +7,6 @@ interface setupTransitionConfigs {
 export declare class Transitions extends Service {
     pendingTransitions: {};
     init(): void;
-    getTransition(name: string, animate?: boolean): Transition<any, any, any, any>;
-    getInstantTransition(name?: string): Transition<any, any, any, any>;
     setupTransition({ transition: t, name, animate }: setupTransitionConfigs): any;
     getPendingTransitions(): {};
 }

package/services/essentials/transitions.js

@@ -16,8 +16,6 @@ import { Service } from '../service';
 import * as Configuration from '../../configuration';
 import { Events } from './../../interfaces';
 import { Tools } from '../../tools';
-// D3 Imports
-import { transition } from 'd3-transition';
 var Transitions = /** @class */ (function (_super) {
     __extends(Transitions, _super);
     function Transitions() {
@@ -31,28 +29,6 @@ var Transitions = /** @class */ (function (_super) {
             _this.pendingTransitions = {};
         });
     };
-    Transitions.prototype.getTransition = function (name, animate) {
-        var _this = this;
-        if (this.model.getOptions().animations === false || animate === false) {
-            return this.getInstantTransition(name);
-        }
-        var t = transition(name).duration(Tools.getProperty(Configuration.transitions, name, 'duration') ||
-            Configuration.transitions.default.duration);
-        this.pendingTransitions[t._id] = t;
-        t.on('end interrupt cancel', function () {
-            delete _this.pendingTransitions[t._id];
-        });
-        return t;
-    };
-    Transitions.prototype.getInstantTransition = function (name) {
-        var _this = this;
-        var t = transition(name).duration(0);
-        this.pendingTransitions[t._id] = t;
-        t.on('end interrupt cancel', function () {
-            delete _this.pendingTransitions[t._id];
-        });
-        return t;
-    };
     Transitions.prototype.setupTransition = function (_a) {
         var _this = this;
         var t = _a.transition, name = _a.name, animate = _a.animate;
@@ -60,7 +36,7 @@ var Transitions = /** @class */ (function (_super) {
         t.on('end interrupt cancel', function () {
             delete _this.pendingTransitions[t._id];
         });
-        if (animate !== true) {
+        if (this.model.getOptions().animations === false || animate === false) {
             return t.duration(0);
         }
         return t.duration(Tools.getProperty(Configuration.transitions, name, 'duration') ||

package/services/essentials/transitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.js","sourceRoot":"","sources":["transitions.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,aAAa;AACb,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAQvD;IAAiC,+BAAO;IAAxC;QAAA,qEA4DC;QA3DA,wBAAkB,GAAG,EAAE,CAAC;;IA2DzB,CAAC;IAzDA,0BAAI,GAAJ;QAAA,iBAIC;QAHA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;YAC1D,KAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,mCAAa,GAAb,UACC,IAAY,EACZ,OAAiB;QAFlB,iBAmBC;QAfA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,UAAU,KAAK,KAAK,IAAI,OAAO,KAAK,KAAK,EAAE;YACtE,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SACvC;QAED,IAAM,CAAC,GAAQ,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CACvC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC;YAC7D,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAC3C,CAAC;QAEF,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE;YAC5B,OAAO,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,CAAC;IACV,CAAC;IAED,0CAAoB,GAApB,UAAqB,IAAa;QAAlC,iBASC;QARA,IAAM,CAAC,GAAQ,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAE5C,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE;YAC5B,OAAO,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,CAAC;IACV,CAAC;IAED,qCAAe,GAAf,UAAgB,EAAwD;QAAxE,iBAcC;YAdiB,iBAAa,EAAE,cAAI,EAAE,oBAAO;QAC7C,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE;YAC5B,OAAO,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,IAAI,OAAO,KAAK,IAAI,EAAE;YACrB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;QAED,OAAO,CAAC,CAAC,QAAQ,CAChB,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC;YAC7D,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAC3C,CAAC;IACH,CAAC;IAED,2CAAqB,GAArB;QACC,OAAO,IAAI,CAAC,kBAAkB,CAAC;IAChC,CAAC;IACF,kBAAC;AAAD,CAAC,AA5DD,CAAiC,OAAO,GA4DvC","sourcesContent":["// Internal Imports\nimport { Service } from '../service';\nimport * as Configuration from '../../configuration';\nimport { Events } from './../../interfaces';\nimport { Tools } from '../../tools';\n\n// D3 Imports\nimport { Transition, transition } from 'd3-transition';\n\ninterface setupTransitionConfigs {\n\ttransition?: any; // d3 types are causing issues here, hence why using `any`\n\tname?: string;\n\tanimate?: boolean;\n}\n\nexport class Transitions extends Service {\n\tpendingTransitions = {};\n\n\tinit() {\n\t\tthis.services.events.addEventListener(Events.Model.UPDATE, () => {\n\t\t\tthis.pendingTransitions = {};\n\t\t});\n\t}\n\n\tgetTransition(\n\t\tname: string,\n\t\tanimate?: boolean\n\t): Transition<any, any, any, any> {\n\t\tif (this.model.getOptions().animations === false || animate === false) {\n\t\t\treturn this.getInstantTransition(name);\n\t\t}\n\n\t\tconst t: any = transition(name).duration(\n\t\t\tTools.getProperty(Configuration.transitions, name, 'duration') ||\n\t\t\t\tConfiguration.transitions.default.duration\n\t\t);\n\n\t\tthis.pendingTransitions[t._id] = t;\n\t\tt.on('end interrupt cancel', () => {\n\t\t\tdelete this.pendingTransitions[t._id];\n\t\t});\n\n\t\treturn t;\n\t}\n\n\tgetInstantTransition(name?: string): Transition<any, any, any, any> {\n\t\tconst t: any = transition(name).duration(0);\n\n\t\tthis.pendingTransitions[t._id] = t;\n\t\tt.on('end interrupt cancel', () => {\n\t\t\tdelete this.pendingTransitions[t._id];\n\t\t});\n\n\t\treturn t;\n\t}\n\n\tsetupTransition({ transition: t, name, animate }: setupTransitionConfigs) {\n\t\tthis.pendingTransitions[t._id] = t;\n\t\tt.on('end interrupt cancel', () => {\n\t\t\tdelete this.pendingTransitions[t._id];\n\t\t});\n\n\t\tif (animate !== true) {\n\t\t\treturn t.duration(0);\n\t\t}\n\n\t\treturn t.duration(\n\t\t\tTools.getProperty(Configuration.transitions, name, 'duration') ||\n\t\t\t\tConfiguration.transitions.default.duration\n\t\t);\n\t}\n\n\tgetPendingTransitions() {\n\t\treturn this.pendingTransitions;\n\t}\n}\n"]}
+{"version":3,"file":"transitions.js","sourceRoot":"","sources":["transitions.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAWpC;IAAiC,+BAAO;IAAxC;QAAA,qEA4BC;QA3BA,wBAAkB,GAAG,EAAE,CAAC;;IA2BzB,CAAC;IAzBA,0BAAI,GAAJ;QAAA,iBAIC;QAHA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE;YAC1D,KAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,qCAAe,GAAf,UAAgB,EAAwD;QAAxE,iBAcC;YAdiB,iBAAa,EAAE,cAAI,EAAE,oBAAO;QAC7C,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE;YAC5B,OAAO,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,UAAU,KAAK,KAAK,IAAI,OAAO,KAAK,KAAK,EAAE;YACtE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SACrB;QAED,OAAO,CAAC,CAAC,QAAQ,CAChB,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC;YAC7D,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAC3C,CAAC;IACH,CAAC;IAED,2CAAqB,GAArB;QACC,OAAO,IAAI,CAAC,kBAAkB,CAAC;IAChC,CAAC;IACF,kBAAC;AAAD,CAAC,AA5BD,CAAiC,OAAO,GA4BvC","sourcesContent":["// Internal Imports\nimport { Service } from '../service';\nimport * as Configuration from '../../configuration';\nimport { Events } from './../../interfaces';\nimport { Tools } from '../../tools';\n\n// D3 Imports\nimport { Transition, transition } from 'd3-transition';\n\ninterface setupTransitionConfigs {\n\ttransition?: any; // d3 types are causing issues here, hence why using `any`\n\tname?: string;\n\tanimate?: boolean;\n}\n\nexport class Transitions extends Service {\n\tpendingTransitions = {};\n\n\tinit() {\n\t\tthis.services.events.addEventListener(Events.Model.UPDATE, () => {\n\t\t\tthis.pendingTransitions = {};\n\t\t});\n\t}\n\n\tsetupTransition({ transition: t, name, animate }: setupTransitionConfigs) {\n\t\tthis.pendingTransitions[t._id] = t;\n\t\tt.on('end interrupt cancel', () => {\n\t\t\tdelete this.pendingTransitions[t._id];\n\t\t});\n\n\t\tif (this.model.getOptions().animations === false || animate === false) {\n\t\t\treturn t.duration(0);\n\t\t}\n\n\t\treturn t.duration(\n\t\t\tTools.getProperty(Configuration.transitions, name, 'duration') ||\n\t\t\t\tConfiguration.transitions.default.duration\n\t\t);\n\t}\n\n\tgetPendingTransitions() {\n\t\treturn this.pendingTransitions;\n\t}\n}\n"]}

package/styles/_chart-feature-flags.scss

@@ -0,0 +1,4 @@
+/// Initialize the feature flag map with default values.
+$chart-feature-flags: (
+	enable-font-imports: true,
+) !default;

package/styles/_type.scss

@@ -1,8 +1,13 @@
 @import './vendor/@carbon/type/scss/type';
 @import './vendor/@carbon/type/scss/font-face/sans';
 @import './vendor/@carbon/type/scss/font-face/sans-condensed';
-@include carbon--font-face-sans();
-@include carbon--font-face-sans-condensed();
+
+@import './chart-feature-flags';
+
+@if $chart-feature-flags('enable-font-imports') == true {
+	@include carbon--font-face-sans();
+	@include carbon--font-face-sans-condensed();
+}
 
 .#{$prefix}--#{$charts-prefix}--chart-wrapper {
 	font-family: carbon--font-family('sans-condensed');

package/styles/components/_modal.scss

@@ -1,8 +1,4 @@
-@import './../vendor/carbon-components/src/components/modal/modal';
-
 .#{$prefix}--chart-holder {
-	@include modal;
-
 	.#{$prefix}--modal {
 		&.is-visible {
 			z-index: 99999;

package/styles/components/_toolbar.scss

@@ -1,9 +1,5 @@
 $css--reset: false;
-@import './../vendor/carbon-components/src/components/overflow-menu/overflow-menu';
-
 .#{$prefix}--chart-holder {
-	@include overflow-menu;
-
 	.bx--overflow-menu,
 	.bx--overflow-menu__trigger {
 		width: 2rem;

package/styles/styles.scss

@@ -28,6 +28,7 @@ $css--default-type: false;
 @import './graphs/index.scss';
 @import './type';
 @import './chart-holder';
+@import './chart-feature-flags';
 
 .#{$prefix}--#{$charts-prefix}--chart-wrapper {
 	overflow: visible;