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

package/src/form/field/Text.mjs

@@ -46,6 +46,7 @@ class Text extends Field {
         autoCapitalize_: 'off',
         /**
          * @member {Boolean} autoComplete_=false
+         * @reactive
          */
         autoComplete_: false,
         /**
@@ -62,18 +63,21 @@ class Text extends Field {
         /**
          * True shows a clear trigger in case the field has a non-empty value.
          * @member {Boolean} clearable_=true
+         * @reactive
          */
         clearable_: true,
         /**
          * True will reset the field to its initial value config.
          * Recommended for fields with required: true
          * @member {Boolean} clearToOriginalValue_=false
+         * @reactive
          */
         clearToOriginalValue_: false,
         /**
          * Prevent users from typing specific characters.
          * E.g. disabling +-e for NumberFields
          * @member {String[]|null} disabledChars_=null
+         * @reactive
          */
         disabledChars_: null,
         /**
@@ -83,6 +87,7 @@ class Text extends Field {
          * For example picker fields such as `Date` and `Select` may still have their
          * values changed by selecting from the picker using keyboard or pointer.
          * @member {Boolean} editable_=true
+         * @reactive
          */
         editable_: true,
         /**
@@ -92,11 +97,13 @@ class Text extends Field {
         emptyValue: null,
         /**
          * @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,
         /**
@@ -120,10 +127,12 @@ class Text extends Field {
         errorTextRequired: 'Required',
         /**
          * @member {Boolean} hideLabel_=false
+         * @reactive
          */
         hideLabel_: false,
         /**
          * @member {RegExp|null} inputPattern_=null
+         * @reactive
          */
         inputPattern_: null,
         /**
@@ -131,14 +140,17 @@ class Text extends Field {
          * The regex support for input based patterns is not fully there yet, so feel free to disable this feature
          * if needed (E.g. form.field.Phone).
          * @member {Boolean} inputPatternDOM_=true
+         * @reactive
          */
         inputPatternDOM_: true,
         /**
          * @member {String} inputType_='text'
+         * @reactive
          */
         inputType_: 'text',
         /**
          * @member {String|null} inputValue_=null
+         * @reactive
          */
         inputValue_: null,
         /**
@@ -147,54 +159,65 @@ class Text extends Field {
         labelBaseCls: ['neo-textfield-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_: ' · ',
         /**
          * @member {String} labelOptionalText_=' (Optional)'
+         * @reactive
          */
         labelOptionalText_: ' (Optional)',
         /**
          * Valid values: 'bottom', 'inline', 'left', 'right', '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,
         /**
          * The maximum amount of chars which you can enter into this field
          * @member {Number|null} maxLength_=null
+         * @reactive
          */
         maxLength_: null,
         /**
          * The minimum amount of chars which you can enter into this field
          * @member {Number|null} minLength_=null
+         * @reactive
          */
         minLength_: null,
         /**
          * @member {String|null} placeholderText_=null
+         * @reactive
          */
         placeholderText_: null,
         /**
@@ -203,19 +226,23 @@ class Text extends Field {
          * The input field will be read-only and other ways of changing the field's value
          * (such as by operating pickers) will be disabled.
          * @member {Boolean} readOnly_=false
+         * @reactive
          */
         readOnly_: false,
         /**
          * @member {Boolean} required_=false
+         * @reactive
          */
         required_: false,
         /**
          * @member {Boolean} showOptionalText_=false
+         * @reactive
          */
         showOptionalText_: false,
         /**
          * null => Follow the element's default behavior for spell checking
          * @member {Boolean|null} spellCheck_=false
+         * @reactive
          */
         spellCheck_: false,
         /**
@@ -224,14 +251,17 @@ class Text extends Field {
         subLabelBaseCls: ['neo-textfield-sublabel'],
         /**
          * @member {String[]} subLabelCls_=[]
+         * @reactive
          */
         subLabelCls_: [],
         /**
          * @member {String} subLabelText_=null
+         * @reactive
          */
         subLabelText_: null,
         /**
          * @member {Object|Object[]|null} triggers_=null
+         * @reactive
          */
         triggers_: null,
         /**
@@ -239,6 +269,7 @@ class Text extends Field {
          * Intended to get combined with form.Container: getFormState().
          * See apps/form as an example.
          * @member {Boolean} useAlertState_=false
+         * @reactive
          */
         useAlertState_: false,
         /**
@@ -249,6 +280,7 @@ class Text extends Field {
         /**
          * get value can be xssProtected and values are escaped
          * @member {Boolean} xssProtected_=false
+         * @reactive
          */
         xssProtected_: false,
         /**

package/src/form/field/TextArea.mjs

@@ -39,6 +39,7 @@ class TextArea extends Text {
         /**
          * True shows a clear trigger in case the field has a non-empty value.
          * @member {Boolean} clearable=false
+         * @reactive
          */
         clearable: false,
         /**
@@ -46,10 +47,12 @@ class TextArea extends Text {
          * If it is specified, it must be a positive integer.
          * If it is not specified, the default value is 20.
          * @member {Number|null} cols_=null
+         * @reactive
          */
         cols_: null,
         /**
          * @member {String} inputTag_='textarea'
+         * @reactive
          */
         inputTag_: 'textarea',
         /**
@@ -57,16 +60,19 @@ class TextArea extends Text {
          * See: inputTag_
          * @member {String|null} inputType=null
          * @protected
+         * @reactive
          */
         inputType: null,
         /**
          * Use false to disable the browsers default resizing feature
          * @member {Boolean} resizable_=false
+         * @reactive
          */
         resizable_: false,
         /**
          * An integer > 0 or null
          * @member {Number|null} rows_=3
+         * @reactive
          */
         rows_: 3,
         /**
@@ -74,6 +80,7 @@ class TextArea extends Text {
          * If this attribute is not specified, soft is its default value.
          * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
          * @member {String|null} wrap_=null
+         * @reactive
          */
         wrap_: null
     }

package/src/form/field/Time.mjs

@@ -30,6 +30,7 @@ class Time extends Picker {
         collection: null,
         /**
          * @member {String} inputType='time'
+         * @reactive
          */
         inputType: 'time',
         /**
@@ -51,10 +52,12 @@ class Time extends Picker {
         listConfig: null,
         /**
          * @member {String} maxValue_='16:00'
+         * @reactive
          */
         maxValue_: '16:00',
         /**
          * @member {String} minValue_='08:00'
+         * @reactive
          */
         minValue_: '08:00',
         /**
@@ -65,11 +68,13 @@ class Time extends Picker {
         /**
          * Value in seconds, defaults to 5min
          * @member {Number} stepSize_=60*5
+         * @reactive
          */
         stepSize_: 60 * 5, // 5min
         /**
          * @member {Object|Object[]} triggers=[{module: TimeTrigger}]
          * @protected
+         * @reactive
          */
         triggers: [{
             module: TimeTrigger
@@ -77,6 +82,7 @@ class Time extends Picker {
         /**
          * @member {Intl.DateTimeFormat|null} valueFormat_=null
          * @protected
+         * @reactive
          */
         valueFormat_: null
     }

package/src/form/field/Url.mjs

@@ -24,15 +24,18 @@ class Url extends Text {
         errorTextInputPattern: data => 'Not a valid URL',
         /**
          * @member {RegExp|null} inputPattern=/^(https?:\/\/)?(([a-zA-Z0-9_-]+\.)*([a-zA-Z0-9_-]+\.[a-zA-Z]{2,}))(\/([a-zA-Z0-9._-]+)\/?)*$/
+         * @reactive
          */
         inputPattern: /^(https?:\/\/)?(([a-zA-Z0-9_-]+\.)*([a-zA-Z0-9_-]+\.[a-zA-Z]{2,}))(\/([a-zA-Z0-9._-]+)\/?)*$/,
         /**
          * @member {Boolean} inputPatternDOM=false
+         * @reactive
          */
         inputPatternDOM: false,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='url'
+         * @reactive
          */
         inputType: 'url'
     }

package/src/form/field/ZipCode.mjs

@@ -31,11 +31,13 @@ class ZipCode extends Text {
         ntype: 'zipcodefield',
         /**
          * @member {String} countryCode_=null
+         * @reactive
          */
         countryCode_: null,
         /**
          * You can either pass a field instance or a field reference
          * @member {Neo.form.field.Base|String|null} countryField_=null
+         * @reactive
          */
         countryField_: null,
         /**

package/src/form/field/trigger/Base.mjs

@@ -28,6 +28,7 @@ class Base extends Component {
         ntype: 'trigger',
         /**
          * @member {String} align_='end'
+         * @reactive
          */
         align: 'end',
         /**
@@ -40,6 +41,7 @@ class Base extends Component {
         field_: null,
         /**
          * @member {String|null} iconCls_=null
+         * @reactive
          */
         iconCls_: null,
         /**
@@ -64,6 +66,7 @@ class Base extends Component {
         type: 'base',
         /**
          * @member {Number} weight_=10
+         * @reactive
          */
         weight_: 10
     }

package/src/form/field/trigger/Clear.mjs

@@ -24,6 +24,7 @@ class Clear extends Base {
         baseCls: ['neo-field-trigger', 'neo-trigger-clear'],
         /**
          * @member {String|null} iconCls='fa fa-times'
+         * @reactive
          */
         iconCls: 'fa fa-times',
         /**
@@ -34,6 +35,7 @@ class Clear extends Base {
         type: 'clear',
         /**
          * @member {Number} weight_=20
+         * @reactive
          */
         weight: 20
     }

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -24,6 +24,7 @@ class CopyToClipboard extends Base {
         baseCls: ['neo-field-trigger', 'neo-trigger-clipboard'],
         /**
          * @member {String|null} iconCls='fa fa-clipboard'
+         * @reactive
          */
         iconCls: 'fa fa-clipboard',
         /**
@@ -38,6 +39,7 @@ class CopyToClipboard extends Base {
         type: 'copyToClipboard',
         /**
          * @member {Number} weight_=21
+         * @reactive
          */
         weight: 21
     }

package/src/form/field/trigger/Date.mjs

@@ -19,6 +19,7 @@ class DateTrigger extends Picker {
         ntype: 'trigger-date',
         /**
          * @member {String|null} iconCls='fa fa-calendar-alt'
+         * @reactive
          */
         iconCls: 'fa fa-calendar-alt'
     }

package/src/form/field/trigger/Picker.mjs

@@ -19,6 +19,7 @@ class Picker extends Base {
         ntype: 'trigger-picker',
         /**
          * @member {String|null} iconCls='fa fa-caret-down'
+         * @reactive
          */
         iconCls: 'fa fa-caret-down',
         /**

package/src/form/field/trigger/Search.mjs

@@ -18,6 +18,7 @@ class Search extends Picker {
         ntype: 'trigger-search',
         /**
          * @member {String|null} iconCls='fas fa-magnifying-glass'
+         * @reactive
          */
         iconCls: 'fas fa-magnifying-glass'
     }

package/src/form/field/trigger/SpinDown.mjs

@@ -19,10 +19,12 @@ class SpinDown extends Base {
         ntype: 'trigger-spindown',
         /**
          * @member {String} align_='start'
+         * @reactive
          */
         align: 'start',
         /**
          * @member {String|null} iconCls='fa fa-chevron-left'
+         * @reactive
          */
         iconCls: 'fa fa-chevron-left',
         /**

package/src/form/field/trigger/SpinUp.mjs

@@ -19,6 +19,7 @@ class SpinUp extends Base {
         ntype: 'trigger-spinup',
         /**
          * @member {String|null} iconCls='fa fa-chevron-right'
+         * @reactive
          */
         iconCls: 'fa fa-chevron-right',
         /**

package/src/form/field/trigger/Time.mjs

@@ -33,6 +33,7 @@ class Time extends Picker {
         clockConfig: null,
         /**
          * @member {String|null} iconCls=null
+         * @reactive
          */
         iconCls: null,
         /**
@@ -43,6 +44,7 @@ class Time extends Picker {
         /**
          * Format: hh:mm
          * @member {String|null} value_=null
+         * @reactive
          */
         value_: null
     }

package/src/functional/_export.mjs

@@ -0,0 +1,6 @@
+import Component       from './component/Base.mjs';
+import defineComponent from './defineComponent.mjs';
+import useConfig       from './useConfig.mjs';
+import useEvent        from './useEvent.mjs';
+
+export {Component, defineComponent, useConfig, useEvent};