cx 24.0.2 → 24.2.0

package/locale/en-us.js

@@ -24,12 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Select {0:d} or later.',
    minExclusiveErrorText: 'Select a date after {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
    todayButtonText: 'Today',
    startWithMonday: false
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -38,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Invalid date entered.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -68,4 +72,4 @@ Localization.localize(c, 'cx/widgets/UploadButton', {
 Localization.localize(c, 'cx/widgets/MsgBox', {
    yesText: "Yes",
    noText: "No"
-});
+});

package/locale/es-es.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Seleccione {0: d} o posterior',
    minExclusiveErrorText: 'Seleccione una fecha después de {0: d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Hoy'
+   todayButtonText: 'Hoy',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Fecha introducida no es válida.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

package/locale/fr-fr.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Sélectionnez {0:d} ou plus tard.',
    minExclusiveErrorText: 'Sélectionnez une date après {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Aujourd\'hui'
+   todayButtonText: 'Aujourd\'hui',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Date invalide entrée.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -67,4 +72,4 @@ Localization.localize(c, 'cx/widgets/UploadButton', {
 Localization.localize(c, 'cx/widgets/MsgBox', {
    yesText: "Oui",
    noText: "Non"
-});
+});

package/locale/nl-nl.js

@@ -12,7 +12,6 @@ Localization.localize(c, 'cx/widgets/Field', {
 // LookupField
 Localization.localize(c, 'cx/widgets/LookupField', {
    loadingText: 'Bezig met laden ...',
-   requiredText: 'Dit veld is verplicht.',
    queryErrorText: 'Er is een fout opgetreden bij het weergeven van gegevens.',
    noResultsText: 'Geen resultaten gevonden',
    minQueryLengthMessageText: 'Voer minimaal {0} tekens in.'
@@ -20,7 +19,6 @@ Localization.localize(c, 'cx/widgets/LookupField', {
 
 // In common for Calendar and MonthPicker
 const calendarErrorMessages = {
-   requiredText: 'Dit veld is verplicht.',
    maxValueErrorText: 'De geselecteerde datum is later dan de laatst toegestane datum {0: d}',
    maxExclusiveErrorText: 'De geselecteerde datum moet vóór {0: d}',
    minValueErrorText: 'De geselecteerde datum is eerder dan {0: d}',
@@ -30,8 +28,10 @@ const calendarErrorMessages = {
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Vandaag'
+   todayButtonText: 'Vandaag',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -43,12 +43,12 @@ const dateFieldErrorMessages = {
 
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
 // NumberField
 Localization.localize(c, 'cx/widgets/NumberField', {
-   requiredText: 'Dit veld is verplicht.',
    maxValueErrorText: 'Voer {0} of minder in.',
    maxExclusiveErrorText: 'Voer een nummer in dat kleiner is dan {0}.',
    minValueErrorText: 'Voer {0} of meer in.',
@@ -58,7 +58,6 @@ Localization.localize(c, 'cx/widgets/NumberField', {
 
 // TextField
 Localization.localize(c, 'cx/widgets/TextField', {
-   requiredText: 'Dit veld is verplicht.',
    validationErrorText: 'De ingevoerde waarde is ongeldig.',
    minLengthValidationErrorText: 'Vul {[{0} - {1}]} extra karakters in.',
    maxLengthValidationErrorText: 'Gebruik {0} tekens of minder.'

package/locale/pt-pt.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Selecione {0:d} ou posterior.',
    minExclusiveErrorText: 'Selecione uma data após {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Hoje'
+   todayButtonText: 'Hoje',
+   startWithMonday: false
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Data inválida inserida.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 
@@ -61,4 +66,10 @@ Localization.localize(c, 'cx/widgets/TextField', {
 // UploadButton
 Localization.localize(c, 'cx/widgets/UploadButton', {
    validationErrorText: 'O upload está em andamento.'
+});
+
+// MsgBox
+Localization.localize(c, 'cx/widgets/MsgBox', {
+   yesText: "Sim",
+   noText: "Não"
 });

package/locale/sr-latn-ba.js

@@ -6,14 +6,14 @@ var c = 'sr-latn-ba';
 Localization.localize(c, 'cx/widgets/Field', {
    requiredText: 'Ovo polje je obavezno.',
    validatingText: 'Validacija je u toku...',
-   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja'
+   validationExceptionText: 'Došlo je do problema prilikom validacije podataka. Provjerite log za više detalja.'
 });
 
 // LookupField
 Localization.localize(c, 'cx/widgets/LookupField', {
    loadingText: 'Učitavanje...',
    queryErrorText: 'Došlo je do greške kod pribavljanja podataka za prikaz.',
-   noResultsText: 'Rezultati nisu pronađeni',
+   noResultsText: 'Rezultati nisu pronađeni.',
    minQueryLengthMessageText: 'Unesite najmanje {0} karakter(a).'
 });
 
@@ -24,12 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Izabrani datum je raniji od {0:d}',
    minExclusiveErrorText: 'Izabrani datum bi trebao biti kasniji od {0:d}',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
    todayButtonText: 'Danas',
    startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -38,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Neispravan datum.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "cx",
-   "version": "24.0.2",
+   "version": "24.2.0",
    "description": "Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.",
    "main": "index.js",
    "jsnext:main": "src/index.js",

package/src/charts/ColorMap.js

@@ -1,5 +1,5 @@
-import {Widget} from '../ui/Widget';
-import {PureContainer} from '../ui/PureContainer';
+import { Widget } from '../ui/Widget';
+import { PureContainer } from '../ui/PureContainer';
 
 export class ColorMap extends Widget {
    declareData() {
@@ -21,7 +21,7 @@ export class ColorMap extends Widget {
             let cache = this.onGetCache ? instance.invoke("onGetCache") : {};
             map = cache[colorMap];
             if (!map) {
-               let {data} = instance;
+               let { data } = instance;
                map = context.colorMaps[colorMap] = cache[colorMap] = new ColorIndex({
                   offset: data.offset,
                   step: data.step,
@@ -67,7 +67,7 @@ ColorMap.Scope = ColorMapScope;
 Widget.alias('color-map', ColorMap);
 
 export class ColorIndex {
-   constructor({offset, step, size}) {
+   constructor({ offset, step, size }) {
       this.colorMap = {};
       this.dirty = true;
       this.offset = offset;
@@ -83,7 +83,6 @@ export class ColorIndex {
    }
 
    map(name) {
-
       if (this.dirty) {
          this.dirty = false;
          if (!this.step) {
@@ -94,6 +93,5 @@ export class ColorIndex {
 
       let index = this.colorMap[name] || 0;
       return Math.round(this.offset + this.step * index + this.size) % this.size;
-
    }
 }

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

@@ -1,96 +1,96 @@
-import { Instance } from "./../../ui/Instance.d";
-import * as Cx from "../../core";
-import { BoundedObject, BoundedObjectProps } from "../../svg/BoundedObject";
-
-export interface AxisProps extends BoundedObjectProps {
-   /** Set to `true` for vertical axes. */
-   vertical?: boolean;
-
-   /** Used as a secondary axis. Displayed at the top/right. */
-   secondary?: boolean;
-
-   /** When set to `true`, the values are displayed in descending order. */
-   inverted?: Cx.BooleanProp;
-
-   /** When set to `true`, rendering of visual elements of the axis, such as ticks and labels, is skipped, but their function is preserved. */
-   hidden?: boolean;
-
-   tickSize?: number;
-   minTickDistance?: number;
-   minLabelDistanceVertical?: number;
-   minLabelDistanceHorizontal?: number;
-
-   /** Distance between labels and the axis. */
-   labelOffset?: number | string;
-
-   /** Label rotation angle in degrees. */
-   labelRotation?: Cx.Prop<number | string>;
-
-   /** Label text-anchor value. Allowed values are start, end and middle. Default value is set based on the value of vertical and secondary flags. */
-   labelAnchor?: "start" | "end" | "middle" | "auto";
-
-   /** Horizontal text offset. */
-   labelDx?: number | string;
-
-   /** Vertical text offset which can be used for vertical alignment. */
-   labelDy?: number | string;
-
-   /** Set to `true` to break long labels into multiple lines. Default value is `false`. Text is split at space characters. See also `labelMaxLineLength` and `labelLineCountDyFactor`. */
-   labelWrap?: boolean;
-
-   /**
-    * Used for vertical adjustment of multi-line labels. Default value is `auto` which means
-    * that value is initialized based on axis configuration. Value `0` means that label will grow towards
-    * the bottom of the screen. Value `-1` will make labels to grow towards the top of the screen.
-    * `-0.5` will make labels vertically centered.
-    */
-   labelLineCountDyFactor?: number | string;
-
-   /**
-    * Used for vertical adjustment of multi-line labels. Default value is 1 which means
-    * that labels are stacked without any space between them. Value of 1.4 will add 40% of the label height as a space between labels.
-    */
-   labelLineHeight?: number | string;
-
-   /** If `labelWrap` is on, this number is used as a measure to split labels into multiple lines. Default value is `10`. */
-   labelMaxLineLength?: number;
-
-   /** Set to true to hide the axis labels. */
-   hideLabels?: boolean;
-
-   /** Set to true to hide the axis line. */
-   hideLine?: boolean;
-
-   /** Set to true to hide the axis ticks. */
-   hideTicks?: boolean;
-
-   /** Additional CSS style to be applied to the axis line. */
-   lineStyle?: Cx.StyleProp;
-
-   /** Additional CSS style to be applied to the axis ticks. */
-   tickStyle?: Cx.StyleProp;
-
-   /** Additional CSS style to be applied to the axis labels. */
-   labelStyle?: Cx.StyleProp;
-
-   /** Additional CSS class to be applied to the axis line. */
-   lineClass?: Cx.ClassProp;
-
-   /** Additional CSS class to be applied to the axis ticks. */
-   tickClass?: Cx.ClassProp;
-
-   /** Additional CSS class to be applied to the axis labels. */
-   labelClass?: Cx.ClassProp;
-
-   onMeasured?: (info: any, instance: Instance) => void;
-
-   /** A function used to create a formatter function for axis labels. See Complex Labels example in the CxJS documentation for more info. */
-   onCreateLabelFormatter?:
-      | string
-      | ((
-           context: any,
-           instance: Instance
-        ) => (formattedValue: string, value: any) => { text: string; style?: any; className?: string }[]);
-}
-
-export class Axis extends BoundedObject {}
+import { Instance } from "./../../ui/Instance.d";
+import * as Cx from "../../core";
+import { BoundedObject, BoundedObjectProps } from "../../svg/BoundedObject";
+
+export interface AxisProps extends BoundedObjectProps {
+   /** Set to `true` for vertical axes. */
+   vertical?: boolean;
+
+   /** Used as a secondary axis. Displayed at the top/right. */
+   secondary?: boolean;
+
+   /** When set to `true`, the values are displayed in descending order. */
+   inverted?: Cx.BooleanProp;
+
+   /** When set to `true`, rendering of visual elements of the axis, such as ticks and labels, is skipped, but their function is preserved. */
+   hidden?: boolean;
+
+   tickSize?: number;
+   minTickDistance?: number;
+   minLabelDistanceVertical?: number;
+   minLabelDistanceHorizontal?: number;
+
+   /** Distance between labels and the axis. */
+   labelOffset?: number | string;
+
+   /** Label rotation angle in degrees. */
+   labelRotation?: Cx.Prop<number | string>;
+
+   /** Label text-anchor value. Allowed values are start, end and middle. Default value is set based on the value of vertical and secondary flags. */
+   labelAnchor?: "start" | "end" | "middle" | "auto";
+
+   /** Horizontal text offset. */
+   labelDx?: number | string;
+
+   /** Vertical text offset which can be used for vertical alignment. */
+   labelDy?: number | string;
+
+   /** Set to `true` to break long labels into multiple lines. Default value is `false`. Text is split at space characters. See also `labelMaxLineLength` and `labelLineCountDyFactor`. */
+   labelWrap?: boolean;
+
+   /**
+    * Used for vertical adjustment of multi-line labels. Default value is `auto` which means
+    * that value is initialized based on axis configuration. Value `0` means that label will grow towards
+    * the bottom of the screen. Value `-1` will make labels to grow towards the top of the screen.
+    * `-0.5` will make labels vertically centered.
+    */
+   labelLineCountDyFactor?: number | string;
+
+   /**
+    * Used for vertical adjustment of multi-line labels. Default value is 1 which means
+    * that labels are stacked without any space between them. Value of 1.4 will add 40% of the label height as a space between labels.
+    */
+   labelLineHeight?: number | string;
+
+   /** If `labelWrap` is on, this number is used as a measure to split labels into multiple lines. Default value is `10`. */
+   labelMaxLineLength?: number;
+
+   /** Set to true to hide the axis labels. */
+   hideLabels?: boolean;
+
+   /** Set to true to hide the axis line. */
+   hideLine?: boolean;
+
+   /** Set to true to hide the axis ticks. */
+   hideTicks?: boolean;
+
+   /** Additional CSS style to be applied to the axis line. */
+   lineStyle?: Cx.StyleProp;
+
+   /** Additional CSS style to be applied to the axis ticks. */
+   tickStyle?: Cx.StyleProp;
+
+   /** Additional CSS style to be applied to the axis labels. */
+   labelStyle?: Cx.StyleProp;
+
+   /** Additional CSS class to be applied to the axis line. */
+   lineClass?: Cx.ClassProp;
+
+   /** Additional CSS class to be applied to the axis ticks. */
+   tickClass?: Cx.ClassProp;
+
+   /** Additional CSS class to be applied to the axis labels. */
+   labelClass?: Cx.ClassProp;
+
+   onMeasured?: (info: any, instance: Instance) => void;
+
+   /** A function used to create a formatter function for axis labels. See Complex Labels example in the CxJS documentation for more info. */
+   onCreateLabelFormatter?:
+      | string
+      | ((
+           context: any,
+           instance: Instance
+        ) => (formattedValue: string, value: any) => { text: string; style?: any; className?: string }[]);
+}
+
+export class Axis extends BoundedObject {}