@singularsystems/neo-core 0.10.71 → 0.10.72

package/dist/Components/DatePicker/DatePicker.d.ts

@@ -10,7 +10,6 @@ export default class DatePicker {
     private headerAnimationHelper;
     private inputHasChanged;
     private canAutoSetDate;
-    private suspendLayout;
     private input;
     private popup;
     private headerContainer;
@@ -25,6 +24,7 @@ export default class DatePicker {
     private today;
     private currentViewDate;
     constructor(container: HTMLDivElement, options?: IPartialDateProps);
+    static mustShowInput(options?: IPartialDateProps): boolean | undefined;
     inputFocused(e: FocusEvent): void;
     inputBlurred(): void;
     onInputBlurred(closePopup: boolean): void;
@@ -65,6 +65,7 @@ export default class DatePicker {
     private previousClick;
     private nextClick;
     private moveCurrent;
+    private autoSetDay;
     private createAndAppend;
     destroy(): void;
 }

package/dist/Components/DatePicker/DatePicker.js

@@ -2,7 +2,6 @@ import DateUtils from '../../Dates/DateUtils';
 import AnimationHelper from '../AnimationHelper';
 import { YearsInYearView, ProcessedDatePickerOptions } from './DatePickerOptions';
 import PositionHelper from '../PositionHelper';
-import { Utils } from '../../Utils';
 // TODO: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat
 // TODO: Allow input to be shown with inline picker, and specify position.
 var ViewType;
@@ -17,7 +16,6 @@ var DatePicker = /** @class */ (function () {
         this.isReadOnly = false;
         this.inputHasChanged = false;
         this.canAutoSetDate = false;
-        this.suspendLayout = false;
         this.currentBindValue = null;
         this.boundDateNoTime = null;
         this.options = ProcessedDatePickerOptions.fromPartial(options || {});
@@ -25,7 +23,7 @@ var DatePicker = /** @class */ (function () {
         this.inputBlurred = this.inputBlurred.bind(this);
         this.inputChanged = this.inputChanged.bind(this);
         this.inputKeyDown = this.inputKeyDown.bind(this);
-        if (!this.options.alwaysShow) {
+        if (DatePicker.mustShowInput(options)) {
             this.input = this.container.getElementsByTagName('input')[0];
             this.input.addEventListener("focus", this.inputFocused);
             this.input.addEventListener("mousedown", this.inputFocused);
@@ -36,7 +34,13 @@ var DatePicker = /** @class */ (function () {
                 this.input.placeholder = "hh:mm" + (this.options.formatString.indexOf("s") > 0 ? ":ss" : "");
             }
         }
+        if (this.options.alwaysShow) {
+            container.classList.add("neo-datepicker-always-show");
+        }
     }
+    DatePicker.mustShowInput = function (options) {
+        return !options || !options.alwaysShow || options.showInput;
+    };
     DatePicker.prototype.inputFocused = function (e) {
         if (!this.popup && !this.isReadOnly) {
             this.show();
@@ -111,7 +115,7 @@ var DatePicker = /** @class */ (function () {
         }
     };
     DatePicker.prototype.removePopup = function (animate) {
-        if (this.popup) {
+        if (this.popup && !this.options.alwaysShow) {
             if (animate) {
                 AnimationHelper.scale(this.popup, DatePicker.AnimationClassName, 1, 0);
                 AnimationHelper.beginRemove(this.container, this.popup);
@@ -134,26 +138,26 @@ var DatePicker = /** @class */ (function () {
         // Note: this may have the side effect of calling update().
         this.setBindProperty(dateValue, false);
         this.setInputValue();
-        if (!this.options.alwaysShow && options.close) {
+        if (options.close) {
             this.removePopup(true);
         }
+        if (!options.close || this.options.alwaysShow) {
+            this.resetCurrentViewDate();
+            this.populateContentContainer(true);
+        }
     };
     DatePicker.prototype.setBindProperty = function (dateValue, suspend) {
-        var _this = this;
         if (dateValue) {
             dateValue = DateUtils.max(DateUtils.min(dateValue, this.options.maxDate), this.options.minDate);
         }
-        if (suspend)
-            this.suspendLayout = true;
+        this.currentBindValue = dateValue;
         this.bindProperty.value = dateValue;
-        if (suspend)
-            Utils.nextTick(function () { return _this.suspendLayout = false; });
         if (this.options.onDateSelected !== undefined) {
             this.options.onDateSelected(!suspend);
         }
     };
     DatePicker.prototype.setInputValue = function () {
-        if (!this.options.alwaysShow) {
+        if (this.input) {
             var displayValue = "";
             if (this.bindProperty.value) {
                 displayValue = DateUtils.format(this.bindProperty.value, this.options.formatString);
@@ -191,13 +195,9 @@ var DatePicker = /** @class */ (function () {
             this.currentBindValue = bindProperty === null || bindProperty === void 0 ? void 0 : bindProperty.value;
             this.resetCurrentViewDate();
             if (this.options.alwaysShow) {
-                if (!this.suspendLayout) {
-                    this.createComponents();
-                }
-            }
-            else {
-                this.setInputValue();
+                this.createComponents();
             }
+            this.setInputValue();
         }
     };
     DatePicker.prototype.resetCurrentViewDate = function () {
@@ -312,13 +312,7 @@ var DatePicker = /** @class */ (function () {
         var currentDate = new Date(this.currentViewDate);
         var lastDayOfMonth = DateUtils.monthEnd(currentDate);
         this.prevButton.disabled = this.options.minDateNoTime.getTime() >= currentDate.getTime();
-        if (this.canAutoSetDate && this.options.autoChangeDate == "start") {
-            this.setBindProperty(currentDate, true);
-        }
         this.nextButton.disabled = this.options.maxDateNoTime.getTime() <= lastDayOfMonth.getTime();
-        if (this.canAutoSetDate && this.options.autoChangeDate == "end") {
-            this.setBindProperty(lastDayOfMonth, true);
-        }
         // Start with the first Sunday before the first of the month.
         currentDate.setDate(currentDate.getDate() - currentDate.getDay());
         var first = true;
@@ -471,6 +465,7 @@ var DatePicker = /** @class */ (function () {
         if (this.currentViewType == ViewType.Days) {
             this.canAutoSetDate = true;
             this.currentViewDate.setMonth(this.currentViewDate.getMonth() + delta, 1);
+            this.autoSetDay();
         }
         else {
             this.currentViewDate.setFullYear(this.currentViewDate.getFullYear() + delta * (this.currentViewType == ViewType.Months ? 1 : YearsInYearView));
@@ -478,6 +473,20 @@ var DatePicker = /** @class */ (function () {
         this.populateContentContainer(false, true);
         this.contentAnimationHelper.slide(delta, true);
     };
+    DatePicker.prototype.autoSetDay = function () {
+        var autoDate = null;
+        if (this.options.autoChangeDate === "end") {
+            // Forward
+            autoDate = DateUtils.monthEnd(this.currentViewDate);
+        }
+        else if (this.options.autoChangeDate === "start") {
+            // Back
+            autoDate = this.currentViewDate;
+        }
+        if (autoDate) {
+            this.setBindValue(autoDate, { preserveTime: true, close: false });
+        }
+    };
     DatePicker.prototype.createAndAppend = function (parent, elementType, className) {
         if (className === void 0) { className = ""; }
         var newElement = document.createElement(elementType);

package/dist/Components/DatePicker/DatePickerOptions.d.ts

@@ -13,6 +13,8 @@ export default class DatePickerOptions {
     timeOnly: boolean;
     /** Displays the picker inline and without an input control */
     alwaysShow: boolean;
+    /** Shows the input when using `alwaysShow`. */
+    showInput: boolean;
     minDate: Date;
     maxDate: Date;
     /** Automatically sets the date to the start or end of the displayed month when scrolling through months. */

package/dist/NumberUtils.d.ts

@@ -11,11 +11,16 @@ export declare enum NumberFormat {
 }
 export default class NumberUtils {
     static thousandsSeparator: string;
+    static decimalSeparator?: string;
+    /** Set this to `","` if you want to allow a comma as a decimal separator when parsing string input. */
+    static allowAsDecimalSeparator?: string;
     static defaultCurrencySymbol: string;
     static numberFormats: {};
     /** If values typed into numeric editors should be divided by 100 when stored. */
     static transformPercent: boolean;
     static initialise(): void;
+    /** Uses the users local decimal separator when formatting and parsing numbers. */
+    static useLocaleDecimalSeparator(): void;
     /** Gets a format string for the pre-defined number format.
      * @param displayDecimals No of decimals to display if using a decimals format.
     */

package/dist/NumberUtils.js

@@ -3,7 +3,7 @@ import { DataType } from "./Model/Misc";
 import Globals from './Globals';
 export var NumberFormat;
 (function (NumberFormat) {
-    // Mask is [Thousands Seperator, Decimals (2 places), Percent, Currency Symbol]
+    // Mask is [Thousands Separator, Decimals (2 places), Percent, Currency Symbol]
     NumberFormat[NumberFormat["None"] = 0] = "None";
     NumberFormat[NumberFormat["NoDecimals"] = 4096] = "NoDecimals";
     NumberFormat[NumberFormat["Decimals"] = 4352] = "Decimals";
@@ -24,6 +24,13 @@ var NumberUtils = /** @class */ (function () {
         NumberUtils.numberFormats[NumberFormat.CurrencyNoDecimals] = "_#,##0;(_#,##0)";
         NumberUtils.numberFormats[NumberFormat.CurrencyDecimals] = "_#,##0.00;(_#,##0.00)";
     };
+    /** Uses the users local decimal separator when formatting and parsing numbers. */
+    NumberUtils.useLocaleDecimalSeparator = function () {
+        this.decimalSeparator = 1.1.toLocaleString().substring(1, 2);
+        if (this.decimalSeparator !== ".") {
+            this.allowAsDecimalSeparator = this.decimalSeparator;
+        }
+    };
     /** Gets a format string for the pre-defined number format.
      * @param displayDecimals No of decimals to display if using a decimals format.
     */
@@ -232,6 +239,9 @@ var NumberUtils = /** @class */ (function () {
             }
             numberStrings[0] = str;
         }
+        if (this.decimalSeparator) {
+            decimal = this.decimalSeparator;
+        }
         numberStrings[1] = (numberParts[1] && numberStrings[1]) ? decimal + numberStrings[1] : "";
         numberStrings[0] = numberStrings[0].replace(/,/g, NumberUtils.thousandsSeparator);
         return beforeText + numberStrings[0] + numberStrings[1] + afterText; //put back any negation and combine integer and fraction.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-core",
-  "version": "0.10.71",
+  "version": "0.10.72",
   "description": "Core functionality for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",