2019-08-20 08:18:23 +12:00
|
|
|
{
|
2019-09-11 16:18:00 +12:00
|
|
|
"_lib": "./dist/index.js",
|
2019-10-07 18:03:41 +13:00
|
|
|
"_generators": {
|
|
|
|
"_lib": "./dist/generators.js",
|
|
|
|
"app": {
|
|
|
|
"name": "App",
|
|
|
|
"description": "Generate app based on your backend"
|
|
|
|
},
|
|
|
|
"forms": {
|
|
|
|
"name": "Forms",
|
|
|
|
"description": "Generate forms, based on your records"
|
|
|
|
},
|
|
|
|
"buttons": {
|
|
|
|
"name": "Buttons",
|
|
|
|
"description": "Generate some styled buttons"
|
|
|
|
},
|
|
|
|
"headers": {
|
|
|
|
"name": "Headers",
|
|
|
|
"description": "Generate some styled headings"
|
|
|
|
},
|
|
|
|
"nav": {
|
|
|
|
"name": "Nav bar",
|
|
|
|
"description": "Generate a nav bar, based n your root records"
|
|
|
|
},
|
|
|
|
"indexTables": {
|
|
|
|
"name": "Nav bar",
|
|
|
|
"description": "Generate a table based on an index"
|
|
|
|
}
|
|
|
|
},
|
2019-08-20 08:18:23 +12:00
|
|
|
"button" : {
|
|
|
|
"name": "Button",
|
|
|
|
"description": "an html <button />",
|
|
|
|
"props": {
|
|
|
|
"contentText": { "type": "string", "default": "Button" },
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string",
|
2019-09-20 19:01:35 +12:00
|
|
|
"disabled": "bool",
|
2019-10-07 18:03:41 +13:00
|
|
|
"onClick": "event",
|
|
|
|
"background": "string",
|
|
|
|
"color": "string",
|
|
|
|
"border": "string",
|
|
|
|
"padding": "string",
|
|
|
|
"hoverColor": "string",
|
|
|
|
"hoverBackground": "string",
|
|
|
|
"hoverBorder": "string"
|
2019-08-20 08:18:23 +12:00
|
|
|
},
|
|
|
|
"tags": ["button"]
|
2019-08-27 18:32:56 +12:00
|
|
|
},
|
|
|
|
"login" : {
|
|
|
|
"name": "Login Control",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "A control that accepts username, password an also handles password resets",
|
2019-08-27 18:32:56 +12:00
|
|
|
"props" : {
|
|
|
|
"logo": "asset",
|
|
|
|
"loginRedirect": "string",
|
|
|
|
"usernameLabel": {"type":"string", "default": "Username"},
|
|
|
|
"passwordLabel": {"type":"string", "default": "Password"},
|
2019-09-19 15:35:40 +12:00
|
|
|
"loginButtonLabel": {"type":"string", "default": "Login"},
|
2019-09-29 18:40:06 +13:00
|
|
|
"buttonClass": "string",
|
|
|
|
"inputClass": "string"
|
2019-08-27 18:32:56 +12:00
|
|
|
},
|
|
|
|
"tags": ["login", "credentials", "password", "logon"]
|
|
|
|
},
|
2019-10-16 17:38:45 +13:00
|
|
|
"input" : {
|
|
|
|
"name": "Input",
|
|
|
|
"description": "An HTML input",
|
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
|
|
|
"type": {
|
|
|
|
"type":"options",
|
|
|
|
"options":[
|
|
|
|
"text", "password", "checkbox", "color",
|
|
|
|
"date", "datetime-local", "email",
|
|
|
|
"file", "hidden", "image", "month", "number",
|
|
|
|
"radio", "range", "reset", "search", "submit",
|
|
|
|
"tel", "time", "week"],
|
|
|
|
"default":"text"
|
|
|
|
},
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string"
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
|
|
|
"tags": ["form"]
|
|
|
|
},
|
|
|
|
"select" : {
|
|
|
|
"name": "Input",
|
|
|
|
"description": "An HTML input",
|
2020-01-18 22:00:18 +13:00
|
|
|
"children": false,
|
2019-10-16 17:38:45 +13:00
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
|
|
|
"options": {
|
|
|
|
"type" : "array",
|
|
|
|
"elementDefinition" : {
|
|
|
|
"id":"string",
|
|
|
|
"value":"string"
|
|
|
|
}
|
|
|
|
},
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string"
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
|
|
|
"tags": ["form"]
|
|
|
|
},
|
2019-09-19 15:35:40 +12:00
|
|
|
"text": {
|
|
|
|
"name": "Text",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "stylable block of text",
|
2020-01-18 22:00:18 +13:00
|
|
|
"children": false,
|
2019-09-19 15:35:40 +12:00
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
2019-09-26 16:40:58 +12:00
|
|
|
"font": "string",
|
|
|
|
"color": "string",
|
|
|
|
"textAlign": {
|
|
|
|
"type": "options",
|
|
|
|
"default":"inline",
|
|
|
|
"options": [
|
|
|
|
"left", "center", "right"
|
|
|
|
]
|
|
|
|
},
|
|
|
|
"verticalAlign": {
|
|
|
|
"type": "options",
|
|
|
|
"default":"inline",
|
|
|
|
"options": [
|
|
|
|
"top", "middle", "bottom"
|
|
|
|
]
|
2019-09-19 15:35:40 +12:00
|
|
|
}
|
|
|
|
},
|
|
|
|
"tags": ["div", "container"]
|
2019-09-26 16:40:58 +12:00
|
|
|
},
|
|
|
|
"nav": {
|
|
|
|
"name": "Nav",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "A nav - a side bar of buttons that control the currently active component",
|
2019-09-26 16:40:58 +12:00
|
|
|
"props" : {
|
|
|
|
"navBarBackground": {"type" :"string", "default":"silver"},
|
|
|
|
"navBarBorder": "string",
|
|
|
|
"navBarColor": {"type" :"string", "default":"black"},
|
|
|
|
"selectedItemBackground": {"type" :"string", "default":"white"},
|
|
|
|
"selectedItemColor": {"type" :"string", "default":"black"},
|
|
|
|
"selectedItemBorder": "string",
|
|
|
|
"itemHoverBackground": {"type" :"string", "default":"gainsboro"},
|
|
|
|
"itemHoverColor": {"type" :"string", "default":"black"},
|
2019-10-03 18:12:13 +13:00
|
|
|
"selectedItem":"string",
|
|
|
|
"hideNavBar":"bool"
|
2019-09-26 16:40:58 +12:00
|
|
|
|
|
|
|
},
|
|
|
|
"tags": ["nav", "navigation", "sidebar"]
|
2019-09-28 04:03:31 +12:00
|
|
|
},
|
|
|
|
"table": {
|
|
|
|
"name": "Table",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "An HTML table",
|
2019-09-28 04:03:31 +12:00
|
|
|
"props" : {
|
|
|
|
"data": "state",
|
|
|
|
"columns": {
|
|
|
|
"type": "array",
|
|
|
|
"elementDefinition" : {
|
|
|
|
"title": "string",
|
|
|
|
"value": "string"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"onRowClick":"event",
|
|
|
|
"tableClass": {"type":"string", "default":"table-default"},
|
|
|
|
"theadClass": {"type":"string", "default":"thead-default"},
|
|
|
|
"tbodyClass": {"type":"string", "default":"tbody-default"},
|
|
|
|
"trClass": {"type":"string", "default":"tr-default"},
|
|
|
|
"thClass": {"type":"string", "default":"th-default"}
|
|
|
|
},
|
|
|
|
"tags": ["table"]
|
2019-10-14 20:32:20 +13:00
|
|
|
},
|
|
|
|
"div": {
|
|
|
|
"name": "Div",
|
|
|
|
"description": "An HTML div tag",
|
|
|
|
"props" : {
|
|
|
|
"className":"string",
|
|
|
|
"onLoad": "event"
|
|
|
|
},
|
|
|
|
"tags": ["div", "container", "layout"]
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
|
|
|
"h1": {
|
|
|
|
"importPath": "h1",
|
|
|
|
"name": "H1",
|
|
|
|
"description": "An HTML H1 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": []
|
|
|
|
},
|
|
|
|
"h2": {
|
|
|
|
"importPath": "h2",
|
|
|
|
"name": "H2",
|
|
|
|
"description": "An HTML H2 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": []
|
|
|
|
},
|
|
|
|
"h3": {
|
|
|
|
"importPath": "h3",
|
|
|
|
"name": "H3",
|
|
|
|
"description": "An HTML H3 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": []
|
|
|
|
},
|
|
|
|
"h4": {
|
|
|
|
"importPath": "h4",
|
|
|
|
"name": "H4",
|
|
|
|
"description": "An HTML H4 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": []
|
|
|
|
},
|
|
|
|
"h5": {
|
|
|
|
"importPath": "h5",
|
|
|
|
"name": "H5",
|
|
|
|
"description": "An HTML H5 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": ["div", "container", "layout"]
|
|
|
|
},
|
|
|
|
"h6": {
|
|
|
|
"importPath": "h6",
|
|
|
|
"name": "H6",
|
|
|
|
"description": "An HTML H6 tag",
|
|
|
|
"props" : {
|
|
|
|
"text": "string",
|
|
|
|
"className":"string"
|
|
|
|
},
|
|
|
|
"tags": []
|
2019-08-20 08:18:23 +12:00
|
|
|
}
|
|
|
|
}
|