b7d9e05641
* typo - screens not being sent to page save * removed children arg from hydrateChildren (n/a) * initialiseChildren does not rerender unless forced * removed derivatives of initialiseChildren * renamed initialiseChildren > attachChildren * standard-components - refactoring div now container H1, h2... etc now Heading with type Select now takes option as _children * loads of bug fixing * safe props creation anytime props are loaded, we make sure they conform to the components props definition
182 lines
No EOL
3.9 KiB
JSON
182 lines
No EOL
3.9 KiB
JSON
{
|
|
"_lib": "./dist/index.js",
|
|
"_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"
|
|
}
|
|
},
|
|
"button" : {
|
|
"name": "Button",
|
|
"description": "an html <button />",
|
|
"props": {
|
|
"contentText": { "type": "string", "default": "Button" },
|
|
"className": "string",
|
|
"disabled": "bool",
|
|
"onClick": "event",
|
|
"background": "string",
|
|
"color": "string",
|
|
"border": "string",
|
|
"padding": "string",
|
|
"hoverColor": "string",
|
|
"hoverBackground": "string",
|
|
"hoverBorder": "string"
|
|
},
|
|
"tags": ["layout"]
|
|
},
|
|
"login" : {
|
|
"name": "Login Control",
|
|
"description": "A control that accepts username, password an also handles password resets",
|
|
"props" : {
|
|
"logo": "asset",
|
|
"loginRedirect": "string",
|
|
"usernameLabel": {"type":"string", "default": "Username"},
|
|
"passwordLabel": {"type":"string", "default": "Password"},
|
|
"loginButtonLabel": {"type":"string", "default": "Login"},
|
|
"buttonClass": "string",
|
|
"inputClass": "string"
|
|
},
|
|
"tags": ["login", "credentials", "password", "logon"]
|
|
},
|
|
"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"
|
|
},
|
|
"className": "string"
|
|
},
|
|
"tags": ["form"]
|
|
},
|
|
"select" : {
|
|
"name": "Select",
|
|
"description": "An HTML <select> (dropdown)",
|
|
"props" : {
|
|
"value": "string",
|
|
"className": "string"
|
|
}
|
|
},
|
|
"option" : {
|
|
"name": "Option",
|
|
"description": "An HTML <option>, to be used with <select>",
|
|
"children": false,
|
|
"props" : {
|
|
"value": "string",
|
|
"text": "string"
|
|
}
|
|
},
|
|
"text": {
|
|
"name": "Text",
|
|
"description": "stylable block of text",
|
|
"children": false,
|
|
"props" : {
|
|
"text": "string",
|
|
"font": "string",
|
|
"color": "string",
|
|
"textAlign": {
|
|
"type": "options",
|
|
"default":"inline",
|
|
"options": [
|
|
"left", "center", "right"
|
|
]
|
|
},
|
|
"verticalAlign": {
|
|
"type": "options",
|
|
"default":"inline",
|
|
"options": [
|
|
"top", "middle", "bottom"
|
|
]
|
|
},
|
|
"formattingTag": {
|
|
"type": "options",
|
|
"default":"none",
|
|
"options": [
|
|
"none",
|
|
"<b> - bold",
|
|
"<strong> - important",
|
|
"<i> - italic",
|
|
"<em> - emphasized",
|
|
"<mark> - marked text",
|
|
"<small> - small",
|
|
"<del> - deleted",
|
|
"<ins> - inserted",
|
|
"<sub> - subscript",
|
|
"<sup> - superscript"
|
|
]
|
|
}
|
|
},
|
|
"tags": ["div", "container"]
|
|
},
|
|
"container": {
|
|
"name": "Container",
|
|
"description": "An element that contains and lays out other elements. e.g. <div>, <header> etc",
|
|
"props" : {
|
|
"className":"string",
|
|
"onLoad": "event",
|
|
"type": {
|
|
"type": "options",
|
|
"options": [
|
|
"article",
|
|
"aside",
|
|
"details",
|
|
"div",
|
|
"firgure",
|
|
"figcaption",
|
|
"footer",
|
|
"header",
|
|
"main",
|
|
"mark",
|
|
"nav",
|
|
"paragraph",
|
|
"summary"
|
|
],
|
|
"default": "div"
|
|
}
|
|
},
|
|
"container": true,
|
|
"tags": ["div", "container", "layout"]
|
|
},
|
|
"heading": {
|
|
"name": "Heading",
|
|
"description": "An HTML H1 - H6 tag",
|
|
"props" : {
|
|
"className":"string",
|
|
"type": {
|
|
"type": "options",
|
|
"default": "h1",
|
|
"options": ["h1","h2","h3","h4","h5","h6"]
|
|
}
|
|
},
|
|
"tags": []
|
|
}
|
|
} |