@triniwiz/nativescript-masonkit 1.0.0-alpha.1 → 1.0.0-alpha.11

package/index.d.ts

@@ -1,16 +1,19 @@
 import { CoreTypes } from '@nativescript/core';
 
-import { TSCViewBase } from './common';
+import { TextBase, ViewBase } from './common';
+import { LengthPercentage } from '@nativescript/core/css/parser';
 
-export type Length = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit;
+export type Length = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | CoreTypes.LengthPercentUnit;
 
-export type LengthAuto = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | 'auto';
+export type LengthAuto = CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit | CoreTypes.LengthPercentUnit | 'auto';
 
 export type SizeLength = { width: LengthType; height: LengthType };
 
 export type Position = 'absolute' | 'relative';
 
-export type Display = 'none' | 'flex' | 'grid';
+export type Display = 'none' | 'flex' | 'grid' | 'block';
+
+export type Overflow = 'visible' | 'hidden' | 'scroll';
 
 export type FlexWrap = 'no-wrap' | 'wrap' | 'wrap-reverse';
 
@@ -32,17 +35,101 @@ export type JustifySelf = AlignSelf;
 
 export type JustifyContent = AlignContent;
 
-export type GridAutoFlow = 'row' | 'column' | 'row-dense' | 'column-dense';
-
-export { applyMixins } from './helpers';
-
-export class TSCView extends TSCViewBase {}
-
-export class Grid extends TSCView {}
-
-export class Flex extends TSCView {}
+export type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense' | 'dense';
+
+export class View extends ViewBase {
+  display: Display;
+  position: Position;
+  flexDirection: FlexDirection;
+  flexWrap: FlexWrap;
+  flex: string | 'auto' | 'none' | number | 'initial';
+  flexFlow: string;
+  width: LengthAuto;
+  height: LengthAuto;
+  maxWidth: LengthAuto;
+  maxHeight: LengthAuto;
+  left: Length;
+  right: Length;
+  top: Length;
+  bottom: Length;
+  gridGap: Gap;
+  gap: Gap;
+  rowGap: Length;
+  columnGap: Length;
+  aspectRatio: number;
+  flexBasis: Length;
+  alignItems: AlignItems;
+  alignSelf: AlignSelf;
+  alignContent: AlignContent;
+  justifyItems: JustifyItems;
+  justifySelf: JustifySelf;
+  justifyContent: JustifyContent;
+  gridAutoRows: string;
+  gridAutoColumns: string;
+  gridAutoFlow: GridAutoFlow;
+  gridRowGap: Gap;
+  gridColumnGap: Gap;
+  gridArea: string;
+  gridColumn: string;
+  gridColumnStart: string;
+  gridColumnEnd: string;
+  gridRow: string;
+  gridRowStart: string;
+  gridRowEnd: string;
+  gridTemplateRows: string;
+  gridTemplateColumns: string;
+  overflow: Overflow;
+  overflowX: Overflow;
+  overflowY: Overflow;
+  scrollBarWidth: number | CoreTypes.LengthType;
+}
 
-export class Container extends TSCView {}
+export class Text extends TextBase {
+  display: Display;
+  position: Position;
+  flexDirection: FlexDirection;
+  flexWrap: FlexWrap;
+  flex: string | 'auto' | 'none' | number | 'initial';
+  flexFlow: string;
+  width: LengthAuto;
+  height: LengthAuto;
+  maxWidth: LengthAuto;
+  maxHeight: LengthAuto;
+  left: Length;
+  right: Length;
+  top: Length;
+  bottom: Length;
+  gridGap: Gap;
+  gap: Gap;
+  rowGap: Length;
+  columnGap: Length;
+  aspectRatio: number;
+  flexBasis: Length;
+  alignItems: AlignItems;
+  alignSelf: AlignSelf;
+  alignContent: AlignContent;
+  justifyItems: JustifyItems;
+  justifySelf: JustifySelf;
+  justifyContent: JustifyContent;
+  gridAutoRows: string;
+  gridAutoColumns: string;
+  gridAutoFlow: GridAutoFlow;
+  gridRowGap: Gap;
+  gridColumnGap: Gap;
+  gridArea: string;
+  gridColumn: string;
+  gridColumnStart: string;
+  gridColumnEnd: string;
+  gridRow: string;
+  gridRowStart: string;
+  gridRowEnd: string;
+  gridTemplateRows: string;
+  gridTemplateColumns: string;
+  overflow: Overflow;
+  overflowX: Overflow;
+  overflowY: Overflow;
+  scrollBarWidth: number | CoreTypes.LengthType;
+}
 
 declare module '@nativescript/core/ui/styling/style' {
   interface Style {
@@ -50,10 +137,12 @@ declare module '@nativescript/core/ui/styling/style' {
     position: Position;
     flexDirection: FlexDirection;
     flexWrap: FlexWrap;
-    width: Length;
-    height: Length;
-    maxWidth: Length;
-    maxHeight: Length;
+    flex: string | 'auto' | 'none' | number | 'initial';
+    flexFlow: string;
+    width: LengthPercentage | string | number;
+    height: LengthPercentage | string | number;
+    maxWidth: LengthPercentage | string | number;
+    maxHeight: LengthPercentage | string | number;
     left: Length;
     right: Length;
     top: Length;
@@ -63,6 +152,7 @@ declare module '@nativescript/core/ui/styling/style' {
     rowGap: Length;
     columnGap: Length;
     aspectRatio: number;
+    flexBasis: LengthPercentage | string | number;
     alignItems: AlignItems;
     alignSelf: AlignSelf;
     alignContent: AlignContent;
@@ -83,5 +173,9 @@ declare module '@nativescript/core/ui/styling/style' {
     gridRowEnd: string;
     gridTemplateRows: string;
     gridTemplateColumns: string;
+    overflow: Overflow;
+    overflowX: Overflow;
+    overflowY: Overflow;
+    scrollBarWidth: number | CoreTypes.LengthType;
   }
 }

package/index.ios.d.ts

@@ -1,27 +1,48 @@
-import { ViewBase } from '@nativescript/core';
-import { TSCViewBase } from './common';
-export declare class TSCView extends TSCViewBase {
-    __masonStylePtr: number;
-    get _masonStylePtr(): number;
-    __masonNodePtr: number;
-    get _masonNodePtr(): number;
-    __masonPtr: number;
-    get _masonPtr(): number;
+import { Color } from '@nativescript/core';
+import { MasonChild, style_, TextBase, ViewBase } from './common';
+export declare class Tree {
+    _base: NSCMason;
+    private static _tree;
+    constructor();
+    static get instance(): Tree;
+    get native(): NSCMason;
+    createView(): MasonUIView;
+    createTextView(): MasonText;
+}
+export declare class View extends ViewBase {
+    [style_]: any;
+    private _view;
+    constructor();
+    get _styleHelper(): any;
     _hasNativeView: boolean;
-    createNativeView(): UIView;
+    _inBatch: boolean;
+    createNativeView(): MasonUIView;
     disposeNativeView(): void;
-    get ios(): UIView;
+    get ios(): MasonUIView;
     onLayout(left: number, top: number, right: number, bottom: number): void;
     onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
-    layoutNativeView(): void;
-    _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean;
-    _removeViewFromNativeVisualTree(view: ViewBase): void;
-}
-export declare class Grid extends TSCView {
-    createNativeView(): any;
-}
-export declare class Flex extends TSCView {
-    createNativeView(): any;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
+    _addViewToNativeVisualTree(child: MasonChild, atIndex?: number): boolean;
+    _removeViewFromNativeVisualTree(view: MasonChild): void;
 }
-export declare class Container extends TSCView {
+export declare class Text extends TextBase {
+    [style_]: any;
+    _hasNativeView: boolean;
+    _inBatch: boolean;
+    _isText: boolean;
+    private _view;
+    constructor();
+    get ios(): MasonText;
+    get _styleHelper(): any;
+    createNativeView(): MasonText;
+    get text(): string;
+    set text(value: string);
+    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;
+    _setNativeViewFrame(nativeView: any, frame: CGRect): void;
 }