cx 25.11.1 → 26.0.1

package/src/ui/selection/PropertySelection.d.ts

@@ -1,17 +0,0 @@
-import * as Cx from '../../core';
-
-import { Selection } from './Selection'
-
-interface PropertySelectionConfig {
-   selectedField?: string
-   multiple?: boolean
-   keyField?: string
-   record?: Cx.Binding
-   records?: Cx.Binding
-   index?: Cx.Binding
-   bind?: string
-}
-
-export class PropertySelection extends Selection {
-   constructor(config: PropertySelectionConfig);
-}

package/src/ui/selection/PropertySelection.js

@@ -1,55 +0,0 @@
-import { isAccessorChain } from "../../../src/data/createAccessorModelProxy";
-import { Selection } from "./Selection";
-
-export class PropertySelection extends Selection {
-   selectMultiple(store, records, indexes, { toggle, add } = {}) {
-      if (this.toggle) toggle = true;
-
-      if (!this.records) return false;
-
-      let path = isAccessorChain(this.records) ? this.records.toString() : this.records.bind;
-      if (!path) return false;
-
-      let array = store.get(path);
-      let newArray = [...array];
-      let dirty = false;
-
-      if (!toggle && !add) {
-         newArray.forEach((r, i) => {
-            if (r[this.selectedField]) {
-               let nr = Object.assign({}, r);
-               nr[this.selectedField] = false;
-               newArray[i] = nr;
-               dirty = true;
-            }
-         });
-      }
-
-      records.forEach((record, i) => {
-         let index = indexes[i];
-         let rec = newArray[index];
-         if (array[index] !== record) throw new Error("Stale data.");
-
-         let value = rec[this.selectedField];
-         let newValue = add ? true : toggle ? !value : true;
-
-         if (value == newValue) return;
-
-         let newRec = Object.assign({}, rec);
-         newRec[this.selectedField] = newValue;
-         newArray[index] = newRec;
-         dirty = true;
-      });
-
-      if (dirty) store.set(path, newArray);
-   }
-
-   isSelected(store, record, index) {
-      return record && record[this.selectedField];
-   }
-}
-
-PropertySelection.prototype.selectedField = "selected";
-PropertySelection.prototype.multiple = false;
-
-Selection.alias("property", PropertySelection);

package/src/ui/selection/Selection.d.ts

@@ -1,27 +0,0 @@
-import { Record } from "../../core";
-import { Component } from "../../util/Component";
-import { View } from "../../data/View";
-import { Instance } from "../Instance";
-
-interface SelectOptions {
-   add: Boolean;
-   toggle: Boolean;
-}
-
-export class Selection extends Component {
-   isSelected(store: View, record: Record, index?: number);
-
-   getIsSelectedDelegate(store: View): (record: Record, index: number) => boolean;
-
-   select(store: View, record: Record, index: number);
-
-   declareData(): Record;
-
-   configureWidget(widget): Record;
-
-   selectInstance(instance: Instance, options: SelectOptions);
-
-   isInstanceSelected(instance: Instance): boolean;
-}
-
-export class SimpleSelection extends Selection { }

package/src/ui/selection/Selection.js

@@ -1,93 +0,0 @@
-import { Component } from "../../util/Component";
-
-export class Selection extends Component {
-   isSelected(store, record, index) {
-      return this.bind && store.get(this.bind) === record;
-   }
-
-   getIsSelectedDelegate(store) {
-      return (record, index) => this.isSelected(store, record, index);
-   }
-
-   select(store, record, index, options) {
-      this.selectMultiple(store, [record], [index], options);
-   }
-
-   selectMultiple(store, records, indexes, options) {
-      //abstract
-   }
-
-   declareData() {
-      var declaration = {
-         $selection: { structured: true },
-      };
-
-      return Object.assign(declaration, ...arguments);
-   }
-
-   configureWidget(widget) {
-      if (this.record || this.index) {
-         widget.$selection = Object.assign(widget.$selection || {}, {
-            record: this.record,
-            index: this.index,
-         });
-      }
-
-      return this.declareData();
-   }
-
-   selectInstance(instance, options) {
-      var { store, data } = instance;
-      if (!data.$selection)
-         throw new Error(
-            "Selection model not properly configured. Using the selectInstance method without specified record and index bindings."
-         );
-      return this.select(store, data.$selection.record, data.$selection.index, options);
-   }
-
-   isInstanceSelected(instance) {
-      var { store, data } = instance;
-      return data.$selection && this.isSelected(store, data.$selection.record, data.$selection.index);
-   }
-}
-
-Selection.prototype.toggle = false;
-
-Selection.namespace = "ui.selection.";
-
-export class SimpleSelection extends Selection {
-   isSelected(store, record, index) {
-      return this.getIsSelectedDelegate(store)(record, index);
-   }
-
-   getIsSelectedDelegate(store) {
-      var selection = this.bind && store.get(this.bind);
-      return (record, index) => record === selection;
-   }
-
-   selectMultiple(store, records, index) {
-      if (this.bind) store.set(this.bind, records[0]);
-   }
-}
-
-class DummySelection extends Selection {
-   isSelected(store, record, index) {
-      return false;
-   }
-
-   selectMultiple() {
-      //dummy
-   }
-
-   selectInstance() {
-      //dummy
-   }
-}
-
-DummySelection.prototype.isDummy = true;
-
-Selection.factory = (name) => {
-   if (typeof name == "object") return new SimpleSelection(name);
-
-   return new DummySelection();
-};

package/src/ui/selection/index.js

@@ -1,3 +0,0 @@
-export * from './Selection';
-export * from './PropertySelection';
-export * from './KeySelection';

package/src/ui/tpl.d.ts

@@ -1,3 +0,0 @@
-import * as Cx from '../core';
-
-export function tpl(text: string) : Cx.Binding;

package/src/ui/tpl.js

@@ -1,5 +0,0 @@
-export function tpl(text) {
-   return {
-      tpl: text
-   }
-}

package/src/util/Component.d.ts

@@ -1,42 +0,0 @@
-import * as Cx from '../core';
-
-interface DecoratorFactory<T> {
-   (t: T): T;
-}
-
-export class Component {
-
-   constructor(config?: Cx.Config);
-
-   init();
-
-   /**
-    * 
-    * @param alias 
-    * @param type 
-    */
-   static alias<T>(alias: string, type: T);
-   static alias<T>(alias: string) : DecoratorFactory<T>;
-
-   /**
-    * 
-    * @param type
-    * @param config
-    * @param more
-    */
-   static create(typeAlias?: any, config?: Cx.Config, more?: Cx.Config): any;
-
-   isComponent: boolean;
-   
-   static isComponentType: boolean;
-   static namespace: string;
-   static autoInit: boolean;
-
-   static factory(alias: string, config: Cx.Config, more?: Cx.Config) : Component;
-
-}
-
-
-export function createComponentFactory(factory, meta);
-
-export function isComponentFactory(factory: any): boolean;

package/src/util/Component.js

@@ -1,108 +0,0 @@
-import {isString} from './isString';
-import {isFunction} from './isFunction';
-import {isArray} from './isArray';
-
-const componentAlias = {};
-
-export class Component {
-   constructor(config) {
-      if (config && config.$props) {
-         Object.assign(config, config.$props);
-         delete config.$props;
-      }
-      Object.assign(this, config);
-   }
-
-   static alias(alias, type) {
-      if (type) {
-         type.prototype.componentAlias = alias;
-         componentAlias[this.namespace + alias] = type;
-      }
-      else //decorator usage
-         return t => {
-            this.alias(alias, t);
-            return t;
-         }
-   }
-
-   static create(typeAlias, config, more) {
-      if (!typeAlias)
-         return this.factory(typeAlias, config, more);
-
-      if (typeAlias.isComponent)
-         return typeAlias;
-
-      if (isComponentFactory(typeAlias))
-         return this.create(typeAlias.create(config));
-
-      if (isArray(typeAlias))
-         return typeAlias.map(c => this.create(c, config, more));
-
-      if (typeAlias.$type)
-         return this.create(typeAlias.$type, typeAlias, config);
-
-      if (typeAlias.type)
-         return this.create(typeAlias.type, typeAlias, config);
-
-      let cmpType, alias;
-
-      if (typeAlias.isComponentType)
-         cmpType = typeAlias;
-      else if (isFunction(typeAlias)) {
-         if (this.factory)
-            return this.factory(typeAlias, config, more)
-         throw new Error(`Unsupported component type ${typeAlias}.`);
-      }
-      else if (isString(typeAlias)) {
-         alias = this.namespace + typeAlias;
-         cmpType = componentAlias[alias];
-         if (!cmpType) {
-            if (typeAlias && this.factory)
-               return this.factory(typeAlias, config, more);
-            throw new Error(`Unknown component alias ${alias}.`);
-         }
-      }
-      else if (typeof typeAlias == 'object') {
-         cmpType = typeAlias.type || typeAlias.$type;
-         if (!cmpType) {
-            cmpType = this;
-            more = more ? Object.assign({}, config, more) : config;
-            config = typeAlias;
-         }
-      }
-
-      if (isArray(config))
-         return config.map(cfg => this.create(cmpType, cfg, more));
-
-      let cfg = config;
-
-      if (more)
-         cfg = Object.assign({}, config, more);
-
-      let cmp = new cmpType(cfg);
-      if (cmpType.autoInit && cmp.init)
-         cmp.init();
-      return cmp;
-   }
-}
-
-Component.prototype.isComponent = true;
-
-Component.isComponentType = true;
-Component.namespace = '';
-Component.autoInit = false;
-
-Component.factory = (alias, config, more) => {
-   throw new Error(`Unknown component alias ${alias}.`);
-};
-
-export function createComponentFactory(factory, jsxDriver, meta) {
-   factory.$isComponentFactory = true;
-   factory.$meta = meta;
-   factory.create = jsxDriver;
-   return factory;
-}
-
-export function isComponentFactory(factory) {
-   return factory && factory.$isComponentFactory;
-}

package/src/util/Console.d.ts

@@ -1,4 +0,0 @@
-export class Console {
-   static log(...args: unknown[]): void;
-   static warn(...args: unknown[]): void;
-}

package/src/util/Console.js

@@ -1,11 +0,0 @@
-export const Console = {
-   log: function () {
-      if (typeof window != 'undefined' && window.console)
-         console.log(...arguments);
-   },
-
-   warn: function () {
-      if (typeof window != 'undefined' && window.console)
-         console.warn(...arguments);
-   }
-};

package/src/util/DOM.d.ts

@@ -1,33 +0,0 @@
-type ElementFilter = (el: Element, condition: (el: Element) => boolean) => Element | null;
-
-/** 
- * Returns first child element, or the parent element itself, that satisfies the `condition` function.
- * @param el
- * @param condition
- * @returns {Element}
- */
-export const findFirst: ElementFilter;
-
-export const findFirstChild : ElementFilter;
-
-export const closest: ElementFilter;
-
-export const closestParent: ElementFilter;
-
-export function isFocused(el: Element) : boolean;
-
-export function isFocusedDeep(el: Element) : boolean;
-
-export function isFocusable(el: Element) : boolean;
-
-/** 
- * Returns focused element.
- * @returns {Element}
- */
-export function getFocusedElement() : Element;
-
-
-export function isDescendant(el: Element, descEl: Element) : boolean;
-
-export function isSelfOrDescendant(el: Element, descEl: Element) : boolean;
-

package/src/util/DOM.js

@@ -1,72 +0,0 @@
-import {isNumber} from '../util/isNumber';
-
-export function findFirst(el, condition) {
-   if (condition(el))
-      return el;
-
-   var children = el.childNodes;
-   if (children)
-      for (var i = 0; i < children.length; i++) {
-         var child = findFirst(children[i], condition);
-         if (child)
-            return child;
-      }
-   return null;
-}
-
-export function findFirstChild(el, condition) {
-   var children = el.childNodes;
-   if (children)
-      for (var i = 0; i < children.length; i++) {
-         var child = findFirst(children[i], condition);
-         if (child)
-            return child;
-      }
-   return null;
-}
-
-export function closest(el, condition) {
-   while (el) {
-      if (condition(el))
-         return el;
-      el = el.parentNode;
-   }
-   return null;
-}
-
-export function closestParent(el, condition) {
-   return el && closest(el.parentNode, condition);
-}
-
-export function isFocused(el) {
-   return document.activeElement == el;
-}
-
-export function isFocusedDeep(el) {
-   return document.activeElement == el || (document.activeElement && el.contains(document.activeElement));
-}
-
-const focusableWithoutTabIndex = ['INPUT', 'SELECT', 'TEXTAREA', 'A', 'BUTTON'];
-
-export function isFocusable(el) {
-   var firstPass = el && isNumber(el.tabIndex) && el.tabIndex >= 0;
-   if (!firstPass)
-      return false;
-
-   if (focusableWithoutTabIndex.indexOf(el.tagName) != -1 && !el.hasAttribute('disabled'))
-      return true;
-
-   return el.hasAttribute('tabindex');
-}
-
-export function getFocusedElement() {
-   return document.activeElement;
-}
-
-export function isDescendant(el, descEl) {
-   return el.contains(descEl);
-}
-
-export function isSelfOrDescendant(el, descEl) {
-   return el == descEl || el.contains(descEl);
-}

package/src/util/Debug.d.ts

@@ -1,11 +0,0 @@
-
-export class Debug {
-
-   static enable(flag: string);
-
-   static disable(flag: string);
-
-   static log(flag): string;
-}
-
-export function debug(flag: string, ...args: any[]);

package/src/util/Debug.js

@@ -1,45 +0,0 @@
-import {Console} from './Console';
-
-let activeFlags = {
-   deprecated: true
-};
-
-export function debug(flag) {
-   if (process.env.NODE_ENV !== "production") {
-      if (!activeFlags[flag])
-         return;
-
-      Console.log(...arguments);
-   }
-}
-
-export const Debug = {
-
-   enable: function(flag) {
-      if (process.env.NODE_ENV !== "production") {
-         activeFlags[flag] = true;
-      }
-   },
-
-   disable: function(flag) {
-      if (process.env.NODE_ENV !== "production") {
-         activeFlags[flag] = false;
-      }
-   },
-
-   log: debug
-};
-
-export const renderFlag = 'render';
-export const prepareFlag = 'prepare';
-export const processDataFlag = 'process-data';
-export const cleanupFlag = 'cleanup';
-export const menuFlag = 'menu';
-export const focusFlag = 'focus';
-export const internalFlag = 'internal';
-export const shouldUpdateFlag = 'should-update';
-export const appDataFlag = 'app-data';
-export const tooltipsFlag = 'tooltips';
-export const deprecatedFlag = 'deprecated';
-export const destroyFlag = 'destroy';
-

package/src/util/Format.d.ts

@@ -1,18 +0,0 @@
-declare type Formatter = (any) => string;
-
-export class Format {
-   static value(v: any, format: string): string;
-
-   static parse(format: string): Formatter;
-
-   static register(format: string | string[], formatter: Formatter): void;
-
-   static registerFactory(format: string | string[], factory: (...args) => Formatter): void;
-}
-
-export function resolveMinMaxFractionDigits(
-   minimumFractionDigits: number,
-   maximumFractionDigits: number,
-): { minimumFractionDigits: number; maximumFractionDigits: number };
-
-export function setGetFormatCacheCallback(callback: () => {}): void;