noodl-ui

React library for NOODL on the client side

Install

npm install --save noodl-ui

Action triggers

• onClick

Event handler data types (outdated)

• string: Provide our own custom function
• Array: Provide our own custom function
  • It represents a chain of actions
  • Each action in the action chain can have these possible actionTypes:
    1. builtIn - Provide our own function and logic to achieve the goal
    2. ecosConnection - Communicating with the eCOS
    3. pageJump - Navigating to a page
    4. updateObject - Updates the global root object afer receiving its data

YAML Document Node Interfaces

Name	TS type	YAML Node
Action chain (key/value)	{ [key: string]: ActionObject[] }	YAMLPair
Action chain	ActionObject[]	YAMLSeq
Action object	ActionObject	YAMLMap

Custom integrations

• Some components are attached with the prop data-ux for UX interactions between the library and web apps

Transformations

Alignment

- textAlign: centerX

{ "textAlign": "center" }