diff --git a/packages/standard-components/components.json b/packages/standard-components/components.json index ccba75c0cb..b17e14926d 100644 --- a/packages/standard-components/components.json +++ b/packages/standard-components/components.json @@ -28,12 +28,11 @@ } }, "button" : { - "importPath": "button", "name": "Button", "description": "an html ", "props": { "contentText": { "type": "string", "default": "Button" }, - "className": {"type": "string", "default": "default"}, + "className": "string", "disabled": "bool", "onClick": "event", "background": "string", @@ -47,7 +46,6 @@ "tags": ["button"] }, "login" : { - "importPath": "Login", "name": "Login Control", "description": "A control that accepts username, password an also handles password resets", "props" : { @@ -61,34 +59,7 @@ }, "tags": ["login", "credentials", "password", "logon"] }, - "form" : { - "importPath": "Form", - "name": "Form", - "description": "A form - allgned fields with labels", - "props" : { - "containerClass": "string", - "formControls": { - "type":"array", - "elementDefinition": { - "label": "string" - } - } - }, - "tags": ["form"] - }, - "textbox" : { - "importPath": "Textbox", - "name": "Textbox", - "description": "An input type=text or password", - "props" : { - "value": "string", - "hideValue": "bool", - "className": {"type": "string", "default": "default"} - }, - "tags": ["form"] - }, "input" : { - "importPath": "Input", "name": "Input", "description": "An HTML input", "props" : { @@ -103,14 +74,14 @@ "tel", "time", "week"], "default":"text" }, - "className": {"type": "string", "default": "default"} + "className": "string" }, "tags": ["form"] }, "select" : { - "importPath": "Input", "name": "Input", "description": "An HTML input", + "children": false, "props" : { "value": "string", "options": { @@ -120,64 +91,16 @@ "value":"string" } }, - "className": {"type": "string", "default": "default"} + "className": "string" }, "tags": ["form"] }, - "stackpanel": { - "importPath": "StackPanel", - "name": "StackPanel", - "description": "Layout elements in a stack, either horizontally or vertically", - "props" : { - "direction": { - "type": "options", - "options": ["horizontal", "vertical"], - "default":"horizontal" - }, - "width": {"type":"string","default":"auto"}, - "height": {"type":"string","default":"auto"}, - "containerClass":"string", - "itemContainerClass":"string", - "data": "state", - "onLoad": "event" - }, - "tags": ["div", "container", "layout", "panel"] - }, - "grid": { - "importPath": "Grid", - "name": "Grid", - "description": "CSS Grid layout ", - "props" : { - "gridTemplateRows": "string", - "gridTemplateColumns": "string", - "children": { - "type":"array", - "elementDefinition": { - "gridColumnStart":"string", - "gridColumnEnd":"string", - "gridRowStart":"string", - "gridRowEnd":"string", - "justifySelf": { - "type":"options", - "options":["start", "center", "end", "stretch"], - "default":"stretch" - } - } - }, - "width": {"type":"string","default":"auto"}, - "height": {"type":"string","default":"auto"}, - "containerClass":"string", - "itemContainerClass":"string" - }, - "tags": ["div", "container", "layout", "panel", "grid"] - }, "text": { - "importPath": "Text", "name": "Text", "description": "stylable block of text", + "children": false, "props" : { "value": "string", - "containerClass": "string", "font": "string", "color": "string", "textAlign": { @@ -193,48 +116,11 @@ "options": [ "top", "middle", "bottom" ] - }, - "display": { - "type": "options", - "default":"inline", - "options": [ - "inline", "block", "inline-block" - ] - } - }, - "tags": ["div", "container"] - }, - "panel": { - "importPath": "Panel", - "name": "Panel", - "description": "A stylable div with a component inside", - "props" : { - "text": "string", - "containerClass": "string", - "background": "string", - "border": "string", - "borderRadius":"string", - "font": "string", - "color": "string", - "padding": "string", - "margin": "string", - "hoverColor": "string", - "hoverBackground": "string", - "height":"string", - "width":"string", - "onClick": "event", - "display": { - "type": "options", - "default":"inline", - "options": [ - "inline", "block", "inline-block" - ] } }, "tags": ["div", "container"] }, "nav": { - "importPath": "Nav", "name": "Nav", "description": "A nav - a side bar of buttons that control the currently active component", "props" : { @@ -246,12 +132,6 @@ "selectedItemBorder": "string", "itemHoverBackground": {"type" :"string", "default":"gainsboro"}, "itemHoverColor": {"type" :"string", "default":"black"}, - "items": { - "type": "array", - "elementDefinition" : { - "title": "string" - } - }, "selectedItem":"string", "hideNavBar":"bool" @@ -259,7 +139,6 @@ "tags": ["nav", "navigation", "sidebar"] }, "table": { - "importPath": "Table", "name": "Table", "description": "An HTML table", "props" : { @@ -281,18 +160,10 @@ "tags": ["table"] }, "div": { - "importPath": "Div", "name": "Div", "description": "An HTML div tag", "props" : { - "children": { - "type":"array", - "elementDefinition": { - "className": "string" - } - }, "className":"string", - "data": "state", "onLoad": "event" }, "tags": ["div", "container", "layout"] diff --git a/packages/standard-components/package.json b/packages/standard-components/package.json index de268cc69d..5b7cb279f0 100644 --- a/packages/standard-components/package.json +++ b/packages/standard-components/package.json @@ -13,6 +13,7 @@ }, "devDependencies": { "@budibase/client": "^0.0.15", + "@nx-js/compiler-util": "^2.0.0", "fs-extra": "^8.1.0", "lodash": "^4.17.15", "npm-run-all": "^4.1.5", diff --git a/packages/standard-components/public/bundle.css b/packages/standard-components/public/bundle.css index 91d965dc0e..898d5d1023 100644 --- a/packages/standard-components/public/bundle.css +++ b/packages/standard-components/public/bundle.css @@ -1,13 +1,8 @@ -#current_component.svelte-1xqz9vm{height:100%;width:100%} -.root.svelte-10kw8to{display:grid} +#current_component.svelte-uuhis1{height:100%;width:100%} .root.svelte-crnq0a{height:100%;display:grid;grid-template-columns:[left] 1fr [middle] auto [right] 1fr;grid-template-rows:[top] 1fr [center] auto [bottom] 1fr}.content.svelte-crnq0a{grid-column-start:middle;grid-row-start:center;width:400px}.logo-container.svelte-crnq0a{margin-bottom:20px }.logo-container.svelte-crnq0a>img.svelte-crnq0a{max-width:100%}.login-button-container.svelte-crnq0a{text-align:right;margin-top:20px}.incorrect-details-panel.svelte-crnq0a{margin-top:30px;padding:10px;border-style:solid;border-width:1px;border-color:maroon;border-radius:1px;text-align:center;color:maroon;background-color:mistyrose}.form-root.svelte-crnq0a{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-crnq0a{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-crnq0a{grid-column-start:control;padding:5px 10px}.default-input.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default-button.svelte-crnq0a{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default-button.svelte-crnq0a:active{background-color:#ddd}.default-button.svelte-crnq0a:focus{border-color:#666} -.form-root.svelte-m9d6ue{display:grid;grid-template-columns:[label] auto [control] 1fr}.label.svelte-m9d6ue{grid-column-start:label;padding:5px 10px;vertical-align:middle}.control.svelte-m9d6ue{grid-column-start:control;padding:5px 10px}.overflow.svelte-m9d6ue{grid-column-start:overflow}.full-width.svelte-m9d6ue{width:100%} -.panel.svelte-1nuhpxd:hover{background:var(--hoverBackground);color:var(--hoverColor)} .root.svelte-aihwli{height:100%;width:100%;grid-template-columns:[navbar] auto [content] 1fr;display:grid}.navbar.svelte-aihwli{grid-column:navbar;background:var(--navBarBackground);border:var(--navBarBorder);color:var(--navBarColor)}.navitem.svelte-aihwli{padding:10px 17px;cursor:pointer}.navitem.svelte-aihwli:hover{background:var(--itemHoverBackground);color:var(--itemHoverColor)}.navitem.selected.svelte-aihwli{background:var(--selectedItemBackground);border:var(--selectedItemBorder);color:var(--selectedItemColor)}.content.svelte-aihwli{grid-column:content} -.default.svelte-1ec4wqj{width:100%;font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;width:100%}.default.svelte-1ec4wqj:disabled{color:#ccc} -.horizontal.svelte-osi0db{display:inline-block}.vertical.svelte-osi0db{display:block} -.default.svelte-181okpd{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default.svelte-181okpd:active{background-color:#ddd}.default.svelte-181okpd:focus{border-color:#666}.border.svelte-181okpd{border:var(--border)}.color.svelte-181okpd{color:var(--color)}.background.svelte-181okpd{background:var(--background)}.hoverBorder.svelte-181okpd:hover{border:var(--hoverBorder)}.hoverColor.svelte-181okpd:hover{color:var(--hoverColor)}.hoverBack.svelte-181okpd:hover{background:var(--hoverBackground)} +.default.svelte-1smqkrd{font-family:inherit;font-size:inherit;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;color:#333;background-color:#f4f4f4;outline:none}.default.svelte-1smqkrd:active{background-color:#ddd}.default.svelte-1smqkrd:focus{border-color:#666}.border.svelte-1smqkrd{border:var(--border)}.color.svelte-1smqkrd{color:var(--color)}.background.svelte-1smqkrd{background:var(--background)}.hoverBorder.svelte-1smqkrd:hover{border:var(--hoverBorder)}.hoverColor.svelte-1smqkrd:hover{color:var(--hoverColor)}.hoverBack.svelte-1smqkrd:hover{background:var(--hoverBackground)} .table-default.svelte-h8rqk6{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.table-default.svelte-h8rqk6 .thead-default .th-default.svelte-h8rqk6{vertical-align:bottom;border-bottom:2px solid #dee2e6;font-weight:bold}.table-default.svelte-h8rqk6 .th-default.svelte-h8rqk6{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;font-weight:normal}.th-default.svelte-h8rqk6{text-align:inherit}.table-default.svelte-h8rqk6 .tbody-default .tr-default.svelte-h8rqk6:hover{color:#212529;background-color:rgba(0,0,0,.075);cursor:pointer} /*# sourceMappingURL=bundle.css.map */ \ No newline at end of file diff --git a/packages/standard-components/public/bundle.css.map b/packages/standard-components/public/bundle.css.map index 99a89eea73..88b61cfa1d 100644 --- a/packages/standard-components/public/bundle.css.map +++ b/packages/standard-components/public/bundle.css.map @@ -3,28 +3,18 @@ "file": "bundle.css", "sources": [ "..\\src\\Test\\TestApp.svelte", - "..\\src\\Grid.svelte", "..\\src\\Login.svelte", - "..\\src\\Form.svelte", - "..\\src\\Panel.svelte", "..\\src\\Nav.svelte", - "..\\src\\Textbox.svelte", - "..\\src\\StackPanel.svelte", "..\\src\\Button.svelte", "..\\src\\Table.svelte" ], "sourcesContent": [ - "\n\n{#await _appPromise}\nloading\n{:then _bb}\n\n
{col.title} | \r\n {/each}\r\n
---|
{cellValue(index, row)} | \r\n {/each}\r\n
{col.title} | \r\n {/each}\r\n
---|
{cellValue(index, row)} | \r\n {/each}\r\n