2020-05-08 21:29:15 +02:00
|
|
|
import {
|
|
|
|
general,
|
|
|
|
layout,
|
|
|
|
typography,
|
|
|
|
border,
|
|
|
|
size,
|
|
|
|
background,
|
|
|
|
all,
|
|
|
|
} from "./propertyCategories.js"
|
2020-05-04 17:07:04 +02:00
|
|
|
|
2020-04-17 09:16:03 +02:00
|
|
|
export default {
|
|
|
|
categories: [
|
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Basic",
|
2020-04-20 14:40:29 +02:00
|
|
|
isCategory: true,
|
2020-04-22 08:25:59 +02:00
|
|
|
children: [
|
2020-05-03 12:33:20 +02:00
|
|
|
{
|
|
|
|
_component: "##builtin/screenslot",
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Screenslot",
|
|
|
|
description:
|
|
|
|
"This component is a placeholder for the rendering of a screen within a page.",
|
|
|
|
icon: "ri-crop-2-line",
|
2020-05-03 12:33:20 +02:00
|
|
|
commonProps: {},
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-03 12:33:20 +02:00
|
|
|
},
|
2020-04-17 09:16:03 +02:00
|
|
|
{
|
2020-04-22 12:52:55 +02:00
|
|
|
_component: "@budibase/standard-components/container",
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Container",
|
|
|
|
description: "This component contains things within itself",
|
|
|
|
icon: "ri-layout-row-fill",
|
2020-04-17 11:44:20 +02:00
|
|
|
commonProps: {},
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-08 21:29:15 +02:00
|
|
|
properties: { background, size },
|
2020-04-17 09:16:03 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Text",
|
|
|
|
description: "This is a simple text component",
|
|
|
|
icon: "ri-t-box-fill",
|
2020-04-17 11:44:20 +02:00
|
|
|
commonProps: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: [
|
2020-04-17 09:16:03 +02:00
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
_component: "@budibase/standard-components/heading",
|
|
|
|
name: "Headline",
|
2020-04-23 14:22:41 +02:00
|
|
|
description: "A component for displaying heading text",
|
|
|
|
icon: "ri-heading",
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {
|
2020-05-08 21:29:15 +02:00
|
|
|
...all
|
2020-04-22 12:52:55 +02:00
|
|
|
},
|
2020-04-17 09:16:03 +02:00
|
|
|
},
|
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
_component: "@budibase/standard-components/text",
|
|
|
|
name: "Paragraph",
|
2020-04-23 14:22:41 +02:00
|
|
|
description: "A component for displaying paragraph text.",
|
|
|
|
icon: 'ri-paragraph',
|
2020-05-08 21:29:15 +02:00
|
|
|
properties: { general, typography },
|
2020-04-17 09:16:03 +02:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
2020-04-23 14:22:41 +02:00
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Input",
|
2020-04-23 14:22:41 +02:00
|
|
|
description: "These components handle user input.",
|
2020-05-07 11:53:34 +02:00
|
|
|
icon: "ri-edit-box-line",
|
2020-04-23 14:22:41 +02:00
|
|
|
commonProps: {},
|
|
|
|
children: [
|
|
|
|
{
|
2020-05-04 18:13:57 +02:00
|
|
|
_component: "@budibase/standard-components/input",
|
2020-04-23 14:22:41 +02:00
|
|
|
name: "Textfield",
|
|
|
|
description: "A textfield component that allows the user to input text.",
|
|
|
|
icon: 'ri-edit-box-line',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {}
|
2020-04-23 14:22:41 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
_component: "@budibase/standard-components/checkbox",
|
|
|
|
name: "Checkbox",
|
|
|
|
description: "A selectable checkbox component",
|
|
|
|
icon: 'ri-checkbox-line',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {}
|
2020-04-23 14:22:41 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
_component: "@budibase/standard-components/radiobutton",
|
|
|
|
name: "Radiobutton",
|
|
|
|
description: "A selectable radiobutton component",
|
|
|
|
icon: 'ri-radio-button-line',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {}
|
2020-04-23 14:22:41 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
_component: "@budibase/standard-components/select",
|
|
|
|
name: "Select",
|
|
|
|
description: "A select component for choosing from different options",
|
|
|
|
icon: 'ri-file-list-line',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {}
|
2020-04-23 14:22:41 +02:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
2020-04-17 11:44:20 +02:00
|
|
|
{
|
2020-04-22 12:52:55 +02:00
|
|
|
_component: "@budibase/standard-components/button",
|
2020-04-17 11:44:20 +02:00
|
|
|
name: 'Button',
|
|
|
|
description: 'A basic html button that is ready for styling',
|
|
|
|
icon: 'ri-radio-button-fill',
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-08 21:29:15 +02:00
|
|
|
properties: { background, typography, border, size },
|
2020-04-17 11:44:20 +02:00
|
|
|
},
|
|
|
|
{
|
2020-04-23 14:22:41 +02:00
|
|
|
_component: "@budibase/standard-components/icon",
|
2020-04-17 11:44:20 +02:00
|
|
|
name: 'Icon',
|
|
|
|
description: 'A basic component for displaying icons',
|
|
|
|
icon: 'ri-sun-fill',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: []
|
2020-04-17 11:44:20 +02:00
|
|
|
},
|
|
|
|
{
|
2020-04-23 14:22:41 +02:00
|
|
|
_component: "@budibase/standard-components/link",
|
2020-04-17 11:44:20 +02:00
|
|
|
name: 'Link',
|
|
|
|
description: 'A basic link component for internal and external links',
|
|
|
|
icon: 'ri-link',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: []
|
2020-04-17 09:16:03 +02:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Blocks",
|
2020-04-20 14:40:29 +02:00
|
|
|
isCategory: true,
|
2020-04-22 08:25:59 +02:00
|
|
|
children: [
|
2020-04-17 09:16:03 +02:00
|
|
|
{
|
2020-04-22 12:52:55 +02:00
|
|
|
_component: "@budibase/materialdesign-components/BasicCard",
|
2020-04-17 15:24:51 +02:00
|
|
|
name: 'Card',
|
|
|
|
description: 'A basic card component that can contain content and actions.',
|
|
|
|
icon: 'ri-layout-bottom-line',
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-08 21:29:15 +02:00
|
|
|
properties: { size, background, border },
|
2020-04-17 11:44:20 +02:00
|
|
|
},
|
|
|
|
{
|
2020-04-17 15:24:51 +02:00
|
|
|
name: 'Login',
|
|
|
|
description: 'A component that automatically generates a login screen for your app.',
|
|
|
|
icon: 'ri-login-box-fill',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: []
|
2020-04-17 11:44:20 +02:00
|
|
|
},
|
|
|
|
{
|
2020-04-23 14:32:36 +02:00
|
|
|
name: "Navigation Bar",
|
|
|
|
_component: "@budibase/standard-components/Navigation",
|
2020-05-07 11:53:34 +02:00
|
|
|
description:
|
|
|
|
"A component for handling the navigation within your app.",
|
2020-04-23 14:32:36 +02:00
|
|
|
icon: "ri-navigation-fill",
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: []
|
2020-04-17 09:16:03 +02:00
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
{
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "Data",
|
2020-04-20 14:40:29 +02:00
|
|
|
isCategory: true,
|
2020-04-22 08:25:59 +02:00
|
|
|
children: [
|
2020-04-17 09:16:03 +02:00
|
|
|
{
|
2020-04-17 15:24:51 +02:00
|
|
|
name: 'Table',
|
|
|
|
description: 'A component that generates a table from your data.',
|
|
|
|
icon: 'ri-archive-drawer-fill',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-04-22 08:25:59 +02:00
|
|
|
children: []
|
2020-04-17 11:44:20 +02:00
|
|
|
},
|
|
|
|
{
|
2020-04-17 15:24:51 +02:00
|
|
|
name: 'Form',
|
|
|
|
description: 'A component that generates a form from your data.',
|
|
|
|
icon: 'ri-file-edit-fill',
|
2020-05-05 11:02:10 +02:00
|
|
|
properties: {},
|
2020-05-03 12:33:20 +02:00
|
|
|
_component: "@budibase/materialdesign-components/Form",
|
2020-04-21 15:20:57 +02:00
|
|
|
template: {
|
|
|
|
component: "@budibase/materialdesign-components/Form",
|
|
|
|
description: "Form for saving a record",
|
|
|
|
name: "@budibase/materialdesign-components/recordForm",
|
|
|
|
},
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-06 11:33:30 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
_component: "@budibase/standard-components/datatable",
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "DataTable",
|
|
|
|
description: "A table for displaying data from the backend.",
|
|
|
|
icon: "ri-archive-drawer-fill",
|
2020-05-06 11:33:30 +02:00
|
|
|
commonProps: {},
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-06 11:33:30 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
_component: "@budibase/standard-components/dataform",
|
2020-05-07 11:53:34 +02:00
|
|
|
name: "DataForm",
|
|
|
|
description: "Form stuff",
|
|
|
|
icon: "ri-file-edit-fill",
|
2020-05-06 11:33:30 +02:00
|
|
|
commonProps: {},
|
2020-05-07 11:53:34 +02:00
|
|
|
children: [],
|
2020-05-06 11:33:30 +02:00
|
|
|
},
|
2020-05-07 23:15:09 +02:00
|
|
|
{
|
|
|
|
name: "Chart",
|
|
|
|
_component: "@budibase/standard-components/datachart",
|
|
|
|
description: "Shiny chart",
|
|
|
|
icon: "ri-bar-chart-line",
|
|
|
|
commonProps: {},
|
|
|
|
children: [],
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "List",
|
|
|
|
_component: "@budibase/standard-components/datalist",
|
|
|
|
description: "Shiny list",
|
|
|
|
icon: "ri-file-list-line",
|
|
|
|
commonProps: {},
|
|
|
|
children: [],
|
|
|
|
},
|
2020-05-11 11:28:06 +02:00
|
|
|
{
|
|
|
|
name: "Map",
|
|
|
|
_component: "@budibase/standard-components/datamap",
|
|
|
|
description: "Shiny map",
|
|
|
|
icon: "ri-map-pin-line",
|
|
|
|
commonProps: {},
|
|
|
|
children: [],
|
|
|
|
},
|
2020-05-07 11:53:34 +02:00
|
|
|
],
|
2020-04-17 09:16:03 +02:00
|
|
|
},
|
2020-05-07 11:53:34 +02:00
|
|
|
],
|
|
|
|
}
|