vega-lite - npm Package Compare versions

Comparing version 5.5.1--canary.8369.26ef9b6.0 to 5.5.1--canary.8409.9d57332.0

build/package.json

 {
     "name": "vega-lite",
     "author": "Dominik Moritz, Kanit \"Ham\" Wongsuphasawat, Arvind Satyanarayan, Jeffrey Heer",
-    "version": "5.2.0",
+    "version": "5.5.0",
     "collaborators": [
@@ -113,3 +113,3 @@ "Kanit Wongsuphasawat (http://kanitw.yellowpigz.com)",
         "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-jest": "^26.1.1",
+        "eslint-plugin-jest": "^27.0.1",
         "eslint-plugin-prettier": "^4.0.0",
@@ -133,3 +133,3 @@ "gh-pages": "^4.0.0",
         "vega-cli": "^5.22.0",
-        "typescript": "~4.7.2",
+        "typescript": "~4.8.2",
         "vega-datasets": "~2.4.0",
@@ -136,0 +136,0 @@ "vega-embed": "^6.20.8",

build/src/channel.d.ts

@@ -72,3 +72,3 @@ import { RangeType } from './compile/scale/type';
 export declare const FACET_CHANNELS: (keyof EncodingFacetMapping<any, any>)[];
-export declare const CHANNELS: ("fill" | "description" | "detail" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "order" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "x" | "x2" | "y" | "y2" | "strokeDash" | "tooltip" | "angle" | "shape" | "radius" | "theta" | "facet" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2" | "row" | "column")[];
+export declare const CHANNELS: ("fill" | "detail" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "order" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "description" | "x" | "x2" | "y" | "y2" | "strokeDash" | "tooltip" | "angle" | "shape" | "radius" | "theta" | "facet" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2" | "row" | "column")[];
 /**
@@ -82,5 +82,5 @@ * Channels that cannot have an array of channelDef.
  */
-export declare const SINGLE_DEF_CHANNELS: ("fill" | "description" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "x" | "x2" | "y" | "y2" | "strokeDash" | "angle" | "shape" | "radius" | "theta" | "facet" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2" | "row" | "column")[];
+export declare const SINGLE_DEF_CHANNELS: ("fill" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "description" | "x" | "x2" | "y" | "y2" | "strokeDash" | "angle" | "shape" | "radius" | "theta" | "facet" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2" | "row" | "column")[];
 export declare type SingleDefChannel = typeof SINGLE_DEF_CHANNELS[number];
-export declare const SINGLE_DEF_UNIT_CHANNELS: ("fill" | "description" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "x" | "x2" | "y" | "y2" | "strokeDash" | "angle" | "shape" | "radius" | "theta" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2")[];
+export declare const SINGLE_DEF_UNIT_CHANNELS: ("fill" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "description" | "x" | "x2" | "y" | "y2" | "strokeDash" | "angle" | "shape" | "radius" | "theta" | "href" | "theta2" | "radius2" | "xOffset" | "yOffset" | "longitude" | "latitude" | "longitude2" | "latitude2")[];
 export declare type SingleDefUnitChannel = typeof SINGLE_DEF_UNIT_CHANNELS[number];
@@ -115,3 +115,3 @@ export declare function isSingleDefUnitChannel(str: string): str is SingleDefUnitChannel;
 export declare const UNIT_CHANNELS: (keyof Encoding<any>)[];
-export declare const NONPOSITION_CHANNELS: ("fill" | "description" | "detail" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "order" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "strokeDash" | "tooltip" | "angle" | "shape" | "href")[];
+export declare const NONPOSITION_CHANNELS: ("fill" | "detail" | "key" | "url" | "color" | "fillOpacity" | "opacity" | "order" | "stroke" | "strokeOpacity" | "strokeWidth" | "text" | "size" | "description" | "strokeDash" | "tooltip" | "angle" | "shape" | "href")[];
 export declare type NonPositionChannel = typeof NONPOSITION_CHANNELS[number];
@@ -118,0 +118,0 @@ declare const POSITION_SCALE_CHANNEL_INDEX: {

build/src/compile/axis/component.d.ts

@@ -10,3 +10,3 @@ import { Axis as VgAxis, SignalRef, Text } from 'vega';
 };
-export declare const AXIS_COMPONENT_PROPERTIES: ("values" | "description" | "offset" | "grid" | "position" | "scale" | "translate" | "title" | "labels" | "encode" | "zindex" | "aria" | "orient" | "gridScale" | "format" | "formatType" | "tickCount" | "tickMinStep" | "titleAlign" | "titleAnchor" | "titleBaseline" | "titleColor" | "titleFont" | "titleFontSize" | "titleFontStyle" | "titleFontWeight" | "titleLimit" | "titleLineHeight" | "titleOpacity" | "titlePadding" | "labelAlign" | "labelBaseline" | "labelColor" | "labelFont" | "labelFontSize" | "labelFontStyle" | "labelFontWeight" | "labelLimit" | "labelOpacity" | "labelPadding" | "labelOffset" | "labelOverlap" | "labelSeparation" | "domain" | "ticks" | "gridColor" | "gridDash" | "gridDashOffset" | "gridOpacity" | "gridWidth" | "tickColor" | "tickDash" | "tickDashOffset" | "tickOpacity" | "tickSize" | "tickWidth" | "minExtent" | "maxExtent" | "bandPosition" | "titleAngle" | "titleX" | "titleY" | "domainCap" | "domainDash" | "domainDashOffset" | "domainColor" | "domainOpacity" | "domainWidth" | "tickBand" | "tickCap" | "tickExtra" | "tickOffset" | "tickRound" | "gridCap" | "labelBound" | "labelFlush" | "labelFlushOffset" | "labelLineHeight" | "labelAngle" | "labelExpr" | "disable")[];
+export declare const AXIS_COMPONENT_PROPERTIES: ("values" | "offset" | "grid" | "position" | "scale" | "translate" | "title" | "labels" | "description" | "encode" | "zindex" | "aria" | "orient" | "gridScale" | "format" | "formatType" | "tickCount" | "tickMinStep" | "titleAlign" | "titleAnchor" | "titleBaseline" | "titleColor" | "titleFont" | "titleFontSize" | "titleFontStyle" | "titleFontWeight" | "titleLimit" | "titleLineHeight" | "titleOpacity" | "titlePadding" | "labelAlign" | "labelBaseline" | "labelColor" | "labelFont" | "labelFontSize" | "labelFontStyle" | "labelFontWeight" | "labelLimit" | "labelOpacity" | "labelPadding" | "labelOffset" | "labelOverlap" | "labelSeparation" | "domain" | "ticks" | "gridColor" | "gridDash" | "gridDashOffset" | "gridOpacity" | "gridWidth" | "tickColor" | "tickDash" | "tickDashOffset" | "tickOpacity" | "tickSize" | "tickWidth" | "minExtent" | "maxExtent" | "bandPosition" | "titleAngle" | "titleX" | "titleY" | "domainCap" | "domainDash" | "domainDashOffset" | "domainColor" | "domainOpacity" | "domainWidth" | "tickBand" | "tickCap" | "tickExtra" | "tickOffset" | "tickRound" | "gridCap" | "labelBound" | "labelFlush" | "labelFlushOffset" | "labelLineHeight" | "labelAngle" | "labelExpr" | "disable")[];
 export declare class AxisComponent extends Split<AxisComponentProps> {
@@ -13,0 +13,0 @@ readonly explicit: Partial<AxisComponentProps>;

build/src/compositemark/boxplot.d.ts

 import { Orientation } from 'vega';
 import { Encoding } from '../encoding';
+import { MarkInvalidMixins } from '../mark';
 import { NormalizerParams } from '../normalize';
@@ -24,3 +25,3 @@ import { GenericUnitSpec, NormalizedLayerSpec } from '../spec';
 }
-export declare type BoxPlotDef = GenericCompositeMarkDef<BoxPlot> & BoxPlotConfig & {
+export declare type BoxPlotDef = GenericCompositeMarkDef<BoxPlot> & BoxPlotConfig & MarkInvalidMixins & {
     /**
@@ -27,0 +28,0 @@ * Type of the mark. For box plots, this should always be `"boxplot"`.

build/src/compositemark/boxplot.js

@@ -43,2 +43,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     config);
+    const invalid = markDef.invalid;
     const boxPlotType = getBoxPlotType(extent);
@@ -61,3 +62,3 @@ const { bins, timeUnits, transform, continuousAxisChannelDef, continuousAxis, groupby, aggregate, encodingWithoutContinuousAxis, ticksOrient, boxOrient, customTooltipWithoutAggregatedField } = boxParams(spec, extent, config);
     // ## Whisker Layers
-    const endTick = { type: 'tick', color: 'black', opacity: 1, orient: ticksOrient, invalid: null, aria: false };
+    const endTick = { type: 'tick', color: 'black', opacity: 1, orient: ticksOrient, invalid, aria: false };
     const whiskerTooltipEncoding = boxPlotType === 'min-max'
@@ -73,3 +74,3 @@ ? fiveSummaryTooltipEncoding // for min-max, show five-summary tooltip for whisker
             partName: 'rule',
-            mark: { type: 'rule', invalid: null, aria: false },
+            mark: { type: 'rule', invalid, aria: false },
             positionPrefix: 'lower_whisker',
@@ -81,3 +82,3 @@ endPositionPrefix: 'lower_box',
             partName: 'rule',
-            mark: { type: 'rule', invalid: null, aria: false },
+            mark: { type: 'rule', invalid, aria: false },
             positionPrefix: 'upper_box',
@@ -106,3 +107,3 @@ endPositionPrefix: 'upper_whisker',
             partName: 'box',
-            mark: Object.assign(Object.assign({ type: 'bar' }, (sizeValue ? { size: sizeValue } : {})), { orient: boxOrient, invalid: null, ariaRoleDescription: 'box' }),
+            mark: Object.assign(Object.assign({ type: 'bar' }, (sizeValue ? { size: sizeValue } : {})), { orient: boxOrient, invalid, ariaRoleDescription: 'box' }),
             positionPrefix: 'lower_box',
@@ -114,3 +115,3 @@ endPositionPrefix: 'upper_box',
             partName: 'median',
-            mark: Object.assign(Object.assign(Object.assign({ type: 'tick', invalid: null }, (isObject(config.boxplot.median) && config.boxplot.median.color ? { color: config.boxplot.median.color } : {})), (sizeValue ? { size: sizeValue } : {})), { orient: ticksOrient, aria: false }),
+            mark: Object.assign(Object.assign(Object.assign({ type: 'tick', invalid }, (isObject(config.boxplot.median) && config.boxplot.median.color ? { color: config.boxplot.median.color } : {})), (sizeValue ? { size: sizeValue } : {})), { orient: ticksOrient, aria: false }),
             positionPrefix: 'mid_box',
@@ -117,0 +118,0 @@ extraEncoding: fiveSummaryTooltipEncoding

build/src/legend.d.ts

@@ -148,4 +148,4 @@ import { BaseLegend, LabelOverlap, Legend as VgLegend, LegendConfig as VgLegendConfig, LegendOrient, Orientation, SignalRef } from 'vega';
 export declare const COMMON_LEGEND_PROPERTY_INDEX: Flag<keyof (VgLegend | Legend<any>)>;
-export declare const LEGEND_PROPERTIES: ("values" | "description" | "type" | "offset" | "columns" | "direction" | "padding" | "title" | "zindex" | "aria" | "cornerRadius" | "orient" | "format" | "formatType" | "tickCount" | "tickMinStep" | "symbolLimit" | "fillColor" | "strokeColor" | "legendX" | "legendY" | "titleAlign" | "titleAnchor" | "titleBaseline" | "titleColor" | "titleFont" | "titleFontSize" | "titleFontStyle" | "titleFontWeight" | "titleLimit" | "titleLineHeight" | "titleOpacity" | "titleOrient" | "titlePadding" | "gradientLength" | "gradientOpacity" | "gradientThickness" | "gradientStrokeColor" | "gradientStrokeWidth" | "clipHeight" | "columnPadding" | "rowPadding" | "gridAlign" | "symbolDash" | "symbolDashOffset" | "symbolFillColor" | "symbolOffset" | "symbolOpacity" | "symbolSize" | "symbolStrokeColor" | "symbolStrokeWidth" | "symbolType" | "labelAlign" | "labelBaseline" | "labelColor" | "labelFont" | "labelFontSize" | "labelFontStyle" | "labelFontWeight" | "labelLimit" | "labelOpacity" | "labelPadding" | "labelOffset" | "labelOverlap" | "labelSeparation")[];
+export declare const LEGEND_PROPERTIES: ("values" | "type" | "offset" | "columns" | "direction" | "padding" | "title" | "description" | "zindex" | "aria" | "cornerRadius" | "orient" | "format" | "formatType" | "tickCount" | "tickMinStep" | "symbolLimit" | "fillColor" | "strokeColor" | "legendX" | "legendY" | "titleAlign" | "titleAnchor" | "titleBaseline" | "titleColor" | "titleFont" | "titleFontSize" | "titleFontStyle" | "titleFontWeight" | "titleLimit" | "titleLineHeight" | "titleOpacity" | "titleOrient" | "titlePadding" | "gradientLength" | "gradientOpacity" | "gradientThickness" | "gradientStrokeColor" | "gradientStrokeWidth" | "clipHeight" | "columnPadding" | "rowPadding" | "gridAlign" | "symbolDash" | "symbolDashOffset" | "symbolFillColor" | "symbolOffset" | "symbolOpacity" | "symbolSize" | "symbolStrokeColor" | "symbolStrokeWidth" | "symbolType" | "labelAlign" | "labelBaseline" | "labelColor" | "labelFont" | "labelFontSize" | "labelFontStyle" | "labelFontWeight" | "labelLimit" | "labelOpacity" | "labelPadding" | "labelOffset" | "labelOverlap" | "labelSeparation")[];
 export {};
 //# sourceMappingURL=legend.d.ts.map

build/src/mark.d.ts

@@ -60,4 +60,12 @@ import { Align, Color, Gradient, MarkConfig as VgMarkConfig, Orientation, SignalRef, TextBaseline } from 'vega';
 export declare type Hide = 'hide';
-export interface VLOnlyMarkConfig<ES extends ExprRef | SignalRef> extends ColorMixins<ES> {
+export interface MarkInvalidMixins {
     /**
+     * Defines how Vega-Lite should handle marks for invalid values (`null` and `NaN`).
+     * - If set to `"filter"` (default), all data items with null values will be skipped (for line, trail, and area marks) or filtered (for other marks).
+     * - If `null`, all data items are included. In this case, invalid values will be interpreted as zeroes.
+     */
+    invalid?: 'filter' | Hide | null;
+}
+export interface VLOnlyMarkConfig<ES extends ExprRef | SignalRef> extends ColorMixins<ES>, MarkInvalidMixins {
+    /**
      * Whether the mark's color should be used as fill color instead of stroke color.
@@ -72,8 +80,2 @@ *
     /**
-     * Defines how Vega-Lite should handle marks for invalid values (`null` and `NaN`).
-     * - If set to `"filter"` (default), all data items with null values will be skipped (for line, trail, and area marks) or filtered (for other marks).
-     * - If `null`, all data items are included. In this case, invalid values will be interpreted as zeroes.
-     */
-    invalid?: 'filter' | Hide | null;
-    /**
      * For line and trail marks, this `order` property can be set to `null` or `false` to make the lines use the original order in the data sources.
@@ -80,0 +82,0 @@ */

package.json

 {
   "name": "vega-lite",
   "author": "Dominik Moritz, Kanit \"Ham\" Wongsuphasawat, Arvind Satyanarayan, Jeffrey Heer",
-  "version": "5.5.1--canary.8369.26ef9b6.0",
+  "version": "5.5.1--canary.8409.9d57332.0",
   "collaborators": [
@@ -113,3 +113,3 @@ "Kanit Wongsuphasawat (http://kanitw.yellowpigz.com)",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-jest": "^26.1.1",
+    "eslint-plugin-jest": "^27.0.1",
     "eslint-plugin-prettier": "^4.0.0",
@@ -133,3 +133,3 @@ "gh-pages": "^4.0.0",
     "vega-cli": "^5.22.0",
-    "typescript": "~4.7.2",
+    "typescript": "~4.8.2",
     "vega-datasets": "~2.4.0",
@@ -136,0 +136,0 @@ "vega-embed": "^6.20.8",

src/compositemark/boxplot.ts

@@ -7,3 +7,3 @@ import {Orientation} from 'vega';
 import * as log from '../log';
-import {isMarkDef, MarkDef} from '../mark';
+import {isMarkDef, MarkDef, MarkInvalidMixins} from '../mark';
 import {NormalizerParams} from '../normalize';
@@ -50,3 +50,4 @@ import {GenericUnitSpec, NormalizedLayerSpec, NormalizedUnitSpec} from '../spec';
 export type BoxPlotDef = GenericCompositeMarkDef<BoxPlot> &
-  BoxPlotConfig & {
+  BoxPlotConfig &
+  MarkInvalidMixins & {
     /**
@@ -107,2 +108,4 @@ * Type of the mark. For box plots, this should always be `"boxplot"`.
 
+  const invalid = markDef.invalid;
+
   const boxPlotType = getBoxPlotType(extent);
@@ -153,3 +156,3 @@ const {
 
-  const endTick: MarkDef = {type: 'tick', color: 'black', opacity: 1, orient: ticksOrient, invalid: null, aria: false};
+  const endTick: MarkDef = {type: 'tick', color: 'black', opacity: 1, orient: ticksOrient, invalid, aria: false};
   const whiskerTooltipEncoding: Encoding<string> =
@@ -171,3 +174,3 @@ boxPlotType === 'min-max'
       partName: 'rule',
-      mark: {type: 'rule', invalid: null, aria: false},
+      mark: {type: 'rule', invalid, aria: false},
       positionPrefix: 'lower_whisker',
@@ -179,3 +182,3 @@ endPositionPrefix: 'lower_box',
       partName: 'rule',
-      mark: {type: 'rule', invalid: null, aria: false},
+      mark: {type: 'rule', invalid, aria: false},
       positionPrefix: 'upper_box',
@@ -210,3 +213,3 @@ endPositionPrefix: 'upper_whisker',
         orient: boxOrient,
-        invalid: null,
+        invalid,
         ariaRoleDescription: 'box'
@@ -222,3 +225,3 @@ },
         type: 'tick',
-        invalid: null,
+        invalid,
         ...(isObject(config.boxplot.median) && config.boxplot.median.color ? {color: config.boxplot.median.color} : {}),
@@ -225,0 +228,0 @@ ...(sizeValue ? {size: sizeValue} : {}),

src/mark.ts

@@ -78,4 +78,13 @@ import {Align, Color, Gradient, MarkConfig as VgMarkConfig, Orientation, SignalRef, TextBaseline} from 'vega';
 
-export interface VLOnlyMarkConfig<ES extends ExprRef | SignalRef> extends ColorMixins<ES> {
+export interface MarkInvalidMixins {
   /**
+   * Defines how Vega-Lite should handle marks for invalid values (`null` and `NaN`).
+   * - If set to `"filter"` (default), all data items with null values will be skipped (for line, trail, and area marks) or filtered (for other marks).
+   * - If `null`, all data items are included. In this case, invalid values will be interpreted as zeroes.
+   */
+  invalid?: 'filter' | Hide | null;
+}
+
+export interface VLOnlyMarkConfig<ES extends ExprRef | SignalRef> extends ColorMixins<ES>, MarkInvalidMixins {
+  /**
    * Whether the mark's color should be used as fill color instead of stroke color.
@@ -91,9 +100,2 @@ *
   /**
-   * Defines how Vega-Lite should handle marks for invalid values (`null` and `NaN`).
-   * - If set to `"filter"` (default), all data items with null values will be skipped (for line, trail, and area marks) or filtered (for other marks).
-   * - If `null`, all data items are included. In this case, invalid values will be interpreted as zeroes.
-   */
-  invalid?: 'filter' | Hide | null;
-
-  /**
    * For line and trail marks, this `order` property can be set to `null` or `false` to make the lines use the original order in the data sources.
@@ -100,0 +102,0 @@ */

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

9436981

decreased by-0.06%

Lines of code

115855

decreased by-0.06%

No dependency changes