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

package/scroll/index.android.d.ts

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

package/scroll/index.android.js

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

package/scroll/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../packages/nativescript-masonkit/scroll/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGxB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,QAAQ;IAIlC;QACE,KAAK,EAAE,CAAC;QAFV,aAAQ,GAAG,KAAK,CAAC;QAGf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAU,CAAC;QAC5H,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;IAC5B,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,6DAA6D;IAC7D,aAAa;IACb,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAA+C,CAAC;IAC9D,CAAC;IAED,aAAa;IACN,0BAA0B,CAAC,KAAiB,EAAE,OAAO,GAAG,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,KAA+C,CAAC;QAExE,IAAI,UAAU,IAAI,KAAK,CAAC,mBAAmB,EAAE,CAAC;YAC5C,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;YAC5B,KAAK,CAAC,aAAa,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,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAc,CAAC,CAAC;YAC9D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,aAAa;IACN,+BAA+B,CAAC,IAAgB;QACrD,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;QAC3B,aAAa;QACb,KAAK,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;CACF,CAAA;AAhDY,MAAM;IADlB,OAAO,CAAC,QAAQ,CAAC;;GACL,MAAM,CAgDlB"}

package/scroll/index.ios.d.ts

@@ -0,0 +1,14 @@
+import { style_, ViewBase } from '../common';
+export declare class Scroll extends ViewBase {
+    [style_]: any;
+    private _view;
+    constructor();
+    get _styleHelper(): any;
+    _inBatch: boolean;
+    createNativeView(): MasonScroll;
+    get ios(): MasonScroll;
+    onLayout(left: number, top: number, right: number, bottom: number): void;
+    onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
+    _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: MasonChild): void;
+}

package/scroll/index.ios.js

@@ -0,0 +1,120 @@
+import { CSSType, Utils, View } from '@nativescript/core';
+import { isMasonView_, style_, ViewBase } from '../common';
+import { Style } from '../style';
+import { Tree } from '../tree';
+let Scroll = class Scroll extends ViewBase {
+    constructor() {
+        super();
+        this._inBatch = false;
+        this._view = Tree.instance.createScrollView();
+        this[isMasonView_] = true;
+    }
+    get _styleHelper() {
+        if (this[style_] === undefined) {
+            this[style_] = Style.fromView(this, this._view);
+        }
+        return this[style_];
+    }
+    createNativeView() {
+        return this._view;
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    get ios() {
+        return this._view;
+    }
+    onLayout(left, top, right, bottom) {
+        super.onLayout(left, top, right, bottom);
+        // @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 = x + layout.width;
+            const height = y + 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.parent && !this.parent[isMasonView_]) {
+                // only call compute on the parent
+                if (this.width === 'auto' && this.height === 'auto') {
+                    // @ts-ignore
+                    this.ios.mason_computeWithSize(specWidth, specHeight);
+                    // this.ios.computeWithSize(specWidth, specHeight);
+                    // @ts-ignore
+                    const layout = this.ios.mason_layout();
+                    //const layout = this.ios.layout();
+                    const w = Utils.layout.makeMeasureSpec(layout.width, Utils.layout.EXACTLY);
+                    const h = Utils.layout.makeMeasureSpec(layout.height, Utils.layout.EXACTLY);
+                    this.eachLayoutChild((child) => {
+                        ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                    });
+                    this.setMeasuredDimension(w, h);
+                    return;
+                }
+                else {
+                    // @ts-ignore
+                    this.ios.mason_computeWithMaxContent();
+                    // // @ts-ignore
+                    // this.ios.computeWithMaxContent();
+                    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);
+                    this.eachLayoutChild((child) => {
+                        ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                    });
+                }
+            }
+            else {
+                // @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);
+                this.eachLayoutChild((child) => {
+                    ViewBase.measureChild(this, child, child._currentWidthMeasureSpec, child._currentHeightMeasureSpec);
+                });
+            }
+        }
+    }
+    // @ts-ignore
+    _addViewToNativeVisualTree(child, atIndex = -1) {
+        const nativeView = this._view;
+        // @ts-ignore
+        if (nativeView && child.nativeViewProtected) {
+            child._hasNativeView = true;
+            child._isMasonChild = true;
+            const index = atIndex <= -1 ? this._children.indexOf(child) : atIndex;
+            nativeView.addViewAt(child.nativeViewProtected, index);
+            return true;
+        }
+        return false;
+    }
+    // @ts-ignore
+    _removeViewFromNativeVisualTree(view) {
+        view[isMasonView_] = false;
+        // @ts-ignore
+        super._removeViewFromNativeVisualTree(view);
+    }
+};
+Scroll = __decorate([
+    CSSType('Scroll'),
+    __metadata("design:paramtypes", [])
+], Scroll);
+export { Scroll };
+//# sourceMappingURL=index.ios.js.map

package/scroll/index.ios.js.map

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

package/style.d.ts

@@ -1,7 +1,6 @@
-import type { Gap, GridAutoFlow, Length, LengthAuto, View } from '.';
+import type { GridAutoFlow, Length, LengthAuto, View } from '.';
 import { CoreTypes } from '@nativescript/core';
-import { JustifySelf } from './helpers';
-export declare type OverFlow = 'visible' | 'hidden' | 'scroll';
+export type OverFlow = 'visible' | 'hidden' | 'scroll' | 'clip' | 'auto';
 export declare class Style {
     private view_;
     private style_view;
@@ -9,22 +8,37 @@ export declare class Style {
     private isDirty;
     private isTextDirty;
     private inBatch;
-    static fromView(view: View, nativeView: any, isText?: boolean): Style;
+    private nativeView;
+    static fromView(view: View, nativeView: any): Style;
     resetState(): void;
     private syncStyle;
     private setOrAppendState;
     private setOrAppendTextState;
     batch(fn: (style: Style) => void): void;
     get view(): View;
+    get boxSizing(): 'border-box' | 'content-box';
+    set boxSizing(value: 'border-box' | 'content-box');
+    get fontSize(): number | {
+        value: number;
+        unit: 'dip' | 'px' | '%';
+    };
+    set fontSize(value: number | {
+        value: number;
+        unit: 'dip' | 'px' | '%';
+    });
+    get fontStyle(): 'normal' | 'italic' | 'oblique' | `oblique ${number}deg`;
+    set fontStyle(value: 'normal' | 'italic' | 'oblique' | `oblique ${number}deg`);
+    get fontWeight(): '100' | '200' | '300' | 'normal' | '400' | '500' | '600' | 'bold' | '700' | '800' | '900' | number;
+    set fontWeight(value: '100' | '200' | '300' | 'normal' | '400' | '500' | '600' | 'bold' | '700' | '800' | '900' | number);
     get color(): number;
     set color(value: number);
     get backgroundColor(): number;
     set backgroundColor(value: number);
-    get textWrap(): number;
-    set textWrap(value: number);
+    get textWrap(): number | 'nowrap' | 'wrap' | 'balance';
+    set textWrap(value: number | 'nowrap' | 'wrap' | 'balance');
     get styleView(): DataView;
-    get display(): 'none' | 'flex' | 'grid' | 'block';
-    set display(value: 'none' | 'flex' | 'grid' | 'block');
+    get display(): 'none' | 'flex' | 'grid' | 'block' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid';
+    set display(value: 'none' | 'flex' | 'grid' | 'block' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid');
     get position(): 'relative' | 'absolute';
     set position(value: 'relative' | 'absolute');
     get flexDirection(): 'column' | 'row' | 'column-reverse' | 'row-reverse';
@@ -43,22 +57,22 @@ export declare class Style {
     set maxWidth(value: LengthAuto);
     get maxHeight(): LengthAuto;
     set maxHeight(value: LengthAuto);
-    get borderLeft(): Length;
-    set borderLeft(value: Length);
-    get borderRight(): Length;
-    set borderRight(value: Length);
-    get borderTop(): Length;
-    set borderTop(value: Length);
-    get borderBottom(): Length;
-    set borderBottom(value: Length);
-    get left(): Length;
-    set left(value: Length);
-    get right(): Length;
-    set right(value: Length);
-    get top(): Length;
-    set top(value: Length);
-    get bottom(): Length;
-    set bottom(value: Length);
+    get borderLeftWidth(): Length;
+    set borderLeftWidth(value: Length);
+    get borderRightWidth(): Length;
+    set borderRightWidth(value: Length);
+    get borderTopWidth(): Length;
+    set borderTopWidth(value: Length);
+    get borderBottomWidth(): Length;
+    set borderBottomWidth(value: Length);
+    get left(): LengthAuto;
+    set left(value: LengthAuto);
+    get right(): LengthAuto;
+    set right(value: LengthAuto);
+    get top(): LengthAuto;
+    set top(value: LengthAuto);
+    get bottom(): LengthAuto;
+    set bottom(value: LengthAuto);
     get marginLeft(): LengthAuto;
     set marginLeft(value: LengthAuto);
     get marginRight(): LengthAuto;
@@ -76,7 +90,10 @@ export declare class Style {
     set paddingTop(value: Length);
     get paddingBottom(): Length;
     set paddingBottom(value: Length);
+    get gridGap(): string;
+    set gridGap(value: string);
     get gap(): string;
+    set gap(value: string);
     get rowGap(): Length;
     set rowGap(value: Length);
     get columnGap(): Length;
@@ -91,46 +108,79 @@ export declare class Style {
     set alignSelf(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
     get alignContent(): 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'center' | 'end' | 'start' | 'stretch';
     set alignContent(value: 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'center' | 'end' | 'start' | 'stretch');
-    justifyItems: JustifyItems;
-    justifySelf: JustifySelf;
+    get justifyItems(): 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    set justifyItems(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
+    get justifySelf(): 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    set justifySelf(value: 'normal' | 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end');
     get justifyContent(): 'normal' | 'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end';
     set justifyContent(value: 'normal' | 'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end');
-    gridAutoRows: string;
-    gridAutoColumns: string;
+    get gridAutoRows(): string;
+    set gridAutoRows(value: string);
+    get gridAutoColumns(): string;
+    set gridAutoColumns(value: string);
     get gridAutoFlow(): GridAutoFlow;
     set gridAutoFlow(value: GridAutoFlow);
-    gridRowGap: Gap;
-    gridColumnGap: Gap;
-    gridArea: string;
-    gridColumn: string;
-    gridColumnStart: string;
-    gridColumnEnd: string;
-    gridRow: string;
-    gridRowStart: string;
-    gridRowEnd: string;
-    gridTemplateRows: string;
-    gridTemplateColumns: string;
+    get gridRowGap(): Length;
+    set gridRowGap(value: Length);
+    get gridColumnGap(): Length;
+    set gridColumnGap(value: Length);
+    set gridColumn(value: string);
+    get gridColumn(): string;
+    get gridColumnStart(): string;
+    set gridColumnStart(value: string);
+    get gridColumnEnd(): string;
+    set gridColumnEnd(value: string);
+    set gridRow(value: string);
+    get gridRow(): string;
+    get gridRowStart(): string;
+    set gridRowStart(value: string);
+    get gridRowEnd(): string;
+    set gridRowEnd(value: string);
+    set gridArea(value: string);
+    get gridArea(): string;
+    set gridTemplateRows(value: string);
+    get gridTemplateRows(): string;
+    get gridTemplateColumns(): string;
+    set gridTemplateColumns(value: string);
+    get gridTemplateAreas(): string;
+    set gridTemplateAreas(value: string);
     get overflow(): OverFlow | `${OverFlow} ${OverFlow}`;
     set overflow(value: OverFlow | `${OverFlow} ${OverFlow}`);
-    get overflowX(): 'visible' | 'hidden' | 'scroll';
-    set overflowX(value: 'visible' | 'hidden' | 'scroll');
-    get overflowY(): 'visible' | 'hidden' | 'scroll';
-    set overflowY(value: 'visible' | 'hidden' | 'scroll');
+    get overflowX(): OverFlow;
+    set overflowX(value: OverFlow);
+    get overflowY(): OverFlow;
+    set overflowY(value: OverFlow);
     get flexGrow(): number;
     set flexGrow(value: number);
     get flexShrink(): number;
     set flexShrink(value: number);
     get scrollBarWidth(): number | CoreTypes.LengthType;
     set scrollBarWidth(value: number | CoreTypes.LengthType);
+    get letterSpacing(): number | CoreTypes.LengthType;
+    set letterSpacing(value: number | CoreTypes.LengthType);
+    get lineHeight(): number | CoreTypes.LengthType;
+    set lineHeight(value: number | CoreTypes.LengthType);
+    get textOverflow(): 'clip' | 'ellipsis' | `${string}`;
+    set textOverflow(value: 'clip' | 'ellipsis' | `${string}`);
+    get textAlignment(): 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';
+    set textAlignment(value: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end');
+    get background(): string;
+    set background(value: string);
+    get borderRadius(): string;
+    set borderRadius(value: string);
+    get border(): string;
+    set border(value: string);
+    get filter(): string;
+    set filter(value: string);
     toJSON(): {
-        display: "none" | "flex" | "grid" | "block";
+        display: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid";
         position: "relative" | "absolute";
         flexDirection: "row" | "row-reverse" | "column" | "column-reverse";
-        flexWrap: "no-wrap" | "wrap" | "wrap-reverse";
-        justifyContent: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
-        alignItems: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "stretch" | "baseline";
-        alignContent: "normal" | "start" | "end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
-        alignSelf: "normal" | "flex-start" | "flex-end" | "start" | "end" | "center" | "stretch" | "baseline";
+        flexWrap: "wrap" | "wrap-reverse" | "no-wrap";
+        justifyContent: "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "stretch" | "space-between" | "space-around" | "space-evenly";
+        alignItems: "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "baseline" | "stretch";
+        alignContent: "center" | "normal" | "start" | "end" | "stretch" | "space-between" | "space-around" | "space-evenly";
+        alignSelf: "center" | "normal" | "flex-start" | "flex-end" | "start" | "end" | "baseline" | "stretch";
         flexGrow: number;
         minWidth: LengthAuto;
         minHeight: LengthAuto;
@@ -139,10 +189,10 @@ export declare class Style {
         width: LengthAuto;
         height: LengthAuto;
         inset: {
-            left: Length;
-            right: Length;
-            top: Length;
-            bottom: Length;
+            left: LengthAuto;
+            right: LengthAuto;
+            top: LengthAuto;
+            bottom: LengthAuto;
         };
         margin: {
             left: LengthAuto;
@@ -156,11 +206,20 @@ export declare class Style {
             top: Length;
             bottom: Length;
         };
+        aspectRatio: number;
+        flexBasis: LengthAuto;
+        overflow: OverFlow | "visible visible" | "visible hidden" | "visible scroll" | "visible clip" | "visible auto" | "hidden visible" | "hidden hidden" | "hidden scroll" | "hidden clip" | "hidden auto" | "scroll visible" | "scroll hidden" | "scroll scroll" | "scroll clip" | "scroll auto" | "clip visible" | "clip hidden" | "clip scroll" | "clip clip" | "clip auto" | "auto visible" | "auto hidden" | "auto scroll" | "auto clip" | "auto auto";
+        flexShrink: number;
+        scrollBarWidth: CoreTypes.LengthType;
         gap: string;
+        gridArea: string;
         gridAutoFlow: GridAutoFlow;
         gridAutoColumns: string;
         gridAutoRows: string;
         gridColumn: string;
         gridRow: string;
+        gridTemplateRows: string;
+        gridTemplateColumns: string;
+        filter: string;
     };
 }