@triniwiz/nativescript-masonkit 1.0.0-alpha.9 → 1.0.0-beta.1

package/button/index.android.d.ts

@@ -0,0 +1,13 @@
+import { ViewBase } from '@nativescript/core';
+import { style_, ButtonBase } from '../common';
+export declare class Button extends ButtonBase {
+    [style_]: any;
+    _inBatch: boolean;
+    private _view;
+    constructor();
+    get android(): org.nativescript.mason.masonkit.Button;
+    get _styleHelper(): any;
+    createNativeView(): org.nativescript.mason.masonkit.Button;
+    _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: ViewBase): void;
+}

package/button/index.android.js

@@ -0,0 +1,56 @@
+import { CSSType, Utils } from '@nativescript/core';
+import { isMasonView_, isText_, isTextChild_, style_, ButtonBase, textContentProperty } from '../common';
+import { Style } from '../style';
+import { Tree } from '../tree';
+let Button = class Button extends ButtonBase {
+    constructor() {
+        super();
+        this._inBatch = false;
+        this[isText_] = true;
+        const context = Utils.android.getCurrentActivity() || Utils.android.getApplicationContext();
+        this._view = Tree.instance.createButtonView(context);
+        this[isMasonView_] = true;
+        this[style_] = Style.fromView(this, this._view);
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get android() {
+        return this._view;
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    [textContentProperty.setNative](value) {
+        const nativeView = this._view;
+        if (nativeView) {
+            nativeView.setTextContent(value);
+        }
+    }
+    // @ts-ignore
+    _addViewToNativeVisualTree(child, atIndex = -1) {
+        const nativeView = this._view;
+        if (nativeView && child.nativeViewProtected) {
+            child[isTextChild_] = true;
+            const index = atIndex <= -1 ? this._children.indexOf(child) : atIndex;
+            nativeView.addChildAt(child.nativeViewProtected, index);
+        }
+        return false;
+    }
+    _removeViewFromNativeVisualTree(view) {
+        view[isTextChild_] = false;
+        // @ts-ignore
+        super._removeViewFromNativeVisualTree(view);
+    }
+};
+Button = __decorate([
+    CSSType('Button'),
+    __metadata("design:paramtypes", [])
+], Button);
+export { Button };
+//# sourceMappingURL=index.android.js.map

package/button/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/button/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACzG,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGxB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAIpC;QACE,KAAK,EAAE,CAAC;QAHV,aAAQ,GAAG,KAAK,CAAC;QAIf,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC5F,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAU,CAAC;QAC9D,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC;IAED,6DAA6D;IAC7D,aAAa;IACb,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAa,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK;QACnC,MAAM,UAAU,GAAG,IAAI,CAAC,KAA+C,CAAC;QACxE,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,aAAa;IACN,0BAA0B,CAAC,KAAiB,EAAE,OAAO,GAAG,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,KAA+C,CAAC;QACxE,IAAI,UAAU,IAAI,KAAK,CAAC,mBAAmB,EAAE,CAAC;YAC5C,KAAK,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;YAC3B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACtE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAc,CAAC,CAAC;QACnE,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,+BAA+B,CAAC,IAAc;QAC5C,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;QAC3B,aAAa;QACb,KAAK,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;CACF,CAAA;AAtDY,MAAM;IADlB,OAAO,CAAC,QAAQ,CAAC;;GACL,MAAM,CAsDlB"}

package/button/index.ios.d.ts

@@ -0,0 +1,21 @@
+import { Color, ViewBase } from '@nativescript/core';
+import { style_, ButtonBase } from '../common';
+import { Style } from '../style';
+export declare class Button extends ButtonBase {
+    [style_]: any;
+    _inBatch: boolean;
+    private _view;
+    constructor();
+    get ios(): MasonButton;
+    get _styleHelper(): Style;
+    createNativeView(): MasonButton;
+    set backgroundColor(value: Color | number);
+    get backgroundColor(): Color | number;
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    _addViewToNativeVisualTree(child: MasonChild & {
+        text?: string;
+    }, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: ViewBase): void;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
+}

package/button/index.ios.js

@@ -0,0 +1,216 @@
+import { backgroundColorProperty, Color, colorProperty, CSSType, Utils, View } from '@nativescript/core';
+import { isMasonView_, isText_, isTextChild_, style_, ButtonBase, textContentProperty, textWrapProperty } from '../common';
+import { Style } from '../style';
+import { Tree } from '../tree';
+import { parseLength } from '../utils';
+let Button = class Button extends ButtonBase {
+    constructor() {
+        super();
+        this._inBatch = false;
+        this[isText_] = true;
+        this._view = Tree.instance.createButtonView(null);
+        this[isMasonView_] = true;
+        this[style_] = Style.fromView(this, this._view);
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get ios() {
+        return this._view;
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    [textContentProperty.setNative](value) {
+        const nativeView = this._view;
+        if (nativeView) {
+            nativeView.textContent = value;
+        }
+    }
+    [colorProperty.setNative](value) {
+        switch (typeof value) {
+            case 'number':
+                this._styleHelper.color = value;
+                break;
+            case 'string':
+                {
+                    this._styleHelper.color = new Color(value).argb;
+                }
+                break;
+            case 'object':
+                {
+                    this._styleHelper.color = value.argb;
+                }
+                break;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    set backgroundColor(value) {
+        switch (typeof value) {
+            case 'number':
+                this._styleHelper.backgroundColor = value;
+                break;
+            case 'string':
+                this._styleHelper.backgroundColor = new Color(value).argb;
+                break;
+            case 'object':
+                this._styleHelper.backgroundColor = value.argb;
+                break;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get backgroundColor() {
+        return new Color(this[style_].backgroundColor);
+    }
+    [backgroundColorProperty.setNative](value) {
+        if (typeof value === 'number') {
+            this[style_].backgroundColor = value;
+        }
+        else if (value instanceof Color) {
+            this[style_].backgroundColor = value.argb;
+        }
+    }
+    [textWrapProperty.setNative](value) {
+        switch (value) {
+            case 'false':
+            case false:
+            case 'nowrap':
+                this._styleHelper.textWrap = 1 /* MasonTextWrap.NoWrap */;
+                break;
+            case true:
+            case 'true':
+            case 'wrap':
+                this._styleHelper.textWrap = 0 /* MasonTextWrap.Wrap */;
+                break;
+            case 'balance':
+                this._styleHelper.textWrap = 2 /* MasonTextWrap.Balance */;
+                break;
+        }
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        // todo
+        // @ts-ignore
+        let layout = this._view.node.computedLayout;
+        const children = layout.children;
+        let i = 0;
+        if (children.count === 0) {
+            return;
+        }
+        for (const child of this._viewChildren) {
+            layout = children.objectAtIndex(i);
+            const x = layout.x;
+            const y = layout.y;
+            const width = layout.width;
+            const height = layout.height;
+            View.layoutChild(this, child, x, y, width, height);
+            i++;
+        }
+    }
+    onMeasure(widthMeasureSpec, heightMeasureSpec) {
+        const nativeView = this._view;
+        if (nativeView) {
+            const specWidth = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
+            const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
+            const specHeight = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
+            const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
+            if (!this[isMasonView_]) {
+                // only call compute on the parent
+                if (this.width === 'auto' && this.height === 'auto') {
+                    // todo
+                    // @ts-ignore
+                    this.ios.mason_computeWithSize(specWidth, specHeight);
+                    //this.ios.computeWithMaxContent();
+                    // todo
+                    // @ts-ignore
+                    const layout = this.ios.node.computedLayout;
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.setMeasuredDimension(w, h);
+                    return;
+                }
+                else {
+                    let width;
+                    switch (typeof this.width) {
+                        case 'object': {
+                            const parent = this.parent;
+                            const mw = parent?.getMeasuredWidth?.() || Utils.layout.toDevicePixels(parent?.nativeView?.frame?.size?.width ?? 0);
+                            width = parseLength(this.width, mw);
+                            break;
+                        }
+                        case 'string':
+                            width = -2;
+                            break;
+                        case 'number':
+                            width = Utils.layout.toDevicePixels(this.width);
+                            break;
+                    }
+                    let height;
+                    switch (typeof this.height) {
+                        case 'object': {
+                            const parent = this.parent;
+                            const mh = parent?.getMeasuredHeight?.() || Utils.layout.toDevicePixels(parent?.nativeView?.frame?.size?.height ?? 0);
+                            height = parseLength(this.height, mh);
+                            break;
+                        }
+                        case 'string':
+                            height = -2;
+                            break;
+                        case 'number':
+                            height = Utils.layout.toDevicePixels(this.height);
+                            break;
+                    }
+                    // todo
+                    // @ts-ignore
+                    this.ios.mason_computeWithSize(width, height);
+                    const layout = this.ios.node.computedLayout;
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.setMeasuredDimension(w, h);
+                }
+            }
+            else {
+                // todo
+                // @ts-ignore
+                const layout = nativeView.node.computedLayout;
+                const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                this.eachLayoutChild((child) => {
+                    View.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                });
+                this.setMeasuredDimension(w, h);
+            }
+        }
+    }
+    // @ts-ignore
+    _addViewToNativeVisualTree(child, atIndex = -1) {
+        const nativeView = this._view;
+        if (nativeView && child.nativeViewProtected) {
+            child[isTextChild_] = true;
+            const index = atIndex <= -1 ? this._children.indexOf(child) : atIndex;
+            nativeView.addViewAt(child.nativeViewProtected, index);
+            return true;
+        }
+        return false;
+    }
+    _removeViewFromNativeVisualTree(view) {
+        view[isTextChild_] = false;
+        super._removeViewFromNativeVisualTree(view);
+    }
+    _setNativeViewFrame(nativeView, frame) {
+        nativeView.frame = frame;
+    }
+};
+Button = __decorate([
+    CSSType('Button'),
+    __metadata("design:paramtypes", [])
+], Button);
+export { Button };
+//# sourceMappingURL=index.ios.js.map

package/button/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/button/index.ios.ts"],"names":[],"mappings":"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"}

package/common.d.ts

@@ -1,15 +1,15 @@
 import { AddChildFromBuilder, CssProperty, CustomLayoutView, ShorthandProperty, Style, View as NSView, ViewBase as NSViewBase, Property, CoreTypes } from '@nativescript/core';
-import { AlignContent, AlignSelf, Display, Gap, GridAutoFlow, Length, LengthAuto, Overflow, Position, AlignItems } from '.';
-import { GridTemplates } from './helpers';
+import { AlignContent, AlignSelf, Display, Gap, GridAutoFlow, Length, LengthAuto, Overflow, Position, AlignItems, BoxSizing } from '.';
 export declare const native_: unique symbol;
 export declare const style_: unique symbol;
+export declare const isTextChild_: unique symbol;
+export declare const isText_: unique symbol;
+export declare const isMasonView_: unique symbol;
+export declare const text_: unique symbol;
 export interface MasonChild extends ViewBase {
-    _isMasonChild: boolean;
-    _masonParent: ViewBase;
-    _hasNativeView: boolean;
 }
 export declare const scrollBarWidthProperty: CssProperty<Style, number>;
-export declare const overflowProperty: CssProperty<Style, Overflow>;
+export declare const overflowProperty: ShorthandProperty<Style, Overflow>;
 export declare const overflowXProperty: CssProperty<Style, Overflow>;
 export declare const overflowYProperty: CssProperty<Style, Overflow>;
 export declare const paddingLeftProperty: CssProperty<Style, CoreTypes.LengthType>;
@@ -18,6 +18,7 @@ export declare const paddingTopProperty: CssProperty<Style, CoreTypes.LengthType
 export declare const paddingBottomProperty: CssProperty<Style, CoreTypes.LengthType>;
 export declare const rowGapProperty: CssProperty<Style, Length>;
 export declare const columnGapProperty: CssProperty<Style, Length>;
+export declare const gridGapProperty: ShorthandProperty<Style, any>;
 export declare const gapProperty: ShorthandProperty<Style, any>;
 export declare const flexShrinkProperty: CssProperty<Style, number>;
 export declare const displayProperty: CssProperty<Style, Display>;
@@ -41,58 +42,102 @@ export declare const justifyContentProperty: CssProperty<Style, AlignContent>;
 export declare const gridAutoRowsProperty: CssProperty<Style, string>;
 export declare const gridAutoColumnsProperty: CssProperty<Style, string>;
 export declare const gridAutoFlowProperty: CssProperty<Style, GridAutoFlow>;
-export declare const gridAreaProperty: ShorthandProperty<Style, string>;
+export declare const gridAreaProperty: CssProperty<Style, string>;
 export declare const gridColumnStartProperty: CssProperty<Style, string>;
 export declare const gridColumnEndProperty: CssProperty<Style, string>;
-export declare const gridColumnProperty: ShorthandProperty<Style, string>;
+export declare const gridColumnProperty: CssProperty<Style, string>;
 export declare const gridRowStartProperty: CssProperty<Style, string>;
 export declare const gridRowEndProperty: CssProperty<Style, string>;
-export declare const gridRowProperty: ShorthandProperty<Style, string>;
-export declare const gridTemplateRowsProperty: CssProperty<Style, GridTemplates[]>;
-export declare const gridTemplateColumnsProperty: CssProperty<Style, GridTemplates[]>;
-export declare const textWrapProperty: Property<TextBase, "wrap" | "nowrap" | "balance">;
-export declare const textProperty: Property<TextBase, string>;
+export declare const gridRowProperty: CssProperty<Style, string>;
+export declare const gridTemplateAreasProperty: CssProperty<Style, string>;
+export declare const gridTemplateRowsProperty: CssProperty<Style, string>;
+export declare const gridTemplateColumnsProperty: CssProperty<Style, string>;
+export declare const textWrapProperty: CssProperty<Style, "nowrap" | "wrap" | "balance">;
+export declare const textOverFlowProperty: CssProperty<Style, string>;
+export declare const textContentProperty: Property<TextBase, string>;
+export declare const boxSizingProperty: CssProperty<Style, BoxSizing>;
 export declare class ViewBase extends CustomLayoutView implements AddChildFromBuilder {
     readonly android: org.nativescript.mason.masonkit.View;
-    readonly ios: UIView;
+    readonly ios: MasonUIView;
+    textWrap: 'nowrap' | 'wrap' | 'balance';
+    overflow: Overflow | `${Overflow} ${Overflow}`;
     gridGap: Gap;
     gap: Gap;
     gridArea: string;
     gridColumn: string;
     gridRow: string;
-    display: Display;
-    position: Position;
-    padding: string | CoreTypes.LengthType;
-    paddingLeft: CoreTypes.LengthType;
-    paddingRight: CoreTypes.LengthType;
-    paddingTop: CoreTypes.LengthType;
-    paddingBottom: CoreTypes.LengthType;
-    margin: string | number | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | CoreTypes.LengthPercentUnit;
-    marginLeft: CoreTypes.LengthType;
-    marginRight: CoreTypes.LengthType;
-    marginTop: CoreTypes.LengthType;
-    marginBottom: CoreTypes.LengthType;
-    _children: any[];
-    _isMasonView: boolean;
-    _isMasonChild: boolean;
+    inset: LengthAuto;
+    padding: Length;
+    margin: LengthAuto;
+    border: Length;
+    _children: (NSView | {
+        text?: string;
+    })[];
+    [isMasonView_]: boolean;
+    [isTextChild_]: boolean;
+    [isText_]: boolean;
     constructor();
     forceStyleUpdate(): void;
+    get _viewChildren(): NSView[];
     eachLayoutChild(callback: (child: NSView, isLast: boolean) => void): void;
     eachChild(callback: (child: NSViewBase) => boolean): void;
     eachChildView(callback: (child: NSView) => boolean): void;
     _addChildFromBuilder(name: string, value: any): void;
     getChildrenCount(): number;
     get _childrenCount(): number;
-    getChildAt(index: number): any;
+    getChildAt(index: number): NSView;
     getChildIndex(child: NSView): number;
     getChildById(id: string): NSViewBase;
     addChild(child: any): void;
     insertChild(child: any, atIndex: number): void;
+    replaceChild(child: any, atIndex: number): void;
     removeChild(child: any): void;
     removeChildren(): void;
+    set text(value: string);
+    get boxSizing(): BoxSizing;
+    set boxSizing(value: BoxSizing);
+    get display(): Display;
+    set display(value: Display);
+    get overflowX(): Overflow;
+    set overflowX(value: Overflow);
+    get overflowY(): Overflow;
+    set overflowY(value: Overflow);
+    get scrollBarWidth(): Length;
+    set scrollBarWidth(value: Length);
+    get position(): Position;
+    set position(value: Position);
+    set maxWidth(value: LengthAuto);
+    get maxWidth(): LengthAuto;
+    set maxHeight(value: LengthAuto);
+    get maxHeight(): LengthAuto;
+    _redrawNativeBackground(value: any): void;
+    set rowGap(value: Length);
+    get rowGap(): Length;
+    set columnGap(value: Length);
+    get columnGap(): Length;
+    set gridColumnStart(value: string);
+    get gridColumnStart(): string;
+    set gridColumnEnd(value: string);
+    get gridColumnEnd(): string;
+    set gridRowStart(value: string);
+    get gridRowStart(): string;
+    set gridRowEnd(value: string);
+    get gridRowEnd(): string;
+    set gridTemplateRows(value: string);
+    get gridTemplateRows(): string;
+    set gridTemplateColumns(value: string);
+    get gridTemplateColumns(): string;
+    set gridAutoColumns(value: string);
+    get gridAutoColumns(): string;
+    set gridAutoRows(value: string);
+    get gridAutoRows(): string;
 }
 export declare class TextBase extends ViewBase {
-    text: string;
-    textWrap: 'nowrap' | 'wrap' | 'balance';
-    constructor();
+    textContent: string;
+}
+export declare class ButtonBase extends TextBase {
+}
+export declare const srcProperty: Property<ImageBase, string>;
+export declare class ImageBase extends ViewBase {
+    src: string;
 }