cx 24.11.4 → 25.1.0

package/src/ui/layout/LabelsTopLayout.js

@@ -1,135 +1,135 @@
-import {VDOM, getContent, contentAppend} from '../Widget';
-import {Container} from '../Container';
-import {PureContainer} from '../PureContainer';
-import {isArray} from '../../util/isArray';
-import {isUndefined} from '../../util/isUndefined';
-import {isNumber} from "../../util/isNumber";
-
-function validContent(r) {
-   let content = [];
-   for (let key in r)
-      if (key != "label")
-         contentAppend(content, r[key]);
-   return content;
-}
-
-export class LabelsTopLayout extends Container {
-
-   init() {
-      if (this.vertical && isUndefined(this.columns))
-         this.columns = 1;
-
-      super.init();
-   }
-
-   render(context, instance, key) {
-      let {children, data} = instance;
-
-      let state = {
-         rows: [],
-         currentRow: 0,
-         labelCells: [],
-         fieldCells: [],
-         rowCapacities: [this.columns]
-      };
-
-      const processContent = (r) => {
-         if (!r)
-            return;
-         if (isArray(r.content) && r.useParentLayout)
-            r.content.forEach((x) => processContent(x));
-         else if (r.atomic && r.type == "layout-cell")
-            this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
-         else
-            this.addItem(state, r, {});
-      };
-
-      children.forEach(item => processContent(item.vdom));
-
-      this.addRow(state);
-
-      return <table key={key} className={data.classNames} style={data.style}>
-         <tbody>
-         {state.rows}
-         </tbody>
-      </table>;
-   }
-
-   addRow(state) {
-      if (state.labelCells.length > 0)
-         state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
-
-      if (state.fieldCells.length > 0)
-         state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
-
-      state.labelCells = [];
-      state.fieldCells = [];
-      state.currentRow++;
-      if (state.currentRow == state.rowCapacities.length)
-         state.rowCapacities.push(this.columns);
-   }
-
-
-   addItem(state, item, data) {
-
-      while (state.labelCells.length == state.rowCapacities[state.currentRow])
-         this.addRow(state);
-
-      if (data.rowSpan > 1) {
-         for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
-            if (row == state.rowCapacities.length)
-               state.rowCapacities.push(this.columns);
-            state.rowCapacities[row] -= data.colSpan || 1;
-         }
-      }
-
-      if (data.colSpan > 1)
-         state.rowCapacities[state.currentRow] -= data.colSpan - 1;
-
-      state.labelCells.push(
-         <td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
-            {getContent(item.label)}
-         </td>
-      );
-      state.fieldCells.push(
-         <td className={this.CSS.element(this.baseClass, "field")}
-             key={state.fieldCells.length}
-             colSpan={data.colSpan}
-             rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
-             style={data.style}
-         >
-            {validContent(item)}
-         </td>
-      );
-   }
-}
-
-LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
-LabelsTopLayout.prototype.vertical = false;
-LabelsTopLayout.prototype.columns = undefined;
-LabelsTopLayout.prototype.styled = true;
-
-export class LabelsTopLayoutCell extends PureContainer {
-
-   declareData(...args) {
-      super.declareData(...args, {
-         colSpan: undefined,
-         rowSpan: undefined
-      })
-   }
-
-   render(context, instance, key) {
-
-      let { content } = this.renderChildren(context, instance);
-
-      return {
-         atomic: true,
-         type: 'layout-cell',
-         data: instance.data,
-         content
-      }
-   }
-}
-
-LabelsTopLayoutCell.prototype.styled = true;
+import {VDOM, getContent, contentAppend} from '../Widget';
+import {Container} from '../Container';
+import {PureContainer} from '../PureContainer';
+import {isArray} from '../../util/isArray';
+import {isUndefined} from '../../util/isUndefined';
+import {isNumber} from "../../util/isNumber";
+
+function validContent(r) {
+   let content = [];
+   for (let key in r)
+      if (key != "label")
+         contentAppend(content, r[key]);
+   return content;
+}
+
+export class LabelsTopLayout extends Container {
+
+   init() {
+      if (this.vertical && isUndefined(this.columns))
+         this.columns = 1;
+
+      super.init();
+   }
+
+   render(context, instance, key) {
+      let {children, data} = instance;
+
+      let state = {
+         rows: [],
+         currentRow: 0,
+         labelCells: [],
+         fieldCells: [],
+         rowCapacities: [this.columns]
+      };
+
+      const processContent = (r) => {
+         if (!r)
+            return;
+         if (isArray(r.content) && r.useParentLayout)
+            r.content.forEach((x) => processContent(x));
+         else if (r.atomic && r.type == "layout-cell")
+            this.addItem(state, isArray(r.content) && r.content.length == 1 ? r.content[0] : r.content, r.data);
+         else
+            this.addItem(state, r, {});
+      };
+
+      children.forEach(item => processContent(item.vdom));
+
+      this.addRow(state);
+
+      return <table key={key} className={data.classNames} style={data.style}>
+         <tbody>
+         {state.rows}
+         </tbody>
+      </table>;
+   }
+
+   addRow(state) {
+      if (state.labelCells.length > 0)
+         state.rows.push(<tr key={state.rows.length}>{state.labelCells}</tr>);
+
+      if (state.fieldCells.length > 0)
+         state.rows.push(<tr key={state.rows.length}>{state.fieldCells}</tr>);
+
+      state.labelCells = [];
+      state.fieldCells = [];
+      state.currentRow++;
+      if (state.currentRow == state.rowCapacities.length)
+         state.rowCapacities.push(this.columns);
+   }
+
+
+   addItem(state, item, data) {
+
+      while (state.labelCells.length == state.rowCapacities[state.currentRow])
+         this.addRow(state);
+
+      if (data.rowSpan > 1) {
+         for (let row = state.currentRow + 1; row < state.currentRow + data.rowSpan; row++) {
+            if (row == state.rowCapacities.length)
+               state.rowCapacities.push(this.columns);
+            state.rowCapacities[row] -= data.colSpan || 1;
+         }
+      }
+
+      if (data.colSpan > 1)
+         state.rowCapacities[state.currentRow] -= data.colSpan - 1;
+
+      state.labelCells.push(
+         <td className={this.CSS.element(this.baseClass, "label")} key={state.labelCells.length} colSpan={data.colSpan}>
+            {getContent(item.label)}
+         </td>
+      );
+      state.fieldCells.push(
+         <td className={this.CSS.element(this.baseClass, "field")}
+             key={state.fieldCells.length}
+             colSpan={data.colSpan}
+             rowSpan={isNumber(data.rowSpan) ? 2 * data.rowSpan - 1 : undefined}
+             style={data.style}
+         >
+            {validContent(item)}
+         </td>
+      );
+   }
+}
+
+LabelsTopLayout.prototype.baseClass = 'labelstoplayout';
+LabelsTopLayout.prototype.vertical = false;
+LabelsTopLayout.prototype.columns = undefined;
+LabelsTopLayout.prototype.styled = true;
+
+export class LabelsTopLayoutCell extends PureContainer {
+
+   declareData(...args) {
+      super.declareData(...args, {
+         colSpan: undefined,
+         rowSpan: undefined
+      })
+   }
+
+   render(context, instance, key) {
+
+      let { content } = this.renderChildren(context, instance);
+
+      return {
+         atomic: true,
+         type: 'layout-cell',
+         data: instance.data,
+         content
+      }
+   }
+}
+
+LabelsTopLayoutCell.prototype.styled = true;
 LabelsTopLayoutCell.prototype.useParentLayout = true;

package/src/util/Format.js

@@ -4,6 +4,7 @@ import { isNumber } from "../util/isNumber";
 import { isUndefined } from "../util/isUndefined";
 import { isArray } from "../util/isArray";
 import { capitalize } from "./capitalize";
+import { parseDateInvariant } from "./date/parseDateInvariant";
 
 //Culture dependent formatters are defined in the ui package.
 
@@ -75,14 +76,14 @@ let formatFactory = {
 
    date: function () {
       return (value) => {
-         let date = new Date(value);
+         let date = parseDateInvariant(value);
          return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
       };
    },
 
    time: function () {
       return (value) => {
-         let date = new Date(value);
+         let date = parseDateInvariant(value);
          let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
          let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
          return `${h}:${m}`;

package/src/util/date/encodeDate.d.ts

@@ -0,0 +1 @@
+export function encodeDate(date: Date): string;

package/src/util/date/encodeDate.js

@@ -0,0 +1,8 @@
+function pad(num) {
+   const norm = Math.floor(Math.abs(num));
+   return (norm < 10 ? "0" : "") + norm;
+}
+
+export function encodeDate(date) {
+   return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate());
+}

package/src/util/date/encodeDateWithTimezoneOffset.d.ts

@@ -1 +1 @@
-export function encodeDateWithTimezoneOffset(date);
+export function encodeDateWithTimezoneOffset(date: Date): string;

package/src/util/date/index.d.ts

@@ -1,9 +1,11 @@
-export * from './dateDiff';
-export * from './zeroTime';
-export * from './monthStart';
-export * from './lowerBoundCheck';
-export * from './upperBoundCheck';
-export * from './maxDate';
-export * from './minDate';
-export * from './sameDate';
-export * from './encodeDateWithTimezoneOffset';
+export * from "./dateDiff";
+export * from "./zeroTime";
+export * from "./monthStart";
+export * from "./lowerBoundCheck";
+export * from "./upperBoundCheck";
+export * from "./maxDate";
+export * from "./minDate";
+export * from "./sameDate";
+export * from "./encodeDateWithTimezoneOffset";
+export * from "./encodeDate";
+export * from "./parseDateInvariant";

package/src/util/date/index.js

@@ -1,9 +1,11 @@
-export * from './dateDiff';
-export * from './zeroTime';
-export * from './monthStart';
-export * from './lowerBoundCheck';
-export * from './upperBoundCheck';
-export * from './maxDate';
-export * from './minDate';
-export * from './sameDate';
-export * from './encodeDateWithTimezoneOffset';
+export * from "./dateDiff";
+export * from "./zeroTime";
+export * from "./monthStart";
+export * from "./lowerBoundCheck";
+export * from "./upperBoundCheck";
+export * from "./maxDate";
+export * from "./minDate";
+export * from "./sameDate";
+export * from "./encodeDateWithTimezoneOffset";
+export * from "./encodeDate";
+export * from "./parseDateInvariant";

package/src/util/date/parseDateInvariant.d.ts

@@ -0,0 +1,3 @@
+export function parseDateInvariant(input: string | number | Date): Date;
+
+export function overrideParseDateInvariant(newImpl: (input: string | number | Date) => Date): void;

package/src/util/date/parseDateInvariant.js

@@ -0,0 +1,20 @@
+// This module addresses a common issue when handling date strings in the format "yyyy-MM-dd" usually returned by backends.
+// In time zones earlier than UTC, creating a Date object from such a string can result in the date being shifted one day earlier.
+// This happens because "yyyy-MM-dd" is interpreted as a UTC date at 00:00, and when the browser displays it in local time, it adjusts backward.
+// To resolve this, the default implementation (`defaultInvariantParseDate`) appends " 00:00" to the date string,
+// explicitly indicating local time. Custom parsing logic can also be registered dynamically using `registerInvariantParseDateImpl`
+// to accommodate other formats or requirements.
+function defaultParseDateInvariant(input) {
+   if (typeof input == "string" && input.length == 10 && input[4] == "-" && input[7] == "-")
+      return new Date(`${input} 00:00`);
+   return new Date(input);
+}
+let impl = defaultParseDateInvariant;
+
+export function parseDateInvariant(input) {
+   return impl(input);
+}
+
+export function overrideParseDateInvariant(newImpl) {
+   impl = newImpl;
+}

package/src/util/getSearchQueryPredicate.js

@@ -1,59 +1,59 @@
-import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
-
-function getTermsAndRegularExpressions(query) {
-   if (!query) return [[], []];
-   let terms = query.split(" ").filter(Boolean);
-   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
-   return [terms, regexes];
-}
-
-export function getSearchQueryPredicate(query, options) {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return () => true;
-   if (regexes.length == 1) {
-      let regex = regexes[0];
-      return (text) => text && text.match(regex);
-   }
-   return (text) => text && regexes.every((re) => text.match(re));
-}
-
-var highlighterCache = {};
-
-export function getSearchQueryHighlighter(query, options) {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return (text) => [text];
-
-   if (highlighterCache[query]) return highlighterCache[query];
-
-   let result = (query) => {
-      query = new String(query);
-      let chunks = [query];
-      for (let i = 0; i < regexes.length; i++) {
-         let newChunks = [];
-         for (let j = 0; j < chunks.length; j++) {
-            let at = 0;
-            let chunk = chunks[j];
-            let parts = chunk.split(regexes[i]);
-            for (let k = 0; k < parts.length; k++) {
-               newChunks.push(parts[k]);
-               at += parts[k].length;
-               if (k < parts.length - 1) {
-                  newChunks.push(chunk.substr(at, terms[i].length));
-                  at += terms[i].length;
-               }
-            }
-         }
-         chunks = newChunks;
-      }
-      return chunks;
-   };
-
-   if (options?.cache) {
-      highlighterCache[query] = result;
-      setTimeout(() => {
-         delete highlighterCache[query];
-      }, options?.cachePeriod || 5000);
-   }
-
-   return result;
-}
+import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
+
+function getTermsAndRegularExpressions(query) {
+   if (!query) return [[], []];
+   let terms = query.split(" ").filter(Boolean);
+   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
+   return [terms, regexes];
+}
+
+export function getSearchQueryPredicate(query, options) {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return () => true;
+   if (regexes.length == 1) {
+      let regex = regexes[0];
+      return (text) => text && text.match(regex);
+   }
+   return (text) => text && regexes.every((re) => text.match(re));
+}
+
+var highlighterCache = {};
+
+export function getSearchQueryHighlighter(query, options) {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return (text) => [text];
+
+   if (highlighterCache[query]) return highlighterCache[query];
+
+   let result = (query) => {
+      query = new String(query);
+      let chunks = [query];
+      for (let i = 0; i < regexes.length; i++) {
+         let newChunks = [];
+         for (let j = 0; j < chunks.length; j++) {
+            let at = 0;
+            let chunk = chunks[j];
+            let parts = chunk.split(regexes[i]);
+            for (let k = 0; k < parts.length; k++) {
+               newChunks.push(parts[k]);
+               at += parts[k].length;
+               if (k < parts.length - 1) {
+                  newChunks.push(chunk.substr(at, terms[i].length));
+                  at += terms[i].length;
+               }
+            }
+         }
+         chunks = newChunks;
+      }
+      return chunks;
+   };
+
+   if (options?.cache) {
+      highlighterCache[query] = result;
+      setTimeout(() => {
+         delete highlighterCache[query];
+      }, options?.cachePeriod || 5000);
+   }
+
+   return result;
+}

package/src/util/index.d.ts

@@ -1,51 +1,51 @@
-export * from "./Console";
-export * from "./Debug";
-export * from "./DOM";
-export * from "./Format";
-export * from "./expandFatArrows";
-export * from "./GlobalCacheIdentifier";
-export * from "./innerTextTrim";
-export * from "./isDigit";
-export * from "./isPromise";
-export * from "./isTouchDevice";
-export * from "./KeyCode";
-export * from "./parseStyle";
-export * from "./quote";
-export * from "./scrollElementIntoView";
-export * from "./shallowEquals";
-export * from "./Timing";
-export * from "./date/index";
-export * from "./color/index";
-export * from "./getVendorPrefix";
-export * from "./eventCallbacks";
-export * from "./getSearchQueryPredicate";
-export * from "./escapeSpecialRegexCharacters";
-export * from "./browserSupportsPassiveEventHandlers";
-export * from "./isTouchEvent";
-export * from "./debounce";
-export * from "./throttle";
-export * from "./SubscriberList";
-export * from "./findScrollableParent";
-export * from "./getScrollerBoundingClientRect";
-export * from "./isNonEmptyArray";
-export * from "./isArray";
-export * from "./isObject";
-export * from "./isNumber";
-export * from "./isFunction";
-export * from "./isString";
-export * from "./isUndefined";
-export * from "./isDefined";
-export * from "./routeAppend";
-export * from "./reverseSlice";
-export * from "./getTopLevelBoundingClientRect";
-export * from "./getParentFrameBoundingClientRect";
-export * from "./getActiveElement";
-export * from "./Component";
-export * from "./onIdleCallback";
-export * from "./validatedDebounce";
-export * from "./addEventListenerWithOptions";
-export * from "./coalesce";
-export * from "./dummyCallback";
-export * from "./calculateNaturalElementHeight";
-export * from "./isTextInputElement";
-export * from "./isValidIdentifierName";
+export * from "./Console";
+export * from "./Debug";
+export * from "./DOM";
+export * from "./Format";
+export * from "./expandFatArrows";
+export * from "./GlobalCacheIdentifier";
+export * from "./innerTextTrim";
+export * from "./isDigit";
+export * from "./isPromise";
+export * from "./isTouchDevice";
+export * from "./KeyCode";
+export * from "./parseStyle";
+export * from "./quote";
+export * from "./scrollElementIntoView";
+export * from "./shallowEquals";
+export * from "./Timing";
+export * from "./date/index";
+export * from "./color/index";
+export * from "./getVendorPrefix";
+export * from "./eventCallbacks";
+export * from "./getSearchQueryPredicate";
+export * from "./escapeSpecialRegexCharacters";
+export * from "./browserSupportsPassiveEventHandlers";
+export * from "./isTouchEvent";
+export * from "./debounce";
+export * from "./throttle";
+export * from "./SubscriberList";
+export * from "./findScrollableParent";
+export * from "./getScrollerBoundingClientRect";
+export * from "./isNonEmptyArray";
+export * from "./isArray";
+export * from "./isObject";
+export * from "./isNumber";
+export * from "./isFunction";
+export * from "./isString";
+export * from "./isUndefined";
+export * from "./isDefined";
+export * from "./routeAppend";
+export * from "./reverseSlice";
+export * from "./getTopLevelBoundingClientRect";
+export * from "./getParentFrameBoundingClientRect";
+export * from "./getActiveElement";
+export * from "./Component";
+export * from "./onIdleCallback";
+export * from "./validatedDebounce";
+export * from "./addEventListenerWithOptions";
+export * from "./coalesce";
+export * from "./dummyCallback";
+export * from "./calculateNaturalElementHeight";
+export * from "./isTextInputElement";
+export * from "./isValidIdentifierName";