Introducing Into Screen Widget

Introducing intro screen widget with swipeable containers and custom options to change slides using nanoflow

Author: diego-antonelli

.eslintrc.js

@@ -1,7 +1,11 @@
+const deepmerge = require("deepmerge");
+
 const base = require("@mendix/pluggable-widgets-tools/configs/eslint.ts.base.json");
 
-base.parserOptions.project = "./tsconfig.json";
+delete base.parserOptions.project;
 
-module.exports = {
-    ...base
-};
+module.exports = deepmerge(base, {
+    rules: {
+        "@typescript-eslint/ban-ts-ignore": "off"
+    }
+});

README.md

@@ -30,6 +30,7 @@ A bundle of R&D Platform supported widgets & nanoflow actions for building nativ
 | [Web view][]               | Display an external web page or load custom HTML.               |
 | [Animation][]              | Provides default animations for contents and widgets.           |
 | [List view swipe][]        | Show controls on swipe for an interactive list view.            |
+| [Intro screen][]           | Show swipeable containers to show contents as intros            |
 
 ## Web & Hybrid widgets
 
@@ -64,6 +65,7 @@ A bundle of R&D Platform supported widgets & nanoflow actions for building nativ
 [web view]: https://github.com/mendix/widgets-resources/blob/master/packages-native/web-view
 [animation]: https://github.com/mendix/widgets-resources/blob/master/packages-native/animation
 [list view swipe]: https://github.com/mendix/widgets-resources/blob/master/packages-native/listview-swipe
+[intro screen]: https://github.com/mendix/widgets-resources/blob/master/packages-native/intro-screen
 
 ## Included nanoflow actions
 

package-lock.json

@@ -9,9 +9,9 @@
         "postinstall": "lerna bootstrap --no-ci",
         "prettier": "prettier --config \"./prettier.config.js\" --write \"./**/{src,test}/**/*.{js,jsx,ts,tsx}\"",
         "format": "pretty-quick --staged",
-        "lint": "npm run lint:scripts && lerna run lint",
+        "lint": "npm run lint:scripts && lerna run lint --stream --concurrency 1",
         "lint:scripts": "eslint --config .eslintrc.js --ext .jsx,.js,.ts,.tsx packages-web/**/src packages-native/**/src",
-        "test": "lerna run test --ignore @widgets-resources/utils-react-widgets",
+        "test": "lerna run test --ignore @widgets-resources/utils-react-widgets --stream --concurrency 1",
         "build": "lerna run build --ignore @widgets-resources/utils-react-widgets",
         "publish": "ts-node --project ./scripts/tsconfig.json ./scripts/release/Release.ts",
         "version": "ts-node --project ./scripts/tsconfig.json ./scripts/release/BumpVersion.ts",
@@ -23,7 +23,7 @@
         "@commitlint/cli": "^7.5.2",
         "@commitlint/config-conventional": "^7.5.0",
         "@commitlint/config-lerna-scopes": "^7.5.1",
-        "@mendix/pluggable-widgets-tools": "^8.0.5",
+        "@mendix/pluggable-widgets-tools": "^8.2.0",
         "@types/big.js": "^4.0.5",
         "@types/classnames": "^2.2.4",
         "@types/dotenv": "^6.1.1",
@@ -48,6 +48,8 @@
         "check-dependencies": "^1.1.0",
         "cross-env": "^5.2.0",
         "dotenv": "^8.1.0",
+        "deepmerge": "^4.1.1",
+        "es-abstract": "^1.15.0",
         "gh-release": "^3.5.0",
         "gulp-change": "^1.0.2",
         "gulp-git": "^2.9.0",

package.json

@@ -23,6 +23,6 @@
         "postversion": "../../node_modules/.bin/ts-node ../../scripts/release/UpdateGithubRelease.ts --project ../../scripts/tsconfig.json"
     },
     "dependencies": {
-        "@native-mobile-resources/util-widgets": "^0.0.1"
+        "@native-mobile-resources/util-widgets": "^1.0.0"
     }
 }

packages-native/activity-indicator/package.json

@@ -40,6 +40,6 @@
     "dependencies": {
         "big.js": "^5.2.2",
         "react-native-animatable": "^1.3.2",
-        "@native-mobile-resources/util-widgets": "^0.0.1"
+        "@native-mobile-resources/util-widgets": "^1.0.0"
     }
 }

packages-native/animation/package.json

@@ -23,6 +23,6 @@
         "postversion": "../../node_modules/.bin/ts-node ../../scripts/release/UpdateGithubRelease.ts --project ../../scripts/tsconfig.json"
     },
     "devDependencies": {
-        "@native-mobile-resources/util-widgets": "^0.0.1"
+        "@native-mobile-resources/util-widgets": "^1.0.0"
     }
 }

packages-native/app-events/package.json

@@ -1,4 +1,4 @@
-import { actionValue } from "@native-mobile-resources/util-widgets/test";
+import { actionValue } from "@native-mobile-resources/util-widgets";
 import { createElement } from "react";
 import { AppStateStatus } from "react-native";
 import { flushMicrotasksQueue, render } from "react-native-testing-library";

packages-native/app-events/src/__tests__/AppEvents.spec.tsx

@@ -23,6 +23,6 @@
         "postversion": "../../node_modules/.bin/ts-node ../../scripts/release/UpdateGithubRelease.ts --project ../../scripts/tsconfig.json"
     },
     "dependencies": {
-        "@native-mobile-resources/util-widgets": "^0.0.1"
+        "@native-mobile-resources/util-widgets": "^1.0.0"
     }
 }

packages-native/badge/package.json

@@ -1,4 +1,4 @@
-import { actionValue, dynamicValue } from "@native-mobile-resources/util-widgets/test";
+import { actionValue, dynamicValue } from "@native-mobile-resources/util-widgets";
 import { createElement } from "react";
 import { Platform, Text } from "react-native";
 import { fireEvent, render } from "react-native-testing-library";