Merge pull request #1031 from rvsia/returnFormEditor

Return live editor page

Author: Hyperkid123

packages/react-renderer-demo/package.json

@@ -21,7 +21,7 @@
     },
     "dependencies": {
         "@babel/plugin-proposal-class-properties": "^7.12.1",
-        "@data-driven-forms/form-builder": "0.0.10-rc6",
+        "@data-driven-forms/form-builder": "0.0.11-rc3",
         "@data-driven-forms/mui-component-mapper": "*",
         "@data-driven-forms/react-form-renderer": "*",
         "@material-ui/core": "^4.11.0",

packages/react-renderer-demo/src/helpers/field-properties.js

@@ -0,0 +1,198 @@
+export const LABEL = {
+  propertyName: 'label',
+  label: 'Label',
+  component: 'input'
+};
+
+export const HELPER_TEXT = {
+  propertyName: 'helperText',
+  label: 'Helper text',
+  component: 'input'
+};
+
+export const PLACEHOLDER = {
+  propertyName: 'placeholder',
+  label: 'Placeholder',
+  component: 'input'
+};
+
+export const INPUT_TYPE = {
+  label: 'Input Type',
+  propertyName: 'type',
+  options: ['text', 'number', 'password'],
+  component: 'select'
+};
+
+export const IS_DISABLED = {
+  propertyName: 'isDisabled',
+  label: 'Disabled',
+  component: 'switch'
+};
+
+export const IS_READ_ONLY = {
+  propertyName: 'isReadOnly',
+  label: 'Read only',
+  component: 'switch'
+};
+
+export const OPTIONS = {
+  propertyName: 'options',
+  label: 'Options',
+  component: 'options'
+};
+
+export const IS_CLEARABLE = {
+  propertyName: 'isClearable',
+  label: 'Clearable',
+  component: 'switch'
+};
+
+export const CLOSE_ON_DAY_SELECT = {
+  propertyName: 'closeOnDaySelect',
+  label: 'Close on day select',
+  component: 'switch'
+};
+
+export const SHOW_TODAY_BUTTON = {
+  propertyName: 'showTodayButton',
+  label: 'Show today button',
+  component: 'switch'
+};
+
+export const TODAY_BUTTON_LABEL = {
+  propertyName: 'todayButtonLabel',
+  label: 'Today button label',
+  component: 'input'
+};
+
+export const MULTI_LINE_LABEL = {
+  propertyName: 'label',
+  label: 'Label',
+  component: 'textarea'
+};
+
+export const TITLE = {
+  propertyName: 'title',
+  label: 'Title',
+  component: 'input'
+};
+
+export const DESCRIPTION = {
+  propertyName: 'description',
+  label: 'Description',
+  component: 'input'
+};
+
+export const HIDE_FIELD = {
+  propertyName: 'hideField',
+  label: 'Hidden',
+  component: 'switch'
+};
+
+export const LEFT_TITLE = {
+  propertyName: 'leftTitle',
+  label: 'Left title',
+  component: 'input'
+};
+
+export const RIGHT_TITLE = {
+  propertyName: 'rightTitle',
+  label: 'Right title',
+  component: 'input'
+};
+
+export const MOVE_LEFT_TITLE = {
+  propertyName: 'moveLeftTitle',
+  label: 'Move left button title',
+  component: 'input'
+};
+
+export const MOVE_RIGHT_TITLE = {
+  propertyName: 'moveRightTitle',
+  label: 'Move right button title',
+  component: 'input'
+};
+
+export const MOVE_ALL_LEFT_TITLE = {
+  propertyName: 'moveAllLeftTitle',
+  label: 'Move all left button title',
+  component: 'input'
+};
+
+export const MOVE_ALL_RIGHT_TITLE = {
+  propertyName: 'moveAllRightTitle',
+  label: 'Move alll right button title',
+  component: 'input'
+};
+
+export const ALL_TO_LEFT = {
+  propertyName: 'allToLeft',
+  label: 'Allow to move all to left',
+  component: 'switch'
+};
+
+export const ALL_TO_RIGHT = {
+  propertyName: 'allToRight',
+  label: 'Allow to move all to right',
+  component: 'switch'
+};
+
+export const NO_VALUE_TITLE = {
+  propertyName: 'noValueTitle',
+  label: 'Placeholder for empty value',
+  component: 'input'
+};
+
+export const NO_OPTIONS_TITLE = {
+  propertyName: 'noOptionsTitle',
+  label: 'Placeholder for empty options',
+  component: 'input'
+};
+
+export const FILTER_OPTIONS_TITLE = {
+  propertyName: 'filterOptionsTitle',
+  label: 'Placeholder for options filter input',
+  component: 'input'
+};
+
+export const FILTER_VALUE_TITLE = {
+  propertyName: 'filterValueTitle',
+  label: 'Placeholder for value filter input',
+  component: 'input'
+};
+
+export const FILTER_VALUE_TEXT = {
+  propertyName: 'filterValueText',
+  label: 'Placeholder for value when there is no filtered value',
+  component: 'input'
+};
+
+export const FILTER_OPTIONS_TEXT = {
+  propertyName: 'filterOptionsText',
+  label: 'Placeholder for options when there is no filtered option',
+  component: 'input'
+};
+
+export const CHECKBOX_VARIANT = {
+  propertyName: 'checkboxVariant',
+  label: 'Checkbox variant',
+  component: 'switch'
+};
+
+export const MIN = {
+  propertyName: 'min',
+  label: 'Minimum of range',
+  component: 'input'
+};
+
+export const MAX = {
+  propertyName: 'max',
+  label: 'Maximum of range',
+  component: 'input'
+};
+
+export const STEP = {
+  propertyName: 'step',
+  label: 'Step size',
+  component: 'input'
+};