cx 25.9.0 → 25.10.1

package/src/charts/axis/NumericAxis.d.ts

@@ -1,46 +1,46 @@
-import * as Cx from "../../core";
-import { AxisProps } from "./Axis";
-
-interface NumericAxisProps extends AxisProps {
-   /** Minimum value. */
-   min?: Cx.NumberProp;
-
-   /** Maximum value. */
-   max?: Cx.NumberProp;
-
-   /** Set to `true` to normalize the input range. */
-   normalized?: Cx.BooleanProp;
-
-   /** Number used to divide values before rendering axis labels. Default value is `1`. */
-   labelDivisor?: Cx.NumberProp;
-
-   /** Base CSS class to be applied to the element. Defaults to `numericaxis`. */
-   baseClass?: string;
-
-   tickDivisions?: Array<number[]>;
-
-   /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
-   snapToTicks?: 0 | 1 | 2;
-
-   /** Value format. Default is `n`. */
-   format?: Cx.StringProp;
-
-   /** Size of a zone reserved for labels for both lower and upper end of the axis. */
-   deadZone?: Cx.NumberProp;
-
-   /** Size of a zone reserved for labels near the upper (higher) end of the axis.  */
-   upperDeadZone?: Cx.NumberProp;
-
-   /** Size of a zone reserved for labels near the lower end of the axis.   */
-   lowerDeadZone?: Cx.NumberProp;
-
-   /** Specifies minimum value increment between labels. Useful when formatting is not flexible enough, i.e. set to 1 for integer axes to avoid duplicate labels. */
-   minLabelTickSize?: number;
-}
-
-export class NumericAxis extends Cx.Widget<NumericAxisProps> {
-   static XY(): {
-      x: { type: NumericAxis };
-      y: { type: NumericAxis; vertical: true };
-   };
-}
+import * as Cx from "../../core";
+import { AxisProps } from "./Axis";
+
+interface NumericAxisProps extends AxisProps {
+   /** Minimum value. */
+   min?: Cx.NumberProp;
+
+   /** Maximum value. */
+   max?: Cx.NumberProp;
+
+   /** Set to `true` to normalize the input range. */
+   normalized?: Cx.BooleanProp;
+
+   /** Number used to divide values before rendering axis labels. Default value is `1`. */
+   labelDivisor?: Cx.NumberProp;
+
+   /** Base CSS class to be applied to the element. Defaults to `numericaxis`. */
+   baseClass?: string;
+
+   tickDivisions?: Array<number[]>;
+
+   /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
+   snapToTicks?: 0 | 1 | 2;
+
+   /** Value format. Default is `n`. */
+   format?: Cx.StringProp;
+
+   /** Size of a zone reserved for labels for both lower and upper end of the axis. */
+   deadZone?: Cx.NumberProp;
+
+   /** Size of a zone reserved for labels near the upper (higher) end of the axis.  */
+   upperDeadZone?: Cx.NumberProp;
+
+   /** Size of a zone reserved for labels near the lower end of the axis.   */
+   lowerDeadZone?: Cx.NumberProp;
+
+   /** Specifies minimum value increment between labels. Useful when formatting is not flexible enough, i.e. set to 1 for integer axes to avoid duplicate labels. */
+   minLabelTickSize?: number;
+}
+
+export class NumericAxis extends Cx.Widget<NumericAxisProps> {
+   static XY(): {
+      x: { type: NumericAxis };
+      y: { type: NumericAxis; vertical: true };
+   };
+}

package/src/charts/axis/Stack.d.ts

@@ -1,11 +1,11 @@
-export class Stack {
-
-   reset() : void;
-
-   acknowledge(ordinal: string, value?: number) : void;
-   
-   measure(normalized: boolean) : [number, number];
-
-   stack(ordinal: string, value?: number) : number | null;
-
+export class Stack {
+
+   reset() : void;
+
+   acknowledge(ordinal: string, value?: number) : void;
+   
+   measure(normalized: boolean) : [number, number];
+
+   stack(ordinal: string, value?: number) : number | null;
+
 }

package/src/charts/axis/TimeAxis.d.ts

@@ -1,31 +1,31 @@
-import * as Cx from "../../core";
-import { AxisProps } from "./Axis";
-
-interface TimeAxisProps extends AxisProps {
-   /** Minimum value. */
-   min?: Cx.NumberProp;
-
-   /** Maximum value. */
-   max?: Cx.NumberProp;
-
-   /** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
-   baseClass?: string;
-
-   /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
-   snapToTicks?: 0 | 1 | 2 | false;
-
-   tickDivisions?: { [prop: string]: Array<number[]> };
-   minLabelDistance?: number;
-   minTickUnit?: string;
-
-   /** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
-   useLabelDistanceFormatOverrides?: boolean;
-
-   /** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
-   minLabelDistanceFormatOverride?: Record<string, number>;
-
-   /** Axis labels format string override. */
-   format?: string;
-}
-
-export class TimeAxis extends Cx.Widget<TimeAxisProps> {}
+import * as Cx from "../../core";
+import { AxisProps } from "./Axis";
+
+interface TimeAxisProps extends AxisProps {
+   /** Minimum value. */
+   min?: Cx.NumberProp;
+
+   /** Maximum value. */
+   max?: Cx.NumberProp;
+
+   /** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
+   baseClass?: string;
+
+   /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
+   snapToTicks?: 0 | 1 | 2 | false;
+
+   tickDivisions?: { [prop: string]: Array<number[]> };
+   minLabelDistance?: number;
+   minTickUnit?: string;
+
+   /** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
+   useLabelDistanceFormatOverrides?: boolean;
+
+   /** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
+   minLabelDistanceFormatOverride?: Record<string, number>;
+
+   /** Axis labels format string override. */
+   format?: string;
+}
+
+export class TimeAxis extends Cx.Widget<TimeAxisProps> {}

package/src/charts/axis/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Axis';
-export * from './NumericAxis';
-export * from './CategoryAxis';
+export * from './Axis';
+export * from './NumericAxis';
+export * from './CategoryAxis';
 export * from './TimeAxis';

package/src/charts/axis/index.scss

@@ -1,5 +1,5 @@
-
-@import 'Axis';
-@import "NumericAxis";
-@import "CategoryAxis";
-@import "TimeAxis";
+
+@import 'Axis';
+@import "NumericAxis";
+@import "CategoryAxis";
+@import "TimeAxis";

package/src/charts/axis/variables.scss

@@ -1,3 +1,3 @@
-
-$cx-axis-line-stroke: rgba(128, 128, 128, 0.2) !default;
+
+$cx-axis-line-stroke: rgba(128, 128, 128, 0.2) !default;
 $cx-axis-ticks-stroke: rgba(128, 128, 128, 0.3) !default;

package/src/charts/helpers/MinMaxFinder.d.ts

@@ -1,22 +1,22 @@
-import * as Cx from "../../core";
-import { PointReducerProps } from "./PointReducer";
-
-interface MinMaxFinderProps extends PointReducerProps {
-   /* A binding used to receive the x value of the point with the minimum value */
-   minX?: Cx.Bind | Cx.AccessorChain<number>;
-
-   /* A binding used to receive the y value of the point with the minimum value */
-   minY?: Cx.Bind | Cx.AccessorChain<number>;
-
-   /* A binding used to receive the x value of the point with the maximum value */
-   maxX?: Cx.Bind | Cx.AccessorChain<number>;
-
-   /* A binding used to receive the x value of the point with the maximum value */
-   maxY?: Cx.Bind | Cx.AccessorChain<number>;
-
-   /* An object used for filtering data points. Available as accumulator.params inside the onMap function. */
-   params?: Cx.StructuredProp;
-}
-
-/** Find minimum and maximum points of a point series */
-export class MinMaxFinder extends Cx.Widget<MinMaxFinderProps> {}
+import * as Cx from "../../core";
+import { PointReducerProps } from "./PointReducer";
+
+interface MinMaxFinderProps extends PointReducerProps {
+   /* A binding used to receive the x value of the point with the minimum value */
+   minX?: Cx.Bind | Cx.AccessorChain<number>;
+
+   /* A binding used to receive the y value of the point with the minimum value */
+   minY?: Cx.Bind | Cx.AccessorChain<number>;
+
+   /* A binding used to receive the x value of the point with the maximum value */
+   maxX?: Cx.Bind | Cx.AccessorChain<number>;
+
+   /* A binding used to receive the x value of the point with the maximum value */
+   maxY?: Cx.Bind | Cx.AccessorChain<number>;
+
+   /* An object used for filtering data points. Available as accumulator.params inside the onMap function. */
+   params?: Cx.StructuredProp;
+}
+
+/** Find minimum and maximum points of a point series */
+export class MinMaxFinder extends Cx.Widget<MinMaxFinderProps> {}

package/src/charts/helpers/PointReducer.d.ts

@@ -1,24 +1,24 @@
-import * as Cx from "../../core";
-import { Instance } from "../../ui/Instance";
-
-export interface PointReducerProps extends Cx.PureContainerProps {
-   /** A callback function used to initialize the accumulator. */
-   onInitAccumulator?: (accumulator: Cx.Record, instance?: Instance) => void;
-
-   /** A callback function used to collect information about all data points. */
-   onMap?: (accumulator: Cx.Record, x?: number, y?: number, name?: string) => void;
-
-   /** A callback function used to process accumulated information and write results. */
-   onReduce?: (accumulator: Cx.Record, instance?: Instance) => void;
-
-   /** Parameters that trigger filter predicate re-creation. */
-   filterParams?: StructuredProp;
-
-   /** A callback function used to create a predicate for filtering points. */
-   onCreatePointFilter?: (
-      filterParams: any,
-      instance: Instance,
-   ) => (x: number, y: number, name: string, data: any, array?: any[], index?: number) => boolean;
-}
-
-export class PointReducer extends Cx.Widget<PointReducerProps> {}
+import * as Cx from "../../core";
+import { Instance } from "../../ui/Instance";
+
+export interface PointReducerProps extends Cx.PureContainerProps {
+   /** A callback function used to initialize the accumulator. */
+   onInitAccumulator?: (accumulator: Cx.Record, instance?: Instance) => void;
+
+   /** A callback function used to collect information about all data points. */
+   onMap?: (accumulator: Cx.Record, x?: number, y?: number, name?: string) => void;
+
+   /** A callback function used to process accumulated information and write results. */
+   onReduce?: (accumulator: Cx.Record, instance?: Instance) => void;
+
+   /** Parameters that trigger filter predicate re-creation. */
+   filterParams?: StructuredProp;
+
+   /** A callback function used to create a predicate for filtering points. */
+   onCreatePointFilter?: (
+      filterParams: any,
+      instance: Instance,
+   ) => (x: number, y: number, name: string, data: any, array?: any[], index?: number) => boolean;
+}
+
+export class PointReducer extends Cx.Widget<PointReducerProps> {}

package/src/charts/helpers/SnapPointFinder.d.ts

@@ -1,30 +1,30 @@
-import * as Cx from "../../core";
-import { PointReducerProps } from "./PointReducer";
-
-interface SnapPointFinderProps extends PointReducerProps {
-   /* Cursor X value. */
-   cursorX?: Cx.NumberProp;
-
-   /* Cursor Y value */
-   cursorY?: Cx.NumberProp;
-
-   /* A binding used to receive the x value of the nearest point.*/
-   snapX?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
-
-   /* A binding used to receive the y value of the nearest point. */
-   snapY?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
-
-   /* A binding used to receive the record prop */
-   snapRecord?: Cx.Prop<Cx.Record>;
-
-   /* Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
-   maxDistance?: number;
-
-   /* A function used to convert x values into numeric format. Commonly used with dates. */
-   convertX?: (value: number | string) => number;
-
-   /* A function used to convert y values into numeric format. Commonly used with dates. */
-   convertY?: (value: number | string) => number;
-}
-
-export class SnapPointFinder extends Cx.Widget<SnapPointFinderProps> {}
+import * as Cx from "../../core";
+import { PointReducerProps } from "./PointReducer";
+
+interface SnapPointFinderProps extends PointReducerProps {
+   /* Cursor X value. */
+   cursorX?: Cx.NumberProp;
+
+   /* Cursor Y value */
+   cursorY?: Cx.NumberProp;
+
+   /* A binding used to receive the x value of the nearest point.*/
+   snapX?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
+
+   /* A binding used to receive the y value of the nearest point. */
+   snapY?: Cx.Bind | Cx.AccessorChain<number> | Cx.AccessorChain<string>;
+
+   /* A binding used to receive the record prop */
+   snapRecord?: Cx.Prop<Cx.Record>;
+
+   /* Maximum distance between cursor and the snap point. Default value is 50. Adjust accordingly for large distances, e.g. set to Infinity when using TimeAxis */
+   maxDistance?: number;
+
+   /* A function used to convert x values into numeric format. Commonly used with dates. */
+   convertX?: (value: number | string) => number;
+
+   /* A function used to convert y values into numeric format. Commonly used with dates. */
+   convertY?: (value: number | string) => number;
+}
+
+export class SnapPointFinder extends Cx.Widget<SnapPointFinderProps> {}

package/src/charts/helpers/ValueAtFinder.d.ts

@@ -1,16 +1,16 @@
-import * as Cx from "../../core";
-import { PointReducerProps } from "./PointReducer";
-
-interface ValueAtFinderProps extends PointReducerProps {
-   /* X axis probe value. */
-   at?: Cx.NumberProp | Cx.StringProp;
-
-   /* A binding used to receive the measured y axis value */
-   value?: Cx.Bind | Cx.AccessorChain<number>;
-
-   /* A function used to convert x values into numeric format. Commonly used with dates. */
-   convert?: (value: number | string) => number;
-}
-
-/** Calculate value at a given point on the graph */
-export class ValueAtFinder extends Cx.Widget<ValueAtFinderProps> {}
+import * as Cx from "../../core";
+import { PointReducerProps } from "./PointReducer";
+
+interface ValueAtFinderProps extends PointReducerProps {
+   /* X axis probe value. */
+   at?: Cx.NumberProp | Cx.StringProp;
+
+   /* A binding used to receive the measured y axis value */
+   value?: Cx.Bind | Cx.AccessorChain<number>;
+
+   /* A function used to convert x values into numeric format. Commonly used with dates. */
+   convert?: (value: number | string) => number;
+}
+
+/** Calculate value at a given point on the graph */
+export class ValueAtFinder extends Cx.Widget<ValueAtFinderProps> {}

package/src/charts/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export * from './PointReducer';
-export * from './MinMaxFinder';
-export * from './SnapPointFinder';
-export * from './ValueAtFinder';
+export * from './PointReducer';
+export * from './MinMaxFinder';
+export * from './SnapPointFinder';
+export * from './ValueAtFinder';

package/src/charts/index.d.ts

@@ -1,27 +1,27 @@
-export * from "./Chart";
-export * from "./PieChart";
-export * from "./Pie";
-export * from "./PieLabel";
-export * from "./PieLabelsContainer";
-export * from "./Column";
-export * from "./Bar";
-export * from "./Legend";
-export * from "./LegendEntry";
-export * from "./ColorMap";
-export * from "./Marker";
-export * from "./MarkerLine";
-export * from "./Range";
-export * from "./Gridlines";
-export * from "./Swimlanes";
-export * from "./LineGraph";
-export * from "./ColumnGraph";
-export * from "./BarGraph";
-export * from "./ScatterGraph";
-export * from "./BubbleGraph";
-export * from "./shapes";
-export * from "./MouseTracker";
-export * from "./RangeMarker";
-export * from "./Swimlane";
-
-export * from "./axis/index";
-export * from "./helpers/index";
+export * from "./Chart";
+export * from "./PieChart";
+export * from "./Pie";
+export * from "./PieLabel";
+export * from "./PieLabelsContainer";
+export * from "./Column";
+export * from "./Bar";
+export * from "./Legend";
+export * from "./LegendEntry";
+export * from "./ColorMap";
+export * from "./Marker";
+export * from "./MarkerLine";
+export * from "./Range";
+export * from "./Gridlines";
+export * from "./Swimlanes";
+export * from "./LineGraph";
+export * from "./ColumnGraph";
+export * from "./BarGraph";
+export * from "./ScatterGraph";
+export * from "./BubbleGraph";
+export * from "./shapes";
+export * from "./MouseTracker";
+export * from "./RangeMarker";
+export * from "./Swimlane";
+
+export * from "./axis/index";
+export * from "./helpers/index";

package/src/charts/index.scss

@@ -1,22 +1,22 @@
-@import "axis/index";
-
-@import "PieChart";
-@import "Legend";
-@import "LegendEntry";
-@import "Gridlines";
-@import "Swimlanes";
-@import "Column";
-@import "Bar";
-@import "LineGraph";
-@import "ColumnGraph";
-@import "BarGraph";
-@import "ScatterGraph";
-@import "BubbleGraph";
-@import "Marker";
-@import "MarkerLine";
-@import "Range";
-@import "RangeMarker";
-@import "Swimlane";
-
-//define last for higher priority
-@import "palette";
+@import "axis/index";
+
+@import "PieChart";
+@import "Legend";
+@import "LegendEntry";
+@import "Gridlines";
+@import "Swimlanes";
+@import "Column";
+@import "Bar";
+@import "LineGraph";
+@import "ColumnGraph";
+@import "BarGraph";
+@import "ScatterGraph";
+@import "BubbleGraph";
+@import "Marker";
+@import "MarkerLine";
+@import "Range";
+@import "RangeMarker";
+@import "Swimlane";
+
+//define last for higher priority
+@import "palette";

package/src/charts/shapes.d.ts

@@ -1,23 +1,23 @@
-import * as Cx from '../core';
-
-type ShapeRender = (cx: number, cy: number, size: number, props?: Cx.Config, options?: Cx.Config) => JSX.Element;
-
-export function registerShape(name: string, callback: (cx: number, cy: number, size: number) => any);
-
-export function getShape(shapeName: string): string;
-
-export function getAvailableShapes(): string[];
-
-export const circle: ShapeRender;
-
-export const square: ShapeRender;
-
-export const bar: ShapeRender;
-
-export const column: ShapeRender;
-
-export const line: ShapeRender;
-
-export const vline: ShapeRender;
-
+import * as Cx from '../core';
+
+type ShapeRender = (cx: number, cy: number, size: number, props?: Cx.Config, options?: Cx.Config) => JSX.Element;
+
+export function registerShape(name: string, callback: (cx: number, cy: number, size: number) => any);
+
+export function getShape(shapeName: string): string;
+
+export function getAvailableShapes(): string[];
+
+export const circle: ShapeRender;
+
+export const square: ShapeRender;
+
+export const bar: ShapeRender;
+
+export const column: ShapeRender;
+
+export const line: ShapeRender;
+
+export const vline: ShapeRender;
+
 export const triangle: ShapeRender;

package/src/global.scss

@@ -1,14 +1,14 @@
-
-$cx-include-global-rules: false !default;
-
-@mixin cx-global-rules() {
-   @each $tag, $styles in $cx-element-style-map {
-      #{$tag} {
-         @include cx-add-rules($styles)
-      }
-   }
-}
-
-@if ($cx-include-global-rules and cx-call-once('cx/globals')) {
-   @include cx-global-rules();
+
+$cx-include-global-rules: false !default;
+
+@mixin cx-global-rules() {
+   @each $tag, $styles in $cx-element-style-map {
+      #{$tag} {
+         @include cx-add-rules($styles)
+      }
+   }
+}
+
+@if ($cx-include-global-rules and cx-call-once('cx/globals')) {
+   @include cx-global-rules();
 }

package/src/index.scss

@@ -1,6 +1,6 @@
-@import "global";
-@import "util/index";
-@import "ui/index";
-@import "widgets/index";
-@import "svg/index";
-@import "charts/index";
+@import "global";
+@import "util/index";
+@import "ui/index";
+@import "widgets/index";
+@import "svg/index";
+@import "charts/index";

package/src/svg/index.scss

@@ -1,9 +1,9 @@
-.cxs-text-anchor-middle {
-   text-anchor: middle;
-}
-
-.cxs-text-anchor-right {
-   text-anchor: end;
-}
-
+.cxs-text-anchor-middle {
+   text-anchor: middle;
+}
+
+.cxs-text-anchor-right {
+   text-anchor: end;
+}
+
 @import "Svg";

package/src/ui/Instance.js

@@ -36,14 +36,11 @@ export class Instance {
       // widget is initialized when the first instance is initialized
       if (!this.widget.initialized) {
          this.widget.init(context);
-
-         // init default values
-         this.widget.selector.init(this.parentStore);
-
          this.widget.initialized = true;
       }
 
       if (!this.dataSelector) {
+         this.widget.selector.init(this.parentStore);
          this.dataSelector = this.widget.selector.createStoreSelector();
       }
 

package/src/ui/index.scss

@@ -1,2 +1,2 @@
-
-@import 'layout/index';
+
+@import 'layout/index';

package/src/ui/layout/index.scss

@@ -1,3 +1,3 @@
-
-@import "LabelsLeftLayout";
-@import "LabelsTopLayout";
+
+@import "LabelsLeftLayout";
+@import "LabelsTopLayout";

package/src/ui/layout/variables.scss

@@ -1,2 +1,2 @@
-
-// Layout variables
+
+// Layout variables