cx 24.4.3 → 24.4.4

package/src/ui/StaticText.d.ts

@@ -1,8 +1,8 @@
-import * as Cx from '../core';
-
-interface StaticTextProps extends Cx.WidgetProps {
-    text: string
-}
-
-export class StaticText extends Cx.Widget<StaticTextProps> {}
-
+import * as Cx from '../core';
+
+interface StaticTextProps extends Cx.WidgetProps {
+    text: string
+}
+
+export class StaticText extends Cx.Widget<StaticTextProps> {}
+

package/src/ui/StaticText.js

@@ -1,9 +1,9 @@
-import {Widget} from './Widget';
-
-export class StaticText extends Widget {
-   render() {
-      return this.text;
-   }
-}
-
-Widget.alias('static-text', StaticText);
+import {Widget} from './Widget';
+
+export class StaticText extends Widget {
+   render() {
+      return this.text;
+   }
+}
+
+Widget.alias('static-text', StaticText);

package/src/ui/StructuredInstanceDataAccessor.d.ts

@@ -1,16 +1,16 @@
-import { Instance } from "./Instance";
-
-export interface StructuredInstanceDataAccessorConfig {
-   data: Cx.StructuredProp;
-   instance: Instance;
-   useParentStore: boolean;
-}
-
-export class StructuredInstanceDataAccessor {
-   constructor(config: StructuredInstanceDataAccessorConfig);
-   getSelector(): (data: any) => any;
-   get(): any;
-   setItem(key, value);
-   containsKey(key): boolean;
-   getKeys(): string[];
-}
+import { Instance } from "./Instance";
+
+export interface StructuredInstanceDataAccessorConfig {
+   data: Cx.StructuredProp;
+   instance: Instance;
+   useParentStore: boolean;
+}
+
+export class StructuredInstanceDataAccessor {
+   constructor(config: StructuredInstanceDataAccessorConfig);
+   getSelector(): (data: any) => any;
+   get(): any;
+   setItem(key, value);
+   containsKey(key): boolean;
+   getKeys(): string[];
+}

package/src/ui/StructuredInstanceDataAccessor.js

@@ -1,26 +1,26 @@
-import { getSelector } from "../data/getSelector";
-
-export class StructuredInstanceDataAccessor {
-   constructor(config) {
-      this.instance = config.instance;
-      this.dataConfig = config.data;
-      this.useParentStore = config.useParentStore;
-      this.dataSelector = getSelector(config.data);
-      if (this.dataSelector.memoize) this.dataSelector = this.dataSelector.memoize();
-   }
-   getSelector() {
-      return this.dataSelector;
-   }
-   get() {
-      return this.dataSelector.get(this.instance.store.getData());
-   }
-   setItem(key, value) {
-      this.instance.nestedDataSet(key, value, this.dataConfig, this.useParentStore);
-   }
-   containsKey(key) {
-      return this.dataConfig.hasOwnProperty(key);
-   }
-   getKeys() {
-      return Object.keys(this.dataConfig);
-   }
-}
+import { getSelector } from "../data/getSelector";
+
+export class StructuredInstanceDataAccessor {
+   constructor(config) {
+      this.instance = config.instance;
+      this.dataConfig = config.data;
+      this.useParentStore = config.useParentStore;
+      this.dataSelector = getSelector(config.data);
+      if (this.dataSelector.memoize) this.dataSelector = this.dataSelector.memoize();
+   }
+   getSelector() {
+      return this.dataSelector;
+   }
+   get() {
+      return this.dataSelector.get(this.instance.store.getData());
+   }
+   setItem(key, value) {
+      this.instance.nestedDataSet(key, value, this.dataConfig, this.useParentStore);
+   }
+   containsKey(key) {
+      return this.dataConfig.hasOwnProperty(key);
+   }
+   getKeys() {
+      return Object.keys(this.dataConfig);
+   }
+}

package/src/ui/Text.d.ts

@@ -1,10 +1,10 @@
-import * as Cx from '../core'
-
-interface TextProps extends Cx.WidgetProps {
-   value?: Cx.StringProp,
-   bind?: string,
-   tpl?: string,
-   expr?: string,
-}
-
-export class Text extends Cx.Widget<TextProps> { }
+import * as Cx from '../core'
+
+interface TextProps extends Cx.WidgetProps {
+   value?: Cx.StringProp,
+   bind?: string,
+   tpl?: string,
+   expr?: string,
+}
+
+export class Text extends Cx.Widget<TextProps> { }

package/src/ui/Text.js

@@ -1,25 +1,25 @@
-import { Widget } from './Widget';
-
-export class Text extends Widget {
-   init() {
-      if (!this.value && (this.tpl || this.expr || this.bind))
-         this.value = {
-            tpl: this.tpl,
-            expr: this.expr,
-            bind: this.bind
-         };
-      super.init();
-   }
-
-   declareData() {
-      super.declareData({
-         value: undefined
-      }, ...arguments);
-   }
-
-   render(context, { data }, key) {
-      return data.value != null ? data.value : '';
-   }
-}
-
-Widget.alias('text', Text)
+import { Widget } from './Widget';
+
+export class Text extends Widget {
+   init() {
+      if (!this.value && (this.tpl || this.expr || this.bind))
+         this.value = {
+            tpl: this.tpl,
+            expr: this.expr,
+            bind: this.bind
+         };
+      super.init();
+   }
+
+   declareData() {
+      super.declareData({
+         value: undefined
+      }, ...arguments);
+   }
+
+   render(context, { data }, key) {
+      return data.value != null ? data.value : '';
+   }
+}
+
+Widget.alias('text', Text)

package/src/ui/VDOM.d.ts

@@ -1,4 +1,4 @@
-export interface VDOM {
-   createElement(type, props, ...children);
-   allowRenderOutputCaching?: boolean;
+export interface VDOM {
+   createElement(type, props, ...children);
+   allowRenderOutputCaching?: boolean;
 }

package/src/ui/VDOM.js

@@ -1,2 +1,2 @@
-import {VDOM as vdom} from 'cx-react';
-export const VDOM = vdom;
+import {VDOM as vdom} from 'cx-react';
+export const VDOM = vdom;

package/src/ui/Widget.d.ts

@@ -1,14 +1,14 @@
-import * as Cx from '../core';
-
-export class Widget extends Cx.Widget<Cx.WidgetProps> {
-    static create(type: any, config?: any, more?: any): any;
-    static resetCounter() : void;
-}
-
-export function contentAppend(result, w, prependSpace?) : boolean;
-
-export function getContentArray(x) : any[];
-
-export function getContent(x) : null | any | any[];
-
-export { VDOM } from './VDOM';
+import * as Cx from '../core';
+
+export class Widget extends Cx.Widget<Cx.WidgetProps> {
+    static create(type: any, config?: any, more?: any): any;
+    static resetCounter() : void;
+}
+
+export function contentAppend(result, w, prependSpace?) : boolean;
+
+export function getContentArray(x) : any[];
+
+export function getContent(x) : null | any | any[];
+
+export { VDOM } from './VDOM';

package/src/ui/Widget.js

@@ -1,200 +1,200 @@
-import { Component } from '../util/Component';
-import { CSSHelper } from './CSSHelper';
-import './CSS';
-import { StructuredSelector } from '../data/StructuredSelector';
-import { parseStyle } from '../util/parseStyle';
-import { isString } from '../util/isString';
-import { isDefined } from '../util/isDefined';
-import { isArray } from '../util/isArray';
-import { Console } from '../util/Console';
-
-import { VDOM as vdom } from './VDOM';
-export const VDOM = vdom;
-
-let widgetId = 100;
-
-export class Widget extends Component {
-
-   constructor(config) {
-      super(config);
-      this.widgetId = widgetId++;
-
-      if (isArray(this.jsxSpread)) {
-         if (!this.jsxAttributes)
-            this.jsxAttributes = [];
-
-         this.jsxSpread.forEach(spread => {
-            for (var key in spread) {
-               this[key] = spread[key];
-               this.jsxAttributes.push(key);
-            }
-         })
-      }
-   }
-
-   init() {
-      if (this.styles)
-         this.style = this.styles;
-
-      if (this.styled)
-         this.style = parseStyle(this.style);
-      else if (this.style) {
-         Console.warn('Components that allow use of the style attribute should set styled = true on their prototype. This will be an error in future versions.');
-         this.style = parseStyle(this.style);
-         this.styled = true;
-      }
-
-      if (typeof this.if !== 'undefined')
-         this.visible = this.if;
-
-      this.declareData();
-
-      if (this.outerLayout) {
-         if (isArray(this.outerLayout))
-            throw new Error('Only single element outer layout is supported.');
-         //TODO: better handle the case when outer layout is an array. How to get around circular dependency to PureContainer
-         this.outerLayout = Widget.create(this.outerLayout);
-      }
-
-      if (this.contentFor)
-         this.putInto = this.contentFor;
-
-      if (this.putInto)
-         this.isContent = true;
-
-      if (isString(this.CSS))
-         this.CSS = CSSHelper.get(this.CSS);
-
-      this.initHelpers();
-      this.initComponents();
-
-      this.initialized = true;
-   }
-
-   initComponents() {
-      if (arguments.length > 0) {
-         this.components = Object.assign(...arguments);
-         for (var k in this.components)
-            if (!this.components[k])
-               delete this.components[k];
-      }
-   }
-
-   initHelpers() {
-      if (arguments.length > 0) {
-         this.helpers = Object.assign(...arguments);
-      }
-   }
-
-   declareData() {
-      let options = {};
-
-      if (this.styled)
-         options.class = options.className = options.style = { structured: true };
-
-      var props = {
-         visible: undefined,
-         mod: {
-            structured: true
-         },
-         ...options
-      };
-
-      Object.assign(props, ...arguments);
-      this.selector = new StructuredSelector({ props: props, values: this });
-      this.nameMap = this.selector.nameMap;
-   }
-
-   prepareCSS(context, { data }) {
-      data.classNames = this.CSS.expand(
-         this.CSS.block(this.baseClass, data.mod, data.stateMods),
-         data.class,
-         data.className
-      );
-      data.style = parseStyle(data.style);
-   }
-
-   prepareData(context, instance) {
-      if (this.styled)
-         this.prepareCSS(context, instance);
-   }
-
-   initInstance(context, instance) {
-      if (this.onInit)
-         this.onInit(context, instance)
-   }
-
-   initState(context, instance) { }
-
-   checkVisible(context, instance, data) {
-      return data.visible;
-   }
-
-   explore(context, instance) {
-      if (this.components)
-         instance.components = {};
-      for (let cmp in this.components) {
-         let ins = instance.getChild(context, this.components[cmp], "cmp-" + cmp, instance.store);
-         if (ins.scheduleExploreIfVisible(context))
-            instance.components[cmp] = ins;
-      }
-   }
-
-   render(context, instance, key) {
-      Console.log(this);
-      throw new Error('Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.');
-   }
-
-   update() {
-      this.version = (this.version || 0) + 1;
-   }
-
-   static resetCounter() {
-      widgetId = 100;
-   }
-}
-
-   Widget.prototype.visible = true;
-   Widget.prototype.memoize = true; //cache rendered content and use it if possible
-   Widget.prototype.CSS = 'cx';
-   Widget.prototype.styled = false;
-
-   Widget.namespace = 'ui.';
-   Widget.optimizePrepare = true;
-
-   Widget.factory = (type , config, more) => {
-   throw new Error(`Invalid widget type: ${type
-}.`);
-};
-
-export function contentAppend(result, w, prependSpace) {
-   if (w == null || w === false)
-      return false;
-   if (isArray(w))
-      w.forEach(c => contentAppend(result, c));
-   else if (isDefined(w.content) && !w.atomic)
-      return contentAppend(result, w.content);
-   else {
-      if (prependSpace)
-         result.push(' ');
-      result.push(w);
-   }
-   return true;
-}
-
-export function getContentArray(x) {
-   let result = [];
-   contentAppend(result, x);
-   return result;
-}
-
-
-export function getContent(x) {
-   let result = getContentArray(x);
-   if (result.length == 0)
-      return null;
-   if (result.length == 1)
-      return result[0];
-   return result;
-}
-
+import { Component } from '../util/Component';
+import { CSSHelper } from './CSSHelper';
+import './CSS';
+import { StructuredSelector } from '../data/StructuredSelector';
+import { parseStyle } from '../util/parseStyle';
+import { isString } from '../util/isString';
+import { isDefined } from '../util/isDefined';
+import { isArray } from '../util/isArray';
+import { Console } from '../util/Console';
+
+import { VDOM as vdom } from './VDOM';
+export const VDOM = vdom;
+
+let widgetId = 100;
+
+export class Widget extends Component {
+
+   constructor(config) {
+      super(config);
+      this.widgetId = widgetId++;
+
+      if (isArray(this.jsxSpread)) {
+         if (!this.jsxAttributes)
+            this.jsxAttributes = [];
+
+         this.jsxSpread.forEach(spread => {
+            for (var key in spread) {
+               this[key] = spread[key];
+               this.jsxAttributes.push(key);
+            }
+         })
+      }
+   }
+
+   init() {
+      if (this.styles)
+         this.style = this.styles;
+
+      if (this.styled)
+         this.style = parseStyle(this.style);
+      else if (this.style) {
+         Console.warn('Components that allow use of the style attribute should set styled = true on their prototype. This will be an error in future versions.');
+         this.style = parseStyle(this.style);
+         this.styled = true;
+      }
+
+      if (typeof this.if !== 'undefined')
+         this.visible = this.if;
+
+      this.declareData();
+
+      if (this.outerLayout) {
+         if (isArray(this.outerLayout))
+            throw new Error('Only single element outer layout is supported.');
+         //TODO: better handle the case when outer layout is an array. How to get around circular dependency to PureContainer
+         this.outerLayout = Widget.create(this.outerLayout);
+      }
+
+      if (this.contentFor)
+         this.putInto = this.contentFor;
+
+      if (this.putInto)
+         this.isContent = true;
+
+      if (isString(this.CSS))
+         this.CSS = CSSHelper.get(this.CSS);
+
+      this.initHelpers();
+      this.initComponents();
+
+      this.initialized = true;
+   }
+
+   initComponents() {
+      if (arguments.length > 0) {
+         this.components = Object.assign(...arguments);
+         for (var k in this.components)
+            if (!this.components[k])
+               delete this.components[k];
+      }
+   }
+
+   initHelpers() {
+      if (arguments.length > 0) {
+         this.helpers = Object.assign(...arguments);
+      }
+   }
+
+   declareData() {
+      let options = {};
+
+      if (this.styled)
+         options.class = options.className = options.style = { structured: true };
+
+      var props = {
+         visible: undefined,
+         mod: {
+            structured: true
+         },
+         ...options
+      };
+
+      Object.assign(props, ...arguments);
+      this.selector = new StructuredSelector({ props: props, values: this });
+      this.nameMap = this.selector.nameMap;
+   }
+
+   prepareCSS(context, { data }) {
+      data.classNames = this.CSS.expand(
+         this.CSS.block(this.baseClass, data.mod, data.stateMods),
+         data.class,
+         data.className
+      );
+      data.style = parseStyle(data.style);
+   }
+
+   prepareData(context, instance) {
+      if (this.styled)
+         this.prepareCSS(context, instance);
+   }
+
+   initInstance(context, instance) {
+      if (this.onInit)
+         this.onInit(context, instance)
+   }
+
+   initState(context, instance) { }
+
+   checkVisible(context, instance, data) {
+      return data.visible;
+   }
+
+   explore(context, instance) {
+      if (this.components)
+         instance.components = {};
+      for (let cmp in this.components) {
+         let ins = instance.getChild(context, this.components[cmp], "cmp-" + cmp, instance.store);
+         if (ins.scheduleExploreIfVisible(context))
+            instance.components[cmp] = ins;
+      }
+   }
+
+   render(context, instance, key) {
+      Console.log(this);
+      throw new Error('Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.');
+   }
+
+   update() {
+      this.version = (this.version || 0) + 1;
+   }
+
+   static resetCounter() {
+      widgetId = 100;
+   }
+}
+
+   Widget.prototype.visible = true;
+   Widget.prototype.memoize = true; //cache rendered content and use it if possible
+   Widget.prototype.CSS = 'cx';
+   Widget.prototype.styled = false;
+
+   Widget.namespace = 'ui.';
+   Widget.optimizePrepare = true;
+
+   Widget.factory = (type , config, more) => {
+   throw new Error(`Invalid widget type: ${type
+}.`);
+};
+
+export function contentAppend(result, w, prependSpace) {
+   if (w == null || w === false)
+      return false;
+   if (isArray(w))
+      w.forEach(c => contentAppend(result, c));
+   else if (isDefined(w.content) && !w.atomic)
+      return contentAppend(result, w.content);
+   else {
+      if (prependSpace)
+         result.push(' ');
+      result.push(w);
+   }
+   return true;
+}
+
+export function getContentArray(x) {
+   let result = [];
+   contentAppend(result, x);
+   return result;
+}
+
+
+export function getContent(x) {
+   let result = getContentArray(x);
+   if (result.length == 0)
+      return null;
+   if (result.length == 1)
+      return result[0];
+   return result;
+}
+

package/src/ui/ZIndexManager.d.ts

@@ -1,7 +1,7 @@
-import * as Cx from '../core';
-
-export class ZIndexManager {
-    static next() : number;
-
-    static reset(zIndex: number);
-}
+import * as Cx from '../core';
+
+export class ZIndexManager {
+    static next() : number;
+
+    static reset(zIndex: number);
+}