MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added sections for UI component event bindings

This commit is contained in:
Dean 2022-08-24 16:38:08 +01:00
parent 7903306709
commit 618732429d
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/builder/src/builderStore/dataBinding.js
View File

@ -299,7 +299,10 @@ const getProviderContextBindings = (asset, dataProviders) => {
schema = {} schema = {}
const values = context.values || [] const values = context.values || []
values.forEach(value => { values.forEach(value => {
schema[value.key] = { name: value.label, type: "string" } schema[value.key] = {
name: value.label,
type: value.type || "string",
}
}) })
} else if (context.type === "schema") { } else if (context.type === "schema") {
// Schema contexts are generated dynamically depending on their data // Schema contexts are generated dynamically depending on their data
@ -361,7 +364,10 @@ const getProviderContextBindings = (asset, dataProviders) => {
tableId: table?._id, tableId: table?._id,
category: component._instanceName, category: component._instanceName,
icon: def.icon, icon: def.icon,
display: { name: fieldSchema.name || key, type: fieldSchema.type }, display: {
name: fieldSchema.name || key,
type: fieldSchema.type,
},
}) })
}) })
}) })
@ -544,6 +550,7 @@ export const getEventContextBindings = (
// Check if any context bindings are provided by the component for this // Check if any context bindings are provided by the component for this
// setting // setting
const component = findComponent(asset.props, componentId) const component = findComponent(asset.props, componentId)
const def = store.actions.components.getDefinition(component?._component)
const settings = getComponentSettings(component?._component) const settings = getComponentSettings(component?._component)
const eventSetting = settings.find(setting => setting.key === settingKey) const eventSetting = settings.find(setting => setting.key === settingKey)
if (eventSetting?.context?.length) { if (eventSetting?.context?.length) {
@ -553,6 +560,8 @@ export const getEventContextBindings = (
runtimeBinding: `${makePropSafe("eventContext")}.${makePropSafe( runtimeBinding: `${makePropSafe("eventContext")}.${makePropSafe(
contextEntry.key contextEntry.key
)}`, )}`,
category: component._instanceName,
icon: def.icon,
}) })
}) })
} }
@ -574,6 +583,8 @@ export const getEventContextBindings = (
bindings.push({ bindings.push({
readableBinding: `Action ${idx + 1}.${contextValue.label}`, readableBinding: `Action ${idx + 1}.${contextValue.label}`,
runtimeBinding: `actions.${idx}.${contextValue.value}`, runtimeBinding: `actions.${idx}.${contextValue.value}`,
category: "Actions",
icon: "JourneyAction",
}) })
}) })
} }

6
packages/builder/src/components/common/bindings/BindingPanel.svelte
View File

@ -458,11 +458,7 @@
font-weight: 600; font-weight: 600;
text-transform: capitalize; text-transform: capitalize;
} }
.binding__description {
color: var(--spectrum-global-color-gray-700);
margin: 0.5rem 0 0 0;
white-space: normal;
}
.binding__type { .binding__type {
font-family: monospace; font-family: monospace;
background-color: var(--spectrum-global-color-gray-200); background-color: var(--spectrum-global-color-gray-200);