cx 24.0.1 → 24.0.3

package/locale/de-de.js

@@ -24,11 +24,14 @@ const calendarErrorMessages = {
    minValueErrorText: 'Wählen Sie {0:d} oder später.',
    minExclusiveErrorText: 'Wählen Sie ein Datum nach dem {0:d}.',
 };
+
 // Calendar
 Localization.localize(c, 'cx/widgets/Calendar', {
    ...calendarErrorMessages,
-   todayButtonText: 'Heute'
+   todayButtonText: 'Heute',
+   startWithMonday: true
 });
+
 // MonthPicker
 Localization.localize(c, 'cx/widgets/MonthPicker', calendarErrorMessages);
 
@@ -37,8 +40,10 @@ const dateFieldErrorMessages = {
    ...calendarErrorMessages,
    inputErrorText: 'Ungültiges Datum eingegeben.'
 };
+
 // MonthField
 Localization.localize(c, 'cx/widgets/MonthField', dateFieldErrorMessages);
+
 // DateField
 Localization.localize(c, 'cx/widgets/DateField', dateFieldErrorMessages);
 

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.1",
+   "version": "24.0.3",
    "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/data/StructuredSelector.d.ts

@@ -11,7 +11,7 @@ export class StructuredSelector {
 
    init(store: View);
 
-   create(memoize?: bool = true): Selector<Record>;
+   create(memoize: boolean = true): Selector<Record>;
 
    createStoreSelector(): (store: View) => Record;
 }

package/src/data/ops/updateTree.js

@@ -1,4 +1,4 @@
-import {updateArray} from './updateArray';
+import { updateArray } from './updateArray';
 
 export function updateTree(array, updateCallback, itemFilter, childrenField, removeFilter) {
    return updateArray(array, item => {

package/src/data/ops/updateTree.spec.js

@@ -1,24 +1,26 @@
-import {Store} from '../Store';
-import {updateTree} from './updateTree';
+import { Store } from '../Store';
+import { updateTree } from './updateTree';
 import assert from 'assert';
 
-describe('updateTree', function() {
+describe('updateTree', function () {
    it('updates all nodes that satisfy criteria', function () {
       let store = new Store({
-         data: {array: [{
-            id: 'n1',
-            value: 1,
-            children: [{
-               id: 'n11',
-               value: 2
-            }, {
-               id: 'n12',
-               value: 3
+         data: {
+            array: [{
+               id: 'n1',
+               value: 1,
+               children: [{
+                  id: 'n11',
+                  value: 2
+               }, {
+                  id: 'n12',
+                  value: 3
+               }]
             }]
-         }]}
+         }
       });
 
-      assert(store.update('array', updateTree, x => ({ ...x, value: x.value + 1}), x => x.value > 1, 'children'));
+      assert(store.update('array', updateTree, x => ({ ...x, value: x.value + 1 }), x => x.value > 1, 'children'));
       assert.deepEqual(store.get('array'), [{
          id: 'n1',
          value: 1,

package/src/ui/Culture.d.ts

@@ -1,6 +1,3 @@
-import * as Cx from "../core";
-//import {NumberCulture, DateTimeCulture} from 'intl-io';
-
 declare type DateEncoding = (date: Date) => any;
 
 export class Culture {

package/src/ui/DataProxy.d.ts

@@ -6,6 +6,7 @@ interface DataProxyProps extends Cx.PureContainerProps {
    alias?: string;
    cached?: boolean;
    immutable?: boolean;
+   sealed?: boolean;
 }
 
 export class DataProxy extends Cx.Widget<DataProxyProps> {}

package/src/ui/DataProxy.js

@@ -40,5 +40,5 @@ export class DataProxy extends PureContainer {
    }
 }
 
-   DataProxy.prototype.immutable = false;
-   DataProxy.prototype.sealed = false;
+DataProxy.prototype.immutable = false;
+DataProxy.prototype.sealed = false;

package/src/ui/Localization.js

@@ -68,5 +68,3 @@ export class Localization {
       }
    }
 }
-
-

package/src/ui/Rescope.js

@@ -25,7 +25,7 @@ export class Rescope extends PureContainer {
    }
 }
 
-   Rescope.prototype.bind = "$page";
-   Rescope.prototype.rootName = "$root";
+Rescope.prototype.bind = "$page";
+Rescope.prototype.rootName = "$root";
 
 Widget.alias("rescope", Rescope);

package/src/ui/Text.js

@@ -1,4 +1,4 @@
-import {Widget} from './Widget';
+import { Widget } from './Widget';
 
 export class Text extends Widget {
    init() {
@@ -17,11 +17,9 @@ export class Text extends Widget {
       }, ...arguments);
    }
 
-   render(context, {data}, key) {
+   render(context, { data }, key) {
       return data.value != null ? data.value : '';
    }
-
-
 }
 
 Widget.alias('text', Text)

package/src/ui/adapter/DataAdapter.js

@@ -1,20 +1,15 @@
-import {Component} from '../../util/Component';
+import { Component } from "../../util/Component";
 
 export class DataAdapter extends Component {
-
    getRecords() {
-      throw new Error('Abstract method');
+      throw new Error("Abstract method");
    }
 
-   setFilter() {
-
-   }
+   setFilter() {}
 
-   sort() {
-
-   }
+   sort() {}
 }
 
-DataAdapter.prototype.recordName = '$record';
-DataAdapter.prototype.indexName = '$index';
-DataAdapter.prototype.immutable = false;
+DataAdapter.prototype.recordName = "$record";
+DataAdapter.prototype.indexName = "$index";
+DataAdapter.prototype.immutable = false;

package/src/ui/adapter/GroupAdapter.d.ts

@@ -1,4 +1,23 @@
-import * as Cx from '../../core';
-import {ArrayAdapter} from './ArrayAdapter';
+import { ArrayAdapter } from './ArrayAdapter';
+import { AccessorChain, Prop, CollatorOptions, StructuredProp } from "../../core";
+import { Accessor } from "../../data/getAccessor";
 
-export class GroupAdapter extends ArrayAdapter {}
+interface GroupAdapterConfig {
+    immutable?: boolean;
+    sealed?: boolean;
+    recordsBinding?: Prop<any[]>;
+    recordsAccessor?: Accessor;
+    recordName: string | AccessorChain<any>;
+    indexName: string | AccessorChain<any>;
+    keyField?: string;
+    aggregates?: StructuredProp;
+    groupRecordsAlias?: string;
+    groupRecordsName?: string;
+    groupings?: any[] | null;
+    groupName?: string;
+    sortOptions?: CollatorOptions;
+}
+
+export class GroupAdapter extends ArrayAdapter {
+    constructor(config: GroupAdapterConfig);
+}

package/src/ui/adapter/TreeAdapter.d.ts

@@ -1,4 +1,24 @@
-import * as Cx from '../../core';
-import {ArrayAdapter} from './ArrayAdapter';
+import { Prop, StringProp } from "../../core";
+import { ArrayAdapter } from "./ArrayAdapter";
 
-export class TreeAdapter extends ArrayAdapter {}
+interface TreeAdapterConfig {
+   immutable?: boolean;
+   sealed?: boolean;
+   recordsBinding?: Prop<any[]>;
+   recordName?: StringProp;
+   indexName?: StringProp;
+   keyField?: string;
+   childrenField?: string;
+   expandedField?: string;
+   leafField?: string;
+   loadingField?: string;
+   loadedField?: string;
+   onLoadError?: (response: any) => void;
+   foldersFirst?: boolean;
+   hideRootNodes?: boolean;
+   restoreExpandedNodesOnLoad?: boolean;
+}
+
+export class TreeAdapter extends ArrayAdapter {
+   constructor(config: TreeAdapterConfig);
+}

package/src/widgets/form/DateTimeField.d.ts

@@ -1,86 +1,86 @@
-import * as Cx from "../../core";
-import { FieldProps } from "./Field";
-
-export interface DateTimeFieldProps extends FieldProps {
-   /** Selected date. This should be a Date object or a valid date string consumable by Date.parse function. */
-   value?: Cx.Prop<string | Date>;
-
-   /** Defaults to false. Used to make the field read-only. */
-   readOnly?: Cx.BooleanProp;
-
-   /** The opposite of `disabled`. */
-   enabled?: Cx.BooleanProp;
-
-   /** Default text displayed when the field is empty. */
-   placeholder?: Cx.StringProp;
-
-   /** Minimum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
-   minValue?: Cx.Prop<string | Date>;
-
-   /** Set to `true` to disallow the `minValue`. Default value is `false`. */
-   minExclusive?: Cx.BooleanProp;
-
-   /** Maximum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
-   maxValue?: Cx.Prop<string | Date>;
-
-   /** Set to `true` to disallow the `maxValue`. Default value is `false`. */
-   maxExclusive?: Cx.BooleanProp;
-
-   /** Date format used to display the selected date. See Formatting for more details. */
-   format?: Cx.StringProp;
-
-   /** Base CSS class to be applied to the field. Defaults to `datefield`. */
-   baseClass?: string;
-
-   /** Maximum value error text. */
-   maxValueErrorText?: string;
-
-   /** Maximum exclusive value error text. */
-   maxExclusiveErrorText?: string;
-
-   /** Minimum value error text. */
-   minValueErrorText?: string;
-
-   /** Minimum exclusive value error text. */
-   minExclusiveErrorText?: string;
-
-   /** Error message used to indicate wrong user input, e.g. invalid date entered. */
-   inputErrorText?: string;
-
-   /** Name of the icon to be put on the left side of the input. */
-   icon?: string;
-
-   /** Set to false to hide the clear button. It can be used interchangeably with the hideClear property. Default value is true. */
-   showClear?: boolean;
-
-   /**
-    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
-    */
-   alwaysShowClear?: boolean;
-
-   /** Set to true to hide the clear button. It can be used interchangeably with the showClear property. Default value is false. */
-   hideClear?: boolean;
-
-   /** Determines which segment of date/time is used. Default value is `datetime`. */
-   segment?: "date" | "time" | "datetime";
-
-   /** Set to `true` to indicate that only one segment of the selected date is affected. */
-   partial?: boolean;
-
-   /** The function that will be used to convert Date objects before writing data to the store.
-    * Default implementation is Date.toISOString.
-    * See also Culture.setDefaultDateEncoding.
-    */
-   encoding?: (date: Date) => any;
-
-   /** Defines which days of week should be displayed as disabled, i.e. `[0, 6]` will make Sunday and Saturday unselectable. */
-   disabledDaysOfWeek?: number[];
-
-   /** Set to true to focus the input field instead of the picker first. */
-   focusInputFirst?: boolean;
-
-   /** Set to true to enable seconds segment in the picker. */
-   showSeconds?: boolean;
-}
-
-export class DateTimeField extends Cx.Widget<DateTimeFieldProps> {}
+import * as Cx from "../../core";
+import { FieldProps } from "./Field";
+
+export interface DateTimeFieldProps extends FieldProps {
+   /** Selected date. This should be a Date object or a valid date string consumable by Date.parse function. */
+   value?: Cx.Prop<string | Date>;
+
+   /** Defaults to false. Used to make the field read-only. */
+   readOnly?: Cx.BooleanProp;
+
+   /** The opposite of `disabled`. */
+   enabled?: Cx.BooleanProp;
+
+   /** Default text displayed when the field is empty. */
+   placeholder?: Cx.StringProp;
+
+   /** Minimum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
+   minValue?: Cx.Prop<string | Date>;
+
+   /** Set to `true` to disallow the `minValue`. Default value is `false`. */
+   minExclusive?: Cx.BooleanProp;
+
+   /** Maximum date value. This should be a Date object or a valid date string consumable by Date.parse function. */
+   maxValue?: Cx.Prop<string | Date>;
+
+   /** Set to `true` to disallow the `maxValue`. Default value is `false`. */
+   maxExclusive?: Cx.BooleanProp;
+
+   /** Date format used to display the selected date. See Formatting for more details. */
+   format?: Cx.StringProp;
+
+   /** Base CSS class to be applied to the field. Defaults to `datefield`. */
+   baseClass?: string;
+
+   /** Maximum value error text. */
+   maxValueErrorText?: string;
+
+   /** Maximum exclusive value error text. */
+   maxExclusiveErrorText?: string;
+
+   /** Minimum value error text. */
+   minValueErrorText?: string;
+
+   /** Minimum exclusive value error text. */
+   minExclusiveErrorText?: string;
+
+   /** Error message used to indicate wrong user input, e.g. invalid date entered. */
+   inputErrorText?: string;
+
+   /** Name or configuration of the icon to be put on the left side of the input.  */
+   icon?: Cx.StringProp | Cx.Record;
+
+   /** Set to false to hide the clear button. It can be used interchangeably with the hideClear property. Default value is true. */
+   showClear?: boolean;
+
+   /**
+    * Set to `true` to display the clear button even if `required` is set. Default is `false`.
+    */
+   alwaysShowClear?: boolean;
+
+   /** Set to true to hide the clear button. It can be used interchangeably with the showClear property. Default value is false. */
+   hideClear?: boolean;
+
+   /** Determines which segment of date/time is used. Default value is `datetime`. */
+   segment?: "date" | "time" | "datetime";
+
+   /** Set to `true` to indicate that only one segment of the selected date is affected. */
+   partial?: boolean;
+
+   /** The function that will be used to convert Date objects before writing data to the store.
+    * Default implementation is Date.toISOString.
+    * See also Culture.setDefaultDateEncoding.
+    */
+   encoding?: (date: Date) => any;
+
+   /** Defines which days of week should be displayed as disabled, i.e. `[0, 6]` will make Sunday and Saturday unselectable. */
+   disabledDaysOfWeek?: number[];
+
+   /** Set to true to focus the input field instead of the picker first. */
+   focusInputFirst?: boolean;
+
+   /** Set to true to enable seconds segment in the picker. */
+   showSeconds?: boolean;
+}
+
+export class DateTimeField extends Cx.Widget<DateTimeFieldProps> {}