robobyte-front-builder 1.0.0

package/src/views/builder/inspector/definitions/button/actions.js

@@ -0,0 +1,12 @@
+export const BUTTON_ACTION_FIELDS = [
+  {
+    name: 'onClick',
+    label: 'On Click',
+    type: 'action',
+    actionTypes: [
+      { value: 'submit', label: 'Submit Form' },
+      { value: 'reset', label: 'Reset Form' },
+      { value: 'custom', label: 'Custom Action' }
+    ]
+  }
+]

package/src/views/builder/inspector/definitions/button/main.js

@@ -0,0 +1,14 @@
+export const BUTTON_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'variant', label: 'Variant', type: 'select', options: ['text', 'outlined', 'contained'] },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' },
+  { name: 'fullWidth', label: 'FullWidth', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/button/rules.js

@@ -0,0 +1,5 @@
+export const BUTTON_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/button/style.js

@@ -0,0 +1,32 @@
+export const BUTTON_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/button.actions.js

@@ -0,0 +1,12 @@
+export const BUTTON_ACTION_FIELDS = [
+  {
+    name: 'onClick',
+    label: 'On Click',
+    type: 'action',
+    actionTypes: [
+      { value: 'submit', label: 'Submit Form' },
+      { value: 'reset', label: 'Reset Form' },
+      { value: 'custom', label: 'Custom Action' }
+    ]
+  }
+]

package/src/views/builder/inspector/definitions/card/main.js

@@ -0,0 +1,11 @@
+export const CARD_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'title', label: 'Title', type: 'expression' },
+  { name: 'subheader', label: 'Subheader', type: 'expression' },
+  {
+    name: 'variant',
+    label: 'Variant',
+    type: 'select',
+    options: ['elevation', 'outlined']
+  }
+]

package/src/views/builder/inspector/definitions/cell/main.js

@@ -0,0 +1,4 @@
+export const CELL_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/checkbox/actions.js

@@ -0,0 +1 @@
+export const CHECKBOX_ACTIONS_FIELDS = []

package/src/views/builder/inspector/definitions/checkbox/main.js

@@ -0,0 +1,13 @@
+export const CHECKBOX_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' },
+]

package/src/views/builder/inspector/definitions/checkbox/rules.js

@@ -0,0 +1,8 @@
+export const CHECKBOX_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'required', label: 'Required', type: 'boolean' },
+  { name: 'validation', label: 'Validation', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' },
+  { name: 'helperText', label: 'Helper Text', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/checkbox/style.js

@@ -0,0 +1,38 @@
+export const CHECKBOX_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  }
+]

package/src/views/builder/inspector/definitions/column/main.js

@@ -0,0 +1,9 @@
+export const COLUMN_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'xs', label: 'Width (xs)', type: 'number' },
+  { name: 'sm', label: 'Width (sm)', type: 'number' },
+  { name: 'md', label: 'Width (md)', type: 'number' },
+  { name: 'lg', label: 'Width (lg)', type: 'number' },
+  { name: 'xl', label: 'Width (xl)', type: 'number' },
+  { name: 'size', label: 'Size', type: 'number' },
+]

package/src/views/builder/inspector/definitions/column-group/main.js

@@ -0,0 +1,18 @@
+export const COLUMN_GROUP_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'spacing', label: 'Spacing', type: 'number' },
+  {
+    name: 'direction',
+    label: 'Direction',
+    type: 'select',
+    options: ['row', 'row-reverse', 'column', 'column-reverse']
+  },
+  {
+    name: 'wrap',
+    label: 'Wrap',
+    type: 'select',
+    options: ['nowrap', 'wrap', 'wrap-reverse']
+  },
+  { name: 'size', label: 'Size', type: 'number' },
+  { name: 'container', type: 'boolean',label: 'Container' },
+]

package/src/views/builder/inspector/definitions/common/actions.js

@@ -0,0 +1 @@
+export const COMMON_ACTIONS_FIELDS = []

package/src/views/builder/inspector/definitions/common/main.js

@@ -0,0 +1,14 @@
+export const COMMON_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'text' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/common/rules.js

@@ -0,0 +1,8 @@
+export const COMMON_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'required', label: 'Required', type: 'boolean' },
+  { name: 'validation', label: 'Validation', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' },
+  { name: 'helperText', label: 'Helper Text', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/common/style.js

@@ -0,0 +1,39 @@
+export const COMMON_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'elementStyle', label: 'Element Style', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/common.advanced.js

@@ -0,0 +1,8 @@
+export const COMMON_ADVANCED_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'required', label: 'Required', type: 'boolean' },
+  { name: 'validation', label: 'Validation', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' },
+  { name: 'helperText', label: 'Helper Text', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/common.main.js

@@ -0,0 +1,14 @@
+export const COMMON_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'text' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/common.style.js

@@ -0,0 +1,33 @@
+export const COMMON_STYLE_FIELDS = [
+  { name: 'elementStyle', label: 'Element Style', type: 'expression' },
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'spaceBetween', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' },
+]

package/src/views/builder/inspector/definitions/commonMainFields.js

@@ -0,0 +1,18 @@
+export const COMMON_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' }
+]
+
+export function getMainFields(type) {
+  return COMMON_MAIN_FIELDS
+}

package/src/views/builder/inspector/definitions/container/actions.js

@@ -0,0 +1 @@
+export const CONTAINER_ACTIONS_FIELDS = []

package/src/views/builder/inspector/definitions/container/main.js

@@ -0,0 +1,4 @@
+export const CONTAINER_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/container/rules.js

@@ -0,0 +1,4 @@
+export const CONTAINER_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/container/style.js

@@ -0,0 +1,32 @@
+export const CONTAINER_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/datepicker/actions.js

@@ -0,0 +1 @@
+export const DATEPICKER_ACTIONS_FIELDS = []

package/src/views/builder/inspector/definitions/datepicker/main.js

@@ -0,0 +1,28 @@
+export const DATEPICKER_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'text' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' },
+  // Calendar-specific props
+  { name: 'format', label: 'Date Format', type: 'text', placeholder: 'YYYY-MM-DD' },
+  {
+    name: 'views',
+    label: 'Views',
+    type: 'select',
+    options: ['day', 'month', 'year']
+  },
+  { name: 'openTo', label: 'Open To', type: 'select', options: ['day', 'month', 'year'] },
+  { name: 'minDate', label: 'Min Date', type: 'expression' },
+  { name: 'maxDate', label: 'Max Date', type: 'expression' },
+  { name: 'disableFuture', label: 'Disable Future', type: 'boolean' },
+  { name: 'disablePast', label: 'Disable Past', type: 'boolean' },
+  { name: 'readOnly', label: 'Read Only', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/datepicker/rules.js

@@ -0,0 +1,8 @@
+export const DATEPICKER_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'required', label: 'Required', type: 'boolean' },
+  { name: 'validation', label: 'Validation', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' },
+  { name: 'helperText', label: 'Helper Text', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/datepicker/style.js

@@ -0,0 +1,38 @@
+export const DATEPICKER_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  }
+]

package/src/views/builder/inspector/definitions/datepicker.main.js

@@ -0,0 +1,28 @@
+export const DATEPICKER_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'text' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' },
+  // Calendar-specific props
+  { name: 'format', label: 'Date Format', type: 'text', placeholder: 'YYYY-MM-DD' },
+  {
+    name: 'views',
+    label: 'Views',
+    type: 'select',
+    options: ['day', 'month', 'year']
+  },
+  { name: 'openTo', label: 'Open To', type: 'select', options: ['day', 'month', 'year'] },
+  { name: 'minDate', label: 'Min Date', type: 'expression' },
+  { name: 'maxDate', label: 'Max Date', type: 'expression' },
+  { name: 'disableFuture', label: 'Disable Future', type: 'boolean' },
+  { name: 'disablePast', label: 'Disable Past', type: 'boolean' },
+  { name: 'readOnly', label: 'Read Only', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/divider/actions.js

@@ -0,0 +1 @@
+export const DIVIDER_ACTIONS_FIELDS = []

package/src/views/builder/inspector/definitions/divider/main.js

@@ -0,0 +1,23 @@
+export const DIVIDER_MAIN_FIELDS = [
+  { name: 'text', label: 'Text', type: 'expression' },
+  {
+    name: 'orientation',
+    label: 'Orientation',
+    type: 'select',
+    options: ['horizontal', 'vertical']
+  },
+  {
+    name: 'variant',
+    label: 'Variant',
+    type: 'select',
+    options: ['fullWidth', 'inset', 'middle']
+  },
+  {
+    name: 'textAlign',
+    label: 'Text Align',
+    type: 'select',
+    options: ['center', 'left', 'right']
+  },
+  { name: 'flexItem', label: 'Flex Item', type: 'boolean' },
+  { name: 'light', label: 'Light', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/divider/rules.js

@@ -0,0 +1,4 @@
+export const DIVIDER_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/divider/style.js

@@ -0,0 +1,9 @@
+export const DIVIDER_STYLE_FIELDS = [
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  { name: 'borderColor', label: 'Border Color', type: 'expression' },
+  { name: 'borderWidth', label: 'Border Width', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/dropdown/actions.js

@@ -0,0 +1,10 @@
+export const DROPDOWN_ACTIONS_FIELDS = [
+  {
+    name: 'onChange',
+    label: 'On Change',
+    type: 'action',
+    actionTypes: [
+      { value: 'custom', label: 'Custom Action' }
+    ]
+  }
+]

package/src/views/builder/inspector/definitions/dropdown/main.js

@@ -0,0 +1,19 @@
+export const DROPDOWN_MAIN_FIELDS = [
+  { name: 'key', label: 'Key', type: 'expression' },
+  { name: 'label', label: 'Label', type: 'expression' },
+  { name: 'value', label: 'Value', type: 'expression' },
+  { name: 'placeholder', label: 'Placeholder', type: 'text' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  },
+  { name: 'disabled', label: 'Disabled', type: 'boolean' },
+  { name: 'enabled', label: 'Enabled', type: 'boolean' },
+  { name: 'fullWidth', label: 'Full Width', type: 'boolean' },
+  // Dropdown-specific props
+  { name: 'options', label: 'Options', type: 'options-editor' },
+  { name: 'multiple', label: 'Multiple', type: 'boolean' },
+  { name: 'native', label: 'Native', type: 'boolean' }
+]

package/src/views/builder/inspector/definitions/dropdown/rules.js

@@ -0,0 +1,8 @@
+export const DROPDOWN_RULES_FIELDS = [
+  { name: 'visible', label: 'Visible', type: 'expression' },
+  { name: 'readonly', label: 'Read Only', type: 'boolean' },
+  { name: 'required', label: 'Required', type: 'boolean' },
+  { name: 'validation', label: 'Validation', type: 'expression' },
+  { name: 'tooltip', label: 'Tooltip', type: 'expression' },
+  { name: 'helperText', label: 'Helper Text', type: 'expression' }
+]

package/src/views/builder/inspector/definitions/dropdown/style.js

@@ -0,0 +1,38 @@
+export const DROPDOWN_STYLE_FIELDS = [
+  {
+    name: 'color',
+    label: 'Color',
+    type: 'select',
+    options: ['default', 'primary', 'secondary', 'error', 'warning', 'info', 'success']
+  },
+  { name: 'display', label: 'Display', type: 'expression' },
+  { name: 'width', label: 'Width', type: 'expression' },
+  { name: 'height', label: 'Height', type: 'expression' },
+  { name: 'margin', label: 'Margin', type: 'expression' },
+  { name: 'padding', label: 'Padding', type: 'expression' },
+  {
+    name: 'flexDirection',
+    label: 'Flex Direction',
+    type: 'select',
+    options: ['row', 'column', 'row-reverse', 'column-reverse']
+  },
+  {
+    name: 'justifyContent',
+    label: 'Justify Content',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']
+  },
+  {
+    name: 'alignItems',
+    label: 'Align Items',
+    type: 'select',
+    options: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline']
+  },
+  { name: 'gap', label: 'Gap', type: 'expression' },
+  {
+    name: 'size',
+    label: 'Size',
+    type: 'select',
+    options: ['small', 'medium', 'large']
+  }
+]

package/src/views/builder/inspector/definitions/header/actions.js

@@ -0,0 +1 @@
+export const HEADER_ACTIONS_FIELDS = []