feat: widgets

Author: triniwiz

README.md

@@ -35,6 +35,7 @@
 - [@nativescript/social-share](packages/social-share/README.md)
 - [@nativescript/theme-switcher](packages/theme-switcher/README.md)
 - [@nativescript/twitter](packages/twitter/README.md)
+- [@nativescript/widgets](packages/widgets/README.md)
 - [@nativescript/zip](packages/zip/README.md)
 
 # How to use?

apps/demo/package.json

@@ -42,7 +42,8 @@
 		"@nativescript/social-share": "file:../../packages/social-share",
 		"@nativescript/theme-switcher": "file:../../packages/theme-switcher",
 		"@nativescript/twitter": "file:../../packages/twitter",
-		"@nativescript/zip": "file:../../packages/zip"
+		"@nativescript/zip": "file:../../packages/zip",
+		"@nativescript/widgets": "file:../../packages/widgets"
 	},
 	"devDependencies": {
 		"@nativescript/android": "~9.0.0",

apps/demo/src/main-page.xml

@@ -1,5 +1,6 @@
 
 <Button text="google-mobile-ads" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/><Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+<Button text="widgets" tap="{{ viewDemo }}" class="btn btn-primary rounded view-demo"/>
   <Page.actionBar>
     <ActionBar title="Plugin Demos" icon="" class="action-bar"/>
   </Page.actionBar>

apps/demo/src/plugin-demos/widgets.ts

@@ -0,0 +1,10 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedWidgets } from '@demo/shared';
+import {} from '@nativescript/widgets';
+
+export function navigatingTo(args: EventData) {
+	const page = <Page>args.object;
+	page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedWidgets {}

apps/demo/src/plugin-demos/widgets.xml

@@ -0,0 +1,14 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+    <Page.actionBar>
+        <ActionBar title="widgets" icon="" class="action-bar">
+        </ActionBar>
+    </Page.actionBar>
+    <StackLayout class="p-20">
+        <ScrollView class="h-full">
+          <StackLayout>
+            <Button text="Test widgets" tap="{{ testIt }}" class="btn btn-primary"/>
+
+          </StackLayout>
+        </ScrollView>
+    </StackLayout>
+</Page>

apps/demo/tsconfig.json

@@ -51,7 +51,8 @@
 			"@nativescript/google-mobile-ads/angular": ["../../packages/google-mobile-ads/angular/index.ts"],
 			"@nativescript/google-maps-utils": ["../../packages/google-maps-utils/index.d.ts"],
 			"@nativescript/keyboard-toolbar": ["../../packages/keyboard-toolbar/index.d.ts"],
-			"@nativescript/input-accessory": ["../../packages/input-accessory/index.d.ts"]
+			"@nativescript/input-accessory": ["../../packages/input-accessory/index.d.ts"],
+			"@nativescript/widgets": ["../../packages/widgets/index.d.ts"]
 		}
 	}
 }

packages/widgets/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+	"extends": ["../../.eslintrc.json"],
+	"ignorePatterns": ["!**/*", "node_modules/**/*"],
+	"overrides": [
+		{
+			"files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+			"rules": {}
+		},
+		{
+			"files": ["*.ts", "*.tsx"],
+			"rules": {}
+		},
+		{
+			"files": ["*.js", "*.jsx"],
+			"rules": {}
+		}
+	]
+}