neo.mjs 10.0.0-beta.5 → 10.0.0-beta.6

package/src/form/Fieldset.mjs

@@ -24,14 +24,17 @@ class Fieldset extends FormContainer {
         baseCls: ['neo-fieldset'],
         /**
          * @member {Boolean} collapsed_=false,
+         * @reactive
          */
         collapsed_: false,
         /**
          * @member {Boolean} collapsible_=true,
+         * @reactive
          */
         collapsible_: true,
         /**
          * @member {Boolean} disableItemsOnCollapse_=true,
+         * @reactive
          */
         disableItemsOnCollapse_: true,
         /**
@@ -41,10 +44,12 @@ class Fieldset extends FormContainer {
         hasLabelClickListener: false,
         /**
          * @member {String} iconClsChecked_='far fa-check'
+         * @reactive
          */
         iconClsChecked_: 'far fa-check',
         /**
          * @member {String} iconClsUnchecked_='far fa-square'
+         * @reactive
          */
         iconClsUnchecked_: 'far fa-square',
         /**
@@ -64,6 +69,7 @@ class Fieldset extends FormContainer {
         legendConfig: null,
         /**
          * @member {String} title_=''
+         * @reactive
          */
         title_: '',
         /**

package/src/form/field/Base.mjs

@@ -31,24 +31,29 @@ class Field extends Component {
          * Form groups can get set on any parent component level.
          * An alternative way for using dots in field names.
          * @member {String|null} formGroup_=null
+         * @reactive
          */
         formGroup_: null,
         /**
          * @member {Object|null} keys={}
+         * @reactive
          */
         keys: {},
         /**
          * True indicates that a user has interacted with the form field
          * @member {Boolean} isTouched_=false
+         * @reactive
          */
         isTouched_: false,
         /**
          * Event name which sets isTouched to true. Valid options are 'focusEnter' & 'focusLeave'
          * @member {String} isTouched_=false
+         * @reactive
          */
         isTouchedEvent_: 'focusLeave',
         /**
          * @member {String|null} name_=null
+         * @reactive
          */
         name_: null,
         /**
@@ -57,6 +62,7 @@ class Field extends Component {
          * & accessibility though, so the default got set to true.
          * Feel free to change it to false to keep the DOM minimal.
          * @member {Boolean} renderName_=true
+         * @reactive
          */
         renderName_: true,
         /**
@@ -67,6 +73,7 @@ class Field extends Component {
         renderPath: true,
         /**
          * @member {*} value_=null
+         * @reactive
          */
         value_: null
     }

package/src/form/field/CheckBox.mjs

@@ -32,15 +32,18 @@ class CheckBox extends Field {
         baseCls: ['neo-checkboxfield'],
         /**
          * @member {Boolean} checked_=false
+         * @reactive
          */
         checked_: false,
         /**
          * @member {String|null} error_=null
+         * @reactive
          */
         error_: null,
         /**
          * Useful for fields inside a css grid where errors should live outside the layout
          * @member {Boolean} errorPositionAbsolute_=false
+         * @reactive
          */
         errorPositionAbsolute_: false,
         /**
@@ -53,10 +56,12 @@ class CheckBox extends Field {
         errorTextRequired: 'Required',
         /**
          * @member {Boolean} groupRequired_=false
+         * @reactive
          */
         groupRequired_: false,
         /**
          * @member {Boolean} hideLabel_=false
+         * @reactive
          */
         hideLabel_: false,
         /**
@@ -69,6 +74,7 @@ class CheckBox extends Field {
         iconClsChecked: ['fas', 'fa-check'],
         /**
          * @member {String} inputType_='checkbox'
+         * @reactive
          */
         inputType_: 'checkbox',
         /**
@@ -77,45 +83,54 @@ class CheckBox extends Field {
         labelBaseCls: ['neo-checkbox-label'],
         /**
          * @member {String[]} labelCls_=[]
+         * @reactive
          */
         labelCls_: [],
         /**
          * Edge-case config in case we want to render leading content with their own selectors like:
          * <span class="my-label-id-cls">E10</span> · Firstname
          * @member {String|null} labelId_=null
+         * @reactive
          */
         labelId_: null,
         /**
          * CSS rules for labelId
          * @member {String[]} labelIdCls_=[]
+         * @reactive
          */
         labelIdCls_: [],
         /**
          * Separator between labelId & labelText
          * @member {String} labelIdSeparator_=' · '
+         * @reactive
          */
         labelIdSeparator_: ' · ',
         /**
          * Valid values: 'left', 'top'
          * @member {String} labelPosition_='left'
+         * @reactive
          */
         labelPosition_: 'left',
         /**
          * @member {String} labelText_='LabelText'
+         * @reactive
          */
         labelText_: 'LabelText',
         /**
          * defaults to px
          * @member {Number|String} labelWidth_=150
+         * @reactive
          */
         labelWidth_: 150,
         /**
          * @member {Boolean} required_=false
+         * @reactive
          */
         required_: false,
         /**
          * Use case: Set this config to false for all but one item with the same name.
          * @member {Boolean} showErrorTexts_=true
+         * @reactive
          */
         showErrorTexts_: true,
         /**
@@ -129,14 +144,17 @@ class CheckBox extends Field {
          * Intended to get combined with form.Container: getFormState().
          * See apps/form as an example.
          * @member {Boolean} useAlertState_=false
+         * @reactive
          */
         useAlertState_: false,
         /**
          * @member {Boolean|Number|String|null} value=true
+         * @reactive
          */
         value: true,
         /**
          * @member {String|null} valueLabelText_=null
+         * @reactive
          */
         valueLabelText_: null,
         /**

package/src/form/field/Chip.mjs

@@ -18,6 +18,7 @@ class Chip extends ComboBox {
         ntype: 'chipfield',
         /**
          * @member {Object|null} listConfig={useCheckBoxes: true}
+         * @reactive
          */
         listConfig: {
             useCheckBoxes: true

package/src/form/field/ComboBox.mjs

@@ -53,6 +53,7 @@ class ComboBox extends Picker {
         filterDelay : 50,
         /**
          * @member {String} filterOperator_='like'
+         * @reactive
          */
         filterOperator_: 'like',
         /**
@@ -81,6 +82,7 @@ class ComboBox extends Picker {
         list: null,
         /**
          * @member {Object|null} listConfig_=null
+         * @reactive
          */
         listConfig_: null,
         /**
@@ -90,10 +92,12 @@ class ComboBox extends Picker {
         pickerHeight: null,
         /**
          * @member {String|null} role='combobox'
+         * @reactive
          */
         role: 'combobox',
         /**
          * @member {Neo.data.Store|null} store_=null
+         * @reactive
          */
         store_: null,
         /**
@@ -101,16 +105,19 @@ class ComboBox extends Picker {
          * match the filter string inside the input field.
          * Valid values: all, filtered
          * @member {String} triggerAction_='all'
+         * @reactive
          */
         triggerAction_: 'all',
         /**
          * Display the first matching result while typing
          * @member {Boolean} typeAhead_=true
+         * @reactive
          */
         typeAhead_: true,
         /**
          * Set this config to false, in case typing into the input field should not filter list items
          * @member {Boolean} useFilter_=true
+         * @reactive
          */
         useFilter_: true,
         /**
@@ -122,6 +129,7 @@ class ComboBox extends Picker {
         /**
          * Default width to prevent rendering issues.
          * @member {Number} width=150
+         * @reactive
          */
         width: 150
     }

package/src/form/field/Country.mjs

@@ -19,6 +19,7 @@ class Country extends ComboBox {
         /**
          * You can either pass a field instance or a field reference
          * @member {Neo.form.field.Base|String|null} zipCodeField_=null
+         * @reactive
          */
         zipCodeField_: null
     }

package/src/form/field/Currency.mjs

@@ -18,10 +18,12 @@ class Currency extends Number {
         ntype: 'currencyfield',
         /**
          * @member {Number} maxValue=1000000
+         * @reactive
          */
         maxValue: 1000000,
         /**
          * @member {Number} stepSize=0.01
+         * @reactive
          */
         stepSize: 0.01
     }

package/src/form/field/Date.mjs

@@ -48,14 +48,17 @@ class DateField extends Picker {
         hidePickerOnSelect: false,
         /**
          * @member {String} inputType='date'
+         * @reactive
          */
         inputType: 'date',
         /**
          * @member {String|null} maxValue_=null
+         * @reactive
          */
         maxValue_: null,
         /**
          * @member {String|null} minValue_=null
+         * @reactive
          */
         minValue_: null,
         /**
@@ -73,6 +76,7 @@ class DateField extends Picker {
         /**
          * @member {Object|Object[]} triggers=[{module: DateTrigger}]
          * @protected
+         * @reactive
          */
         triggers: [{
             module: DateTrigger

package/src/form/field/Display.mjs

@@ -24,6 +24,7 @@ class Display extends Text {
         /**
          * @member {Boolean} clearable=false
          * @protected
+         * @reactive
          */
         clearable: false
     }

package/src/form/field/Email.mjs

@@ -30,6 +30,7 @@ class Email extends Text {
         errorTextValidEmail: 'Not a valid email address',
         /**
          * @member {String} inputType='email'
+         * @reactive
          */
         inputType: 'email'
     }

package/src/form/field/FileUpload.mjs

@@ -102,6 +102,7 @@ class FileUpload extends Field {
         baseCls: ['neo-file-upload-field'],
         /**
          * @member {String[]} cls=['neo-field-empty']
+         * @reactive
          */
         cls: ['neo-field-empty'],
         /**
@@ -148,6 +149,7 @@ class FileUpload extends Field {
 
         /**
          * @member {String|null} document_=null
+         * @reactive
          */
         document_: null,
 
@@ -211,6 +213,7 @@ class FileUpload extends Field {
          * by the {@link #member-documentIdParameter}. It defaults to `'documentId'`.
          *
          * @member {String|null} downloadUrl_=null
+         * @reactive
          */
         downloadUrl_: null,
 
@@ -240,6 +243,7 @@ class FileUpload extends Field {
          * ```
          *
          * @member {String|null} documentStatusUrl_=null
+         * @reactive
          */
         documentStatusUrl_: null,
 
@@ -273,6 +277,7 @@ class FileUpload extends Field {
          * If this service yields an HTTP 200 status, the deletion is taken to have been successful.
          *
          * @member {String|null} documentDeleteUrl_=null
+         * @reactive
          */
         documentDeleteUrl_: null,
 
@@ -286,6 +291,7 @@ class FileUpload extends Field {
 
         /**
          * @member {String} state_=ready
+         * @reactive
          */
         state_: 'ready',
 
@@ -302,6 +308,7 @@ class FileUpload extends Field {
         /**
          * The error text to show below the widget
          * @member {String|null} error_=null
+         * @reactive
          */
         error_ : null,
 

package/src/form/field/Hidden.mjs

@@ -18,6 +18,7 @@ class Hidden extends Field {
         ntype: 'hiddenfield',
         /**
          * @member {Boolean} hidden=true
+         * @reactive
          */
         hidden: true
     }

package/src/form/field/Number.mjs

@@ -35,6 +35,7 @@ class Number extends Text {
         /**
          * Prevent users from typing specific characters.
          * @member {String[]|null} disabledChars=['e','E']
+         * @reactive
          */
         disabledChars: ['e', 'E'],
         /**
@@ -58,23 +59,28 @@ class Number extends Text {
         /**
          * false only allows changing the field using the spin buttons
          * @member {Boolean} inputEditable_=true
+         * @reactive
          */
         inputEditable_: true,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='number'
+         * @reactive
          */
         inputType: 'number',
         /**
          * @member {Number} maxValue_=100
+         * @reactive
          */
         maxValue_: 100,
         /**
          * @member {Number} minValue_=0
+         * @reactive
          */
         minValue_: 0,
         /**
          * @member {Number} stepSize_=1
+         * @reactive
          */
         stepSize_: 1,
         /**
@@ -84,6 +90,7 @@ class Number extends Text {
         triggerPosition_: 'right',
         /**
          * @member {Boolean} useSpinButtons_=true
+         * @reactive
          */
         useSpinButtons_: true
     }

package/src/form/field/Password.mjs

@@ -19,6 +19,7 @@ class Password extends Text {
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='password'
+         * @reactive
          */
         inputType: 'password'
     }

package/src/form/field/Phone.mjs

@@ -24,15 +24,18 @@ class Phone extends Text {
         errorTextInputPattern: data => `Not a valid phone number`,
         /**
          * @member {RegExp|null} inputPattern=/^\+?\(?[0-9]+\)?([\-\s\.]?[/0-9]+)*$/
+         * @reactive
          */
         inputPattern: /^\+?\(?[0-9]+\)?([\-\s\.]?[/0-9]+)*$/,
         /**
          * @member {Boolean} inputPatternDOM=false
+         * @reactive
          */
         inputPatternDOM: false,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='tel'
+         * @reactive
          */
         inputType: 'tel'
     }

package/src/form/field/Picker.mjs

@@ -58,6 +58,7 @@ class Picker extends Text {
         /**
          * @member {Boolean} pickerIsMounted_=false
          * @protected
+         * @reactive
          */
         pickerIsMounted_: false,
         /**
@@ -79,6 +80,7 @@ class Picker extends Text {
         /**
          * @member {Object|Object[]} triggers=[]
          * @protected
+         * @reactive
          */
         triggers: [{
             module: PickerTrigger

package/src/form/field/Radio.mjs

@@ -27,6 +27,7 @@ class Radio extends CheckBox {
         iconCls: ['far', 'fa-circle'],
         /**
          * @member {String} inputType='radio'
+         * @reactive
          */
         inputType: 'radio'
     }

package/src/form/field/Range.mjs

@@ -31,11 +31,13 @@ class Range extends Number {
         /**
          * True shows a clear trigger in case the field has a non empty value.
          * @member {Boolean} clearable=false
+         * @reactive
          */
         clearable: false,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='range'
+         * @reactive
          */
         inputType: 'range',
         /**
@@ -45,6 +47,7 @@ class Range extends Number {
         showResultInLabel: false,
         /**
          * @member {Array} tickmarks_=[]
+         * @reactive
          */
         tickmarks_: [],
         /**

package/src/form/field/Search.mjs

@@ -23,11 +23,13 @@ class Search extends Text {
         /**
          * Value for the hideLabel_ textfield config
          * @member {Boolean} hideLabel=true
+         * @reactive
          */
         hideLabel: true,
         /**
          * Value for the placeholderText_ textfield config
          * @member {String} placeholderText='Search'
+         * @reactive
          */
         placeholderText: 'Search'
     }